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

body {background-color:#000000;}

.centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
} 

p {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#CCCCCC;}
	
h1 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#CCCCCC;}
	
h2 {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:100;
	color:#1c5f60;}

#background {
    background-image:url(../images/background_flat.jpg);
	position:absolute;
	left:0px;
	top:-50px;
	width:960px;
	height:800px;
	z-index:1;}


#logo {
	background-image:url(../images/logo.png);
	position:absolute;
	left:106px;
	top:65px;
	width:212px;
	height:72px;
	z-index:2;}


/* ======== n a v i g a t i o n ==============*/

#navigation {
	position:absolute;
	left:444px;
	top:102px;
	width:500px;
	height:36px;
	z-index:2;
}

.navPos {
	position:absolute;
	left:25px;
	top:4px;
}



ul li{
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100
	color: #988a5b;
	display:inline;
	list-style:none;
	padding-left:13px;
	}
	

	

a:link, a:visited
{
color: #988a5b;
text-decoration: none;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
size:18px;
}

a:hover
{
color: #444;
text-decoration: none;
}
	
.active {
	color:#1c5f60;}
	
	/****************** S U B   N A V I G A T I O N *****************************/
	
#portfolio_nav {
	font-size:10px;
	position:absolute;
	left:400px;
	top:220px;
	width:500px;
	height:36px;
	z-index:2;
}

#port_nav_style {color: #988a5b;
	      		 font-size:11px;}
				 
# a port_nav_style {color:#222;
	      		 font-size:11px;}

.portfolio_navPos {
	position:absolute;
	left:-130px;
	top:10px;
}

.portfolio_active {color:#888;
	      		   font-size:11px;}
	
	
	/* +++++++++++++++++++++++++   B L A C K   O U T    +++++++++*/
	
#blackOut {
	background-image:url(../images/black.png);
	width:539px;
	height:366px;
	position:absolute;
	left:209px;
	top:236px;
	}
	
	/* =============   CONTACT INFO  ============================= */
	
#contactInfo {
	position:absolute;
	left:210px;
	top:315px;
	width:538px;
	height:288px;
	z-index:3;
}


/* ======================    PORTFOLIO ================================ 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#galleryContainer {position:absolute;
				   left:69px;
				   top:88px;}
		
	/* ++++++++++++++++++++++++++++++++++ A B O U T   M E  ++++++++++++++++++++++++*/
				   
#aboutInfo {width:400px;
			position:relative;
		
			line-height:19px;}
			
#aboutHeader {position:absolute;
			  left:285px;
			  top:290px;}
			  

.temp{
position:absolute;
top:245px;
left:216px;
width:524px;
height:360px;
z-index:2;
}
.temphol{
background:#000000;
position:relative;
width:524px;
height:350px;
overflow:hidden;
}
.temphol img {
position: absolute;
} 

.front {position:absolute;
		top:-335px;}
	
	/* =======================================*/
	/* ---------- F O O T E R ----------------*/
	/* =======================================*/
	
	
	
#footerContent {
	position:absolute;
	left:14px;
	top:10px;
	width:680px;
	height:18px;
	z-index:2;
}

#footerText {
	position:absolute;
	display:inline;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	left: 58px;
	top: -10px;
}

#footer {
	background-image:url(../images/footerBox.gif);
	position:absolute;
	left:128px;
	top:712px;
	width:703px;
	height:38px;
	z-index:2;}

			  
/* ======IMAGE GALLERY POSITIONG ======*/

#thumb_1 {
	position:absolute;
	left:265px;
	top:210px;
	display:block;
}

#thumb_1:hover {
	top:211px;
	display:block;

}
		  
#thumb_2 {position:absolute;
          left:325px;
		  top:210px;
		  display:block;
		  }
		  
#thumb_2:hover {
	top:211px;
}
	
		  
#thumb_3 {position:absolute;
          left:385px;
		  top:210px;
		  display:block;}
		  
#thumb_3:hover {
	top:211px;
}
	
		  
#thumb_4 {position:absolute;
          left:445px;
		  top:210px;
		  display:block;}
		  
#thumb_4:hover {
	top:211px;
}
	
		  
#thumb_5 {position:absolute;
          left:505px;
		  top:210px;
		  display:block;}
		  
#thumb_5:hover {
	top:211px;
}
	
		  
#thumb_6 {position:absolute;
          left:265px;
		  top:270px;
		  display:block;}
		  
#thumb_6:hover {
	top:271px;
}
	
		  
#thumb_7 {position:absolute;
          left:325px;
		  top:270px;
		  display:block;}
		  
#thumb_7:hover {
	top:271px;
}
		  
#thumb_8 {position:absolute;
          left:385px;
		  top:270px;
		  display:block;}
		 
#thumb_8:hover {
	top:271px;
}
		  
#thumb_9 {position:absolute;
          left:445px;
		  top:270px;
		  display:block;}
		  
#thumb_9:hover {
	top:271px;
}
		  
#thumb_10 {position:absolute;
          left:505px;
		  top:270px;
		  display:block;}
		  
#thumb_10:hover {
	top:271px;
}

#thumb_11 {position:absolute;
          left:265px;
		  top:330px;
		  display:block;}
		  
#thumb_11:hover {
	top:331px;
}
		  
#thumb_12 {position:absolute;
          left:325px;
		  top:330px;
		  display:block;}
		  
#thumb_12:hover {
	top:331px;
}
		  
#thumb_13 {position:absolute;
          left:385px;
		  top:330px;
		  display:block;}
		  
#thumb_13:hover {
	top:331px;
}
		  
#thumb_14 {position:absolute;
          left:445px;
		  top:330px;
		  display:block;}
		  
#thumb_14:hover {
	top:331px;
}
		  
#thumb_15 {position:absolute;
          left:505px;
		  top:330px;
		  display:block;}
		
#thumb_15:hover {
	top:331px;
}
		  
#thumb_16 {position:absolute;
          left:265px;
		  top:390px;
		  display:block;}
		  
#thumb_16:hover {
	top:391px;
}
		  
#thumb_17 {position:absolute;
          left:325px;
		  top:390px;
		  display:block;}
		  
#thumb_17:hover {
	top:391px;
}
	
		  
#thumb_18 {position:absolute;
          left:385px;
		  top:390px;
		  display:block;}
		  
#thumb_18:hover {
	top:391px;
}
	
		  
#thumb_19 {position:absolute;
          left:445px;
		  top:390px;
		  display:block;}
		  
#thumb_19:hover {
	top:391px;
}

#thumb_20 {position:absolute;
          left:505px;
		  top:390px;
		  display:block;}
		  
#thumb_20:hover {
	top:391px;
}

#thumb_21 {position:absolute;
          left:265px;
		  top:450px;
		  display:block;}
		
#thumb_21:hover {
	top:451px;
}
		  
#thumb_22 {position:absolute;
          left:325px;
		  top:450px;
		  display:block;}
		  
#thumb_22:hover {
	top:451px;
}
		  
#thumb_23 {position:absolute;
          left:385px;
		  top:450px;
		  display:block;}
		  
#thumb_23:hover {
	top:451px;
}
	
		  
#thumb_24 {position:absolute;
          left:445px;
		  top:450px;
		  display:block;}
		  
#thumb_24:hover {
	top:451px;
}
		
#thumb_25 {position:absolute;
          left:505px;
		  top:450px;
		  display:block;}
		  
#thumb_25:hover {
	top:451px;
}