@charset "utf-8";
/* CSS Document */

body{
font-size: 12px;
font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
color: #434345;
background-image:url(images/pagebg1.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#434345;
text-align: center;
margin: 40px 0px 20px 0px;
}

h1{
font: 900 16px  Tahoma, Verdana, Helvetica, Arial, sans-serif;
margin: 0;
}

h2{
font: 900 14px  Tahoma, Verdana, Helvetica, Arial, sans-serif;
margin: 0;
}

#homepage{
background-color:#FFFFFF;
width: 960px;
height: inherit;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding-top: 15px;
clear: both;
}

#header{
background-color:#FFFFFF;
width: 960px;
height: 80px;
float: left;
}

#mainlogo{
background-image:url(images/index_02.jpg);
background-position:left;
background-repeat:no-repeat;
background-color:#FFFFFF;
width: 298px;
height: 80px;
float: left;
margin: 0px 0px 0px 20px;
}

#navigation{
text-align:left;
background-image:url(images/index_05.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
width: 639px;
height: 70px;
margin: 0px 0px 10px 0px;
float: left;
}
#navtext a:link {background-color: transparent;	color: #cdefbd;	text-decoration: none;}
#navtext a:visited{ background-color: transparent; color: #cdefbd; text-decoration: none;}
#navtext a:hover{ background-color: transparent; color: #ffffff; text-decoration: none;}
#navtext a:active{ background-color: transparent; color: #ffffff; text-decoration: none; }

#footer a:link{background-color: transparent;	color: #ffffff;	text-decoration: none;}
#footer a:visited{ background-color: transparent; color: #ffffff; text-decoration: none;}
#footer a:hover{ background-color: transparent; color: #ffffff; text-decoration: underline;}
#footer a:active{ background-color: transparent; color: #ffffff; text-decoration: underline; }

#homeboxes a:link, #whatisseocontentbox a:link, #quickcontact a:link{background-color: transparent;	color: #434345;	text-decoration: none;}
#homeboxes a:visited, #whatisseocontentbox a:visited, #quickcontact a:visited{ background-color: transparent; color: #434345; text-decoration: none;}
#homeboxes a:hover, #whatisseocontentbox a:hover, #quickcontact a:hover{ background-color: transparent; color: #399d12; text-decoration: underline;}
#homeboxes a:active, #whatisseocontentbox a:active, #quickcontact a:active{ background-color: transparent; color: #399d12; text-decoration: underline; }

body a:link{background-color: transparent;	color: #399d12;	text-decoration: none;}
body a:visited{ background-color: transparent; color: #399d12; text-decoration: none;}
body a:hover{ background-color: transparent; color: #434345; text-decoration: none;}
body a:active{ background-color: transparent; color: #434345; text-decoration: none; }

#linkbox a:link{background-color: transparent;	color: #ffffff;	text-decoration: none;}
#linkbox a:visited{ background-color: transparent; color: #ffffff; text-decoration: none;}
#linkbox a:hover{ background-color: transparent; color: #ffffff; text-decoration: underline;}
#linkbox a:active{ background-color: transparent; color: #ffffff; text-decoration: underline; }

#navtext{
text-align:left;
width: 574px;
height: 40px;
margin-top: 30px;
position:absolute;
padding: 0 27px 0px 28px;
}

.navtext{
font: 900 12px Arial, Helvetica, sans-serif;
color: #ffffff;
}

.menudiv{
height: 39px;
width: 2px;
margin: 0px 0px 0px 0px;
padding: 0px 18px 1px 23px;
vertical-align: middle;
}

/* Current Projects Elements */

#currentprojectboxes{
font: 11px Arial, Helvetica, sans-serif;
background: transparent;
text-align:left;
width: 940px;
float: left;
margin: 10px 0 0 0;
}

#currentprojectboxes #header{
font: 11px Arial, Helvetica, sans-serif;
background-color:#cccccc;
width: 900px;
text-align: center;
height: 15px;
padding: 5px 10px 5px 10px;
margin: 0px 20px 10px 0;
float: left;
}

#cprojects-left{
background-image:url(images/cprojectsbg.gif);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 298px;
height: 150px;
float: left;
margin-right: 10px;
padding: 10px 0 0 0;
}

#cprojects-left #content{
width: 148px;
height: 118px;
margin: 0 5px 0 10px;
float: left;
}

#cprojects-left #picture{
width: 125px;
height: 118px;
float: left;
}

#cprojects-left #linkbox{
font: 900 12px Arial, Helvetica, sans-serif;
background-color: #434345;
color: #FFFFFF;
text-align: center;
width: 292px;
height: 17px;
margin: 10px 0 0 0;
padding: 3px;
float: left;
}

