a { outline: 0 none; }

body {
		background:#282828 url(../images/lower_background_open.jpg) repeat-x;
		background-position: 50% 0%;
		font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
		color:#333;
		margin:0;
		padding:0;
		text-align:center;
		
		
	
	}
	h1{
		font-size:180%;
		font-weight:normal;
		margin:0;
		padding:0 20px;
		}
	h2{
		font-size:160%;
		font-weight:normal;
		}	
	h3{
		font-size:140%;
		font-weight:normal;
		}	
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	



	
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:390px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:53px;
		height:92px;
		position:absolute;
		left:2px;
		top:140px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:905px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:53px;
		height:92px;
		background:url(../images/btn_prev2.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next2.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* regular css */	


#container_site  {position:relative;

margin:0 auto;
width: 1005px;
visiblity: none;
z-index: 1;
border:0px solid #FFF;

}




#container_project  {position:relative;

width: 960px;
height: 390px;
visiblity: none;
z-index: 2;
border:0px solid #FFF;
overflow:hidden;
text-decoration: none;
}

#ind_project1  {position:relative;
float:left;
margin-top: 30px;
margin-left: 90px;
width: 370px;
height: 350px;
visiblity: none;
z-index: 1;
border:0px solid #000;
overflow:hidden;
text-decoration: none;
display:inline;
}

#ind_project2  {position:relative;
float:right;
margin-top: 30px;
margin-right: 90px;
width: 370px;
height: 350px;
visiblity: none;
z-index: 1;
border:0px solid #000;
overflow:hidden;
display:inline;
}

#ind_upper  {position:relative;

width: 370px;
height: 150px;
visiblity: none;
z-index: 1;
border:0px solid #000;
overflow:hidden;
}

#ind_mid  {position:relative;
margin-right: 10px;
margin-top: 10px;
margin-left: 10px;
width: 350px;
height: 165px;
visiblity: none;
z-index: 1;
border:0px solid #000;
text-align:left;
color: #FFF;
font-size: 16px;

}

span.project_text{
 color: #FFF;
 text-decoration: none;
 font-size: 20px;
 line-height: 20px;
}

#ind_lower  {position:relative;
margin-right: 10px;
margin-top: 5px;
width: 360px;
height: 20px;
visiblity: none;
z-index: 1;
border:0px solid #000;
overflow:hidden;
color: #FFF;
text-align:right;
text-decoration: none;

}






#port_container  {position:relative;
margin:0 auto;
margin-top: 10px;
width: 960px;
height:130px;
visiblity: none;
z-index: 6;
border:0px solid #000;
background-color:#FFF;
overflow:hidden;
}




#port_label  {position:relative;
background: url(../images/label_back.png);
margin:0 auto;
margin-top: 0px;
width: 260px;
height: 160px;
z-index: 3;
border:0px solid #000;
overflow:hidden;
line-height: 160px;
text-align:center;
font-size: 20px;
color: #FFF;
float:right;
}

	#port_label:hover {
		background-position: 0px -160px;		
	}

#port_outer_container  {position:relative;

margin:0 auto;
margin-top: 0px;
width: 980px;
height: 150px;
z-index: 1;
background-color:#0c0c0c;
border:0px solid #FFFFFF;

}

	#port_outer_container:hover {
		outline:1px solid #40b3c1;	
	}



#container_portback  {position:relative;

margin:0 auto;
margin-top: 30px;
width: 980px;
height: 545px;
z-index: 1;
border:0px solid #FFF;

}

#container_slideback_home  {position:relative;

margin:0 auto;
margin-top: 0px;
width: 980px;
height: 410px;
z-index: 1;
background-color:#0c0c0c;
border:0px solid #FFFFFF;

}

#container_slideback  {position:relative;

margin:0 auto;
margin-top: 0px;
width: 980px;
height: 410px;
z-index: 1;
border:0px solid #FFFFFF;

}

#container_openslide  {position:relative;

float:left;
margin-top: 10px;
margin-left: 10px;
width: 960px;
height: 390px;
visiblity: none;
z-index: 2;
border:0px solid #FFF;
overflow:hidden;
}



#container_about  {position:relative;

margin:0 auto;
margin-top: 0px;
width: 980px;
height: 570px;
z-index: 1;
border:0px solid #FFFFFF;

}

#container_resume  {position:relative;
font:Arial, Helvetica, Sans-Serif;
margin:0;
width: 600px;
height: 570px;
z-index: 1;
float:right;
border:0px solid #FFFFFF;
text-align: left;
color: #FFFFFF;
padding: 0px;

}



