/* = CSS Document for Grosvenor 14/03/08 = */

/* = yui reset = */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font:normal 100%/1em Arial, Helvetica, sans-serif;}
h3,h4,h5,h6 {color:#000; padding:.6em 0 .4em; font-weight:bold; line-height:1.3em;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a {color:#330; text-decoration:underline; font-weight:bold;}
a:hover {text-decoration:none; color:#00aaa6;}

/* = end = */


html, body {height:100%; width:100%;}
body {font:.65em/1.9em Arial, Helvetica, sans-serif; color:#330; width:100%; background:#afa680 url(../image/bg_body.gif) repeat top left; min-height:100%; text-align:center;}

#fCol {width:996px; min-width:996px; font-size:1.2em; margin:0 auto; text-align:left; line-height:1.6em;}

#main, #mainTop, #mainBot, #hdr, #cntnr, #ftr, #ftr li, #hdr ul, #hdr li {float:left; display:inline;}

#main {background:url(../image/bg_main.png) repeat-y top left; width:974px; padding:0 11px;}
* html #main {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/bg_main.png", sizingMethod="scale");}

#mainTop, #mainBot {width:996px; height:8px; display:block; background:url(../image/bg_mainBot.png) no-repeat top left;}
#mainTop {margin-top:25px; background:url(../image/bg_mainTop.png) no-repeat bottom left;}
* html #mainBot {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/bg_mainBot.png", sizingMethod="image");}
* html #mainTop{background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/bg_mainTop.png", sizingMethod="image");}

#hdr {height:130px; width:974px; background:#544f3a;}
#hdr ul {width:150px; display:inline; background:#655d42; margin-top:-104px; padding:13px 0 13px 16px; height:104px;}
#hdr li {margin:6px 0;}
#hdr li a {width:105px; height:14px; display:block; background-position:top left; background-repeat:no-repeat; text-indent:-20000px; float:left; line-height:0;}
#hdr li a:hover, 
#about #hdr li.about a, 
#gallery #hdr li.gallery a, 
#production #hdr li.production a,
#testimonials #hdr li.testimonials a {background-position:bottom left;}
#hdr li.about a {background-image:url(../image/nav_about.gif);}
#hdr li.gallery a {background-image:url(../image/nav_gallery.gif);}
#hdr li.production a {background-image:url(../image/nav_production.gif);}
#hdr li.testimonials a {background-image:url(../image/nav_testimonials.gif);}
h1 {float:right; display:block; height:104px; width:786px;}
h1 img {margin-top:16px;}
h2 {float:right; display:inline; width:560px;}
#hdr p {float:right; display:block; text-indent:-20000px; background:url(../image/bg_hdrP.gif) no-repeat top right; width:206px; height:13px; margin-right:20px;}
* html #hdr p {margin-right:10px;}

#cntnr {height:396px; background:url(../image/bg_cntnrHome.jpg) no-repeat top left; padding:0 405px 0 165px; width:404px;}
#about #cntnr {background-image:url(../image/bg_cntnrHome.jpg);}
#gallery #cntnr {background-image:url(../image/bg_cntnrGallery.jpg);}
#production #cntnr {background-image:url(../image/bg_cntnrProd_ani.gif);}
#testimonials #cntnr {background-image:url(../image/bg_cntnrTest.jpg);}
#smallprint #cntnr {background-image:url(../image/bg_cntnrPrint.jpg);}

#cntnr div {width:370px; height:372px; overflow:auto; padding:12px 18px;}
h3 {font-size:1.3em; padding-top:0;}
h4 {font-size:1.25em;}
h5 {font-size:1.2em;}
#cntnr p {padding:0 0 .8em 0; line-height:1.6em}
#cntnr ul {list-style:inside disc;}
#cntnr li {display:list-item;}
#cntnr dt {font-weight:bold; font-size:1.1em;}
#cntnr dd {margin-bottom:12px;}

#gallery #cntnr ul {list-style:none; width:100%; float:left; display:block;}
#gallery #cntnr li {display:inline; padding:0 12px 12px 0; float:left;}
#gallery #cntnr li a {border:1px solid #544f3a; float:left; display:block;} 

#ftr {background:#311f19; width:934px; color:#fff; padding:6px 20px; font-size:.9em}
#ftr ul {margin-left:150px;}
#ftr li {padding-right:20px;}
#ftr a {color:#c8c2a9;}


/* = lightbox = */
#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img {border:none;}
#outerImageContainer {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink {width:49%; height:100%; background:transparent url(../image/blank.gif) no-repeat; /* Trick IE into showing hover */	display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../image/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../image/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font-size:10px; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
#imageData {padding:0 10px; color:#666;}
#imageData #imageDetails {width:70%; float:left; text-align:left;}	
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose {width:66px; float:right;  padding-bottom:0.7em; color:#000;}		
#overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#1c100d;}