@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);

/*-- I've used the float method of CSS layouts for this project. If you're interested in hacking this apart, one of the best ways to do that is to look 



/*--- site layout styles ---*/

html, body {
width:100%; height:100%;
}
body{background: url(images/htmlBG.jpg) top left no-repeat fixed #ededec;}

#pageWrap{
width:920px;
}

#header, #content, #subColumn, #right, #footer{
float:left;
}

#header{
height:250px;
width:100%;
background:url(images/logo.png) no-repeat;
}

#navWrap{
width:160x;
margin-right:40px;
position:fixed;
}

#content{
margin-left:200px;
margin-right:40px;
width:480px;
}

#subColumn{
width: 200px; 
}

#footer {
clear: both;
width:480px;
margin-left:200px;
margin-top:54px;
}

.vidFake{
	background:none transparent;
	border:0 none;
	padding:0;
}



/*--- Portfolio Gallery styles ---*/ 

ul.galleryThumbs{
list-style:none;
margin:10px 0;
width:500px;
}
ul.galleryThumbs li{
float:left;
margin:6px 10px 6px 0;
padding:2px;
border:1px solid #d8d8d8;
border-top:1px solid #b7b7b7;
border-left:1px solid #b7b7b7;
width:150px;
height:186px;
}
ul.galleryThumbs li:hover{
border:1px solid #FF0000;
border-top: 1px solid #ee0000;
border-left: 1px solid #ee0000;
}
ul.galleryThumbs li img{
vertical-align:middle;
}
ul.galleryThumbs li h4{
font: bold 12px/18px Helvetica Neue, Arial, Helvetica, sans-serif;
}