@charset "utf-8";
/* CSS Document */

* {padding:0; margin:0;}

body {

		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		background-image:url(images/bluetile.jpg);
		background-repeat:repeat;
	  }
	  
#wrapper {
		   width:790px;
		   text-align:center;
		   margin:auto;
		   border-left:4px solid #666;
		   border-right:4px solid #666;
		   border-bottom:4px solid #666;
		   background-color:#FFF;
		   position:relative;

		 }	  
		 
#head img {
			float:left;
			margin-left:40px;
			margin-top:20px;
		  }		 
		  
#nav {
		background-image:url(images/navbar.gif);
		background-color:transparent;
		height:30px;
		font-size:1.1em;
		text-align:left;
		}	  
		
#nav ul {padding-top:3px; margin-left:50px;}		
		
#nav li {
		  display:inline;
		  color:#FFF;
		  padding-left:40px;

		}	
		
a:link {text-decoration:none; color:#FFF;}
a:visited {text-decoration:none; color:#FFF;}
a:hover {text-decoration:none; color:#FFFF00;}
a:active {text-decoration:none; color:#FFFF00;}
		
#utility {
			font-size:.9em;
			color:#666;
			font-variant:small-caps;
            height:20px;
			position:relative;
			top:-110px;
			padding-right:20px;
			text-align:right;
		 }	

#utility li {display:inline;}	
#utility a {text-decoration:none;}	 		
#utility a:link {text-decoration:none; color:#666;}
#utility a:visited {text-decoration:none; color:#666;}
#utility a:hover {text-decoration:none; color:#0099CC;}
#utility a:active {text-decoration:none; color:#66CCFF;}		
		
		
#content h1 {padding-top:20px; padding-bottom:20px; font-size:1.2em;}		
#content h2 {position:absolute; top:160px; right:40px; font-variant:small-caps; letter-spacing:2px; font-size:1.4em;}		  
#content h2 span {font-size:.8em; color:#333;}		  
		  
#content p {width:330px; margin-right:20px; margin-left:30px; margin-bottom:20px; font-variant:normal; text-align:left;}	
 .center 	{text-align:center;}
#content .bottom {padding-bottom:150px;}
#content h3 {text-align:left; margin-left:30px; padding-bottom:5px;}

#company {width:700px; margin:auto; margin-bottom:20px;}
#company h1 {font-size:1.1em; text-align:right; margin-right:30px; position:absolute; top:170px; right:40px;}
#company h2 {font-size:1.1em; text-align:right; margin-right:30px;}
#company p {width:650px; padding-top:20px; padding-bottom:30px; padding-right: 50px; text-align:right;}
#company .first {margin-top:10px;}

#bio {width:700px; padding-bottom:20px; margin:auto; text-align:left;}
#bio p {padding-bottom:10px;}
#bio h2 {position:absolute; top:160px; right:40px; font-variant:small-caps; letter-spacing:2px; font-size:1.4em;}
#bio h2 span {color:#666;}


#film {margin:auto;}
#film table {margin:auto;}
#film h3, #bio h3 {padding:20px 0;}
#film ul {width:200px; text-decoration:none; margin:auto; text-align:left; list-style-type:none;}
#film span {font-weight:bold;}		  
		  
#flash {float:right;
		margin-top:20px;
		padding-right:20px;
		}
		
#flash p {
		font-style:oblique; 
		color:#003399; 
		font-weight:bold;
		margin-top:20px;
		text-align:center;
		}		
		
#skills ul li {margin-left:20px;}	
#voicephoto {float:right; padding-top:40px;}	
		
#footer {
		 position:absolute;
		 bottom:-20px; left:-4px;
		 padding-top:20px;
		 border-left:4px solid #666;
		 border-right:4px solid #666;
		 background-color:#FFF;
		 width:790px;
		 text-align:center;
		 margin:auto;
		}		

.clear {clear:both;}