/* Default Elements */

body {
	background: #000;
	font-family: Arial;
	font-size: 13px;
	color: #FFF;
}

li { /* all list items */
	padding-left:-10px;}

h1 {
	font-size: 17px;}
	
h2 {
	font-size: 14px;
	color:#000000;
	}

h4 {
	font-size: 22px;}

.error {
		color: #FF0000;}

p {
 margin-left: 0;
 line-height:1.3;
}

form {
      margin: 0; 
}

h5 {
	font-size: 9px;
}

a:link, a:visited,
a:active, a:hover {
	color: #fff;
	text-decoration: none;
}


/* Layout Styles */

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#top {
	height: 134px;
	background: url(img/header1.gif) no-repeat;
	background-position: 10px 20px;
}

#topleft {
	float: left;
	padding: 80px 0px 0px 15px;
}

#topright {
	float: right;}

#side {
	padding: 10px 15px 10px 20px;
	width: 265px;
	height: 424px;
	background: #009899;
	float: left;
}

#side a {
text-decoration:underline;
color:#FFFFFF;
}

#side a:hover {
text-decoration:none;
}

.main {
	background: url(img/home_page.jpg) no-repeat #009899;
	float: left;
	width: 570px;
	height: 424px;
	padding: 10px 10px 10px 20px;
}

	/* Main Content Background Images */
	.profile {
		 background: url(img/profile.jpg) no-repeat #009899;
	}

		.portfolio1 {
				 background: url(img/portfolio1.jpg) no-repeat #000;
		}	
	
		.portfolio2 {
				 background: url(img/portfolio2.jpg) no-repeat #000;
		}
		
		.portfolio3 {
				 background: url(img/portfolio3.jpg) no-repeat #000;
		}
		
		.portfolio4 {
				 background: url(img/portfolio4a.jpg) no-repeat #000;
		}
	
	.portfolio5 {
				 background: url(img/web_design.jpg) no-repeat #000;
		}
	
	.education {
			 background: url(img/education.gif) no-repeat #009899;
	}	
	
	.webbg {
			 background: url(img/webbg.jpg) no-repeat #009899;
	}	
	.contact {
		 background: url(img/contact.jpg) no-repeat #009899;
	}
	
	.graphic {
		 background: url(img/graphic.gif) no-repeat #009899;
	}
	
	.services {
		 background: url(img/services.gif) no-repeat #009899;
	}
	
	.communication {
			 background: url(img/orange.jpg) no-repeat #009899;
	}
	
	.print {
			 background: url(img/print.jpg) no-repeat #009899;
	}
	
	.productdev {
			 background: url(img/producdev.jpg) no-repeat #009899;
	}
	
	.videopromo {
		 background: url(img/videopromo.jpg) no-repeat #009899;
	}


/*Footer */ 
#footer {
	border-top: 2px solid #fff;
	text-align: center;
}

/* Top Text Layout */

#topleft p {
	display: block;
	border-right: 1px solid #fff;
	float: left;
	padding: 5px 13px;
	text-align: center;
}

#topleft p.noborder {
	border: 0;
}

/* Main Menu Layout */

#menu {
	height: 18px;
	background: #009899;
	border-top: 2px solid #FFF;
	border-bottom: 5px solid #FF9933;
}

#menu a {
	display: block;
	height: 14px;
	width: 148px;
	border-right: 2px solid #fff;
	float: left;
	padding: 2px 0;
	text-align: center;
}

#menu a:hover {
	color: #009899;
	background: #fff;
}

#menu a.noborder {
	border-right: 0;
	width: 150px;
	_margin-right: -10px;
}

/* IE6 Only Menu Fix */

html>body #menu a.noborder {
	margin-right: -10px;
}

/* Colored Text */

.orange {
	color: #FF9933;
}

/* Fix Floats */

.clearing {
	clear: both;
}


#blackside {
	padding: 10px 10px 10px 25px;
	width: 250px;
	height: 424px;
	background: #000;
	float: left;
}

/* IE6 Only Width Fix */
*html body #blackside { width:200px; }

#blackside P {margin-top:20px;}

#blackside a {text-decoration:none; font-size:13px;}
#blackside a:hover {text-decoration:none; font-size:13px;}
#blackside .spacer1 { font-weight:bold; margin-right:5px; border-right:1px solid #fff; height:15px; float:left; padding-right:5px;}
#blackside #bottom { margin-top:190px; width:260px; float:left; font-size:12px; }

#blackside #bottom_web { margin-top:0; width:260px; float:left; font-size:12px; }
#blackside #bottom_web a{font-size:12px; }
#blackside #bottom_web a:hover{color:#F89800;}