/* CSS Document */

body {
	background-color:#FFFFFF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#EEEEDD;
}

#wrapper{
	width:800px;
	position:relative;
	margin:auto;
	top:30px;
	background-color:#FFFFFF;
}

#content {
	width:780px;
	top:30px;
	position:relative;
	border-top:thin;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#CC6600;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:50px;
	font-size:12px;
	
}

#portfolio_web{
	position:absolute;
	width:250px;
	left:16px;
	text-align:center;
}

#portfolio_design{
	position:absolute;
	width:250px;
	text-align:center;
	left:277px;
}

#portfolio_video{
	position: relative;
	width:250px;
	left:528px;
	text-align:center;
}

#portfolio_left{
	position:absolute;
	width:186px;
	left:20px;
	border:solid;
	border-width:1px;
	border-color:#000000;
}

#portfolio_left a{
	text-align:center; 
	text-decoration:none; 
	color: #CCCCCC;
	background-color:#333333;
	display:block; 
	width:170px;
	padding:7px;
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
}

#portfolio_left a:visited{
	text-decoration:none; 
	color:#CCCCCC; 
	display:block; 
	width:170px; 
	padding:7px;
}

#portfolio_left a:hover{
	color: #000000;
	background-color: #999999; 
	padding:7px;
	background-image:url(../images/grad2.gif);	
}

#portfolio_right{
	position:relative;
	left:210px;
	width:560px;
	border:solid;
	border-width:1px;
	text-align:center;
}

#portfolio_video_select_right{
	position:absolute;
	width:175px;
	left:610px;
	border:solid;
	border-width:1px;
	font-size:12px;
	text-align:center;
}

#portfolio_video_select_right a{
	text-decoration:none; 
	color: #333333;
	background-color:#CCCCCC;
	display:block; 
	padding:7px;
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;

}

#portfolio_video_select_right a:visited{
	text-decoration:none; 
	color:#333333; 
	display:block; 
	padding:7px;
}

#portfolio_video_select_right a:hover{
	color:#FFFFFF;
	background-color: #666666; 
	padding:7px;
	background-image:url(../images/grad1.gif);
}

#portfolio_video_right{
	position:relative;
	left:212px;
	width:360px;
	border:solid;
	border-width:1px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;

}

#footer{
	position:relative;
	top:0px;
	width:800px;
	height:30px;
	border-top:solid;
	border-width:1px;
	border-color:#CCCCCC;
	padding-top:8px;
	padding-bottom:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	background-image:url(../images/footer_image.gif);
	background-repeat:no-repeat;
}

#contact_right{
	position:relative;
	width:200px;
	border:solid;
	border-width:1px;
	text-align:center;
	float:right;
	font-size:12px;
}

h1 {
}

h1.home{
	border-left:solid;
	border-left-width:4px;
	border-left-color: #009900;
	padding-left:6px;
	background-color:#CCCCCC;
	font-size:24px;
}

h1.work{
	border-left:solid;
	border-left-width:4px;
	border-left-color:#663399;
	padding-left:6px;
	background-color:#CCCCCC;
	font-size:24px;

}

h1.contact{
	border-left:solid;
	border-left-width:4px;
	border-left-color: #CCCC33;
	padding-left:6px;
	background-color:#CCCCCC;
	font-size:24px;

}

h1.about{
	border-left:solid;
	border-left-width:4px;
	border-left-color: #3366CC;
	padding-left:6px;
	background-color:#CCCCCC;
	background-position:center;
	font-size:24px;

}

h2 {
}

h3 {
	font-weight:bold;
}

h4 {
	color:#CC6600;
	font-weight:bold;
}

p {
}

p.aboutimages{
	text-align:center;
}

strong{

}

#nav {
	width:790px;
	height:80px;
	position:relative;
}

#nav_logo{
	position:relative;
	width:100px;
	height:45px;
	top:10px;
	left:10px;
	background-repeat:repeat-y;
}

#nav_logo{
	position:relative;
	width:auto;
}

#nav_menu{
	position:absolute;
	top:70px;
	width:800px;
	text-align:right;
	font-size:14px;
	color:#FFFFFF;
	background-color:#000000;
	padding-top:8px;
	padding-bottom:8px;
}


a.nav_menu:link{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#000000;
	padding-left:10px;
	padding-bottom:8px;
	padding-right:10px;
	padding-top:8px;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#999999;
}

a.nav_menu:visited{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#000000;	
	padding-left:10px;
	padding-bottom:8px;
	padding-right:10px;
	padding-top:8px;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#999999;
}

a.nav_menu:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#333333;
	padding-left:10px;
	padding-bottom:8px;
	padding-right:10px;
	padding-top:8px;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#FF3333;
}

a:link {
	text-decoration:none;
	color:#0066FF;

}

a:visited	{
	text-decoration:none;
	color:#CC6633;
}

a:hover {
	text-decoration:none;
	color:#669900;
}

a.content_right:link {
	text-decoration:none;
	color:#666666;
}

a.content_right:visited	{
	text-decoration:none;
	color:#003399;
}

a.content_right:hover {
	text-decoration:none;
	color:#333333;
}

a.video_anchor:link{
	color:#000000;
	font-size:8px;
	text-decoration:underline;
}

a.video_anchor:hover{
	color:#000000;
	font-size:8px;
	text-decoration:underline;
}

a.video_anchor:visited{
	color:#000000;
	font-size:8px;
	text-decoration:underline;
}

a.video_home:hover{
	color:#000000;
}

hr{
	width:90%;
}

ul{
	list-style:disc;
}

#ul_list{
	position: relative;
	width:790px;
	background-image:url(../images/background_main.gif);
	background-repeat:no-repeat;
	background-position:400px;
}

#home_img{
	position:relative;
	text-align:center;
	width:790px;
}