#container_desc  {position:relative;
font:Arial, Helvetica, Sans-Serif;
margin:0;
width: 375px;
height: 570px;
z-index: 1;
float:left;
border:0px solid #FFFFFF;
text-align: left;
color: #FFFFFF;
padding: 0px;


}

#desc  {position:relative;
font:Arial, Helvetica, Sans-Serif;
margin-left: 20px;
width: 350px;
height: 570px;
z-index: 1;
border:0px solid #FFFFFF;
text-align: left;
color: #FFFFFF;
padding: 0px;
float:left;

}


#resume  {position:relative;
font:Arial, Helvetica, Sans-Serif;
margin-right: 10px;
width: 530px;
height: 570px;
z-index: 1;
border:0px solid #FFFFFF;
text-align: left;
color: #b9b9b9;
padding: 0px;
float:right;

}



span.textresume {
color: #40b3c1;
 FONT-FAMILY: Verdana, Arial;
 FONT-SIZE: large;
  
}

#header_site {position:relative;
clear: both;

margin:0 auto;
margin-top:0px;
width: 980px;
height: 75px;
z-index: 1;

border:0px solid #FFFFFF;
}



#header_logo  {position:relative;
margin-top: 10px;
margin-left: 0px;
width: 300px;
height: 63px;
z-index: 1;
border:0px solid #FFF;
float:left;

}

#header_nav_container  {position:relative;

margin-top: 43px;
width: 360px;
height: 30px;
z-index: 6;
border:0px solid #FFFFFF;
float:right;

}

/* Main Navigation */

#header_nav_buttons { height: 30px; }
#header_nav_buttons dl { margin: 0; padding: 0; }
#header_nav_buttons dt { float: left; }
#header_nav_buttons dt a {
	display: block;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */ 
	padding: 30px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	outline: none;

}
#header_nav_buttons dt a:hover {
	background-position: 0 -30px;
}

#header_nav_buttons dt#home,
#header_nav_buttons dt#home a { width: 64px; background-image: url(../images/home.jpg); }

#header_nav_buttons dt#about,
#header_nav_buttons dt#about a { width: 94px; background-image: url(../images/about.jpg); }

#header_nav_buttons dt#portfolio,
#header_nav_buttons dt#portfolio a { width: 99px; background-image: url(../images/portfolio.jpg); }

#header_nav_buttons dt#contact,
#header_nav_buttons dt#contact a { width: 90px; background-image: url(../images/contact.jpg); }


body.home dt#home,
body.home dt#home a,
body.about dt#about,
body.about dt#about a,
body.portfolio dt#portfolio,
body.portfolio dt#portfolio a,
body.contact dt#contact,
body.contact dt#contact a {
	background-position: 0 -60px;
}



#twitter_follow {position:relative;
margin-top: 0px;
margin-left: 0px;
width: 32px;
height: 14px;
z-index: 2;
border:1px solid #000;
padding: 0px;
text-align: right;

}
#twitter_follow  a:link,
#twitter_follow  a:visited,
#twitter_follow  a:hover {
 color: #40b3c1;
 text-decoration: none;
 font-size: 12px;
 font-family: arial;
 font-style: bold;
 padding: 10px;
 line-height: 20px;


} 

#twitter_div_cont {position:relative;
background: url(../images/twitter_background.png);
margin-top: 0px;
width: 340px;
height:140px;
z-index: 6;
padding: 0px;
float:right;
text-align:left;
border:0px solid #FFFFFF;
}

#twitter_div {position:relative;
margin-top: 0px;
width: 340px;
height:90px;
z-index: 6;
padding: 0px;
float:right;
text-align:left;
border:0px solid #FFFFFF;
}

#whats_new{position:relative;
margin-top: 0px;
width: 340px;
height:30px;
z-index: 6;
float:right;
text-align:left;
border:0px solid #FFFFFF;
color: #40b3c1;
text-decoration: none;
padding: 0px;
}





#follow_me {position:relative;
margin-top: 0px;
width: 340px;
height:15px;
z-index: 6;
padding: 0px;
float:right;
text-align:right;
border:0px solid #FFFFFF;
font-family: arial;
font-style: bold;
padding: 0px;
line-height: 15px;
}

#follow_me a:link,
#follow_me a:visited,
#follow_me a:hover {
 
 text-decoration: none;
} 

span.whatsnew{
color: #40b3c1;
text-decoration: none;
font-size: 20px;
padding: 0px;
margin-left: 15px;
margin-top: 10px;
line-height: 20px;
float:left;

}

