/* ### Main Layout ### */
body {
	font-size: 12px;
	text-align: left;
	background:#fff url(images/home/bg.jpg) no-repeat center top;	
	margin: 0;
	padding: 0;
	line-height: 16px;
	color: #3d3d3d;
	font-family:Arial, Helvetica, sans-serif;
}
body {background: none;}

p {
	margin: 0 20px 14px 20px;
	padding: 0
}
ul {margin: 0 0 14px 10px;}
li {
	list-style-image:url(images/home/bulletsN.jpg);
	list-style-position: outside;
	line-height: 20px;
	text-align: left;
	margin: 3px 7px 3px 0;
	text-indent: 0;
}
ol {list-style-image: none;}
li a:link, li a:visited{color: #4f4f4f;text-decoration:none;}
li a:hover {color: #000;}

body.mceContentBody {
	background:#FFFFFF none repeat scroll 0 0;
}

a:link, a:hover, a:visited, a:active {
	color: #3d3d3d;
	text-decoration: underline;
}
body a:hover {
	text-decoration: none;
	color: #7ac142;
}

#header, #container, #containerH, .jqueryslidemenu, #f {
	width: 1004px;	
	margin: 0 auto;
}
#container, #containerH {
	background:#ffffff;
	padding-top: 65px;
	min-height: 400px;
}
#containerH {padding-top: 0;}
#container, #containerH {margin-top: 210px;}

#header {
	position:absolute; z-index: -1; top: 0; left:0; width: 100%; height: 504px;
}


#main {
	clear: both;
	margin: 0 auto;
	padding: 37px 0 0 0;
	margin: 0;
}
#content {
	width: 660px;
	float: left;
	margin: -30px 0 0 0;
	padding: 0;
	min-height: 336px;
}
#rightColumn {
	margin: 0 0 20px 744px;
	width: 260px;
	padding: 0;
	position:absolute;
	top: 282px;
	background:#FFFFFF;
	z-index: 5001;
}

#footer {
	text-align:center;
	height: 74px;
	line-height: 37px;
	clear:both;
	background:url(images/footer.jpg) repeat-x bottom;
	width: 100%;
	padding-top: 50px;
	margin-top: 210px;
}
#f {background:url(images/fBg.jpg) no-repeat top; height: 74px;}
#footer a:link, #footer a:visited {
	text-decoration:none;
	border-right: #7ac142 solid 1px;
	padding: 0 7px;
}
#footer a:hover {color:#FFFFFF;}
/* ### Sidebars ### */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 12px;
	font-weight: normal;
	width: 691px;
}
#faqsTab tr:hover { background:none;}
#faqsTab table {margin-left: 0px;}
#faqsTab p {margin: 10px;}
h3.toggler {font-weight: bold; font-size: 13px; margin: 0; padding: 0;}
h3.toggler img {float:right; margin: 0; padding: 0;}
h3.toggler:hover {cursor: n-resize;}

.required_class {color:red;}

/****************** heading styles*******************/

