body {
margin-top: 0px;

}






#wrapper {
	float: left;
	width:775px;
	height:950px;
	background-image: url(../images/bg2.gif);
	border: 1px solid #4E5F6F;
	font-family: Verdana;
	font-size: 10px;
	text-transform: none;
	color: #525252;
	margin-top:0px;
	

}


#wrapperWebsite {
	float: left;
	width:775px;
	height:1045px;
	background-image: url(../images/bg-web.gif);
	border: 1px solid #4E5F6F;
	font-family: Verdana;
	font-size: 10px;
	text-transform: none;
	color: #525252;
	margin-top:0px;
	

}




h1 {
font-family: Verdana;
	font-size: 10px;
	text-transform: none;
	font-weight:normal;
	display:inline;
	
	color: #525252;
}


h2 {
font-family: Verdana;
	font-size: 10px;
	text-transform: none;
	font-weight:normal;
	display:inline;
    color: #525252;
}



#wrappers {
	float: left;
	width:775px;
	height:940px;
	background-image: url(../images/bg2.gif);
	border: 1px solid #4E5F6F;
	font-family: Verdana;
	font-size: 10px;
	text-transform: none;
	color: #525252;

}


#wrapperz {
	float: left;
	width:775px;
	height:990px;
	background-image: url(../images/bg3.gif);
	border: 1px solid #4E5F6F;
	font-family: Verdana;
	font-size: 10px;
	text-transform: none;
	color: #525252;

}







#logo {
background-image: url(../images/logo2.jpg);
position: absolute;
	left:55px;
	width:250px;
	height:72px;
	z-index:6;
	
}



#topLinks {
position: absolute;
	left:305px;
	width:475px;
	height:70px;
	text-align:center;
	z-index:5;
	
}

#topLink {
	float:left;
	width:446px;
	height:20px;
	text-align:center;
	margin-top:25px;
	
}


#bookmark {
	float:left;
	width:430px;
	height:20px;
	text-align:right;
	margin-top:5px;
	
}





#topLink a {
	
	text-align:center;
	font-size:12px;
	color: #525252;
	font-weight: bolder;
	text-decoration: none;
}


#topLink a:hover {
	
	text-align:center;
	font-size:12px;
	color: #3366CC;
	font-weight: bolder;
	text-decoration: none;
}



#topBlue {
	position: absolute;
	
	left:56px;
	top:91px;
	width:688px;
	height:145px;
	background-image: url(../images/mid-blue4.jpg);
	z-index:1;
}





#topBlueText {
position: absolute;
	left:398px;
	margin-top:63px;
	width:280px;
	height:15px;

}

#topBlueText2 {
position: absolute;
	left:398px;
	margin-top:88px;
	width:280px;
	height:15px;

}


#topBlueText3 {
position: absolute;
	left:398px;
	margin-top:110px;
	width:280px;
	height:15px;

}

#topBlue h1 {
font-size:18px;
font-family: Geneva, Arial, Helvetica, sans-serif; 
font-weight:bold;
text-align: left;
vertical-align:top;
color: #ffffff;	
}

#topGrey {
    position: absolute;
	left:56px;
	top:238px;
	width:688px;
	height:15px;
	background-image: url(../images/top9a.gif);
	z-index:2;
}


#projectsGrey {
	position: absolute;
	width:221px;
	height:495px;
	background-image: url(../images/projects-grey.gif);
	top:150px;
	z-index:3;
	left: 72px;
}

#topheadingP {

width:171px;
height:39px;
margin-left:20px;
margin-TOP:3px;
background-image:url(../images/PROJECTS-OVERVIEW.jpg);

}

#projects1 {
float:left;
	margin-left:12px;
	width:185px;
	height:140px;
	border:#000000;	
}	



#projects2 {
float:left;
	margin-left:12px;
	width:185px;
	height:140px;
	border:#000000;
	
}

#projects3 {
float:left;
	margin-left:12px;
	width:185px;
	height:140px;
	border:#000000;
	
}


#moreProjects {
float:left;
width:221px;
height:30px;
margin-left:0px;
background: #F2F5F7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bolder;
color:#3366CC;
text-align:center;

}

#moreProjects a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#3366CC;
text-align:center;
letter-spacing:0.10px;

}



#main {
	position: absolute;
	width:706px;
	height:580px;
	left:40px;
	top:258px;
	
}
#mainz {
	position: absolute;
	width:696px;
	height:580px;
	left:50px;
	top:248px;
	
}


