body {	
	margin: 0;
	padding: 0;
	color: #454545;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	position: relative;
}
.clearfix:after { 
	content:"."; display:block; height:0; clear:both; visibility:hidden; 
	}
* ul, * li { 
	list-style: none; 
	padding: 0;
	margin: 0;
	}
p { 
	margin: 0; padding: 0; 
	}
p.skipNav {
	position: absolute; width: 20em; left: -999em; margin-top: 0; top: 0;
	}
.ieOver { cursor: pointer; }

.ajaxParentCtner { display: none; } /*init value, changed by js on load*/


#wrapper { width: 100%; margin: 75px 0 0; }

#logo {
	position: fixed;  margin: 0; z-index:10;
	width: 165px; height: 75px; top: 16px; left:30px;
	background: url(../images/spritePng-new.png) no-repeat -1070px 0 transparent;
	text-indent: -9999em; overflow: hidden;
	}
#logo a {
	position: absolute; width: 100%; height: 100%; top: 0; left: 0;
	text-indent: -9999em; overflow: hidden;
	}
#logo a:hover {
	background-color: transparent;
	}	
#logo span {
	position: absolute; 
	width: 100%; height: 100%; top: 0; left: 0;
	background: url(../images/spritePng-new.png) no-repeat -1070px -75px #fff;
	}
#section1 {
	position: relative; z-index: 1; width: 100%; height: 525px;
	background: url(../images/bcgrExt.jpg) repeat-x 1474px -28px;
	}
#section1p1 {
	width: 100%; height: 525px;  z-index: 2;
	text-indent: -9999em; overflow: hidden;
	background: url(../images/bcgrMain.jpg) no-repeat transparent;
	}
#section1p2 {
	position: absolute;
	width: 297px; height: 41px; top: 120px; left:664px;
	text-indent: -9999em; overflow: hidden;
	background: url(../images/spritePng-new.png) no-repeat transparent;
	}
#section2 {
	position: relative; width: 100%; z-index: 1; 
	padding-bottom: 9px;
	background-color: #f77507;
	border-top: 20px solid #f7007f;
	border-bottom: 20px solid #e80619; 
	}
#section3 {
	position: relative; width: 100%; z-index: 1; 
	background-color: #fff;
	color: #393939; padding-bottom: 16px;
	border-bottom: 20px solid #f77507;
	}
#section4 {
	position: relative; width: 100%; height: 376px; 
	color: #fff; overflow: hidden;
	background: url(../images/bottomBlur.png) no-repeat 648px 0 #d30900;
	z-index: 1;
	}
#copyright {
	position: absolute; bottom: 0px; left: 111px; color: #9f0700;
	font-weight: bold;
	}
#oneSite {
	position: absolute; top: 56px;
	width: 370px; height: 220px;
	background-color: transparent;
	display: none; z-index: 2;
	}
.visitSite  {
	height: 20px; padding-left: 10px; 
	z-index: 3;
	background: url(../images/spritePng-new.png) no-repeat -700px 0 #fff;
	}
.visitSite a,
.visitSite a:link,
.visitSite a:visited {
	display: block; width: 90px; height: 20px; text-indent: -9999em;
	overflow: hidden;
	}	
.visitSite a:hover {
	background: url(../images/spritePng-new.png) no-repeat -710px -20px;
	}
#closeOneSite {
	position: absolute; top: 0; right: 10px; z-index: 4;
	width: 20px; height: 20px; overflow: hidden;
	}
#closeOneSite:hover {
	cursor: pointer; 
	background: url(../images/spritePng-new.png) no-repeat -1040px -20px;
	}

/***SECTION 2**************************************************/
#sites, #info {
	float: left;
	padding-left: 15px;
	min-width: 960px;
	overflow: hidden;
	}
.midsection div.part {
	float: left;
	width: 159px;
	}
.midsection ul {
	width: 144px;
	padding-top: 8px;
	background-color: #f46505;
	}
#section3 ul {
	padding-top: 0px;
	background-color: transparent;
	}	
#section2 li {
	padding-bottom: 6px;
	line-height: 1.154em; z-index: 9;
	}
#section3 li {
	padding-bottom: 6px;
	line-height: 1.231em;
	}		