h1, h2, h3, h4, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin: 0 20px 15px 20px;
	padding: 0;
	text-decoration:none;
	text-align:left;
	line-height: normal;
}
h1 {
	color:#FFFFFF;
	font-size: 25px;
	font-weight: 600;
	border: none;
	margin: 0 0 10px 20px;
	padding-top: 45px;
}
h1 a:active, h1 a:hover {color: #8ace3b;}
h1.Strip {width: 677px; height:44px; line-height: 44px; color:#FFFFFF; background:url(images/HeaderStrip.jpg) no-repeat; padding: 0 0 0 20px; margin: 0 0 20px 0; font-size: 18px;} 
h2, h3, h4, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
	color: #8ace3b;
	font-size: 13px;
	text-decoration:none;
}
h2 a:active, h2 a:hover {
	color:#000000;
}
h2, #ServicesBack h2.norm {font-size: 20px; margin-top: 15px; color: #ff6c00; margin-left: 20px;} 
h3 {color:#4f4f4f; font-size: 16px;}
h4 {padding-top: 7px;margin-bottom: 5px;}

#GeneralTopPl h2 {font-size: 18px;}
#GeneralTopPl h3 {font-size: 14px; margin: 0; padding: 0; color:#3d3d3d;}

#plainGreenBox h2 {color:#FFFFFF; padding: 20px 0 10px 0; margin: 0;}
#plainGreenBox h2 {font-size: 17px;}

#cartTop h3 { font-size: 14px;}
.servicesBackN h2  {font-size: 16px; margin: 10px 0; color: #8ace3b;}
#rightColumn h3, #ServicesMain h2, #ServicesMain h5, #generalMain h2 {
	color:#ff6c00;
	font-size:24px;
	padding: 8px 0 0 0; 
	margin: 0 0 5px 0;
}
#rightColumn h3 {font-size: 16px;}
#second h4 {font-size: 16px; margin: 10px 0 0 0;}
#rightColumn h3 a {
	text-decoration:none;
	color: #464646;
	margin-left: 0px;
}

#rightColumn h4 {
	font-size: 18px;
	margin-left: 0;
}
#webDesign h2, #WebPromotion h2 {
	margin: 0;
	color: #ff6c00;
	font-size: 24px;
}

#whatWeOfferN h3 {
	display:block;
	background:url(images/home/servicesBg.gif) repeat-x;
	height: 30px;
	line-height: 30px;
	border: 1px solid #e0e0e0;
	clear:both;
	margin: 25px 0 60px 0;
	padding-left: 15px;
	font-size: 22px;
	color: #7fbe27;
}

/****************** end of heading styles*******************/

/****************** paragraph styles*******************/
.servicesBackN p, #rightColumn p, #webDesign p, #WebPromotion p, #mission h3 {margin-left: 0px;}
#content p {margin-left: 20px; margin-right: 50px;}
.small p {font-size: 12px;}
p:first-letter {font-size: 130%;}
#aboutTop p {font-size: 14px; font-weight: bold; padding: 47px 340px 0 10px;}
/****************** end of paragraph styles*****************/