#mainzWeb {
	position: absolute;
	width:696px;
	height:620px;
	left:50px;
	top:248px;
	
}


#mainBodyLeft {
	float:left;
	width:255px;
	height:435px;
	
}


#mainBodyLeftz {
	float:left;
	width:182px;
	height:630px;
	margin-left:3px;
	
}


#mainBodyLeftzWD {
	float:left;
	width:182px;
	height:700px;
	margin-left:3px;
	
}



#leftNav{
float:left;
	width:178px;
	height:210px;

}

#homez{
float:left;
	width:162px;
	height:22px;
background-image:url(../images/homey.jpg);
}


#company{
float:left;
	width:162px;
	height:22px;
background-image:url(../images/homey.jpg);
}



#services{
float:left;
	width:162px;
	height:22px;
background-image:url(../images/homey.jpg);
}



#portfolio{
float:left;
	width:162px;
	height:22px;
	
background-image:url(../images/homey.jpg);
}



#quotations{
float:left;
	width:162px;
	height:22px;
background-image:url(../images/homey.jpg);
}



#careers{
float:left;
	width:162px;
	height:22px;
background-image:url(../images/homey.jpg);
}



#contacts{
float:left;
	width:162px;
	height:22px;
background-image:url(../images/homey.jpg);
}

.homezText{

float:left;
margin-left:20px;
	width:142px;
	height:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666666;
}


.homezText a{

font-size:13px;
font-weight:bold;
color:#666666;
text-decoration:none;
}


.homezText a:hover{

font-size:13px;
font-weight:bold;
color: #FF6600;
text-decoration:none;
}


#leftNav2{
float:left;
	width:178px;
	height:200px;

}


#leftNav0{
float:left;
	width:178px;
	height:200px;

}


#testimonial {
margin-top:0px;
width:180px;
height:160px;
text-align:center;
font-size:12px;
padding-left:5px;
padding-top:20px;
}



#leftNav3{
float:left;
	width:178px;
	height:200px;

}

#mainBodyLeftBottom {
	float:left;
	width:148px;
	height:23px;
	margin-top:410px;
	margin-left:15px;
	background-image:url(../images/services-overview-or.jpg);
	
}



#htmlvalidate {
	float:left;
	width:88px;
	height:31px;
	margin-top:350px;
	margin-left:2px;
	
}

#cssvalidate {
	float:right;
	width:88px;
	height:31px;
	margin-top:350px;
	
}



#htmlvalidateWeb {
	float:left;
	width:88px;
	height:31px;
	margin-top:50px;
	margin-left:2px;
	
}

#cssvalidateWeb {
	float:right;
	width:88px;
	height:31px;
	margin-top:50px;
	
}




















#htmlvalidateSE {
	float:left;
	width:88px;
	height:31px;
	margin-top:150px;
	margin-left:2px;
	
}

#cssvalidateSE {
	float:right;
	width:88px;
	height:31px;
	margin-top:150px;
	
}



#htmlvalidateWD {
	float:left;
	width:88px;
	height:31px;
	margin-top:20px;
	margin-left:2px;
	
}


#cssvalidateWD {
	float:right;
	width:88px;
	height:31px;
	margin-top:20px;
	
	
}


#mainBodyRight {

	float:left;
	width:444px;
	height:465px;
	
}

#mainBodyRightz {

	float:left;
	width:495px;
	height:650px;
	margin-left:5px;
	
	
}
#mainTop {
	float:right;
	width:443px;
	height:155px;
	background-image:url(../images/top-section-bg.gif);
	
}
#mainTop2 {
	float:left;
	width:412px;
	float:left;
	
	margin-left:13px;
	padding-left:8px;	
}
#mainTopy {
	float:left;
	width:20px;
	height:630px;
	background-image:url(../images/grey_box_left.jpg);
}

#mainTopyc {
	float:left;
	width:20px;
	height:640px;
	background-image:url(../images/grey_box_left.jpg);
}

#mainTopycWeb {
	float:left;
	width:20px;
	height:740px;
	background-image:url(../images/grey_box_left.jpg);
}




#mainTopz {
	float:left;
	width:470px;
	margin-top:27px;
	height:630px;
	
}

#mainTopPortfolio {
	float:left;
	width:473px;
	margin-top:27px;
	height:630px;
	
}

#mainTopyz {
	float:left;
	width:20px;
	height:678px;
	background-image:url(../images/grey_box_left.jpg);
}