span.followme{
color: #40b3c1;
text-decoration: none;
font-size: 15px;
font-family: arial;
font-style: bold;
margin-right: 5px;
padding: 0px;
line-height: 15px;
float:right;

}




#twitter_bar{position:relative;
margin-top: 0px;
width: 340px;
height:20px;
visiblity: visible;
z-index: 6;
border: 0 px;
padding: 0px;
float:right;
text-align:right;
background-color:#232323;
line-height: 14px;
}

#twitter_bar a:link,
#twitter_bar a:visited,
#twitter_bar a:hover {
 color: #40b3c1;
 text-decoration: none;
 font-size: 14px;
 font-family: arial;
 font-style: bold;
 padding: 10px;
 line-height: 14px;
 outline: none;

} 



ul#twitter_update_list {
	list-style: none;
	font-size: 12px;
	margin:0px;
	padding: 0px;
	
	
}
ul#twitter_update_list li {
	
	padding: 0px;
	color: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 5px;

}
a { color: #96997a; }

#footer_site {position:relative;
margin:0 auto;
margin-top:20px;
width: 980px;
height: 150px;
z-index: 1;
border:0px solid #FFFFFF;
text-decoration:none;
}

#text_div {position:relative;
margin-top: 0px;
width: 600px;
height:150px;
z-index: 6;
border: 0px solid #FFFFFF;
float:left;
text-align:left;
PADDING-LEFT: 10px;
TEXT-DECORATION: none;




}




/* Span text */

span.textlarge {
 FONT-FAMILY: Verdana, Arial;
 FONT-SIZE: xx-large;
 color: #FFFFFFF; 
}

span.textmed {
 FONT-FAMILY: Verdana, Arial;
 FONT-SIZE: x-large;
 color: #929292; 
 line-height: 25pt 
}

span.about_caption{
 color: #929292;

}




span.porttext{
 color: #FFF;
 text-decoration: none;
 font-size: 20px;
 line-height: 130px;
}


a.option{padding:0px 10px;border:1px solid #101010;background:#202020;text-decoration:none;display:block;float:right;clear:left;margin-bottom:0px;cursor:pointer;color:#40b3c1;}
a.option:hover{background:#161616;}


/* contact */

#container_contact  {position:relative;

margin:0 auto;
margin-top: 0px;
width: 980px;
height: 570px;
z-index: 1;
border:0px solid #FFFFFF;

}



#container_contact_info  {position:relative;
font:Arial, Helvetica, Sans-Serif;
margin:0;
width: 350px;
height: auto;
z-index: 1;
border:0px solid #FFFFFF;
text-align: left;
color:  #b9b9b9;
padding-top: 10px;
padding-left: 111px;
font-size: 1.4em;
text-decoration:none;
}

#container_contact_info a:link,
#container_contact_info a:visited,
#container_contact_info a:hover {
 text-decoration: none;
 color:  #b9b9b9;
} 


#contact_info {position:relative;
font:Arial, Helvetica, Sans-Serif;
margin-left: 0px;
width: 350px;
height: 250px;
z-index: 1;
border:0px solid #FFFFFF;
text-align: right;
color: #FFFFFF;
padding: 0px;
float:right;

}
/* contact form*/

#contact_form  {position:relative;
font:Arial, Helvetica, Sans-Serif;
margin:0 auto;
width: 530px;
height: 500px;
z-index: 1;
border:0px solid #FFF;
text-align: left;
color: #b9b9b9;
padding-top: 40px;


}

#container_contact_form  {position:relative;
font:Arial, Helvetica, Sans-Serif;
margin:0;
width: 600px;
height: 300px;
z-index: 1;
float:left;
border:0px solid #FFFFFF;
text-align: left;
color: #FFFFFF;
padding: 0px;

}




#contact-area {
	width: 500px;
	border:0px solid #FFFFFF;
	margin:0 auto;
	margin-top:25px;
	color: #909090;
	
}

#contact-area input, #contact-area textarea {
	background:#161616;
	padding: 5px;
	width: 390px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #909090;
	color: #909090;
	float:right;
}
 #contact-area input:focus {
	outline: 1px solid #40b3c1;
 }

#contact-area textarea {
	height: 90px;
	
	
}

#contact-area textarea:focus{
	outline: 1px solid #40b3c1;
	
	

}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

#contact-area input.submit-button:hover {
		outline:1px solid #40b3c1;	
	}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 70px;
	padding-top: 16px;
	font-size: 1.4em;
	border:0px solid #FFFFFF;
	
}