/* 

Stylesheet for stockbridgefineartprint.com
© Jeffrey Stockbridge 2008

Written by Ryan Hinkel

*/

/* Colors */

body {background-color:#fff;color: #777;}
h1, h1 a, h2{color: #777}
h1 a:hover {color: #666}



p {color: #919191;}
a {color: #777;}
dl {color: #919191;}
ul {color: #777;}

#recentwork_gallery div#info a.disable {color: #ccc;}

#pricesheet div.pricelist_box {background-color:#f7f7f7;}
#pricesheet h2, #pricesheet p, #pricesheet table {color:#333;}
#pricesheet tr:hover {background-color: #fff;}

#mounting div.mounting_box {background-color:#f7f7f7;}
#mounting h2, #mounting p, #mounting table {color:#333;}
#mounting tr:hover {background-color: #fff;}





/* Menu */

ul#nav {}
ul#nav li {}
ul#nav a {background-color: #f0f0f0;color: #444;outline:none;}

body#equipment li#menu_equipment a {background-color: #ddd;color: #444;}
body#links li#menu_links a {background-color: #ddd;color: #444;}
body#aiaboards li#menu_aiaboards a {background-color: #ddd;color: #444;}
body#media li#menu_media a {background-color: #ddd;color: #444;}
body#recentwork li#menu_recentwork a {background-color: #ddd;color: #444;}
body#pricesheet li#menu_pricesheet a {background-color: #ddd;color: #444;}
body#mounting li#menu_mounting a {background-color: #ddd;color: #444;}
body#contact li#menu_contact a {background-color: #ddd;color: #444;}
body#ftp li#menu_ftp a {background-color: #ddd;color: #444;}

ul#nav a:hover {background-color: #777;color: #fff;}
		

		
		
		
        
/* Typography */


body {text-align: left; font-family:Helvetica, Arial, san-serif;font-size:13px;line-height: 20px;}
h1 {font-size:46px;font-weight:normal;}
h1 a {text-decoration:none;}
h2 {font-size:22px;font-weight:normal;}
p {font-size:17px;font-weight:normal;text-align:justify;line-height: 22px;}
a {text-decoration: none;}

#contact dl {font-size:17px;font-weight:normal;}
#contact dt {font-size:20px;line-height:24px;}
#contact dd {font-size:13px;text-align:justify;line-height: 18px;}

#media dt {font-size:26px;line-height:26px; }
#media dd {font-size:14px;text-align:justify;line-height: 16px;}

#recentwork ul#clientlist {font-size:16px; line-height:22px;}
#recentwork ul#clientlist li {list-style:none;}

#pricesheet h2 {font-size: 20px;}
#pricesheet p {font-size:12px; line-height: 16px;}
#pricesheet table {line-height:13px;} 
#pricesheet td {text-align:left;vertical-align:bottom;}

#mounting h2 {font-size: 20px;}
#mounting p {font-size:12px; line-height: 16px;}
#mounting table {line-height:13px;} 
#mounting td {text-align:left;vertical-align:bottom;}

#ftp h2 {font-size: 20px;margin:20px 0;}
#ftp h3 {font-size: 18px;margin: 18px 0;}
#ftp p {font-size:14px; line-height: 16px; margin: 18px 0;}
#ftp td {text-align:left;vertical-align:bottom;}

		/* Menu */
		
		ul#nav {font-size:12px;font-weight:bold;letter-spacing:1px;line-height:12px;}
		ul#nav a {text-decoration: none;}
		


/* Recent Work 2 */

#scroller {position:relative;}
#scroller img {margin-right:10px;}

#recentwork #names {margin: 0;position:fixed;top:160px; left: 0px;padding-left:30px;background: url('../images/names_back.png') repeat-y; width:200px;height:400px;}
#recentwork #names ul{margin:0; padding: 0; list-style-type: none;width:200px;}
#recentwork #names a {margin:0; padding: 0;font-size:15px;width:200px;}
#recentwork #names .selected a{color:#333;}
#recentwork #names p.print_info {margin:0 0 8px; padding: 0;font-size:11px;line-height:16px;display:none;width:200px;height:50px;}
#recentwork #names p.print_info a {font-size:11px;color:#777;}
#recentwork #names .selected p.print_info {display:block;}
#recentwork h2 {}


#recentwork h1 a, #recentwork #nav{position:fixed;}

/* Structure */


/* Menu */

ul#nav {position: absolute; top: 100px; left: 30px;}

ul#nav {margin: 0 0 20px 0; padding: 0px;}
ul#nav li {list-style:none; display:inline; padding:0; margin:0;}
ul#nav li a {border-width: 0 1px 0 0; border-color: #ddd; border-style: solid; height: 20px;padding:5px 11px 4px; margin:0;}
ul#nav li.last a {border-right: none;}
ul#nav li.first a {border-left: none; padding-left: 10px;}



html {height: 100%;}
body {margin: 160px 0 0 30px; width: 700px;}
h1 a {position: absolute; top:0px; left:30px; outline: none;}
h1 a {display block; margin:44px 0 7px; width:560px;height:48px;text-indent:-9999px;background: url('../images/logo.gif') no-repeat;}
h2 {margin: 30px 0;}

p, dl {margin: 50px 0px;}
ul {margin: 0px; padding: 0px;}
img {border-style: none;}


#home h2 {margin-top:80px 0;margin-bottom:0px 0; padding-bottom:0px 0;}
#home p {margin-top:0px 0;margin-bottom:0;}

#contact dt {float:left;}
#contact dd {margin:0 0 30px 120px;padding-top:5px;display:block;}
#contact dd#address_info span {display:block;}



#media dt {float:left; height: 20px; margin: 0 10px 0 0; padding: 0;}
#media dd {margin:0 0 40px 0; padding:0 0 0 0;}

#recentwork ul#nav {margin: 0 0 60px 0;}
#recentwork ul#clientlist li {margin-bottom: 15px;}
#recentwork div {width:560px; margin: 30px 0;}
#recentwork #recentflash {float:right; display:block; width:281px; margin: 5px 0 0 10px;}

#recentwork_gallery ul#nav {margin: 0 0 60px 0;}
#recentwork_gallery div {width:560px; margin: 30px 0;}
#recentwork_gallery div.horizontal h2 {margin: 30px 0 10px;}
#recentwork_gallery div.horizontal div#info {margin: 10px 0 10px;}
#recentwork_gallery div.vertical img {float:right;display:block; margin: 5px 0 0 10px;}
#recentwork_gallery div#info a {text-decoration:none;padding: 3px 4px 2px 0px; margin: 0px 30px 0 0; }

#pricesheet .pricelist_box {width:675px; padding:10px 10px 50px; margin: 60px 0 100px;}
#pricesheet h2 {margin:48px 0 0px;}
#pricesheet h2.first {margin:0px 0 20px;}
#pricesheet p {margin: 12px 20px 15px 0px;width: 390px;font-size: 13px;line-height: 17px;}

#pricesheet table {width:100%;}
#pricesheet table, #pricesheet tr, #pricesheet td {margin:0;border-style:none;}
#pricesheet th {padding: 18px 11px 5px 0;}
#pricesheet td {padding: 5px 11px 5px 0px;}
#pricesheet td.media {padding-right: 30px;}

#mounting .mounting_box {width:675px; padding:10px 10px 50px; margin: 60px 0 100px;}
#mounting h2 {margin:48px 0 0px;}
#mounting h2.first {margin:0px 0 20px;}
#mounting p {margin: 12px 20px 15px 0px;width: 390px;font-size: 13px;line-height: 17px;}

#mounting table {width:100%;}
#mounting table, #pricesheet tr, #pricesheet td {margin:0;border-style:none;}
#mounting th {padding: 18px 11px 5px 0;}
#mounting td {padding: 5px 11px 5px 0px;}
#mounting td.media {padding-right: 30px;}

#equipment h2 {margin: 44px 0 7px;font-size: 18px;}
#equipment p {font-size: 12px;margin:0;line-height: 14px}

#links h2 {margin: 44px 0 14px;font-size: 18px;}
#links p {font-size: 12px;margin:0;line-height: 14px}


#aiaboards h2 {margin: 44px 0 7px;}
#aiaboards p {font-size: 12px;margin:0}