th {width: 677px; height:44px; line-height: 44px; color:#FFFFFF; background:url(images/HeaderStrip.jpg) no-repeat;font-size: 18px;} 

img.right, img.Right {
	float:right;
	margin-left: 25px;
}
img.left {
	float: left;
	margin-right: 10px;
}
img {
	border: none;
}
input, textarea, select {
	font-size:10px;
}
img.rightProduct {float:right; margin: 0 -70px 0 -20px;}
#second p:first-letter {font-size: 100%;}
table {width: 70%; margin: 10px 0 0 0;}
tr:hover {background:#e5ffc3;}

/*********************** google maps ***************/
#mapinput {width: 250px;}
#map_canvas {width: 585px; height: 425px; margin-left: 20px;}
#directions {width: 585px;}
.gmls-app {width : 188px;}
.gmls-search-form form.gsc-search-box input.gsc-input {padding : 1px;  width : 180px;}
td.gsc-search-button {width: auto; padding-left: 5px;}
form .gsc-input {width: 180px; padding: 0; margin:0;}
/*********************** end of maps ***************/

#faqsContact {padding: 140px 30px 30px 30px; background:url(images/logo.gif) top left no-repeat;}
#faq_accordion h3 .toggler atStart {font-weight: bold;}

/****************** pricing ***************/
#PricingBack h2, #PricingBack h2 a, #searchPricing h2, #searchPricing h2 a, #ServicesBack h2, #ServicesBack h2 a {font-size: 13px; color:#ff6c00; margin: 40px 0 15px 0;}
#PricingBack .priceBox5 p { margin: -13px 0 0 0;}
#PricingBack .priceBox5 div { margin: -13px 0 -10px 0;}

#PricingBack, #searchPricing, #ServicesBack {background:url(images/PricingBack.jpg) no-repeat top; width: 688px; height:763px; margin-bottom: 70px; padding: 0; font-size: 14px;}
#ServicesBack {background:url(images/ServicesBack.jpg) no-repeat top; height: 700px;}
#searchPricing {background:url(images/searchPricingBack.jpg) no-repeat bottom; height: 600px; padding-left: 0;}
#searchPricing .priceBoxSE, #searchPricing .priceBoxSE2 {top: 560px;}
#searchPricing .priceBoxSE2 {margin-left: 255px;}
/*#PricingBack p, #ServicesBack p, #searchPricing p {margin-right: 00px;}*/
.priceBox, .priceBox2, .priceBox3, .priceBox4, .priceBox5, .priceBox5b, .priceBoxSE, .priceBoxSE2 {position:absolute; top: 520px; margin: 0 0 0 20px; width: 175px; font-size:12px;}
.priceBox2 {margin-left: 260px;}
.priceBox3 {top: 760px;}
.priceBox4 {top: 760px; margin-left: 260px;}
.priceBox5 {top: 743px; margin-left: 495px;}
.priceBox5b {top: 760px; margin-left: 495px;}
#ServicesBack .priceBox h2, #ServicesBack .priceBox2 h2, #ServicesBack .priceBox3 h2, #ServicesBack .priceBox4 h2, #ServicesBack .priceBox5 h2, #ServicesBack .priceBox5b h2, #ServicesBack .priceBoxSE h2, #ServicesBack .priceBoxSE2 h2, .priceBoxSE h2, .priceBoxSE h2 a, .priceBoxSE2 h2, .priceBoxSE2 h2 a { margin: 40px 0 15px 0;}

#searchPricing .priceBoxSE p, #searchPricing .priceBoxSE2 p, #ServicesBack .priceBox p, #ServicesBack .priceBox2 p, #ServicesBack .priceBox3 p, #ServicesBack .priceBox4 p, #ServicesBack .priceBox5 p, #ServicesBack .priceBox5b p, #ServicesBack .priceBoxSE p, #ServicesBack .priceBoxSE2 p {margin: 0;}
#priceTerms {padding: 570px 0 0 0; width: 690px; font-size: 12px;}

#Pbg {background:url(images/portfolioBG.jpg) no-repeat top #FFFFFF; margin: -65px 0 -200px 0;position: relative;}

/************* end of pricing  ********/

/************* main design elements  ********/

#webDesignTop, #cartTop, #payPerClickTop, #CMSTop, #TestimonialsTop, #plainTop, #socialMedia, #webDeveloper, #searchTop, #webAssessment, #EmploymentTop, #linkBuilding, #faqsTop, #contactMain, #blogTop {
	background:url(images/web-Design-Top.jpg) no-repeat top;
	width:730px;
	height:386px;
	font-size: 14px;
	margin: -37px 0 30px 0;
}
#blogTop { background:url(images/blogTop.jpg) no-repeat top right; height: 231px; width: 677px; margin-bottom: -50px;}
#topRightSide, #second, #socialJoin {height: 140px;background:#FFFFFF;width: 260px;background:url(images/home/webDesignBg.jpg) no-repeat bottom;}
#second {background: none;}
#portfolioContent {width: 100%;}
#aboutTop {background:url(images/aboutTop.jpg) no-repeat top left; width: 686px; height: 293px;}
#socialMedia{background:url(images/social-media-back.jpg) no-repeat;}
#searchTop {background:url(images/Search-Engine-Services-b.jpg) no-repeat;}
#webDeveloper {background: url(images/web-development.jpg) no-repeat;}
#linkBuilding {background: url(images/Link-Building-Services-bg.jpg) no-repeat; height: 171px;}
#payPerClickTop {background:url(images/pay-per-click-top.jpg) no-repeat top;}
#cartTop {background:url(images/Shopping-Cart-b.jpg) no-repeat top;}
#CMSTop {background:url(images/cms-website-top.jpg) no-repeat top left;}
#TestimonialsTop {background:url(images/TestimonialsBack.jpg) no-repeat; height: 230px;}
#webAssessment {background:url(images/AssessmentTop.jpg) no-repeat top; width: 676px; height: 609px; padding-bottom: 40px;}
/*#webAssessment table {width: 70%; margin-top: 50px;}*/
#EmploymentTop {background:url(images/employment-Back.jpg) no-repeat; height: 227px;}
#top {font-size: 14px; margin-bottom: 40px;}

#faqsTop {background:url(images/faqs-back.jpg) no-repeat; height: 227px; margin-bottom: -30px;}
#contactMain {background:url(images/Contact-Bg.jpg) no-repeat top;min-height: 700px;}
#contactMain table { margin: 0 0 60px 20px;}
#plainGreenBox {background: url(images/greenBox.jpg) no-repeat top left; width: 658px; height: 170px; padding: 0 20px; font-size: 14px; margin: 0; font-size: 12px;}

.servicesBackN {
	background: url(images/services_back.jpg) no-repeat;
	width: 279px;
	height: 370px;
	float:left;
	padding: 0 20px;
	margin: 30px 20px 0 0;
	color:#000000;
	border: 1px solid #dfdfdf;
}
#mission {width: 646px; height:133px; background:url(images/missionBack.jpg) no-repeat top; padding: 15px; border: 1px solid #e2e2e2; border-bottom: none; clear:both;}
.aboutServices, .aboutServices2  {float:left; width: 270px; height: 160px; padding:0; margin-right: -40px;}
.aboutServices {width: 200px; margin: 0 -10px 0 0 ;}

#webDesign, #WebPromotion {
	background:url(images/home/WebPromoBg.jpg) no-repeat;
	width: 331px;
	height: 213px;
	float:left;
	margin: 15px 25px 0 0;
	font-size: 11px;
	padding: 0 10px 0 0;
}
#WebPromotion {
	margin-right: 0;
}
#whatWeOfferN {
	background:url(images/home/servicesBoxes.jpg) no-repeat left bottom;
	width: 707px;
	height: 310px;
}
#portfolioH {
	background:url(images/home/hmPortfolio.jpg) no-repeat center top;
	height: 300px;
	float:right;
	width: 260px;
	margin: -20px 0 0 10px;
}
#portfolioH a img {float: right;}
#testimonialBg {
	background:url(images/home/testimonialBg.jpg) no-repeat right bottom;
	width: 250px;
	height: 214px;
	padding-right: 10px;
	clear:both;
}
#GeneralTopPl a:hover {color:#000;}