li#personal {
	width: 100px; height: 16px; margin-top: 10px; margin-bottom: 14px; display: block;
	background: url(../images/spritePng-new.png) no-repeat transparent -954px -41px;
	text-indent: -999em; overflow: hidden; padding-bottom: 0;
	}	
.midsection h2 {
	height: 43px; width: 144px; margin: 12px 0 0 0; 
	text-indent: -9999em; overflow: hidden;
	background: url(../images/spritePng-new.png) no-repeat transparent;
	background-position: 0 -41px;
	}
#section2 .part2 h2 {
	background-position: -159px -41px;
	}
#section2 .part3 h2 {
	background-position: -318px -41px;
	}
#section2 .part4 h2 {
	background-position: -477px -41px;
	}
#section2 .part5 h2 {
	background-position: -636px -41px;
	}
#section2 .part6 h2 {
	background-position: -795px -41px;
	}
#section3.midsection h2 {
	height: 30px;
	}
#section3 .part1 h2 {
	background-position: 0 -84px;
	}	
#section3 .part2 h2 {
	background-position: -158px -84px;
	}
#section3 .part3 h2 {
	background-position: -318px -84px;
	}
#section3 .part4 h2 {
	background-position: -477px -84px;
	}
#section3 .part5 h2 {
	background-position: -636px -84px;
	}
#section3 .part6 h2 {
	background-position: -798px -84px;
	}

/********TESTIMONIALS**************************************************/	
#testimonials { 
	position: absolute; width: 300px; 
	top: 32px; left: 650px;
	text-align: right; 
	}
.oneTestim { 
	display: none; margin-bottom: .35em;
	}
.oneTestim p { 
	margin-bottom: .5em;
	}	
.oneTestim .testmAuthor	{
	font-style: italic; margin-bottom: 0;
	}
a#nextTestm { 
	display: block; min-height: 1.5em;
	color: #fea13e; 
	}
a#nextTestm:hover { 
	background-color: transparent; color: #fff;
	}		

/***MENU***************************************************************/	
#menu { 
	position: fixed; left: 565px; top: 0;
	width: 400px; height: 34px; z-index: 10;
	background: url(../images/spritePng-new.png) no-repeat -300px 0 transparent;
	}
#menu li{
	position: absolute; left: 2px; top: 0; height: 34px; width: 90px;
	}
#menu li.portfolio {
	left: 103px;
	}
#menu li.blog { 
	left: 204px;
	}
#menu li.contact { 
	left: 305px;
	}
#menu a, #menu a:link, #menuMain a:visited, #menu a:hover {
	width: 100%; height:34px; display: block; text-indent: -9999em;
	overflow: hidden; background-color: transparent;
	}
#menu li span {
	position: absolute; top: 0; left: 0px; overflow: hidden;
	width: 90px; height: 13px;
	background-color: #f77507;
	}
#menu li:hover span {
	background-color: #f70d07;
	}	
#menu li.portfolio span {
	background-color: #f70984;
	}
#menu li.portfolio:hover span {
	background-color: #fb76ba;
	}
#menu li.blog span {
	background-color: #d40a00;
	}
#menu li.blog:hover span {
	background-color: #ff7800;
	}	
#menu li.contact span {
	background-color: #fdb637;
	}
#menu li.contact:hover span {
	background-color: #ff6a00;
	}	
#menu li:hover {	
	cursor: pointer;
	}
	
/*SLIDER CODE
#menu li span {
	position: absolute; top: 0; left: 0px; overflow: hidden;
	width: 90px; height: 13px;
	background-image: url(../images/menusOverEffect.png);
	background-color: transparent;
	background-repeat: repeat;
	background-position:  0 0;
	}
#menu li.portfolio span {
	background-position:  0 -13px;
	}
#menu li.blog span {
	background-position:  0 -26px;
	}
#menu li.contact span {
	background-position:  0 -39px;
	}
#menu li:hover {	
	cursor: pointer;
	}
*/
/*---BLOG-----------------------------*/
	
#blogWrap {
	position: relative; width: 100%;
	border-bottom: 20px solid #f77507; 
	background: url(../images/bcgrBlog.jpg) no-repeat transparent;
	}
#blogContWrap, #sectionLeft, #sectionMid, #sectionRight {
	float: left;
	}