#cprojects-center{
background-image:url(images/cprojectsbg.gif);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 298px;
height: 150px;
float: left;
margin-right: 10px;
padding: 10px 0 0 0;
}

#cprojects-center #content{
width: 148px;
height: 118px;
margin: 0 5px 0 10px;
float: left;
}

#cprojects-center #picture{
width: 125px;
height: 118px;
float: left;
}

#cprojects-center #linkbox{
font: 900 12px Arial, Helvetica, sans-serif;
background-color: #434345;
color: #FFFFFF;
text-align: center;
width: 292px;
height: 17px;
margin: 10px 0 0 0;
padding: 3px;
float: left;
}

#cprojects-right{
background-image:url(images/cprojectsbg.gif);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 298px;
height: 150px;
float: left;
margin-right: 20px;
padding: 10px 0 0 0;
}

#cprojects-right #content{
width: 148px;
height: 118px;
margin: 0 5px 0 10px;
float: left;
}

#cprojects-right #picture{
width: 125px;
height: 118px;
float: left;
}

#cprojects-right #linkbox{
font: 900 12px Arial, Helvetica, sans-serif;
background-color: #434345;
color: #FFFFFF;
text-align: center;
width: 292px;
height: 17px;
margin: 10px 0 0 0;
padding: 3px;
float: left;
}

/* Home Page Elements */

#hometab{
background-image:url(images/hometab.gif);
background-repeat:no-repeat;
background-position:left;
width: 86px;
height: 50px;
margin: 20px 0 0 0;
position:absolute;
}

#homeheader{
background-image:url(images/index_10.jpg);
background-position:center;
background-repeat:no-repeat;
width: 609px;
height: 300px;
margin: 0px 0px 10px 0px;
float: left;
}

#homeboxes{
background: transparent;
text-align:left;
width: 940px;
float: left;
margin: 0;
}

#homecontentbox{
background-image:url(images/bodybg.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
width: 940px;
padding: 0px 0px 20px 20px;
float: left;
}

#homeleftdiv{
background: transparent;
text-align:left;
width: 300px;
margin: 0px 10px 0px 0px;
float: left;
}

#homeboxleft{
background-image:url(images/homeboxbg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 278px;
height: 140px;
float: left;
margin-right: 10px;
padding: 10px;
}

#homeboxcenter{
background-image:url(images/homeboxbg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 278px;
height: 140px;
float: left;
margin-right: 10px;
padding: 10px;
}

#homeboxright{
background-image:url(images/homeboxbg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 278px;
height: 140px;
float: left;
margin-right: 20px;
padding: 10px;
}

/* What is SEO Elements */

#whatisseoheader{
background-image:url(images/whatisseoheader.gif);
background-position:center;
background-repeat:no-repeat;
width: 300px;
height: 300px;
float: left;
}

#whatisseotab{
background-image:url(images/whatisseotab.gif);
background-repeat:no-repeat;
background-position:left;
width: 121px;
height: 50px;
margin: 20px 0 0 81px;
position:absolute;
}

#whatisseocontentbox{
background-image:url(images/bodybg.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
width: 940px;
padding: 0px 0px 20px 20px;
float: left;
}

#whatisseoleftdiv{
background: transparent;
text-align:left;
width: 610px;
margin: 0px 10px 0px 0px;
float: left;
}

#whatisseorightdiv{
background: transparent;
width: 280px;
height: 300px;
margin: 0px 0px 10px 0px;
float: left;
}

#whatisseoboxright{
background: transparent;
text-align:left;
width: 278px;
height: 140px;
float: left;
margin-right: 20px;
padding: 10px;
}

/* Services Page Elements */

#servicestab{
background-image:url(images/servicestab.gif);
background-repeat:no-repeat;
background-position:left;
width: 94px;
height: 50px;
margin: 20px 0 0 201px;
position:absolute;
}

#servicescontentbox{
background-image:url(images/bodybg.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
width: 940px;
padding: 0px 0px 20px 20px;
float: left;
}

#servicesleftdiv{
background: transparent;
text-align:left;
width: 300px;
margin: 0px 10px 10px 0px;
float: left;
}

#servicesleftdiv2{
background: transparent;
text-align:left;
width: 920px;
margin: 0px 20px 10px 0px;
float: left;
}

#servicesrightdiv{
background-image:url(images/servicesheader.gif);
background-position:center;
background-repeat:no-repeat;
width: 609px;
height: 300px;
margin: 0px 0px 10px 0px;
float: left;
}

#servicesboxes{
background: transparent;
text-align:left;
width: 940px;
float: left;
margin: 0;
}

