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

body  {
	background-color: #002D50;
	font: 0.9em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
	text-align: center; 
	background:url('../image/bgd_tile.gif') repeat-x scroll;
}

/* page container */ 
#pagecontainer { 
	width: 1024px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; 
	height:100%;
	position:relative;
}

/* content container */

#contentcontainer {
	border-top:none;
	border-bottom:none;
   	margin:0px;
	padding: 0px;
	height:100%;
	width:1024px;
}

/* graphics */ 
#cloud {  
	width:221px;
	position:absolute;
	top:0px;  
	left:680px;
}
#iceberg {  
	width:346px; 
	position:absolute; 
	left:680px;
	top:91px;    
}
#iceberg a img{
    margin:0;
    padding:0;
	border:none;
}
#animation {
	position:absolute;
	top:47px;
	left:2px;
	border:none;
	width:297px;
}
#animation a img{border:none;}	

/* menu */ 
#menu { 
	position:absolute;
	top:215px;
	left:0px;
	width:100%;
} 
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
    }
#menu li{
	display:inline;
    }
#menu a img{
  	margin:0;
	padding:0;
	border:none;
    }
		
/* main content block */
#maincontenttop { 
	width: 1024px;
	height:81px;
	margin-top:400px;
	margin-bottom:0;
	float:left;
}
#maincontenttop404 { 
	width: 1024px;
	height:81px;
	margin-top:250px;
	margin-bottom:0;
	float:left;
}
#maincontent { 
	width: 1024px;
	height:auto;
	margin-top:0px;
	float:left;
	background-color:#FFFFFF;
}
#maincontentindexleft { 
	width: 454px;
	padding: 0px 20px 10px 38px;
	background-color:#FFFFFF;
	height: auto;
	float:left;
	text-align:left;
	border-right: 1px dotted #666;
}
#maincontentindexright { 
	width: 466px;
	padding: 0px 20px 10px 25px;
	background-color:#FFFFFF;
	height: auto;
	float:right;
}
#maincontentleft { 
	width: 454px;
	padding: 0px 20px 10px 38px;
	background-color:#FFFFFF;
	height: auto;
	float:left;
	text-align:left;
}
#maincontentright { 
	width: 466px;
	padding: 0px 20px 10px 25px;
	background-color:#FFFFFF;
	height: auto;
	float:right;
	border-left: 1px dotted #666;
}
#maincontent404 { 
	width: 800px;
	padding: 0px 20px 10px 38px;
	background-color:#FFFFFF;
	height: auto;
	float:left;
	text-align:left;
}
#specialbox {
	padding:10px 35px 10px 20px;
	width:400px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #f0f8fc;
    	border: 1px dashed #666;
}
.maincontentfolio {
	height:60px;
	overflow:visible;
}
.projecttext{
	padding-left:38px;
	width:370px;
	float:left;
}
.projectpic{
	width:400px;
	float:left;
	margin:40px 20px 10px 40px;
}
.projectsml{
	width:100px;
	float:right;
	padding:40px 0px 10px 0px; 
	margin-right:25px;
}
#maincontentbottom { 
	width: 1024px;
	height:53px;
	margin-top:0px;
	float:left;
}
#footer {
	width:1024px;
	margin-bottom:10px;
}

/* font stuff */	
h1, h2, h3, h4, h5, .smalltext {color:#d76cb4;border-bottom: 1px dotted #666;}
h2 {font-style:italic;}
h3#error404 {border-bottom: none;}
p {line-height: 175%; font: 0.9em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; color: #666;}	
.bold{font-weight: bold;}
.italic {font-style:italic;}	
.smalltext {font: 0.7em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}	 
a:active, a:link, a:visited{text-decoration: underline; color: #469ad6;}
a:hover{color: #d76cb4;}
#maincontent ul { list-style:disc;}
#maincontent ul li{font: 0.9em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; line-height: 140%; color:#666;}
#specialbox p{
	font: 0.8em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color:#666666;
	text-align:left;
	margin:0 38px 0 38px;}	
.blockquote {
	font: 1em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color:#666;
	padding:10px;
	padding-top:0px;
	text-align:left;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background-color: #f0f8fc;
    border: 1px dashed #666;	
}

/* borders for images */
.imgborder {
    border: 1px dashed #666;
	padding:4px;
	background-color:#f0f8fc;
}
.indeximgborder {
	border: 1px solid #666;
	margin: 5px 10px 5px -35px;
	vertical-align:middle;
}
.folioimgborder {
	border: 1px solid #666;
	margin: 0px 0px 10px 0px;
	vertical-align:top;
}
.imgnoborder {
    border:0;
}

/* bits n pieces */	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clr { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
 	font-size: 1px;
  	line-height: 0px;
}