body { 
margin:auto; 
background: #fff;
color:#000000;
width: 100%;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
}
#fullbackground {
background:#006666;
width: 100%;
height: 100%;
margin: 0 auto;
}
#topblackbar {
background: #fff url(images/topblackbar.jpg) repeat-x;
width:100%;
height:60px;
margin:0 auto;
}
#topblackbarin {
width:900px;
height:60px;
margin:0 auto;
}
#toplinks {
background: url(images/topback.jpg) no-repeat;
width: 400px;
height: 50px;
float: right;
}
.webdesignHome {
background: #000 url(images/home.jpg) no-repeat;
float: left;
margin: 12px 6px;
width: 90px;
height: 25px;
display: block;
outline: none;
}
.webdesignPortfolio {
background: #000 url(images/portfolio.jpg) no-repeat;
float: left;
margin: 12px 4px;
width: 90px;
height: 25px;
display: block;
outline: none;
}
.webdesignAbout {
background: #000 url(images/about.jpg) no-repeat;
float: left;
margin: 12px 1px;
width: 90px;
height: 25px;
display: block;
outline: none;
}
.webdesignContact {
background: #000 url(images/contact.jpg) no-repeat;
float: left;
margin: 12px 5px;
width: 90px;
height: 25px;
display: block;
outline: none;
}
#logo {
background: #fff url(images/logo.jpg) no-repeat;
margin:0 auto; 
width:900px;
height:100px;
}
#logoright {
float: right;
}
.fb-like {
float: right;
margin-left: 2px;
}
#top {
background: #fff url(images/topbk.jpg) repeat-x;
margin:0 auto; 
width:100%;
height:450px;
}
#main {
margin:20px auto;
width:900px;
}
#maindisplay {
width:900px;
height:450px;
background:url(images/monitorframe.png) left no-repeat; 
margin:0 auto; 
}	
#maindisplayportfolio {
width:900px;
height:450px;
background:url(images/portfolio.png) left no-repeat; 
margin:0 auto; 
}	
#maindisplayabout {
width:900px;
height:450px;
background:url(images/about.png) left no-repeat; 
margin:0 auto; 
}	
#maindisplaycontact {
width:900px;
height:450px;
background:url(images/contact.png) left no-repeat; 
margin:0 auto; 
}	
.maindisplayleft {
margin: 48px 27px;
width:445px;
height:223px; 
float: left;
background-repeat: no-repeat;
}
.maindisplayleftabout {
margin: 70px 0 0 93px;
width:387px;
height:240px; 
float: left;
background-repeat: no-repeat;
}	
#maindisplayright {
margin: 80px 0;
background: url(images/headertitle.gif) no-repeat;
padding: 95px 0;
width:350px;
height:80px; 
float: right;
color: #fff;
}		
#maindisplayright h1 {
margin: 0 auto;
font-size: 1em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
#maindisplayright p {
margin: 5px auto;
font-size: 0.8em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}	
#maindisplayrightportfolio {
margin: 80px 0;
background: url(images/headertitleportfolio.gif) no-repeat;
padding: 95px 0;
width:350px;
height:80px; 
float: right;
color: #fff;
}	
#maindisplayrightportfolio h1 {
margin: 0 auto;
font-size: 1em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
#maindisplayrightportfolio p {
margin: 5px auto;
font-size: 0.8em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
#maindisplayrightabout {
margin: 80px 0;
background: url(images/headertitleabout.gif) no-repeat;
padding: 95px 0;
width:350px;
height:80px; 
float: right;
color: #fff;
}
#maindisplayrightportfolio p {
margin: 5px auto;
font-size: 0.8em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
#maindisplayall {
width:900px;
height:450px;
background:url(images/portfolio.png) left no-repeat; 
margin:0 auto; 
}	
#maindisplayrightall {
margin: 80px 0;
background: url(images/headertitleAll.gif) no-repeat;
padding: 95px 0;
width:350px;
height:80px; 
float: right;
color: #fff;
}	
#maindisplayrightall h1 {
margin: 0 auto;
font-size: 1em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
#maindisplayrightall p {
margin: 5px auto;
font-size: 0.8em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}

