body { 
margin:auto; 
background:url(backback.jpg) top center repeat-y;
	background-color:#b4b4b4;
	color:#000000;
	width: 800px;
	}

#top {
background:url(images/logo.jpg) no-repeat;
margin:0 auto; 
	width:800px;
	height:100px;
	}
	
	#topportfolio {
background:url(images/logoportfolio.gif) no-repeat;
margin:0 auto; 
	width:800px;
	height:130px;
	float:left;
	}
#topblackbar {
width:800px;
height:30px;
background:#000000;
margin:0 auto;
}
#maindisplay {
width:800px;
height:267px;
background:url(images/back.jpg) no-repeat; 
float:left;
margin:0 auto; 
}	
#portfoliomaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesignportfolio.jpg); 
float:left;
margin:0 auto; 
}
#e-commercemaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-e-commerce.jpg); 
float:left;
margin:0 auto; 
}
#cmsmaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-cms.jpg); 
float:left;
margin:0 auto; 
}
#seomaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-seo.jpg); 
float:left;
margin:0 auto; 
}
#basicmaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-basic.jpg); 
float:left;
margin:0 auto; 
}

#designmaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-design.jpg); 
float:left;
margin:0 auto; 
}
#maintenancemaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-maintenance.jpg); 
float:left;
margin:0 auto; 
}
#aboutusmaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-aboutus.jpg); 
float:left;
margin:0 auto; 
}
#contactmaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-contact.jpg); 
float:left;
margin:0 auto; 
}
#linksmaindisplay {
width:800px;
height:267px;
background-image:url(images/webdesign-links.jpg); 
float:left;
margin:0 auto; 
}
#displayboxbig {
width:300px;
height:267px;
float:left;
margin:0 auto;
}
#topright {
width:600px;
height:267px;
float:left;
}
#toprightinner {
padding-left:33px;
padding-right:0px;
padding-top:12px;
float:left;
}
#bottomright {
width:400px;
height:150px;
float:right;
}
#main {
float:left;
margin:0 auto;
width:800px;
height: 1000px;
}
	#mainportfolio {
	float:left;
margin:0 auto;
	width:800px;
		height:auto;
	}
#main-e-commerce {
float:left;
margin:0 auto;
	width:800px;
	height:550px;
	}
	#main-aboutus {
float:left;
margin:0 auto;
	width:800px;
	height:550px;
	}
		#main-links {
float:left;
margin:0 auto;
	width:800px;
	height: auto;
	}
	#main-maintenance {
float:left;
margin:0 auto;
	width:800px;
	height:550px;
	}
#main-design {
float:left;
margin:0 auto;
	width:800px;
	height:550px;
	}
	#main-contact {
float:left;
margin:0 auto;
	width:800px;
	height:650px;
	}
#mainecommerceinner {
	margin:0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#maindesigninner {
	margin:0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#mainmaintentanceinner {
	margin:0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#maincontactinner {
	margin:0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#mainaboutusinner {
	margin:0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#mainportfolioinner {
	margin:0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
	#maininner {
		float:left;
	width:480px;
margin:0 auto;
height:800px;
	}
	#ecommercemaininner {
		float:left;
	width:480px;
margin:0 auto;
height:550px;
	}
	#designmaininner {
		float:left;
	width:480px;
margin:0 auto;
height:550px;
	}
		#maintenancemaininner {
		float:left;
	width:480px;
margin:0 auto;
height:550px;
	}
	#contactmaininner {
		float:left;
	width:480px;
margin:0 auto;
height:550px;
	}	#aboutusmaininner {
		float:left;
	width:480px;
margin:0 auto;
height:550px;
	}

#maininner-in {
margin:0 auto;
padding-left:20px;
padding-right:20px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#maininner-left {
	float:right;
	width:320px;
margin:0 auto;
height:800px;
text-align:left;
	}
#maininner-left-in {
margin:0 auto;
padding-left:10px;
padding-right:5px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

#ecommerce-right {
	float:right;
	width:320px;
margin:0 auto;
height:550px;
text-align:left;
	}
#ecommerce-right-in {
margin:0 auto;
padding-left:10px;
padding-right:5px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#design-right {
	float:right;
	width:320px;
margin:0 auto;
height:550px;
text-align:left;
	}
#design-right-in {
margin:0 auto;
padding-left:10px;
padding-right:5px;
padding-top:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#lowerblackbar {
width:800px;
height:10px;
background:#000000;
float:left;
margin:auto;
}	
#linkstop {
padding-right:20px;
padding-top:7px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#textright {
margin:0 auto;
float:right;
width:350px;
height:300px;
color:#FFFFFF;

}
#textrightin {
margin-top:50px;
margin-left:25px;
margin-right:25px;
color:#FFFFFF;
}
#a1 {
width:100%;
height:auto;
border:#000000 solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#a2 {
width:100%;
height:auto;
border:#000000 solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#a3 {
width:100%;
height:auto;
border:#000000 solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#a4 {
width:100%;
height:auto;
border:#000000 solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/*link text*/
a link {
font-weight:bold;
color: #000000;
}
a:hover link {
font-weight:bold;
color: #000000;
}
/* header tags */

h1 {
	font-size:20px;
	width:100%;	
	font-family:Arial, Helvetica, sans-serif;
	}
h2 {
	font-size:18px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}
h3 {
	font-size:14px;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h4 {
		font-size:12px;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h5 {
	font-size:15px;
	color:#fff68a;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h6 {
	font-size:12px;
	width:100%;
	text-transform:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

footertext {
	font-size:8px;
	width:100%;
	color:#FFFFFF;
	text-transform:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* anchor links */
a, a:visited {
	text-decoration:none;
	font-weight:normal;
        color: #ffffff;
	}
a:hover, a:visited:hover {
	text-decoration:underline;
	color: #ffffff;
}

/* Footer */

#footer {
width:800px;
height:30px;
background:#000000;
margin-top:10px;
float:left;
margin:0 auto;
text-align:center;

}

#footer-in {
padding-right:20px;
padding-left:20px;
font-size:11px;
text-align:right;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}