body{font: 62.5% Lucida Grande, Lucida Sans, Arial; line-height:1.6em; color:#333; text-align:center; background:url(../img/bg/body_bg.gif) repeat-x;}
body,html{height:100.01%;} /* forces ff to include scroll bar */
.clear{clear:both;}
.beef{margin-bottom:100px;}
/* homepage is unique */
body.home{background-image:none; background-color:#0B1624;}
body.home .features{width:772px; height:165px; background:url(../img/bg/features_home_bg.jpg) no-repeat;}
body.home .features .locations p, body.home .features .book p, body.home .features .studio-webcam p{background-color:#5E7889;}
body.home #header{width:772px; height:389px; background:url(../img/bg/main_home_bg2.jpg) no-repeat; position:relative;}
img.studio{float:right; border: 1px solid #ccc; padding: 2px 2px 2px 2px; margin: 5px 10px 5px 5px;}
/* main width of website */
#container{width:772px; margin: 0 auto; text-align:left; }

/* accessibility */
#accessibility{position: absolute; top: -10000px; }

/* header */
#header{width:772px; height:306px; background:url(../img/bg/painting01.jpg) no-repeat; position:relative;}

/* top navigation */
#topnavigation{padding-top:16px;}
#nav li{float:left; display:inline; height:32px; line-height:32px; text-indent:-8000px; overflow:hidden; }
#nav li a{display:block; height:64px; background-position:0 0; background-repeat:no-repeat;	 }
#nav li a:hover, #nav li a.selected{background-position:0 -36px;}
#nav li#nav1{width:73px;}#nav li#nav1 a{background-image:url(../img/nav/nav1.jpg)}
#nav li#nav2{width:103px;}#nav li#nav2 a{background-image:url(../img/nav/nav2.jpg)}
#nav li#nav3{width:125px;}#nav li#nav3 a{background-image:url(../img/nav/nav3.jpg)}
#nav li#nav4{width:105px;}#nav li#nav4 a{background-image:url(../img/nav/nav4.jpg)}
#nav li#nav5{width:266px;}#nav li#nav5 a{background-image:url(../img/nav/nav5.jpg)}
#nav li#nav6{width:97px;}#nav li#nav6 a{background-image:url(../img/nav/nav6.jpg)}

/* Image Replacement Headings */
#header img.heading{margin-left:195px; margin-top:227px;}
#header h1{position:absolute; top:-10000px;}

/* main div which contains left floated navigation and right floated content */
#main{clear:both; border-left:1px solid #eef2f6; border-right:1px solid #eef2f6; background:url(../img/bg/main_bg.jpg) repeat-y; overflow:hidden;}

/* left side */
#left{width:165px; float:left; min-height:300px;}

/* leftnavigation */
#left ul{font-size:1.2em; font-family:Lucida Grande, Lucida Sans, Arial; margin-left:10px; margin-right:12px; margin-top:10px;}
#left ul li{margin-bottom:8px; border-bottom:1px dotted #e2e2e2; padding-bottom:8px; background:url(../img/icons/blue-arrow.gif) no-repeat 0px 4px; padding-left:12px;}
#left ul li.sub{border-bottom:none; padding-bottom:4px; margin-bottom:4px; background:url(../img/icons/blue-arrow-sub.gif) no-repeat 12px 5px; padding-left:24px;}
#left ul li a{color:#333; text-decoration:none;}
#left ul li a.on, #left ul li a.on:hover{color:#990000;}
#left ul li a:hover{color:#006699;}
#left ul li.blank{border-bottom:none; background:none;}

#left p.flash{padding-left:20px; padding-right:20px; margin-top:15px; color:#999;}
#left p.flash a{color:#27598E; text-decoration:none;}

/* content */
#content{width:550px; float:left; padding-left:30px; padding-top:10px; padding-bottom:10px;}
#content p{font-size:1.2em; font-family:Lucida Grande, Lucida Sans, Arial; margin-bottom:10px; line-height:1.5em;}
#content p strong{color:#55779F;}
#content p a {color:#006699; text-decoration:none;}
#content p a:hover{color:#990000;}
/* h tags */
#content h2{font-size:2em; margin-bottom:0.7em; color:#3C5470;}

/* list style */
#content ul.general {font-size:1.2em; font-family:Lucida Grande, Lucida Sans, Arial; margin-bottom:1.4em;}
#content ul.general li{margin-bottom:2px; padding-bottom:2px; background:url(../img/icons/blue-arrow.gif) no-repeat 0px 4px; padding-left:12px;}
#content ul.general li a{color:#3C5470;}
#content ul.general li a:hover{text-decoration:none;}

/* breadcrumbs */
#breadcrumbs {padding-bottom:8px; border-bottom:1px dotted #e2e2e2; margin-bottom:12px;}
#breadcrumbs p{color:#ccc; margin-bottom:0px;} #breadcrumbs a{text-decoration:none; color:#006699;} #breadcrumbs a:hover{color:#990000;}

/* features along the bottom */
.features{width:772px; height:163px; background:url(../img/bg/features_bg.jpg) no-repeat;}

/* book */
.features .book{width:118px; float:left; margin-top:50px; margin-left:17px;}  /* ie6 */ *html .features .book{margin-left:9px;}
.features .book img{margin-bottom:-4px; }
.features .book p{background-color:#758CA4; padding:2px 5px; text-transform:uppercase; color:#fff; font-size:1.1em;}

/* studio - webcam */
.features .studio-webcam{width:119px; float:left; margin-top:50px; margin-left:7px;}
.features .studio-webcam img{margin-bottom:-4px;}
.features .studio-webcam p{background-color:#758CA4; padding:2px 5px; text-transform:uppercase; color:#fff; font-size:1.1em;}

/* locations */
.features .locations{width:119px; float:left; margin-top:50px; margin-left:7px;}
.features .locations img{margin-bottom:-4px;}
.features .locations p{background-color:#758CA4; padding:2px 5px; text-transform:uppercase; color:#fff; font-size:1.1em;}

/* external links */
a.external{padding-right:15px; background:url(../img/icons/external.gif) no-repeat center right;}

/* Opacity hover effect on the features area */
a.linkopacity img {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
a.linkopacity:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }

/* image gallery */
.thumbnail{float: left; width: 130px; margin: 7px 40px 8px 2px; padding: 5px; font-size:1.2em; padding-bottom:0px;}
.thumbnail-sold{float: left; width: 130px; margin: 7px 40px 8px 2px; padding: 5px; font-size:1.2em; background:url(../img/icons/sold.gif) no-repeat 105px 106px; padding-bottom:0px; }
#content .thumbnail-sold p{font-size:12px; line-height:1.3em; width:98px; margin-bottom:0px;}
#content .thumbnail p{font-size:12px; line-height:1.3em; margin-bottom:0px;}


/* ie6 */ *html .thumbnail{margin: 7px 0px 8px 0;}
/* ie6 */ *html .thumbnail-sold{margin: 7px 0px 8px 0;  background:url(../img/icons/sold.gif) no-repeat 105px 111px;}

.clearboth { clear: both; }

/* picture thumbnails */
.img-wrapper {background: url(../img/bg/shadow.jpg) no-repeat bottom right; float: left; margin-right: 7px; margin-bottom: 2px; position: relative; }
.img-wrapper img {background-color: #fff; border: 1px solid #ccc; padding: 5px; display: block; margin: -5px 5px 5px -5px; position: relative; }
.img-wrapper img:hover{border:1px solid #4E6F92;}

/* videos */
#video-one, #video-two, #video-three{margin-bottom:15px; width:450px; height:315px; background:url(../img/bg/video_bg.jpg) no-repeat;}

/* pagination */
.pagination{margin-top:15px; padding: 2px; margin-left:0px; margin-bottom:10px;}

.pagination ul{margin: 0; padding: 0; text-align: center; /*Set to "right" to right align pagination interface*/ font-size: 1.2em; }
.pagination li{list-style-type: none; display: inline; padding-bottom: 1px; }

.pagination a, .pagination a:visited{padding: 3px 7px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; }
.pagination a:hover, .pagination a:active{border: 1px solid #2b66a5; color: #000; background-color: #fff; }
.pagination li.currentpage{ font-weight: bold; padding: 3px 7px; border: 1px solid navy; background-color: #2e6ab1; color: #FFF; }
.pagination li.disablepage{ padding: 3px 7px; border: 1px solid #929292; color: #929292; }
.pagination li.nextpage{ font-weight: bold; } 

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 5px; padding-right: 0; }

/* blockquote */
blockquote{padding:10px; background-color:#EFF1F5; padding-bottom:4px; border:1px solid #DCE0E9; margin-bottom:15px;}
blockquote p{margin-bottom:0px;}


/* footer */
#footer {padding-top:5px;}
#footer ul li{font-size:0.9em; text-transform:uppercase; display:inline; color:#91a6bf;}
#footer ul li.copy{margin-right:480px;}
#footer ul li a{color:#91a6bf; text-decoration:none;} #footer ul li a:hover{color:#4C6C8D;}