.seperator {
	background: url(images/horizDiv.jpg) no-repeat;
	width: 100%;
	height: 4px;
	clear:both;
	margin: 20px 0 20px 0;
}
.mSBSC a, .mSBSC a:visited, .mSBSC a:hover {position:absolute; top: 1017px; background: url(images/moreServices.jpg) no-repeat; 
width: 79px; height:34px; line-height:31px; margin-left: 215px; display:block; text-align:center;
text-decoration:none;
	color: #f9e8b4;
	font-weight: bold;
}
.mSBSC a:hover {background: url(images/moreServicesRoll.jpg) no-repeat;}

a.mWeb, a:hover.mWeb {
	height:62px;
	width:65px;
	top:582px; margin-left: 561px;
	display:block;
	position:absolute;
	text-decoration:none;
}
a:hover.mWeb { background:url(images/home/moreRoll.jpg) no-repeat bottom right;}

.SbaseNo { margin: 0 0 40px 0;}

.SerDiv, .Sbase, .SbaseNo {
	background: url(images/horizDiv.jpg) no-repeat;
	width: 100%;
	height: 4px;
	line-height: 4px;
	clear:both;
	padding: 0;
	margin: 0;
}

.servicesBackN li {line-height: 16px; margin-left: -27px;}



/*left menu more hovers ************/
a.moreWebL, a:hover.moreWebL {
	height:62px;
	width:65px;
	background:url(images/home/moreRoll.jpg) no-repeat bottom right;
	display:block;
	position:absolute;
	top:381px;
	margin-left: 200px;
	text-decoration:none;
}
a.moreWebL, a:hover.moreWebL {top:78px;margin-left: 198px;}
a.moreWebL  {
	background: none;
	text-decoration:none;
}
/*end left menu more hovers ************/
a.moreWebN, a:hover.moreWebN {
	height:66px;
	width:68px;
	background:url(images/home/moreRoll.jpg) no-repeat bottom right;
	display:block;
	position:absolute;
	top:421px;
	margin-left: 200px;
	text-decoration:none;
}
a.moreWebN, a:hover.moreWebN {top:563px; margin-left: 630px;}
a.moreWebN  {
	background: none;
	text-decoration:none;
}
/*end main content more hovers ************/
hr {border:none; border-bottom: 2px solid #7fbe27; clear:both; margin: 20px 0 30px 0; padding-top: 20px;}

.small {width:670px;}

#rightColumn .socialU img {width: 30px; height: 30px; float:left; padding: 0; margin: 0;}



#rightColumn a, #second a {color:#ff6c00;}

#socialJoin { top: 0;}
#rightColumn ol li {
	list-style-image:none;
	line-height: 12px;
}
#rightColumn ol {margin-top: -1px;}
#rightColumn #news_pech li {margin-left: 20px;}