#blogContWrap {
	margin: 94px 0 0 26px; width: 932px;
	}
#sectionLeft {
	width: 436px;
	}
body#blog #section4 { 
	clear: both;
	}
.navigation {
	margin: 2em 0; color:#E80619;
	}
#singlePage .navigation {
	margin-top: 0;
	}		
.postHeading h2, .datum {
	float: left;
	}
div.postHeading {
	width: 100%; margin-bottom: 1em;
	}
.postHeading h2 {
	width: 344px; margin: 0; padding: 0; font-size: 18px;
	padding: 14px 0 0 12px; 
	line-height: 1; font-weight: normal; text-transform: uppercase;
	}	
.postHeading h2 a {
	color: #f70984; 
	}
.postHeading h2 a:hover {
	color: #fff;
	}	
.datum {
	width: 68px; height: 56px; padding-top: 7px;
	overflow: hidden; text-align: center; color: #fff; 
	font-weight: bold;
	background: url(../images/datumBcgr.png) no-repeat transparent;
	}
.datum span {	
	width: 68px; float: left;
	}
.n {
	font-size: 30px; line-height: 30px;
	}
.d, .y {
	font-size: 11px; line-height: 1;
	}

div.entry {	
	clear: both;
	}
div.entry p {	
	margin-top: .4em;
	}
div.entry + p {	
	margin-top: 0;
	}	
div.post {	
	margin-bottom: 3em;
	}
.topInd {
	margin-top: 1em;
	}
div.post h3 {
	color: #d30900;
	}	
h2.pagetitle {
	color: #f77505; margin: 0;
	}
div.entry ul {
	padding-left: 16px; margin-left: 0;
	}
div.entry li {
	margin-top: 4px; list-style: disc inside;
	}
/****BLOG MID SECTION************************************************************/		
#sectionMid {
	width: 304px; margin: 0 16px 40px 32px;
	}
#sectionMid div {
	padding: 20px 0 20px 19px; border-bottom: dotted 1px #999;
	}
#sectionMid #client {
	border-bottom: dotted 0px #999; padding-top: 0;
	}
#sectionMid #business {
	border-bottom: dotted 0px #999;
	padding-bottom: 276px;
	background: url(../images/blogCreativeIdeas.png) no-repeat 0 bottom transparent;	
	}
#sectionMid #goodWebDesign {
	border-bottom: dotted 0px #999;
	padding-bottom: 276px;
	background: url(../images/blogDesignMatters.jpg) no-repeat 0 bottom transparent;
	}
#sectionMid #cupOfTea {
	border-bottom: dotted 0px #999;
	}	
#sectionMid #search,
#sectionMid #categories {
	border-bottom: dotted 0px #999;
	}	
#sectionMid h3, #sectionRight h3 {
	height: 20px; margin: 0 0 6px 0; padding: 0; 
	text-indent: -9999em; overflow: hidden;
	background-image: url(../images/blogH2s.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:  0 0;
	}
#popular h3 {
	background-position:  0 -20px;
	}
#elsewhere h3 {
	background-position:  0 -40px;
	}
#business h3 {
	background-position:  0 -60px;
	}
#seo h3 {
	background-position:  0 -484px;
	}
#goodWebDesign h3 {
	background-position:  0 -504px;
	}
#cupOfTea h3 {
	background-position:  0 -524px;
	}	
#archive h3 {
	background-position:  0 -80px;
	}
#search h3 {
	background-position:  0 -200px;
	}
#categories {
	background-color: #f70984;
	}
#categories li {
	height: 22px; margin: 0; padding-left: 14px;
	}
#categories.news li.news,
#categories.beginners li.beginners,
#categories.branding li.branding,
#categories.business li.business,
#categories.cms li.cms,
#categories.other li.other,
#categories li:hover {
	background-color: #ffc241;
	}	
#categories li a {
	display: block; height: 100%; width: 100%;
	text-indent: -9999em; overflow: hidden;
	background-image: url(../images/blogH2s.png);
	background-color: #f70984;
	background-repeat: no-repeat;
	background-position:  5px -220px;
	}
#categories li.news a {
	background-position: 5px -220px;
	}
#categories li.seo a {
	background-position: 5px -544px;
	}	
