/* CSS Document */

body{
	background: #000000;
	margin:0;
	padding:0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

p{
	margin:0 0 0 0;
	padding:5px 0 5px 0;
	color:#333333;
}

a{
	text-decoration:none;
	font-size:11px;
	color:#952fbe;
	font-weight: normal;}

h1{
	margin:0 0 0 0;
	padding:23px 0 0 0;
	font-size:14px;
	color:#952fbe;
	font-weight: bold;
}

h2{
	margin:0 0 0 0;
	padding:10px 0 0 0;
	font-size:11px;
	color:#952fbe;
	font-weight: bold;
}

h3{
	margin:0 0 0 0;
	padding:0px 0 0 0;
	font-size:11px;
	color:#952fbe;
	font-weight: bold;
}

h4{
	margin:0 0 0 0;
	padding:0px 0 0 0;
	font-size:11px;
	color:#952fbe;
	font-weight: bold;
	font-style:italic;
}

/* Container Box --*/
#Container{
	width:760px;
	margin:10px auto 0 auto;
}

	#Container .Top{height:68px;background:url('images/top_logo.jpg') no-repeat left;}

/* Header Home --*/
#HeaderHome{
	height:209px;
	background:url('images/header.jpg') no-repeat left;
}

	#HeaderHome h1{margin: 0 0 0 -7000px;}

/* Header About Us --*/
#HeaderAbout{
	height:109px;
	background:url('images/about_header.jpg') no-repeat left;
}
	#HeaderAbout h1{margin: 0 0 0 -7000px;}

/* Header Services --*/
#HeaderServices{
	height:109px;
	background:url('images/services_header.jpg') no-repeat left;
}

	#HeaderServices h1{margin: 0 0 0 -7000px;}

/* Header Services Web Development--*/
#HeaderWebDev{
	height:109px;
	background:url('images/wd_header.jpg') no-repeat left;
}

	#HeaderWebDev h1{margin: 0 0 0 -7000px;}

/* Header Services Visual Arts--*/
#HeaderVisual{
	height:109px;
	background:url('images/va_header.jpg') no-repeat left;
}
	#HeaderVisual h1{margin: 0 0 0 -7000px;}

/* Header Services Templates--*/
#HeaderTemplates{
	height:109px;
	background:url('images/st_header.jpg') no-repeat left;
}

	#HeaderTemplates h1{margin: 0 0 0 -7000px;}

/* Header Portfolio --*/
#HeaderPortfolio{
	height:109px;
	background:url('images/portfolio_header.jpg') no-repeat left;
}

	#HeaderPortfolio h1{margin: 0 0 0 -7000px;}

/* Header Contact --*/
#HeaderContact{
	height:109px;
	background:url('images/contact_header.jpg') no-repeat left;
}
	#HeaderContact h1{margin: 0 0 0 -7000px;}
	
/* Header Special Offer--*/
#HeaderOffer{
	height:109px;
	background:url('images/offer_header.jpg') no-repeat left;
}
	#HeaderOffer h1{margin: 0 0 0 -7000px;}

/* Navigation --*/
#Navigation{
	/*width:100%;*/
	/*height:30px;*/
	/*margin:5px 0 5px 30px;*/
	padding: 5px 30px 5px 30px;
	float:left;
	background:url('images/content_bg.jpg') repeat-y top left;
}

/* Main --*/
#Main{
	background: #ffffff url('images/content_bg.jpg') repeat-y top left;
	float: left;
	clear: both;
	width: 100%;
	
}

/* Left Text Box --*/
#LeftCol{
	width:340px;
	_width:320px;
	float:left;
	margin:5px 5px 5px 30px;
	_margin: 5px 5px 5px 20px;
	clear: left;
	padding: 0;
	_padding: 0;
}

	#LeftCol img{float:left; margin: 0 1em 0em 0; clear:left; border: 1px solid #999999;}
	#LeftCol h2{margin: 1em 0 5em 1em;}


/* Right Text Box --*/
#RightCol{
	width:340px;
	_width: 320px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
	padding: 0;
	_padding: 0;
}

	#RightCol img{float:left; margin: 1em 1em 0em 0; clear:left; border: 1px solid #999999;}
	