#news_pech li {color: #464646; margin:  0 0 -13px 40px; padding:0;	list-style-image:url(images/home/bulletsN.jpg);}
#news_pech a {color: #464646; margin: 0; padding:0; font-weight: normal;text-decoration: underline;}
#news_pech a:hover {text-decoration: none;color: #ff6c00;}
a.moreServices, a.moreG {
	background:url(images/home/more.jpg) no-repeat;
	width: 78px;
	height: 37px;
	display:block;
	margin: -5px 0 0 550px;
	color:#FFFFFF;
}
a:hover.moreG {
	background:url(images/moreWR.jpg) no-repeat;
	color:#FFFFFF;
}
a.moreG {
	margin: 10px 0 0 183px;
	background:url(images/moreW.jpg) no-repeat;
	width: 79px;
	height: 34px;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	padding-top: 3px;
}
#second a.moreG {
	color: #f9e8b4;
}
object {
	width:100%;
	height:100%;
	margin-top:-95px;
}
#content object {height: inherit; margin: 0;}
/************* for header flash Section  ********/
.pages {margin: 0 0 0 20px;}



/************* home page  ********/
#leftColumn, #servicesContent {width: 730px; float:left; background:url(images/home/vDiv.jpg) no-repeat right bottom ; position:relative; z-index: 2; height: 560px;}

#rightColumn img {
	float:right;
	margin-right: 30px;
}

#whatWeOfferN li, .servicesBack li {
	list-style-image:url(images/home/bulletsN.jpg);
	margin-left: 350px;
	line-height: 16px;
}
.servicesBack li {
	margin-left: -15px;
}
#whatWeOfferN a {
	font-weight: normal;
	text-decoration:underline;
	color: #3d3d3d;
}
#whatWeOfferN a:hover {
	text-decoration:none;
}
a.more, a:hover.more, a.morePromo, a:hover.morePromo, a.moreTestimonials, a:hover.moreTestimonials {
	height:62px;
	width:65px;
	background:url(images/home/moreRoll.jpg) no-repeat bottom right;
	display:block;
	position:absolute;
	top:413px;
	margin-left: 277px;
	text-decoration:none;
}

a.moreTestimonials, a:hover.moreTestimonials { margin: 19px 0 0 195px;}
/*.portfolioClick, */#click {
	color: #ff6c00;
	font-weight: bold;
	text-align:right;
	padding: 0 40px 0 0;
	width: 515px;
	background:url(images/home/PortfolioB.jpg) no-repeat right;
	height: 31px;
	line-height: 31px;
	margin-top: 20px;
}
#click {margin:-10px;}
/*.portfolioClick a, */#click a {
	color: #464646;
	font-weight: bold;}
#webDesignTop a:hover, #searchTop a:hover, #cartTop a:hover, #servicesContent a:hover, #GeneralTopP a:hover, #faqsTop a:hover, #payPerClickTop a:hover, #CMSTop a:hover, #bodyContent a:hover, #socialMedia a:hover, #webDeveloper a:hover, #TestimonialsTop a:hover {color:#000;}