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

body{
	margin:0;
	padding:0;
	background:#353333 center;
	font-family:Arial, Helvetica, sans-serif;
	height: 411px;
}

img{
	border:0px;
}
a:link{
	text-decoration:none;
	border:none;
	color:#CCCCCC;
	}a:visited{
	text-decoration:none;
	color:#CCCCCC;
	}a:hover{
	color:#F05A28;
	}a:active{
	color:#999999;
	}
	
.buttons{
	list-style:none;

	}.buttons li{
		margin-right:7px;
		float:left;
		width:150px;
		height:70px;
	}.buttons a:link img{
		border:7px solid #4d4d4d;
		width:131px; height:51px;
	}.buttons a:visited img{
		border:7px solid #4d4d4d;
		width:131px; height:51px;
	}.buttons a:hover img{
		border:none;
		width:145px; height:65px;
	}
	
	.buttons2{
	list-style:none;

	}.buttons2 li{
		margin-right:7px;
		float:left;
		width:196px;
		height:259.5px;
	}.buttons2 a:link img{
		border:7px solid #4d4d4d;
		width:182px; height:245.5px;
	}.buttons2 a:visited img{
		border:7px solid #4d4d4d;
		width:182px; height:245.5px;
	}.buttons2 a:hover img{
		border:none;
		width:196px; height:259.5px;
		
	}
	.buttons3{
	list-style:none;

	}.buttons3 li{
		margin-right:8px;
		float:left;
		width:60px;
		height:300px;
	}.buttons3 a:link img{
		border:5px solid #4d4d4d;
		width:50px; height:290px;
	}.buttons3 a:visited img{
		border:5px solid #4d4d4d;
		width:50px; height:290px;
	}.buttons3 a:hover img{
		border:none;
		width:60px; height:300px;
		
		}
	.buttons4{
	list-style:none;

	}.buttons4 li{
		margin-right:8px;
		float:left;
		width:175px;
		height:145px;
	}.buttons4 a:link img{
		border:5px solid #4d4d4d;
		width:165px; height:135px;
	}.buttons4 a:visited img{
		border:5px solid #4d4d4d;
		width:165px; height:135px;
	}.buttons4 a:hover img{
		border:none;
		width:175px; height:145px;
		
		}
	.buttonsweb{
	list-style:none;

	}.buttonsweb li{
		margin-right:9px;
		float:left;
		width:216px;
		height:142px;
	}.buttonsweb a:link img{
		border:7px solid #4d4d4d;
		width:202px; height:128px;
	}.buttonsweb a:visited img{
		border:7px solid #4d4d4d;
		width:202px; height:128px;
	}.buttonsweb a:hover img{
		border:none;
		width:216px; height:142px;
		
	}
	
	.buttonsad{
	list-style:none;

	}.buttonsad li{
		margin-right:7px;
		float:left;
		width:80px;
		height:259.5px;
	}.buttonsad a:link img{
		border:7px solid #4d4d4d;
		width:66px; height:245.5px;
	}.buttonsad a:visited img{
		border:7px solid #4d4d4d;
		width:66px; height:245.5px;
	}.buttonsad a:hover img{
		border:none;
		width:80px; height:259.5px;
		}
	
#siteframe{
	width:955px;
	height: auto;
}

#header {
	width:955px; height:115px;
	border-bottom:3px solid #1b1b1b;
}

#header ul.nav{
	display:block; position:relative;
	top: 89px;
	float:right;
	margin:0px;
	width:490px;
	list-style:none;
	
	}#header ul li{
		float:left;
		padding-left:16px;
		padding-right:16px;
		
		font:Arial, Helvetica, sans-serif;
		font-size:16px; line-height:16px;
		font-weight:bold;
	}

#content{
	border-top:2px solid #CCCCCC;
	height:411px;
	border-bottom:2px solid #CCCCCC;
	
}

#content2{
	border-top:2px solid #CCCCCC;
	height:480px;
	//border-bottom:2px solid #CCCCCC;
	border: 1px solid #FFF;
	border-right:none;
	border-left:none;
	background-repeat: no-repeat;
	background-position: 165px 45px;
	background-image: url(../images/colored_box.gif);
	}
	
	#content2 ul.subnav{
	display:block;
	position:relative;
	left: -65px;
	margin:35px;
	width:125px;
	height:411px;
	list-style:none;
	
	}#content2 ul li{
		padding-top:12px;
		padding-bottom:12px;
		
		font:Arial, Helvetica, sans-serif;
		font-size:15px; line-height:16px;
		font-weight:bold;
		
		}
		
	#content-holder{
	margin-top:50px;
	border:0px solid;
	float: right;
	width: 735px;
	margin-right:50px;
	}

#content-holder2{
	margin-top:50px;
	border:0px solid;
	float: right;
	width: 735px;
	margin-right:50px;
	}
	
	
#content-holder3{
	margin-top:51px;
	border:0px solid;
	float: right;
	width: 300px;
	margin-right:-30px;
	}
	
	#content-holder4{
	margin-top:50px;
	border:0px solid;
	float: right;
	width: 460px;
	margin-right:55px;
	}

#siteframeweb #content-holder{
	margin-right:15px;
	}

#siteframeportfolio{
	width:955px;
	height: auto;
	background-image: url(../images/portfolio_back.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
	
	}
	
	#siteframepage{
	width:955px;
	height: auto;
	background-image: url(../images/page_back.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}#siteframepage #content-holder a{
	margin-right:10px;
}

	#siteframeweb{
	width:955px;
	height: auto;
	background-image: url(../images/web_back.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}


#siteframeillustrations{
	width:955px;
	height: auto;
	background-image: url(../images/illustrations_back.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}

#siteframelogo{
	width:955px;
	height: auto;
	background-image: url(../images/logo_back.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}


#siteframeart{
	width:955px;
	height: auto;
	background-image: url(../images/art_back.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}

#siteframephoto{
	width:955px;
	height: auto;
	background-image: url(../images/photo_back.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}

#siteframeabout{
	width:955px;
	height: auto;
	background-image: url(../images/about.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
	}
	
	#siteframeresume{
	width:955px;
	height: auto;
	background-image: url(../images/resume.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}

#siteframeclients{
	width:955px;
	height: auto;
	background-image: url(../images/clients.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}

#siteframeportrait{
	width:955px;
	height: auto;
	background-image: url(../images/self_portrait.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
	}

#siteframeservices{
	width:955px;
	height: auto;
	background-image: url(../images/services.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}

#siteframecontact{
	width:955px;
	height: auto;
	background-image: url(../images/contact.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
}	
	
#footer{
	width:955px; height:70px;
	border-top:4px solid #1b1b1b;
}

#footer ul{
	margin:0;
}
#footer li{
	list-style:none;
	float:left;
	
	margin:20px 0px 3px 0px;
	padding:0px 5px 0px 5px;
	
	font-size:11px;
	line-height:11px;
	
	border-right:1px solid #CCCCCC;
	}#footer li.end{
	border-right:none;	
	
}