/* Side Nav --*/
#SideNav{
	width:180px;
	float:left;
	margin:5px 5px 5px 30px;
	_margin: 5px 5px 5px 15px;
	clear: left;
	padding:23px 0 0 0;
	
}

	#SideNav a{margin:5px 5px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#000000; vertical-align:middle; }
	#SideNav a:hover{margin:5px 5px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#2f8abe; vertical-align:middle; }
	#SideNav a:active{margin:5px 5px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#2f8abe; vertical-align:middle; }
	
/* Sub Side Nav --*/
#SubNav{
}	
	
	#SubNav a{margin:5px 0px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#666666; vertical-align:middle; font-size:10px; padding: 0 0 0 25px;}
	#SubNav a:hover{margin:5px 0px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#2f8abe; vertical-align:middle; font-size:10px; padding: 0 0 0 25px;}
	#SubNav a:active{margin:5px 0px 5px 5px; display: block; text-decoration:none; font-weight: bold; color:#2f8abe; vertical-align:middle; font-size:10px; padding: 0 0 0 25px;}

/* Main Text Box --*/
#MainTxt{
	width:500px;
	_width: 490px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
}

	#MainTxt img{float:left; margin: 0 1em 8.5em 0;}
	#MainTxt a{display: block; text-decoration:none; font-size:11px; color:#952fbe; font-weight: bold;}
	#MainTxt a:hover{display: block; text-decoration:none; font-size:11px; color:#2f8abe; font-weight: bold;}

#MainIndent{
	margin: 0px 40px 0px 20px;
}

/* Alt Main Text Box --*/
#AltMainTxt{
	width:500px;
	_width: 490px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
}

	#AltMainTxt img{float:left; margin: 1em 1em 1em 0em;}
	#AltMainTxt a{text-decoration:none; font-size:11px; color:#952fbe; font-weight: bold;}
	#AltMainTxt a:hover{text-decoration:none; font-size:11px; color:#2f8abe; font-weight: bold;}

/* One Column Box --*/
#OneCol{
	width:700px;
	_width:690px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
}

	#OneCol img{float:left; margin: 0.5em 1em 1em 1em; clear:left; padding:5px 0 5px 0;}
	#OneCol a{text-decoration:none; font-size:11px; color:#952fbe; font-weight: bold;}
	#OneCol a:hover{text-decoration:none; font-size:11px; color:#2f8abe; font-weight: bold;}
	#OneCol p{margin: 0em 1em 1em 0;}
	#OneCol li.offer{margin-left: 22em;}
	#OneCol img.offer{float:left; margin: 0.5em 2em 1em 1em; clear:left; padding:5px 0 5px 0;}
	#OneCol img.offerstar{ float:right; margin: 0; padding:0; display:block; }
	

#OneColIndent{
	margin: 0px 40px 0px 20px;
}

.portfolio_website{
	clear:both;
}



/* Recent Projects --*/
#Recent{
	text-align:center;
	background: #ffffff;
	background:url('images/content_bg.jpg') repeat-y top left;
	float:left;
	clear:both;
	width:100%;
}
	
	#Recent img{margin: 2em 2em 0 2em;}
	#Recent h1{text-align: left; margin: 0 0 0 28px;}

#Tables{
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
}
	
/* Contact Page Left Text Box --*/
#ContactLeftCol{
	width:340px;
	_width:330px;
	float:left;
	margin:5px 5px 5px 30px;
	_margin: 5px 5px 5px 20px;
	clear: left;
}

	/*#ContactLeftCol img{float:left; margin: 0 1em 1em 0; clear:left; border: 1px solid #999999;}
	#ContactLeftCol h2{margin: 1em 0 5em 1em;}*/

/* Contact Page Right Text Box --*/
#ContactRightCol{
	width:340px;
	float:right;
	margin:5px 30px 5px 5px;
	_margin: 5px 20px 5px 5px;
}

/* Footer --*/
#Footer{
	text-align:center;
	background: #ffffff;
	background:url('images/content_bg.jpg') repeat-y top left;
	float:left;
	clear:both;
	width:100%;
}
	#Footer p{color:#666666;font-size:11px;margin:0 20px 0 20px;}
	#Footer a{color:#666666;font-size:9px;margin:0;}
	#Footer a:hover{text-decoration:none; font-size:9px; color:#952fbe; font-weight: normal;}
	#Footer .Bottom{height:49px;background:url('images/bottom.jpg') no-repeat left;}