/*   -----------------------------   GENERAL PERAMETERS    ------------------------------ */

body{
	text-align: center;
	color: #BLACK;
	/*font-family: Fixed, monospace;*/
	font-family: Helvetica, 'Bitstream Vera Sans', 'Trebuchet MS', 'Verdana', Sans-Serif;
	font-size: 14px;
	margin:0px;
	padding:0px;
	background: #203558 url(bg.gif) repeat-x;
	background-position: 0px -1px;
	overflow-y: scroll;
	
}

div{
	padding: 0px;
	margin: 0px;
}

.veryhide{
	display: none;
}

h1{font-size: 28px; padding: 0px; margin:0px; margin-top:0px; color: BLACK;}
h2{font-size: 22px; padding: 0px; margin:0px; margin-top:0px; color: BLACK;}
h3{font-size: 16px; padding: 0px; margin:0px; margin-top:0px; color: BLACK;}
h4{font-size: 14px; padding: 0px; margin:0px; margin-top:0px; color: BLACK;}

p{padding: 0px; margin:0px; padding-top:12px;}

a{
	text-decoration: none;
	border: 0px;
	outline: 0px;
	color: #445c98;
}
a:HOVER{
	color: #4067c9;
}
a:ACTIVE{
	color: BLACK;
}

a img{
	text-decoration: none;
	border: 0px;
	outline: 0px;
}

ul li{
	text-decoration: none;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

/*   -----------------------------   CONTAINER SETTINGS   ------------------------------ */

#container{
	display: block;
	margin:auto;
	margin-top:0px;
	padding: 0px;
	text-align: left;
	width: 1000px;	
	clear:both;
	min-height: 300px;	
}

#containerInner{
	display: block;
	margin:auto;
	width: 800px;	
}

/*   -----------------------------   HEADER   ------------------------------ */

#chooser{
	min-height: 40px;
	height: 40px;
	background: #445971;
	border-bottom: 2px BLUE solid;
	display: none;
}

#surgeLink{
	position: absolute;
	display: block;
	background: url(surge_25_l.png) no-repeat;
	width: 311px;
	min-height: 91px;
	top: 25px;
}
#surgeLink:HOVER{
	background: url(surge_100_l.png) no-repeat;
}
#czeroLink{
	position: absolute;
	display: block;
	background: url(czero_25.png) no-repeat;
	width: 311px;
	min-height: 91px;
	top: 25px;
}
#czeroLink:HOVER{
	background: url(czero_100.png) no-repeat;
}

.logo{display:none;}

.header{
	padding: 0px;
	margin: 0px;
	background: url(headerALT.png) no-repeat;
	background-position: center top;
	min-height: 570px;
}

.header#home{
	padding: 0px;
	margin: 0px;
	background: url(header.png) no-repeat;
	background-position: center top;
	min-height: 570px;
}


#homelink{
	display: block;
	position: absolute;
	width: 500px;
	min-height: 100px;
	margin-left: 55px;
}

#headerBlock{
	width: 800px;
	min-height: 160px;
	margin-top: -570px;
}

#headerBlock.home          {	background: url(top_HOME.png) no-repeat;  }
#headerBlock.resume      {	background: url(top_RESUME.png) no-repeat;  }
#headerBlock.portfolio{	background: url(top_PORTFOLIO.png) no-repeat;  }
#headerBlock.about        {	background: url(top_ABOUT.png) no-repeat;  }

/*   -----------------------------NAVIGATION     ------------------------------ */

a strong{
	display:block;
	margin-top: 0px;
	font-size: 15px;	
}
a:HOVER strong{
	display:block;
	margin-top: 0px;
}
a:ACTIVE strong{
	display:block;
	margin-top: 0px;
}

.navLi strong{
	visibility: hidden;
}

.navUl, .navLi{
	list-style: none;
	padding: 0px;
	margin: 0px;	
}

.navLi a{
	display: block;
	float: left;
	min-height: 34px;
	max-height: 34px;
	width: 100%;
	text-align:center;
}