#categories li.beginners a {
	background-position: 5px -242px;
	}
#categories li.branding a {
	background-position: 5px -264px;
	}
#categories li.business a {
	background-position: 5px -286px;
	}
#categories li.cms a {
	background-position: 5px -308px;
	}
#categories li.other a {
	background-position: 5px -330px;
	}
#categories li.news a:hover,
#categories.news li.news a {
	background-position: 5px -352px;
	}
#categories li.seo a:hover,
#categories.seo li.seo a {
	background-position: 5px -566px;
	}
#categories.beginners li.beginners a,
#categories li.beginners a:hover {
	background-position: 5px -374px;
	}
#categories.branding li.branding a,
#categories li.branding a:hover {
	background-position: 5px -396px;
	}
#categories.business li.business a,
#categories li.business a:hover {
	background-position: 5px -418px;
	}
#categories.cms li.cms a,
#categories li.cms a:hover {
	background-position: 5px -440px;
	}
#categories.other li.other a,
#categories li.other a:hover {
	background-position: 5px -462px;
	}

/****BLOG RIGHT SECTION************************************************************/
#sectionRight {
	width: 144px;
	}
#sectionRight div {
	padding: 20px 0 20px 19px; border-bottom: dotted 1px #999;
	}
#sectionRight #bestOfWeb {
	padding-top: 0;
	}
#sectionRight #subscribe {
	border-bottom: dotted 0px #999;
	}	
#bestOfWeb h3 {
	background-position:  0 -100px; height: 40px;
	}
#blogroll h3 {
	background-position:  0 -144px;
	}
#inspired h3 {
	background-position:  0 -164px;
	}
#subscribe h3 {
	background-position:  0 -184px;
	}

/****FORM DEFAULTS************************************************************/	
.amd_form {
	font-family: inherit;
	}	
.amd_form legend {
	display: none;
	}
.amd_form fieldset { 
	margin: 0; padding: 0; border: 0;
	}
.amd_form label {
	display: block;
	/*display: -moz-inline-box;*/
	vertical-align: top;
	}
.amd_form .error {
	display: none;
	font-style: italic;
	
	/*define for each case*/
	color: #fff;
	}
.amd_form  ol {
  margin: 0; padding:0;
	}
.amd_form li {
  list-style: none;
  padding: 8px 0;
  margin: 0;
	}
.amd_form li.requiredHint {
	font-size: .857em; padding:0;
	}
.amd_form li.nojsErr {
	/*define for each case*/
	color: red;
	}	
.amd_form input {
  width: auto; 
	}
.amd_form input[type='text'] {
	/*define for each case*/
  width: 0px;
	}
.amd_form textarea {
  width: 90%; font-family: inherit; 
	}
.amd_form  input,
.amd_form  textarea {
  font-family: "Lucida Grande", Helvetica, Ariel, sans-serif;
	}
.amd_form input[type='submit']:hover, 
.amd_form input[type='reset']:hover {
  cursor:pointer;
	}
.amd_form input.hidden { 
	display: none; 
	}
p#amf_response_thank,
p#amf_response_err {
	margin: 0; padding: 4em 0 0 89px;  width: auto; 
	line-height: 1.4em;
	color: #fff; font-weight: bold;
	}
div.processed {
	min-height: 350px;
	}
p#amf_response_err {
	/*color: red;*/
	}
/****FORM "DESIGNED" DEFAULTS*************************************************/	
#contactFormCtner {
	position: relative; width: 516px; height: 312px; margin-top: 16px; left: 23px; z-index: 1;
	}
#amd_contactform_fixed {
	color: #000; width: 516px; height: 312px;
	background: url(../images/contactBcgr.png) no-repeat transparent;
	}
#amd_contactform_fixed ol {
	height: 271px;
	padding-top: 41px;
	}
#amd_contactform_fixed li {
	padding: 0; height: 28px;
	}
#amd_contactform_fixed li.amcf_name { 
	 
	}
#amd_contactform_fixed li.amcf_email  { 
	margin-top: 14px;
	}
#amd_contactform_fixed li.amcf_note { 
	margin-top: 16px; height: 144px;
	}	
#amd_contactform_fixed label {
	display: none;
	}
	