#maindisplayrightcontact {
margin: 80px 0;
background: url(images/headertitlecontact.gif) no-repeat;
padding: 95px 0;
width:350px;
height:80px; 
float: right;
color: #fff;
}	
#maindisplayrightcontact h1 {
margin: 0 auto;
font-size: 1em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
#maindisplayrightcontact p {
margin: 5px auto;
font-size: 0.8em;
font-weight: normal;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
.mainleft {
margin: 10px auto;
float: left;
width: 450px;
height: 200px;
}
.mainleft span {
margin-top: 15px;
padding: 0px 20px;
font-size: 1.2em;
font-weight: normal;
color: #006666;
font-family: Arial, Helvetica, sans-serif;
display: block;
}
.mainleft p {
font-size: 0.8em;
padding: 0 20px;
}
.mainright {
margin: 10px auto;
float: right;
width: 450px;
height: 200px;
}
.mainright span {
margin-top: 15px;
padding: 0px 20px;
font-size: 1.2em;
font-weight: normal;
color: #006666;
font-family: Arial, Helvetica, sans-serif;
display: block;
}
.mainright p {
font-size: 0.8em;
padding: 0 20px;
}
.mainleft1 {
margin: 10px auto;
float: left;
width:450px;
height: 600px;
}
.mainleft1 span {
margin-top: 10px;
padding: 10px 20px;
font-size: 1.2em;
font-weight: normal;
color: #006666;
font-family: Arial, Helvetica, sans-serif;
}
.mainleft1 p {
font-size: 0.8em;
padding: 0 20px;
}
.mainleft1 ul {
padding: 0 45px;
margin: 0;
}
.mainleft1 li {
width: 100%;
height: 20px;
list-style-image: url(images/tick.jpg);
font-size: 0.8em;
padding: 0;
margin: 5px 0;
}

.mainright1 {
margin: 10px auto;
float: right;
width: 450px;
height: 600px;
}
.mainright1 span {
margin-top: 10px;
padding: 10px 20px;
font-size: 1.2em;
font-weight: normal;
color: #006666;
font-family: Arial, Helvetica, sans-serif;
}
.mainright1 p {
font-size: 0.8em;
padding: 0 20px;
}




.mainleft3 {
margin: 10px auto;
float: left;
width:450px;
}
.mainleft3 span {
margin-top: 10px;
padding: 10px 20px;
font-size: 1.2em;
font-weight: normal;
color: #006666;
font-family: Arial, Helvetica, sans-serif;
}
.mainleft3 p {
font-size: 0.8em;
padding: 0 20px;
}
.mainleft3 form img {
margin: 10px 0px;
}
.mainleft3 form p {
margin: 5px 0px;
padding-left: 0;
}
.mainleft3 form { 
background: url(images/contactbg.jpg) 275px top no-repeat;
margin: 0 auto;
padding-left: 15px;
width: 400px;
height: 400px;
text-align: left;
}
.mainleft3 label {
margin: 5px 2px 0 0;
width:200px;
float: left;
display: block;
font-size: 0.8em;
}
.mainleft3 input {
border: #006666 solid 1px;
margin: 10px 2px 0 0;
width:200px;
float: left;
display: block;
font-size: 0.8em;
}
.mainleft3 select {
border: #006666 solid 1px;
margin: 10px 2px 0 0;
width:200px;
float: left;
display: block;
font-size: 0.8em;
}
.mainleft3 textarea {
border: #006666 solid 1px;
margin: 10px 2px 0 0;
filter:alpha(opacity=60); 
opacity: 0.6; 
-moz-opacity:0.6;
float: left;
display: block;
font-size: 0.8em;
}
.mainleft3 .button {
background: #006666;
clear: both;
border: #006666 solid 1px;
width: 100px;
height: 30px;
float: left;
color: #fff;
}

