/* layout CSS */

@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);
@import url(ZoomGallery/zoomimage.css);
@import url(jScrollHorizontalPane.css);


/* ------------------------------------------------------------------------- */
body {
padding:0;
margin:0;
background: url(images/htmlBG.png) #231f20;
min-width:960px;
}
div#container{
width:960px;
}
div#header{
width:100%;
height:92px;
background: url(images/headerBG.png) repeat-x  bottom left #303030;
position:relative;
}
	div#header h1{
	height:62px;
	width:350px;
	margin:0;
	padding:36px 0 0 50px;
	background:url(images/logo-watermark.png) no-repeat 0px -2px;
	font-size: 284%;
	}
	div#header h1 a:hover{
	border:0 none;
	}
div#sideNav{
width:175px;
float:left;
margin-right:20px;
}
div#content{
float:left;
margin:9px 0 0 0;
width:765px;
}
div#fullContentWrap{
position:absolute;
top:0;
bottom:0;
width:100%;
}
div#fullContent h2, input#heading, input#subheading{
margin:18px 0 0 50px;
}
span#txthtml_parent{
width:600px;
margin-left:50px;
display:block;
}

div#footer{
height:67px;
float:left;
width:100%;
}

/*-------------------------------------Subpage styles ----*/

#subpageContent{
width:600px;
margin-top:36px;
float:left;
}
/*-------------------------------------thumbsBelow gallery styles ----*/
#galleryDisplayWindow{
text-align:center;
position:absolute;
bottom:192px;
top:138px;
width:100%;
padding-bottom:9px;
}

.portfolioWrap{
width:100%;
overflow:auto;
float:left;
background-color:#333333;
background-color:rgba(0, 0, 0, 0.1);
}
.portfolioWrap2{
position:absolute;
bottom:18px;
left:30px;
right:30px;
}
.jScrollPaneContainer{
background-color:#333333;
background-color:rgba(0, 0, 0, 0.1);
border:1px solid #000;
}
.portfolioWrap ul{
list-style:none;
height:100px;
margin:0;
padding:0;
}
.portfolioWrap ul li{
float:left;
margin:10px 15px;
padding:0;
}

.portfolioWrap ul li img, #galleryDisplayWindow img{
border:1px solid #000;
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
text-align:center;
}
.portfolioWrap ul li a:hover{
border:0 none;
}

.portfolioWrap ul li img:hover{
border:1px solid #ccc;
}
p.playToggle{
text-align:center;
position:absolute;
bottom:140px;
width:100%;
}





.galleryThumbs{
margin:0 0 18px 0;
}
.galleryThumbs li{
padding:0px;
margin:10px 10px 0px 0;
list-style:none;
min-height: 56px;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
_height: 56px;
}

div.scrollGallery{
width:100%;
overflow-x:scroll;
height:650px;
overflow-y:hidden;
border:1px solid #000;
background:#1f1b1c;
}
div.scrollGallery ul{
list-style:none;
width:19000px;
margin:0;
padding:0;
}
div.scrollGallery ul li{
float:left;
padding:18px 30px;
}

div.scrollGallery li img{
border:1px solid #000;
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}




.galleryThumbs img{
border:1px solid #1a1a1a;
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
.galleryThumbs img:hover{
border:1px solid #fff;
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
.galleryThumbs a:{height:100%;}
.galleryThumbs a:hover{border:0 none;}

ul.homeGallery, ul.homeGallery li{
margin:0;
padding:0;
list-style:none;
}
ul.homeGallery img{ 
border:1px solid #000;
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}


.clearfix:after, ul#navigation:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix, ul#navigation {
	display: inline-block;
}
 
html[xmlns] .clearfix, html[xmlns] ul#navigation {
	display: block;
}
 
* html .clearfix, * html ul#navigation {
	height: 1%;
}