#mainTopyzz {
	float:left;
	width:20px;
	height:625px;
	background-image:url(../images/grey_box_left.jpg);
}





#topheadingM {

width:140px;
height:27px;
background-image:url(../images/comp-profile-or1.jpg);
margin-left:3px;	
}


#CarrerHeadingM {

width:140px;
height:27px;
background-image:url(../images/CAREERS-or.jpg);
margin-left:3px;	
}


#SiteMapHeadingM {

width:140px;
height:27px;
background-image:url(../images/SITE-MAP-or.jpg);
margin-left:3px;	
}



#LinksHeadingM {

width:140px;
height:27px;
background-image:url(../images/LINKS-or.jpg);
margin-left:3px;	
}

#ThanksHeadingM {

width:140px;
height:27px;
background-image:url(../images/THANKS-or.jpg);
margin-left:3px;	
}

#QuotationsHeadingM {

width:140px;
height:27px;
background-image:url(../images/quotations-or.jpg);
margin-left:3px;	
}


#ContactHeadingM {

width:140px;
height:27px;
background-image:url(../images/Contact-or.jpg);
margin-left:3px;	
}


#WebDesignHeadingM {

width:140px;
height:27px;
background-image:url(../images/Web-Design-or.jpg);
margin-left:3px;	
}



#SEOHeadingM {

width:300px;
height:30px;
background-image:url(../images/SEO-or.jpg);
margin-left:3px;	
}

#topheadingS {

width:113px;
height:29px;
background-image:url(../images/our-services.jpg);
margin-left:3px;	
}

#topheadingW {

width:150px;
height:33px;
margin-left:0px;
background-image:url(../images/why-choose.jpg)

}

#mainTop h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#1863a1;
font-size:12px;
font-weight:bold;
line-height:8px;
padding-top:5px;

}



.contactEnvelope{
float:left;
width:38px;
height:36px;
background-image:url(../images/web_mail.gif);

}


.contacttel{
float:left;
width:38px;
height:36px;
background-image:url(../images/tel1.jpg);

}

.contactEmail{
float:left;
width:400px;
height:36px;
padding-top:10px;
padding-left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}

#contactForm{
float:left;
width:350px;
height:300px;
margin-top:10px;
margin-left:60px;

}


#quotationForm{
float:left;
width:350px;
height:400px;
margin-top:50px;
margin-left:60px;

}


#named {
float:left;
margin-left:5px;
margin-top:15px;
width:100px;

}

.inputName {
width:200px;
float:left;
margin-top:10px;
}

.inputNamem {
width:270px;
float:left;
margin-top:10px;
}

#emaild {
float:left;
margin-top:15px;
margin-left:5px;
width:100px;
}

#phoned {
float:left;
margin-top:15px;
margin-left:5px;
width:100px;
}

#phonedd {
float:left;
margin-top:15px;
margin-left:5px;
width:100px;
}

#phoneddd {
float:left;
margin-top:15px;
margin-left:5px;
width:100px;
}

#phonedddd {
float:left;
margin-top:15px;
margin-left:5px;
width:100px;
}





#msgd {
float:left;
margin-top:15px;
margin-left:5px;
width:150px;
}

#btnd {
margin-top:4px;
margin-left:5px;
width:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}





.portfolio {
	float:left;
	width:460px;
	height:216px;
	margin-left:5px;
	
}

.projImage{
float:left;
margin-left:2px;

	width:184px;
	height:140px;

}



.projDesc{
float:left;
margin-left:7px;
	width:270px;
	height:140px;
}




#mainBottom {
	float:right;
	width:430px;
	height:292px;
	margin-top:15px;
		
	
}
#mainBottomLeft {
	float:left;
	width:240px;
	height:290px;
	
}

#mainBottomLeft2 {
	
	width:200px;
	height:120px;
	margin-left:10px
}

#mainBottomRight {
	float:left;
	width:185px;
	height:290px;
	background-image: url(../images/services-grey.gif);
	
}

#name {
margin-left:5px;
width:100px;

}

#email {
margin-top:7px;
margin-left:5px;
width:100px;
}

#phone {
margin-top:7px;
margin-left:5px;
width:100px;
}

#msg {
margin-top:7px;
margin-left:5px;
width:150px;
}

#btn {
margin-top:4px;
margin-left:5px;
width:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}


#topheading {

width:180px;
height:39px;
background-image:url(../images/testimonials.jpg);
text-align:center;

}

