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

body {
	background: #ffffff1 repeat-x;
	margin: 0px;
	padding: 0px;
	color:#333333;
	font-family: Trebuchet MS,Arial,sans-serif;
	font-size:11px;
	text-align:center;
	}



a {color: #B38708; font-family: Trebuchet MS,Arial,sans-serif; ;  text-decoration: underline}
a:visited {color: #B38708; text-decoration: underline}
a:active {color: #B38708; text-decoration: underline}
a:hover {color: #4B7890; text-decoration: underline}


#frame {
	margin: 0 auto;
	width:800px;
	height:100%;
	margin-bottom:0.01em;
	text-align:left;
}

#header {
	background:url(images/home/header.png);
	width:800px;
	height:80px;
	padding-top:0px;
	margin-top:5px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

	

#nav {
background: transparent;
height: 40px;
padding: 10px 0 0 0;
width:800px;
}

#nav a {

float:left;
padding: 4px 8px;
margin: 0 10px;
color: #505050;
font-family: Trebuchet MS,Arial,sans-serif;
font-weight: bold;
font-size: 16px;
text-decoration: none;
text-transform: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#nav a:hover {
background: #00ADEF;
color:#ffffff;
}

#nav a.current {
background: #00ADEF;
color:#ffffff;
}




#spacer{
		background: transparent;
		width: 800px;
		height: 10px;
		border-top: double #CCC;
}

#center{
	background:#ffffff repeat-y scroll 0 0;
	width:800px;
	float: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#content {
	width: 800px;
	float:left;
	background: transparent repeat-y scroll 0 0;
}	


#container_left{
	background:#ffffff repeat-y scroll;
	width:520px;
	float:left;
	padding-top:0px;
}


#news{
	background: url(images/home/news.png) no-repeat;
	width:300px;
	height:95px;
	padding-left:160px;
}

#fav{
	background: url(images/home/recent/recentbg.png) bottom no-repeat;
	padding-top:0px;
	width: 460px;
	height: 345px;
	
}

#container_column{
	background:#ffffff repeat-y scroll;
	width:280px;
	float:right;
	padding-top:10px;
}

#container_columnbackground{
	background-image:url(images/home/white_fade_full_bg.png);
	width: 280px;
}


#container_welcome_title{
	background-image: url(images/home/welcome.png);
	width:280px;
	height: 80px;
}

#container_web_title{
	background-image: url(images/home/webpressence.png);
	width:260px;
	height: 45px;
}

#container_column_content{
	width:265px;
	padding-top:0px;
	
}

.columncontent{
	font-size:14px;
}

.columncontent a {color: #00ADEF; font-family: Trebuchet MS,Arial,sans-serif; text-decoration: none}
.columncontent a:visited {color: #00ADEF; text-decoration: none}
.columncontent a:active {color: #OOADEF; text-decoration: none}
.columncontent a:hover {color: #4B7890; text-decoration: none}

#container_column_shadow{
	background-image:url(images/home/corner_curl_bottom2.png);
	width:280px;
	height: 19px;
}


#footer{
	position:relative;
	bottom:0px;
	background:transparent;
	border-top: double #CCC;
	width:800px;
	height:50px;
	text-align:center;
	float:left;
	color:#333333;
}

	

p  
{
font-family: Trebuchet MS,Arial,sans-serif;
font-size: 11px;
font-style: normal; 
font-weight: normal; 
text-decoration: none;
margin-top: 0px;

}

.photo {
padding-right: 10px;
}


h1 
{
font-family: Trebuchet MS,Arial,sans-serif;
font-size: 24px; 
font-style: normal; 
font-weight: bold;
text-decoration: none;
}



h2 
{  
font-family: Trebuchet MS,Arial,sans-serif;
font-size: 18px;
font-weight: bold;
text-decoration: none;
margin-bottom: 0px;
}

h3 
{  
font-family: Trebuchet MS,Arial,sans-serif; 
font-size: 10px;
text-decoration: none;

}

h4 
{  
font-family:Trebuchet MS,Arial,sans-serif; 
font-size: 12px;
color: #999;
text-decoration: none;
margin-bottom: 0px;
}

.first_letter{
color:#4B7890;
}

.name{
	color:#333333;
	font-size:14px;
	font-weight:bold;
}

.title{
	color:#B38708;
}


/*-----------------------------------------------------------------------------------------------*/





/*

			Vertical Accordions
		*/
		

		
		.accordion_toggle {
			display: block;
			height: 40px;
			width: 785px;
			padding: 6px 0 0 15px;
			background:  #ffffff;
			line-height: 30px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 18px;
			color: #CCCCCC;
			border-bottom: 1px solid #CCC;
			border-top: 1px solid #CCC;
			border-left: 1px solid #CCC;
			border-right: 1px solid #CCC;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: #00ADEF;
			color: #ffffff;
			font-weight:normal;
			padding: 6px 0 0 15px;
		}
		
		.accordion_content {
			background-color: transparent;
			color: #57504E;
			overflow: hidden;
			padding:10px 15px 10px 30px;
		}
			

		.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #333333;
			}
			
			.accordion_content p {
				line-height: 150%;
			}
			
		
		.accordion_toggle:hover {
			color:#333333;
		}

div.vertical_container {
float:left;
}


#about_container
{
float:left;
margin:20px 0 30px;
min-height:100px;
}

.technical{
display:inline;
float:left;
padding:5px 10px;
text-align:left;
width:246px;
}

.software{
display:inline;
float:left;
padding:5px 10px;
text-align:left;
width:246px;;
}


/*-----------------------------------------------------------------------------------------------*/

.portfolioContent{
background: transparent;
display:inline block;
float:left;
padding:20px 40px 20px 40px;
width:720px;	
}

ul.thumbs{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:20px 10px 20px 30px;
}

ul.thumbs li{
	display:inline;
}

.clearfix {
display:inline block;
}

ul.thumbs li a:hover img {
border:5px solid #1D7FC6;
}
ul.thumbs li a img {
border:5px solid #ECE4E4;
}



ul.smallthumbs{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:10px 10px 10px 10px;
}

ul.smallthumbs li{
	display:inline;
}

ul.smallthumbs li a:hover img {
border:1px solid #1D7FC6;
}
ul.smallthumbs li a img {
border:1px solid #ECE4E4;
}




ul.thumbsrecent{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:40px 48px 15px 48px;
}

ul.thumbsrecent li{
	display:inline;
}

ul.thumbsrecent li a:hover img {
border:4px solid #1D7FC6;
}
ul.thumbsrecent li a img {
border:4px solid #ECE4E4;
}