#servicesboxleft{
background-image:url(images/homeboxbg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 278px;
height: 220px;
float: left;
margin: 0 10px 10px 0;
padding: 10px;
}

#servicesboxcenter{
background-image:url(images/homeboxbg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 278px;
height: 220px;
float: left;
margin: 0 10px 10px 0;
padding: 10px;

}

#servicesboxright{
background-image:url(images/homeboxbg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 278px;
height: 220px;
float: left;
margin: 0 20px 10px 0;
padding: 10px;
}

/* About Us Page Elements */

#aboutustab{
background-image:url(images/aboutustab.gif);
background-repeat:no-repeat;
background-position:left;
width: 99px;
height: 50px;
margin: 20px 0 0 295px;
position:absolute;
}

#aboutusheader{
background-image:url(images/aboutusheader.jpg);
background-position:center;
background-repeat:no-repeat;
width: 609px;
height: 300px;
margin: 10px 20px 10px 0px;
float: left;
}

/* Contact Us Elements */

#contactusheader{
font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
width: 280px;
height: 300px;
text-align:left;
float: left;
padding: 60px 10px 10px 10px;
}

#contacttab{
background-image:url(images/contactustab.gif);
background-repeat:no-repeat;
background-position:left;
width: 121px;
height: 50px;
margin: 20px 0 0 513px;
position:absolute;
}

#contact-area {
	width: 500px;
	margin-top: 25px;
	text-align: left;
	float: left;
	margin-right: 0px;
}

#contact-area input, #contact-area textarea{
font-size:10px;
	padding: 2px;
	width: 255px;
	height: 15px;
	margin: 0px 0px 10px 60px;
	border: 2px solid #ccc;
	text-align:left;
}

#contact-area select {
font-size:10px;
	padding: 2px;
	width: 263px;
	height: 25px;
	margin: 0px 0px 15px 60px;
	border: 2px solid #ccc;
	text-align:left;
}

#contact-area textarea {
font-size:10px;
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #002a5c;
}

#contact-area input.check-box {
font-size:10px;
	width: 15px;
	height: 15px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	border: 0;
}

#typeofinternetmarketing{
font-size:10px;
width: 250px;
margin-left: 200px;
margin-bottom: 20px;
}

#contact-area input.submit-button {
font-size:10px;
	width: 100px;
	height: 25px;
	float: right;
	margin-right: 137px;
	text-align:center;
	padding: 2px 0 5px 0;
}

label {
clear:both;
float: left;
	text-align: left;
	width: 140px;
	padding-top: 4px;
	}
	
.textfieldRequiredMsg{
float:left;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
	text-align: left;
	float: left;
	margin-right: 0px;
}

/* Case Studies Elements */

#casestudiestab{
background-image:url(images/casestudiestab.gif);
background-repeat:no-repeat;
background-position:left;
width: 127px;
height: 50px;
margin: 20px 0 0 390px;
position:absolute;
}

#casestudiesleftdiv{
background: transparent;
text-align:left;
width: 920px;
margin: 0px 10px 0px 0px;
float: left;
}

#casestudytop{
width: 500px;
float: left;
}

#casestudy{
width: 500px;
float: left;
margin-bottom: 40px;
}

#casestudybox{
background-image:url(images/homeboxbg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
border: 1px solid #cccccc;
width: 278px;
float: left;
margin: 0px 10px 0px 100px;
padding: 10px;
}

#casestudiesheader{
text-align:left;
width: 300px;
margin: 0px 0px 0px 100px;
float: left;
}

/* Terms of Service Elements */

#termscontentbox{
background-image:url(images/bodybg.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFFFFF;
width: 940px;
padding: 0px 0px 20px 20px;
float: left;
}

#termsleftdiv{
background: transparent;
text-align:left;
width: 920px;
margin: 0px 10px 0px 0px;
float: left;
}

#quickcontact{
font: 11px Arial, Helvetica, sans-serif;
background-color:#cccccc;
width: 900px;
padding: 5px 10px 5px 10px;
margin: 20px 20px 0px 0;
float: left;
}

#footer{
background-color: transparent;
width: 960px;
height: 26px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
clear: both;
}

.footerstyle{
color: #c1a287;
font-size:10px;
}

#copyright{
font: 10px Arial, Helvetica, sans-serif;
background: transparent;
color: #cccccc;
width: 480px;
height: 16px;
padding: 0px 0 10px 0;
text-align:left;
float: left;
}

#designby{
background: transparent;
width: 480px;
text-align:right;
float: left;
}

.designbystyle{
color: #5d3b23;
font-size:10px;

}