.mainright3 {
margin: 10px auto;
float: right;
width: 450px;
height: 450px;
}
.mainright3 span {
margin-top: 10px;
padding: 10px 20px;
font-size: 1.2em;
font-weight: normal;
color: #006666;
font-family: Arial, Helvetica, sans-serif;
}
.mainright3 p {
font-size: 0.8em;
padding: 0 20px;
}
.mainright3 form { 
background: url(images/contactbg.jpg) 275px top no-repeat;
margin: 0 auto;
padding-left: 15px;
width: 400px;
height: 400px;
text-align: left;
}
.mainright3 label {
margin: 5px 2px 0 0;
width:200px;
float: left;
display: block;
font-size: 0.8em;
}
.mainright3 input {
border: #006666 solid 1px;
margin: 10px 2px 0 0;
width:200px;
float: left;
display: block;
font-size: 0.8em;
}
.mainright3 select {
border: #006666 solid 1px;
margin: 10px 2px 0 0;
width:200px;
float: left;
display: block;
font-size: 0.8em;
}
.mainright3 textarea {
border: #006666 solid 1px;
margin: 10px 2px 0 0;
filter:alpha(opacity=60); 
opacity: 0.6; 
-moz-opacity:0.6;
float: left;
display: block;
font-size: 0.8em;
}
.mainright3 .button {
background: #006666;
clear: both;
border: #006666 solid 1px;
width: 100px;
height: 30px;
float: left;
color: #fff;
}
.portfolio {
margin: 5px 1px;
float: left;
background: url(images/portfoliobg.jpg) bottom center no-repeat;
width:294px;
height: 300px;
border: solid #006666 2px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.portfolio img {
border: 1px solid #666;
margin: 10px auto;
text-align: center;
width: 280px;
height: 180px;
display: block;
}
.portfolio p {
width: 260px;
height: 70px;
margin: 0 auto;
font-size: 0.7em;
}
.portfolio span {
float: right;
text-align: right;
width: 150px;
height: 20px;
display: block;
padding-right: 20px;
}
.portfolio a {
padding-top: 2px;
margin-top: 5px;
margin-right: 1px;
float: right;
width: 50px;
height: 15px;
background: #006666;
color: #fff;
font-size: 0.7em;
text-align: center;
display: block;
}
#largebannertop {
background: #fff;
margin: 10px auto;
width: 900px;
height: 150px
}
#quotedisplay {
width:400px;
height:450px;
background:url(images/quoteform.png) left no-repeat; 
float: right;
}	
#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;
}

	#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-links h1 {
padding-left: 30px;
}
#main-links p {
margin: 0 auto;
padding:10px;
width: 500px;
color:#555;
}
#main-links a {
color:#000;
}
.main-links-smallimg {
padding-left: 45px;
}
#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:100%;
height:60px;
background:#000;
}	
#lowerblackbarsmall {
width:100%;
height:15px;
background:#000;
}	
#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;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
h2 {
	font-size:18px;
	width:100%;
	font-family:Verdana, 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:Arial, Helvetica, sans-serif;
}
.portfolio_a {
      color:#000;
      font-weight: bold;
		font-size:12px;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



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

/* Footer */

#footer {
width:100%;
height:150px;
background:#000000;
margin-top:10px;
float:left;
margin:0 auto;
text-align:center;
}

#footer-in {
width: 900px;
height: 150px;
margin: 0 auto;
font-size:0.8em;
text-align: center;
color:#ffffff;
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#footer-in a {
color: #fff;
width: 150px;
display: block;
clear: both;
}
#f1 {
width: 300px;
height: 150px;
float: left;
font-size:1.1em;
color:#ffffff;
text-align: left;
}	
#f2 {
width: 300px;
height: 150px;
float: left;
font-size:1.1em;
color:#ffffff;
text-align: left;
}	
#f3 {
width: 300px;
height: 150px;
float: left;
font-size:1.1em;
color:#ffffff;
text-align: right;
}	
#f3 strong {
font-weight: bold;
color: #006666;
}