.nav{
	min-width: 800px;
	min-height: 34px;
	background: url(link_BAR.png) no-repeat;
}

.navUl{
	padding: 0px;
	margin: 0px;
	width: 629px;
	min-height: 34px;
	max-height: 34px;
	margin-left: 119px;		
}

.navLi{
	background: url(all_links.png) no-repeat;
	min-height: 34px;
	float: left;	
	width: 100%;
	margin:0px;
	padding:0px;
}

#on0{width: 184px; background-position: 0px -102px;}
#on1{width: 127px; background-position: -184px -102px;}
#on2{width: 162px; background-position: -311px -102px;}
#on3{width: 155px; background-position: -473px -102px;}

#off0{width: 184px; background-position: 0px 0px;}
#off1{width: 127px; background-position: -184px 0px;}
#off2{width: 162px; background-position: -311px 0px;}
#off3{width: 155px; background-position: -473px 0px;}

#off0:HOVER{background-position: 0px -34px;}
#off1:HOVER{background-position: -184px -34px;}
#off2:HOVER{background-position: -311px -34px;}
#off3:HOVER{background-position: -473px -34px;}

#off0:ACTIVE{background-position: 0px -68px;}
#off1:ACTIVE{background-position: -184px -68px;}
#off2:ACTIVE{background-position: -311px -68px;}
#off3:ACTIVE{background-position: -473px -68px;}


/*   -----------------------------   CONTENT AREAS   ------------------------------ */

#mainContent{
	padding: 0px;
	margin: 0px;
	width: 800px;
	min-height: 300px;
	background: url(body3.png) repeat-y;
}
/*
#extraBack{
	display: block;
	width: 800px;
	top: 434px;
	background: url(body_slimRepeat.png) repeat-y;
}
*/
#contentArea{
	text-align: left;
	color: BLACK;
	width: 568px;
	min-height: 34px;
	margin-left: 134px;
	padding: 20px;
}

#calendar .contentHead{background: url(style_01/bannerA.gif) no-repeat;}



.subHead{
	clear:both;
	margin-top: 25px;
	color: BLACK;
	font-size: 18px; font-weight: 700;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#contentArea a{}
#contentArea a:hover{}
#contentArea a:active{}

/*   -----------------------------   FOOTER   ------------------------------ */

#footerBlock{
	padding: 0px;
	margin: 0px;
	width: 500px;
	min-height: 91px;
	background: url(footer.png) no-repeat;
	padding-left: 140px;
	padding-top: 0px;
	padding-right: 150px;
}

#optimize{	
	margin-left: 180px;
	margin-top: -45px;
	width: 500px;
}
#optimize a{
	color: black;
	display: block;
	width: 78px; 
	float: left;
	text-align: center;
	min-height: 30px;
	
	-moz-opacity: 0.1;
	opacity:.10;
	filter: alpha(opacity=10);

}
#optimize a span{
	visibility: hidden;
}
#optimize a:HOVER{ 
	color: white;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
#ff{
	background: url(get/ff.png) no-repeat;
}
#a{
	background: url(get/a.png) no-repeat;
}
#f{
	background: url(get/f.png) no-repeat;
}
#qt{
	background: url(get/qt.png) no-repeat;
}
#j{
	background: url(get/j.png) no-repeat;
}

.w3cLink{	
	display: block;
	min-height: 80px;
	width: 180px;
}
#w3c_div{
}


/*   ---------------------------------------------------------------   SCROLLERS    -------------------------------------------------------------------------------- */

#ActualResume{
	position	: relative;
}

#resContent {
	position	: relative;
	width		: 490px;
	left		: 5px;
}

#resContent {
	position	: relative;
	width		: 490px;
	left		: 5px;
}

#scrollArea {
	position	: absolute;
	margin-left		: 558px;
	margin-top			: -350px;
	height		: 360px;
	width		: 18px;
	overflow	: hidden;
	background  : #FFF;
}

#scroller {
	position	: absolute;
	margin-top			: -1px;
	width		: 18px;
	background	: BLACK;
}