/* controls distance at top of page */
* { padding: 0; margin: 0; }

/* for IE?
html, body {
text-align: center;
}
*/

body {
 font-family: helvetica,arial,sans serif;
 font-size: 13px;
 background: #262626;
}

h1 { font-size:22px; color:#FFFFFF }
h2 { font-size:20px; }
h3 { font-size:15px; }
h4 { font-size:12px; }

#wrapper { 
 margin: 0 auto;
 width: 100%;
 background: #262626;
}

#header {
 color: #B4B4B4;
 width: 100%;
 float: left;
 padding: 10px;
 height: 25px;
 background: #262626;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

#navigation {
float: left;
width: 100%;
color: #b2b2b2;
padding: 10px;
margin: 0px 0px 0px 0px;
background: #121212;
margin-left: auto;
margin-right: auto;
text-align: center;
}

a:link.navs {
color: #b2b2b2;
font-family: verdana,helvetica,arial,sans serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

a:visited.navs { 
color: #b2b2b2;
 font-family: verdana,helvetica,arial,sans serif;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 } 
 
a:hover.navs { 
font-family: verdana,helvetica,arial,sans serif;
 font-size: 12px;
 font-weight: bold;
 color: #b2b2b2;
 text-decoration: underline;
 }

a:active.navs { 
font-family: verdana,helvetica,arial,sans serif;
 font-size: 12px;
 font-weight: bold;
 color: #b2b2b2;
 text-decoration: underline;
 }

#nav-menu ul {
 list-style: none;
 padding: 0px;
 margin: 0px;
} 

#nav-menu li { 
 float: left;
 /* width between buttons */
 margin: 0.5em 0em 0.5em 1.2em;
} 

#nav-menu li a {
background: #363636;
height: 2em;
line-height: 2em;
float: left;
width: 10em;
display: block;
border: 0.1em solid #7a7a7a; 
color: #FFFFFF;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover {
background: #363636;
height: 2em;
line-height: 2em;
float: left;
width: 10em;
display: block;
border: 0.1em solid #7a7a7a; 
color: #FFFFFF;
text-decoration: underline;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a {
float: none
}
/* End hide */


#center_area1 { 
width: 100%;
clear: both;
color: #FFFFFF;
background: #262626;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 700px;
margin-left: auto;
margin-right: auto;
text-align: center;
}


#center_area_anim { 
width: 900px;
clear: both;
color: #FFFFFF;
background: #262626;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 700px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#center_area_models { 
/*font-family: verdana,helvetica,arial,sans serif;*/
width: 900px;
clear: both;
color: #FFFFFF;
background: #262626;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 1200px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#center_area_anim2d { 
width: 900px;
clear: both;
color: #FFFFFF;
background: #262626;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 560px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#center_area_anim3d { 
width: 900px;
clear: both;
color: #FFFFFF;
background: #262626;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 750px;
margin-left: auto;
margin-right: auto;
text-align: center;
}


#center_area_single { 
width: 100%;
clear: both;
color: #FFFFFF;
background: #262626;
margin: 0px 0px 0px 0px;
padding: 30px 10px 10px 10px;
height: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#center_area_350 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 350px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_400 { 
 width: 100%;
 clear: both;
 color: #b4b4b4;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 400px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_450 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 450px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}



#center_area_500 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 500px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}




#center_area_single550 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 550px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

#center_area_600 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 600px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_650 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 650px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}




#center_area_750 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 750px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_900 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 900px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_1000 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1000px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_1050 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1050px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}




#center_area_1150 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1150px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}



#center_area_1200 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1200px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_1300 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1300px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_1400 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1400px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}



#center_area_1450 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1450px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_1500 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1500px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}



#center_area_1600 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1600px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

#center_area_1800 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 1800px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_2000 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 2000px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}



#center_area_2100 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 2100px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}



#center_area_2300 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 2300px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_2500 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 2500px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}



#center_area_2700 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 2700px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}





#center_area_3100 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 3150px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}





#center_area_3400 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 3400px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}



#center_area_3500 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 3500px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_3800 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 3800px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}





#center_area_4000 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 4000px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#center_area_4800 { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 4800px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}







#center_area_writing { 
 font-size: 85%;	
 width: 100%;
 clear: both;
 color: #b4b4b4;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 600px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

.imageLinks {
	border: 3px solid #FFF;
	/*float: left;*/
	margin: 8px;
	
}

.imageLinks:hover
{ 
  border: 3px solid #909090;
}


.imageLarge {
	border: 3px solid #FFF;
	/*float: left;*/
	margin: 8px;
}

.smallText {
	font-size: 11px;
	font-weight: bold;
	color: #b4b4b4;
}



.textHeaders {
	font-size: 11px;
	font-weight: bold;
	color: #62c9ff;
}

.textIndex {
	font-size: 16px;
	font-weight: bold;
	color: #787575;
}


.textConstruction {
	font-size: 10px;
	font-weight: bold;
	color: #787575;
}



.vsmallText {
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}








.modelText {
	font-size: 10px;
	/*font-weight: bold;*/
	text-align: left;
	color: #B4B4B4;
	
}











.vsmallIndex {
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	color: #787575;
}


#altContent {
	border: 3px solid #FFF;
	/*float: left;*/
	margin: 8px;
}

#altContent2 {
	/*border: 3px solid #FFF;*/
	/*float: left;*/
	margin: 0px;
}


#altContent3 {
	border: 3px solid #121212;
	/*float: left;*/
	margin: 8px;
}




/*
This is optional, but if we don't assign one then menu items on the right may 
be pushed below the others if users resize their screens. Our new CSS command is:
#nav-menu {
width:30em
} 
*/




/*#leftcolumn { 
 color: #333;
 border: 1px solid #007899;
 background: #000000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 280px;
 float: left;
}

#rightcolumn { 
 float: right;
 color: #FFFFFF;
 border: 1px solid #007899;
 background: #00456A;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 598px;
 display: inline;
}*/

#footer { 
 font-size: 80%;
 width: 100%;
 clear: both;
 color: #B4B4B4;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#index_footer { 
 font-size: 80%;
 width: 100%;
 clear: both;
 color: #B4B4B4;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

#index_center_area { 
 width: 100%;
 clear: both;
 color: #FFFFFF;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 50px 10px 10px 10px;
 height: 400px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

#resume_center_area { 
 font-size: 85%;
 width: 40%;
 clear: both;
 color: #b4b4b4;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 2900px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}




#resume_center_inside { 
 font-size: 85%;
 width: 50%;
 clear: both;
 color: #b4b4b4;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 2500px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

#websites_center_inside { 
 font-size: 85%;
 width: 50%;
 clear: both;
 color: #b4b4b4;
 background: #262626;
 margin: 0px 0px 0px 0px;
 padding: 30px 10px 10px 10px;
 height: 450px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}