/* Five dock framing */

/* General display settings */
body {
	background-image: url(images/gradient_column.jpg);
	background-repeat: repeat-y;
	background-color: #000; 
	color: #fff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
}

/* highlight current page link */
body#home a.home_nav, body#about a.about_nav, body#gallery a.gallery_nav, body#frame a.frame_nav, body#hang a.hang_nav, body#test a.test_nav, body#contact a.contact_nav {
	background-color: #ef782d;
	color: #fff;
}

h1 {color: #ef782d; font-size: 1.7em; font-weight: normal; margin-top: 0; text-transform: uppercase;}

h2 {color: #ef782d; font-size: 1.2em; font-weight: bold; margin-top: 0; margin-bottom: 0;}

h3 {color: #ef782d; font-size: 1em; font-weight: bold; margin-top: 1em; margin-bottom: 0;*}

p {margin-top: 0;}

a {color: #fff;}

a:hover {color: #ef782d;}

img {border: 0;}

strong {color: #ef782d; font-weight: normal;}

div.hor_line {border-bottom: 1px solid #ef782d; margin-bottom: 20px;}

span.captioned_image {display: inline-block; margin-right: 2em; vertical-align: top; }

.captioned_image img {margin-top: 1em; margin-bottom: 0.5em;}

/* Logo always in the top left */
.logo {padding-top: 8px; padding-right: 20px; padding-left: 20px; padding-bottom: 6px; }

/* Navigation bar */
#main_nav {position: absolute; top: 0; left: 324px; width: 60em; margin: 0; padding: 0; text-transform: uppercase;}

#main_nav li {list-style: none; float: left; margin: 0 0.12em 0 0.12em;}

#main_nav li a {display: block; padding: 1.6em 0.5em 0.25em 0.5em; text-decoration: none; color: #6d6f71; font-size: 18px;}

#main_nav li a:hover {color: #fff; background-color: #ef782d;}

#main_nav li div {padding-top: 10px;}

#main_nav li ul {display: none;}

#main_nav li:hover ul, #main_nav li.hover ul {position: absolute; display: inline; width: 100%; margin: 0; padding: 0; background-color: #ef782d; width: 7em;}

#main_nav li:hover li, #main_nav li.hover li {float: left;}

#main_nav li:hover li a, #main_nav li.hover li a {color: #6d6f71; display: block; padding: 0.25em 0.5em 0.25em 0.5em; font-size: 14px;}

#main_nav li li a:hover {color: #fff;}

/* Banner containing scrolling images */
#banner {height: 214px; border-bottom: 6px solid #ef782d; margin-top: 10px; white-space: nowrap; overflow: hidden;}

/* Left column effects */
.left_column {float: left; width: 264px; padding: 20px; height: 676px; }

.phone {font-weight: normal; color: #fff; margin-bottom: 20px;}

.section_links {padding-bottom: 1em;}

.bottom_links {font-size: 1.15em; padding-top: 4em;}

/* Right column effects */
.right_column {margin-left: 310px; padding: 20px;}

#home .shop_van {width: 850px;}

#home .right_column img {margin: 5px 5px 15px 0; border: 1px solid #fff;}

#about .right_column img {margin: 5px 5px 15px 0; border: 1px solid #fff;}

#gallery .right_column {margin-left: 0px;}

#hang .arti_logo {margin: 5px 5px 15px 0;}

#home .right_column .arti_logo, #hang .arti_logo {border: none;}

/* Centre column used for gallery pages */
.centre_column {padding: 20px;}

/* Bullet points of tasks */
.skills ul {padding-left: 16px; margin-top: 0; padding-top: 0;}

.skills li {list-style-image: url(images/bullet.gif);}

.skills .left {float: left; padding-right: 3em;}

.skills li.empty {list-style: none; }

#frame .skills .left {float: left; padding-right: 3em; width: 350px;}

/* About */
.caption {font-size: 0.9em; font-style: italic; margin-bottom: 2em;}

/* Testimonials */
.name {text-align: right; color: #ef782d; margin-bottom: 2em;}

/* Contact us */
.map {padding-top: 1em;}

.map p {margin-top: 1em;}

/* Hanging page specifics */

#hang .description #imagoCurrentImageArtist {display: none; }
#hang .description #imagoCurrentImagePrice {display: none; }
#hang .description #imagoCurrentImageArtistTitle {display: none; }
#hang .description #imagoCurrentImageBio {display: none; }

#hang .right_para { margin-left: 310px; }


/* Copyright and creator */
.footer {text-align: right; padding-top: 5em; clear: both; }

.footer .copy {float: left; font-size: 0.7em; padding: 0 20px 0 20px;}

.footer .created {font-size: 0.7em; padding: 0 20px 0 20px;}



/*css for gallery*/

.description {padding-top: 20px;}

.description p {margin-bottom: 3px;}

.imago_thumbImg {border: 0; padding: 3px; height: 100px;}

.imago_selectedThumb {border: 3px solid #fff; padding: 0;}

#imagoGalleryTitle {display: none; }
#imagoThumbMenu {float: left; margin-left: 20px;}
#imagoFrame {margin-left: 310px; }
#imagoGallery table {border: none; }
#imagoCurrentImg {margin-bottom: 5px;}

.imago_navPrev {padding-left: 5px; position: absolute;}

.imago_navNext {margin-left: 190px;}

.imago_navNextImage {float: right;}

.imago_navPrevImage {float: left;}