
html,body{
	height:750px;
	margin:0;
	padding:0;
}
body{
	text-align:center;
	min-width:626px;
	min-height:400px;
	overflow:auto;
}

#spacer {padding-right: 400px;}

#header_rule {float:left; width: 720px; position:absolute; margin-top:-15px;
}
#header_rule hr { float:left; width: 100%; color: #004D99; background-color:#004D99; text-align:center;
}
#footer_rule {float:left; width: 720px; position:absolute; margin-top:-25px;
}
#footer_rule hr { float:left; width: 100%; color: #999999; background-color:#999999; text-align:center; height: 1px;
}

a {text-decoration:none }
img
{  border-style: none;
}

#nav_name { text-align:left;
}
#nav_name {color:#0066CC; font-size:30px; text-transform:uppercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:bold}
#nav_name a:link {color:#004D99}      /* unvisited link */
#nav_name a:visited {color:#004D99}  /* visited link */
#nav_name a:hover {color:#004D99}  /* mouse over link */
#nav_name a:active {color:#666666}  /* selected link */

#controls { text-align:left; z-index: 100;
}
#controls  {color:#666666; font-size:18px; text-transform:lowercase; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-variant:small-caps;}
#controls a:link {color:#666666}      /* unvisited link */
#controls a:visited {color:#666666}  /* visited link */
#controls a:hover {color:#999999}  /* mouse over link */
#controls a:active {color:#999999}  /* selected link */


#controls {margin-top:10px;}
#controls ul .item{display:none;}
#controls ul:hover .item{display:block;background:#FFFFFF;padding:1px;margin:1px; position:absolute}

#controls ul:hover .item a{color:#0066CC;text-decoration:none; text-transform:lowercase; font-size:12px;}
#controls ul:hover .item a:hover{color:#CCCCCC;}

#controls ul{width:110px;float:left;margin:0px;padding:2px;background:#FFFFFF;list-style:none;}
.clear{clear:both;height:10px;}

#footer {text-align:center; font-size:10px; font-family:Myriad Pro, Arial, Helvetica, sans-serif; color: #666666; font-weight:lighter;
}
#footer {
}

#splash_image {height:500px; float:left;}
#splash_image img { margin-top: 0%; margin-left:4%; margin-right:4%; height: 525px;}
#projects_thumbs {height:500px; width: 575px; margin-left: 12%; margin-right: 10%; margin-top: 40px;
                  color:#666666; font-size:12px; font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:lighter;
}
#projects_thumbs a {color:#0066CC;}
#projects_thumbs a:hover {color: #666; }
div.project_about {float:left; text-align:left; margin: 40px 40px 10px 40px;}
div.project_about {color:#666666; font-size:12px; font-family:Myriad Pro, Arial, Helvetica, sans-serif;}
div.project_about h1 { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:bold;
 		 margin: 0 0 0 0; line-height: 12px;
}
div.project_about h2 { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:200;
		 margin: 0 0 0 0; line-height: 12px;
}
div.project_about h3 { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight: lighter;
		 margin: 0 0 0 0; line-height: 12px;

}
#thumb_gallery {float:left; padding: 15px 15px 15px 15px;}
div.float {
  float: left; padding:8px;;
  }
div.float img {height: 100px;}
div.float p {
   text-align: center;
   }
div.float_gallery {
  float: left; padding:8px;
  }
  
div.float_gallery p {
   text-align: center;
   }
.resize_gal {
width: 90px; max-height: 70px;
}
.resize_gal_fsl {
width: 70px; max-height: 70px;
}
#container_gal {margin-left: 20%; margin-right:20%; margin-top: 20%;}
#container_gal_empire {margin-left: 12%; margin-right:10%; margin-top: 20%;}
#container_gal_gas {margin-left: 13%; margin-right:10%; margin-top: 20%;}
#container_gal_ground {margin-left: 20%; margin-right:15%; margin-top: 20%;}
#container_gal_fsl {margin-left: 13%; margin-right:10%; margin-top: 20%;}
#vertical{
	float:left;
	height:50%;
	margin-top:-325px;/* half vertical height*/
	width:100%;
}
#hoz {
	width:735px;
	margin-left:auto;
	margin-right:auto;
	height:655px;
	border:1px dotted silver;
	background-color:#FFFFFF;
	z-index:1;
	position:relative;
		
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
}

#hoz_about {
	width:735px;
	margin-left:auto;
	margin-right:auto;
	height:655px;
	border:1px dotted silver;
	background-color:#FFFFFF;
	z-index:1;
	position:relative;
		
	overflow:auto;/* allow content to scroll inside element */
	text-align:left;
	clear:both;
}


#about_cv { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:normal;
         padding-left: 20px;
}
#about_cv h1 { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:bold;
 		 margin: 0 0 0 0; line-height: 12px;

}
#about_cv h2 { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:500;
		 margin: 0 0 0 0; line-height: 12px;
}
#about_cv h3 { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight: lighter;
		 margin: 0 0 0 0; line-height: 12px;
}
#about_cv a {color:#0066CC;
}
#about_cv a:hover {color: #666; 
}
span#about_cv_bold { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight: bold;
		 margin: 0 0 0 0; line-height: 12px;		 
}
#contact { text-align:left; color:#666666; font-size:12px; 
         font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-weight:normal;
         padding-left: 20px;
}
#contact a {color:#0066CC;}
#contact a:hover {color: #666; }

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}


/* new*/

/* General */
	#cssdropdown, #cssdropdown ul { list-style:none}
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink { width: 220px; float: left; margin-left: -1px; border: 1px black solid; background-color: #000; text-align: center; }
	#cssdropdown li.headlink a { display: block; padding: 15px; }

	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
	#cssdropdown li.headlink:hover ul { display: block; }
	#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; }
	#cssdropdown li.headlink ul li a:hover { background-color: #333; }
	
	/* Pretty styling */
	body { font-family: verdana, arial, sans-serif; font-size: 0.8em;}
	#cssdropdown a { color:000; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink { background-color: white; background-image: url(../new_website_8_14_09/css/bg.gif); }
	#cssdropdown li.headlink ul { background-image: url(../new_website_8_14_09/css/bg.gif); background-position: bottom; padding-bottom: 10px; }
