/* layout CSS */

@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);
/* ------------------------------------------------------------------------- */

body {
margin:0;
padding:0;
width:100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */
}

div#content, div#subcolumn, ul#navigation{
float:left;
}

div#header{
background:url(images/header.jpg) no-repeat top left #fff;
height:75px;
overflow:hidden;
}
div#header{
text-indent:-5999px;}

div#container{
width:765px;
clear:both;
margin:65px 0 25px 0;
}
div#content{
position:relative;
margin:0 150px 0 75px;
padding:0;
width:300px;
}
div#contentSub{
position:relative;
margin:0 0 0 75px;
padding:0;
width:450px;
}
div#folioWrap{
position:relative;
margin:0 0 0 75px;
padding:0;
width:575px;
}
div#subNav{
width:150px;
float:left;
margin-right:30px;
}
div#folio{
width:390px;
float:left;
}

#subcolumn{
width:160px;
background:url(images/press-square.jpg) top left no-repeat;
padding-left:80px;
}

.article{
margin-bottom:9px;
}
div#address{
width:100%;
background:url(images/footer.jpg) no-repeat top left #fff;
height:75px;
}
.push{height:75px;}

p.servee_pagination_links a, span.currentPage{
display:inline-block;
padding:6px;
font: bold 14px/18px Verdana, Helvetica, Arial, sans-serif;
}
span.currentPage{
color:#ccc;
}

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



ul#sidebar{
margin:0;
padding:0;
}
ul#sidebar ul{
padding:0;
margin:0 0 24px 0;
}

ul#sidebar li{
font: 14px/18px Verdana, Helvetica, Arial, sans-serif;
list-style:none;
}
ul#sidebar li li{
font: 11px/18px Verdana, Helvetica, Arial, sans-serif;
}
ul#sidebar li a, ul#sidebar li a:link{
color:#333;
display:block;
margin:4px;
}
ul#sidebar li a:hover{
color:#7EA534;
}

p#galleryTitle{
	height: 45px;
}
div#galleryWrap{
width:391px;
height:360px;
}

ul.portfolio{
width:390px;
list-style:none;
margin:0;padding:0;
}
ul.portfolio li{
float:left;
margin:0 8px 8px 0;
padding:0;
}
ul.portfolio li a{
display:block;
width:100%;
height:100%;
}
ul.portfolio li img{
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
border:1px solid #fff;
}
ul.portfolio li img:hover{
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.6);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.6);
box-shadow: 1px 1px 4px rgba(0,0,0,0.6);
border:1px solid #7EA534;
}

/*------------ hide extra markup  ---------*/
#video1, #video2, .audio{
	height:340px;
}
#video1, #video2, #video4, .audio{
	display: none;
}
#video3, #video4{
height:540px;
}

.audio div, audio{
padding-top:100px;
}