*{color:#333;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-family:Arial;font-size:18px;}
html,body{margin:0px 0px 0px 0px;}
#header{height:80px;}
#header h1{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold;font-size:60px;font-weight:normal;letter-spacing:-3px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;line-height:50px;display:block;float:left;color:#c00;}
#header h1 span{font-family:Arial, HelveticaNeue, Helvetica;font-weight:normal;font-size:60px;letter-spacing:-4px;color:#fff;margin:0px -9px 0px -2px;}


#staticair{float:right;font-family:Arial, HelveticaNeue, Helvetica, sans-serif;font-size:55px;letter-spacing:-2px;color:#fff;text-shadow: 0px 3px 3px #000;padding:5px 35px 0px 0px;}
#staticair span{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold;color:#c00;font-size:35px;margin:0px -8px 0px 0px;}
/* WIP */

body{ background:#b7b7b7 url(../img/bg.jpg) repeat-x scroll center top; }
#wrapper{width:950px;margin:0 auto;background:transparent url(../img/wbg.jpg) repeat-y center top;}
header{background:transparent url(../img/header.jpg) no-repeat center top;height:148px;display:block;}
#content{overflow:hidden;display:inline-block;background:transparent url(../img/cbg.jpg) no-repeat center top;}
#content{display:block;}

#right{float:right;
width:740px;height:500px;overflow:hidden;margin-right:2px;/*for ie 7*/position:relative;
}
#left{float:left;width:190px;}
img{border:none;-moz-box-shadow: 0px 2px 2px #333;-webkit-box-shadow: 0px 2px 2px #333;box-shadow: 0px 2px 2px #333;}

#mover {width:2220px;height:1010px;
position:relative;top:0;left:0;
}
#about{letter-spacing:-1px;}
#resume, #about, #contact, #gallery{width:740px;height:500px;float:left;margin-bottom:5px;overflow:hidden;}

#resume h2, #about h2, #contact h2, #gallery h2{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold;font-size:210px;letter-spacing:-25px;line-height:210px;display:block;color:#e1e1e1;
position:relative;
top:-40px;
left:-20px;
z-index:1;}
#about .content,
#resume .content,
#contact .content,
#gallery .content{padding:50px 25px 0px 150px;;
position:relative;
top:-210px;
left:0px;
z-index:2;
height:445px;
}
.errorField{border:1px solid #f00!important;-moz-box-shadow: 0px 0px 5px #f00;-webkit-box-shadow: 0px 0px 5px #f00;box-shadow: 0px 0px 5px #f00;background-color:#ff9999;}
#contact ul{list-style-type:none;padding:0px;margin:0px;float:right;width:500px;}
#contact li{display:block;padding:5px 0px;margin:0px;float:left;width:500px;}
#contact li label{display:block;float:left;font-family:Arial Black, Arial Bold, HelveticaNeue-Bold;width:120px;text-align:right;line-height:30px;margin:0px 10px 0px 0px;height:100%;}
#contact li select,
#contact li input{display:block;float:left;border:1px solid #333;font-family:Arial Bold, HelveticaNeue-Bold, Arial, sans-serif;font-size:20px;line-height:30px;height:30px;padding:0 5px;}
#contact li textarea{display:block;float:right;border:1px solid #333;font-family:Arial Bold, HelveticaNeue-Bold, Arial, sans-serif;font-size:20px;line-height:30px;width:368px;}

#contact li textarea:hover,
#contact li textarea:focus,
#contact li select:hover,
#contact li input:hover,
#contact li select:focus,
#contact li input:focus{background-color:#e1e1e1;}
#contact li select{padding:0;}
#other{display:none;float:left;clear:both;padding:5px 0px 5px 130px;}
#send{display:block;cursor:pointer;border:1px solid #333;background-color:#900000;color:#fff;padding:5px;width:50px;text-align:center;}

#resume .content{padding:0px 10px 20px 10px;}
#resume #resScroll{padding:20px 10px 20px 0px;height:399px;overflow:scroll;margin:-26px 0px 0px 0px;}
#resume h1{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold;color:#c00;font-size:35px;letter-spacing:-2px;width:500px;position:relative;top:0px;left:120px;}
#resume #resTitle{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold;color:#000;font-size:25px;letter-spacing:-1px;position:relative;top:-20px;left:133px;width:500px;}
#resume .title{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold;color:#000;padding:5px 0px 0px 0px;font-size:20px;letter-spacing:-1px;}
#resume ul{list-style-type:none;padding:0px;margin:0px;width:700px;float:left;}
#resume li.pos, #resume li.skill{padding:5px 0px 5px 20px;}
{padding:5px 0px 5px 20px;}
#resume li .posName{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold;color:#333;font-size:16px;letter-spacing:-1px;}
#resume li .posTitle{font-weight:bold;padding:0px 0px 0px 20px;width:500px;}
#resume .skill li,#resume li p{font-size:14px;line-height:16px;font-family:Arial, HelveticaNeue, Helvetica, sans-serif;}
#resume .skill ul{padding:0px 0px 0px 20px;width:655px;}

nav ul{list-style-type:none;padding:0 0 2px 12px;}
nav a{text-decoration:none;letter-spacing:-1px;cursor:pointer;display:block;padding:1px 0px;}
nav a:hover{color:#c00;background-color:#e1e1e1;}

nav ul li a{font-size:20px;line-height:20px;font-family:Arial Black, Arial Bold, HelveticaNeue-Bold, sans-serif;}
nav ul ul li a{font-size:18px;line-height:18px;font-family:Arial Bold, HelveticaNeue-Bold, sans-serif;}
nav ul ul ul li a{font-size:14px;line-height:14px;font-family: Arial, HelveticaNeue, Helvetica,sans-serif;}

nav{}

#pages{position:relative;top:18px;left:-144px;width:725px;height:45px;float:left;clear:both;}
#pages #gBack{display:block;float:left;}
#pages #gNext{display:block;float:right;}
#pages a{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold, sans-serif;text-decoration:none;letter-spacing:-2px;font-size:45px;line-height:45px;text-shadow: 0px 3px 3px #666;}
#pages a:hover{color:#c00;
-webkit-transition:text-shadow .5s ease-out,color .5s ease-out;text-shadow:#000 0 -1px 1px;
}
#sb-nav a {height: 20px;width: 20px;}
#sb-nav-close {background:#c00 url(close.png) no-repeat 0px 0px;border:1px solid #fff;}
#sb-player.html{color:#fff;padding:10px;}
#sb-player.html ul{padding:0px 0px 0px 50px;}
#sb-player.html li{color:#f00;}
#sb-title-inner{background-color:#000;color:#c00;font-family:Arial Black, Arial Bold, HelveticaNeue-Bold, sans-serif!important;text-align:center;}

footer{clear:both;height:70px;display:block;background:transparent url(../img/footer.jpg) no-repeat center top;}
#thumbs{width:555px;height:380px;float:left;}
#thumbs img{width:100px;height:80px;float:left;margin:0px 10px 10px 0px;}

/* font sizes */
.xsml{font-size:8px!important;color:inherit;}
.sml{font-size:10px!important;color:inherit;}
.med{font-size:14px!important;color:inherit;}
.lrg{font-size:16px!important;color:inherit;}
.xlrg{font-size:18px!important;color:inherit;}
.xxlrg{font-size:20px!important;color:inherit;}

/* font families */
.Arial{font-family:Arial,"Helvetica Neue", Helvetica, sans-serif;}
.Verdana{font-family:Verdana, Geneva, Tahoma, sans-serif;}
.Trebuchet{font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;}
.Lucida{font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
.ArialNar{font-family:"Arial Narrow", Arial, sans-serif;}
.CenturyGothic{font-family:"Century Gothic", "Apple Gothic", sans-serif;}
.ArialBlack{font-family:Arial Black, Arial Bold, HelveticaNeue-Bold, sans-serif;}
.Impact{font-family:Impact, Haettenschweiler, "Arial Narrow Bold", Charcoal, sans-serif;}

/* font styles */
.underline{text-decoration:underline;}
.italic{font-style:italic;} 
.bold{font-weight:bold;}
.normal{font-weight:normal;}
/*
*/
.hide{display:none;}
.show{display:block;}

.FL{float:left;}
.FR{float:right;}
.CF{overflow:hidden;display:inline-block;}
.CF{display:block;}

.boxgrid{ 
	width: 300px; 
	height: 260px; 
	margin:5px; 
	float:left; 
	background:#161613; 
	border: solid 2px #C00; 
	overflow: hidden; 
	position: relative; 
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {top: 260px;left: 0;}
	.caption .boxcaption {top: 220px;left: 0;}
	.caption .boxcaption h3{font-size:34px;padding:0px 0px 0px 10px;letter-spacing:-1px;}