/*---err params---*/
#amd_contactform_fixed .error {
	position: absolute; font-size: 12px;
	left: 75px; width: 262px; top: 69px; padding-left: 4px; 
	z-index: 3;
	
	/*define for each case*/
	background-color: #F77507;
	}
#amd_contactform_fixed li.amcf_email .error { 
	top: 111px; width: 328px; 
	}
#amd_contactform_fixed li.amcf_note .error { 
	top: 272px; width: 328px; 
	}
/*---input, textarea params---*/
#amd_contactform_fixed input, 
#amd_contactform_fixed textarea { 
	position: absolute; left: 92px; font-size: 12px; z-index: 2;
	margin: 0; border: 0; background-color: transparent;  padding: 0 0 0 4px;
	}
#amd_contactform_fixed input { 
	top: 41px; width: 244px; height: 28px;
	}
#amd_contactform_fixed #amcf_email  { 
	top: 83px; 
	}
#amd_contactform_fixed #amcf_note { 
	top: 127px; width: 310px; height: 144px;
	overflow: auto; 
	}
#amd_contactform_fixed textarea:focus,
#amd_contactform_fixed input:focus,
#amd_contactform_fixed input.ieFocus,
#amd_contactform_fixed textarea.ieFocus { 
	background-color: #f4f4f4;
/*
	background-color: green;
*/
	}
/*---submit btn params---*/
#amd_contactform_fixed #submitBtn {
	position: absolute; left: 0px; top: 245px; width: 70px; height: 28px; 
	background-image: url(../images/submitBtn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;  padding: 0; border: 0; cursor: pointer;
	}
#amd_contactform_fixed #submitBtn:active,
#amd_contactform_fixed #submitBtn:hover,
#amd_contactform_fixed #submitBtn.ieOver { 
	background-position: 0 -28px; cursor: pointer;
	}
#amd_contactform_fixed #submitBtn:active { 
	outline: none;  
	}	
/****CONTACT FORM THIS *************************************************/
h3#contactFormHeader	{
	position: absolute; top: 16px; left: 91px; height: 16px; width: 114px;
	text-indent: -999em; margin: 0; padding: 0; 
	background: url(../images/spritePng-new.png) no-repeat transparent -955px -85px;
	}
/***LINKS ************************************************************************/		
a, a:link, a:visited, a:hover { 
	color:  #e80619; text-decoration: none; 
	}
a:hover {
	color: #fff; background-color: #f7007f; cursor: pointer;
	}	
#info a,
#sectionMid a,
#sectionRight a {
	display: inline-block; width: 100%;
	}	
#sites a, #sites a:link, #sites a:visited {
	color: #840000; display: inline-block; width: 100%;
	}		
#sites a:hover {
	color: #fff;
	}		
#sites a.sel {
	background-color: #f7007f;
	}	
#copyright a, #copyright a:visited, #copyright a:hover { color: #9F0700; }

a:focus, a:active, a:visited { outline: none; }		
/***FONTS ************************************************************************/	
#wrapper {
	font-size: .8125em;
	}
body.w1280 #wrapper {
	/*font-size: 0.875em; */
	}
#testimonials {
	font-size: 1.077em;
	}
body.w1280 #testimonials {
	/*font-size: 0.875em; */
	}	
h2 {
	font-size: 1em;
	}
div.post h3 {
	font-size: 1.23em;
	}	
a#nextTestm	{
	font-size: 1.071em;
	}
.visitSite { 
	font-size: 0.846em;
	}	
body.w1280 .visitSite { 
	font-size: 0.846em;
	}	
body.jsOff #wrapper p { 
	font-size: 1.071em;
	}
#copyright {
	font-size: .923em;
	}
#amf_response_thank,
amf_response_err {
	font-size: 1.23em;
}
/******13/14 schema******/
.oneSmaller {
	font-size: .923em;
	}
body.w1280 .oneSmaller {
	font-size: .929em;
	}		
.twoSmaller {
	font-size: .846em;
	}
body.w1280 .twoSmaller {
	font-size: .857em;
	}
.oneBigger {
	font-size: 1.077em;
	}
body.w1280 .oneBigger {
	font-size: 1.071em;
	}	
.twoBigger {
	font-size: 1.154em;
	}
body.w1280 .twoBigger {
	font-size: 1.143em;
	}