#mainBottomLeft ul {
list-style: url(../images/services-bullet.gif);
}

#mainBottomLeft li {
			
         background: url(../images/b_s2.gif);
		line-height:28px;
		margin-left:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#0066CC;	
		
}

.text4 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #4E5F6F;
}

#mainBottomRight a {
font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color:#4E5F6F;
text-decoration: none;
font-weight:bold;
margin-left:1px;
padding-bottom:3px;

}
#mainBottomRight a:hover {
font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	
color:#ff0066; 
text-decoration: none;
font-weight:bold;
margin-left:1px;
padding-bottom:3px;

}



#bottomLast {
    float:left;
	width:680px;
	height:140px;
	margin-top:10px;
	margin-left:17px;

}

#bottomLast a{
color: #FF6600;

}

#bottomLast a:hover{
color: #0066CC;

}

#bottomLast h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#336699;
font-size: 10px;
font-weight:bold;


}

#website {
width:208px;
height:117px;
float:left;
margin-top:0px;
margin-left:0px;
border:thin;
border: dotted;
border-color: #CCCCCC;
padding-top:4px; 
padding-left:4px;
padding-right:4px;
}


#seo {
width:208px;
height:117px;
float:left;
margin-top:0px;
margin-left:2px;
border: thin;
border: dotted;
border-color: #CCCCCC;
padding-top:4px; 
padding-left:4px;
padding-right:4px;
}


#ppc {
width:208px;
height:117px;
float:left;
margin-top:0px;
margin-left:2px;
border:thin;
border: dotted;
border-color: #CCCCCC;
padding-top:4px; 
padding-left:4px;
padding-right:4px;
}


#footerCopy {
	float:left;
	width:195px;
	height:20px;
	margin-top:20px;
	margin-left:20px;	
}



#footerLinks {

	float:left;
	width:461px;
	height:20px;
	margin-top:20px;
	
}


#footerLinks a {
color:#1863a1;
font-weight:bold;
	text-decoration: none;
}


#footerLinks a:hover {
color:#EC6A1B;
font-weight:bold;
	text-decoration: underline;
}
#footerCopyHomeMain {
float:left;
	width:180px;
	height:50px;
	margin-top:10px;
	margin-left:10px;	

}


#footerCopyWeb {
	float:left;
	width:195px;
	height:20px;
	margin-top:115px;
	margin-left:20px;	
}


#footerLinksWeb {

	float:left;
	width:461px;
	height:20px;
	margin-top:115px;
	
}

#footerLinksWeb a {
color:#1863a1;
font-weight:bold;
	text-decoration: none;
}


#footerLinksWeb a:hover {
color:#EC6A1B;
font-weight:bold;
	text-decoration: underline;
}














#footerCopyHome {
	float:left;
	width:175px;
	height:15px;
	margin-top:15px;
	margin-left:8px;	
}


#footerLogoHome {
	float:left;
	width:176px;
	height:35px;
	margin-top:0px;
	margin-left:8px;

}


#footerLinksHome {

	float:left;
	width:480px;
	height:20px;
	margin-top:40px;
	margin-left:10px;
	text-align:right;
}

#footerLinksHome a {
color:#1863a1;
font-weight:bold;
	text-decoration: none;
}


#footerLinksHome a:hover {
color:#EC6A1B;
font-weight:bold;
	text-decoration: underline;
}

#Sitemapz {
float:left;
width:465px;
height:400px;
margin-left:3px;

}

#Sitemapz a {
color:#003399;

}


#Sitemapz a:hover {
color: #FF6600;

}






#SitemapL {
float:left;
width:230px;
margin-left:3px;
margin-top:60px;
font-size:14px;
line-height:50px;	
}

#SitemapR {
float:left;
width:230px;
margin-left:3px;
margin-top:60px;	
font-size:14px;	
line-height:50px;	
}

#Sitemapz ul {
list-style: url(../images/services-bullet.gif);
}

#Sitemapz li {
			
         background: url(../images/b_s2.gif);
		line-height:28px;
		margin-left:0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#0066CC;	
		
}



#hr {
color:#999999;

}


.style1 {color: #336699}
.style2 {
	color: #EE691E;
	font-style: italic;
}
.style3 {color: #EE691E}

.style4 {
	color: #0066CC;
	font-weight: bold;
	}
	
	
	
	
	#pscroller1{
width: 195px;
height: 415px;
margin-left:8px;
padding-left:10px;
}