body {
	margin: 0;
	padding: 84px 0 0 0;
	color: #c1b570;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	background-color: #181a1a;
	background-repeat: repeat-x;
	background-position:  0 bottom;
}
.jsOff body {
	background: url(../images/bottomBcgr24.png) repeat-x 0 bottom #181a1a;
	}
* 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; }
em {
    font-family: Trebuchet, sans-serif;
	}	
strong {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	}
a, a:link, a:visited, a:hover { 
	text-decoration: none; 
	}
a:focus, a:active, a:visited { outline: none; }		
a.am-hoverShw { 
	display: block; text-indent: -999em; overflow: hidden; width: 100%; height: 100%;
	}
a.am-hoverShw:hover { 
	background: url(../images/library/am-hoverShw10.png) repeat transparent !important;
	}
a.am-hoverShw.cur:hover { 
	background-image: none; cursor: default;
	}
.section02Fill {
	position: absolute; width: 97px; right:-97px; top: 0; height: 100%; background-color: #000;
	}
#wrapper { width: 100%; }
#logoMenuWrap, #section0Wrap, #section1Wrap, #section2Wrap, #section3Wrap {
	width: 100%; background-color: transparent; z-index: 1;
	}
#logoMenuWrap {
	position: fixed; top:0; left: 0; height: 84px; 
	z-index: 10; background-color: #000; 
	}
#logoMenu {
	margin: 0 auto; z-index:10; overflow: visible; position: relative;
	width: 960px; height: 84px;
	}
#logo {
	position: absolute; width: 164px; height: 84px; top: 0; left: 0;
	margin: 0; padding:0;
	text-indent: -9999em; overflow: hidden;
	background: url(../images/logoMenu.png) no-repeat 0 0 transparent;
	}
#section0Wrap {
	background-color: #000; position: relative; 
	}	
#section0 {
	width: 960px; height: 464px; margin: 0 auto; position: relative;
	}
#firstImg {
	position: absolute; top: 18px; left: 3px;
}
#section0p1 {
	height: 210px;  width: 305px; position: absolute; right: 0; top: 156px;
	overflow: hidden; background: url(../images/section0TxtBcgr.png) no-repeat;
	text-indent: -9999em;
	}
#section0p2 {
	height: 30px;  width: 189px; position: absolute; right: 3px; bottom: 100px;
	overflow: hidden;
	}

#section1Wrap {
	height: 384px;
	}	
#section1 {
	width: 960px; height: 384px; margin: 0 auto; position: relative; z-index: 2;
	}
h2.sectTitle {
	position: absolute; left: 0; top: 22px; height: 77px; width: 84px;
	overflow: hidden; text-indent: -9999em; margin: 0; padding: 0;
	background: url(../images/logoMenu.png)	no-repeat -164px -7px;
	/*opacity: .8;*/
	}
h2.sectTitle span {
	display: block; width: 100%; height: 100%; top:0; left: 0; position: absolute;
	background: url(../images/logoMenu.png)	no-repeat -568px -7px;
	}
	
#featured {
	width: 400px; height: 382px; position: absolute; right: -97px;
	background: url(../images/featuredBcgr.jpg) no-repeat;
	}
#featured a {
	width: 127px; height: 71px; position: absolute; left: 178px; top: 254px;
	overflow: hidden; text-indent: -9999em;
	}
#featured a:hover {
	background: url(../images/txtSprite.png) no-repeat -121px -468px;
	}		
#servicesList {
	width: 306px; height: 182px; position: absolute; top: 117px; left: 0;
	background: url(../images/txtSprite.png) no-repeat; overflow: hidden;
	text-indent: -9999em;
	}

#articlesList {
	width: 316px; margin: 0 0 0 334px; padding-top: 86px;
	}
#articlesList h2 {
	width: 225px; height: 15px; margin: 0 0 16px 0;
	background: url(../images/txtSprite.png) no-repeat 0 -360px;
	text-indent: -9999em;
	}
#articlesList a {
	padding: 0 2px; color: #17b752;
	}
#articlesList a:hover {
	background-color: #8b8e1f; color: #000;
	}

#section2Wrap {
	background-color: #000; position: relative;
	}
#section2 {
	width: 960px; margin: 0 auto; position: relative;
	padding-top: 130px; overflow: hidden; padding-bottom: 80px;
	}
#section2 h2.sectTitle {
	background-position: -269px -7px;
	}
#section2 h2.sectTitle span {
	background-position: -673px -7px;
	}	
#sites {
	float: left;
	width: 960px;
	overflow: hidden;
	}
#sites.oneSiteMode {
	width: 320px;
	}	
#section2 div.part {
	float: left;
	width: 159px;
	}
#section2 div.group {
	float: left;
	width: 318px;
	}

#section2 #sites.oneSiteMode div.part {
	padding-bottom: 30px;
	}
#sites ul {
	width: 144px;
	}

#section2 a, #section2 a:link, #section2 a:visited {
	display: inline-block; width: 100%;
	color: #a89e63;
	}		
#section2 a:hover, #section2 a.sel {
	background-color: #8b8e1f; color: #000;
	}		
.part h2 {
	height: 28px; width: 128px; margin: 0 0 18px 0; 
	text-indent: -9999em; overflow: hidden;
	background: url(../images/txtSprite.png) no-repeat transparent;
	background-position: 0 -379px;
	}
#part2 h2 {
	background-position: -153px -379px; width: 107px;
	}
#part3 h2 {
	background-position: 0px -431px; width: 76px; height: 12px; margin-bottom: 34px;
	}
#part4 h2 {
	background-position: 0 -416px; width: 105px; height: 12px; margin-bottom: 34px;
	}
#part5 h2 {
	background-position: -153px -416px; width: 96px;
	}
#part6 h2 {
	background-position: -153px -453px; width: 85px; height: 12px; margin-bottom: 34px;
	}
.oneSiteMode #part3 h2, .oneSiteMode #part4 h2, .oneSiteMode #part6 h2 {
	margin-bottom: 18px;
	}		
li#personal {
	width: 84px; height: 12px; margin-top: 16px; margin-bottom: 10px; display: block;
	background: url(../images/txtSprite.png) no-repeat transparent 0 -487px;
	text-indent: -999em; overflow: hidden; padding-bottom: 0;
	}
.clone	{
	position: absolute; top: 130px;
	}
#oneSite {
	position: relative; margin-top: 0px;
	width: 620px; float: right;
	background-color: transparent;
	z-index: 2;
	}
#oneSiteHint {
	position: absolute; top: 85px; left: 337px;
}
#noSiteHint {
	position: absolute; top: 15px; left: 15px;
	background-color: #8b8e1f; color: #000; padding: 8px 10px;
}
#section3Wrap {
	}
#section3 {
	width: 960px; margin: 0 auto; position: relative;
	height: 784px;
	}
#section3 h2.sectTitle {
	background-position: -484px -7px;
	}
#section3 h2.sectTitle span {
	background-position: -888px -7px;
	}
#copyright {
	position: absolute; bottom: 0px; left: 107px; color: #c6bb77;
	
	}
/********TESTIMONIALS**************************************************/	
#testimonials { 
	position: absolute; width: 400px; color: #c6bb77; 
	top: 150px; right: 0; padding-right: 3px;
	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: inline-block; min-height: 1.5em; padding: 0 3px;
	color: #17b752; 
	}
a#nextTestm:hover { 
	background-color: #8b8e1f; color: #000;
	}

/***MENU***************************************************************/	
#menu { 
	position: absolute; right: -7px; top: 0;
	width: 404px; height: 84px; z-index: 10;
	}
#menu li{
	position: absolute; left: 0; top: 0; height: 84px; width: 84px;
	}
#menu span {
	width: 100%; height: 100%; top:0; left: 0; position: absolute; z-index:1;
	display: none;
	background-image: url(../images/logoMenu.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:  -164px 0;
	}
#blogpage #blog span {
	display: block;
	}
li#portfolio {
	left: 105px;
	}
#portfolio span {
	background-position: -269px 0;
	}		
li#blog { 
	left: 215px; background-position: -783px 0;
	}
#blog span {
	background-position: -379px 0;
	}	
li#contact { 
	left: 320px; background-position: -888px 0;
	}
#contact span {
	background-position: -484px 0;
	}	
#menu a {
	display: block; width: 100%; height: 100%; text-indent: -9999px; position: fixed;
	top:0; left: 0; position: absolute; z-index:2;
	background-image: url(../images/logoMenu.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position:  -568px 0;
	}	
#portfolio a {
	background-position: -673px 0;
	}
#blog  a { 
	background-position: -783px 0;
	}
#contact a { 
	background-position: -888px 0;
	}
#menu li:hover {	
	cursor: pointer;
	}

/*---BLOG-----------------------------*/
body#blogpage { 
	padding-top: 172px; 
	}
#blogpagetrees {
	position: fixed; top:84px; left: 0; height: 282px; width: 100%;  
	z-index: 1; background: url(../images/bottomBcgr24.png) repeat-x 265px bottom #000;
	}
#blogWrap {
	position: relative; width: 100%; z-index: 1;
	}
#blogCont {
	margin: 0 auto; width: 960px; overflow: hidden; z-index: 10;
	}
#sectionLeft, #sectionMid, #sectionRight {
	float: left; background-color: #000; padding-top: 20px;
	}
#sectionLeft {
	width: 438px; padding-left: 16px; padding-right: 16px; color: #dbd5b0;
	}
#sectionMid {
	width: 310px; margin: 0 16px;
	}
#sectionRight {
	width: 148px;
	}	
body#blogpage #section3Wrap * { 
	z-index: 9; 
	}
#blogCont a:hover {
	background-color: #17B752; color: #000;
	}
.datum, #categories {
	background-color: #17b752;
	}
	
.navigation {
	margin: 2em 0; color:#E80619;
	}
#singlePage .navigation {
	margin-top: 0;
	}		
.postHeading h2, .datum, .postHeading h1 {
	float: left;
	}
div.postHeading {
	width: 100%; margin-bottom: 1em; overflow: hidden;
	}
.postHeading h2, .postHeading h1, h2.entry-title {
	width: 344px; margin: 0;
	padding: 14px 0 0 12px; 
	line-height: 1; font-weight: normal; text-transform: uppercase;
	}
h2.entry-title {
	padding: 0;
	}	
.postHeading h2, .postHeading h1, .navigation a, h2.entry-title a {
	color: #17b752; 
	}
.navigation a:hover, h2.entry-title a:hover {
	color: #fff;
	}
.datum {
	width: 68px; padding: 6px 0;
	text-align: center; color: #000;
	background-color: #17b752;
	}
.datum span {	
	width: 68px; float: left;
	}
.datum .n {
	font-size: 30px; line-height: 30px;
	font-family: Impact, "Adobe Gothic Std", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; font-weight: normal;
	}
.d, .y {
	font-size: 11px; line-height: 1;
	}
div.entry-content {	
	clear: both;
	}
div.entry-content p {	
	margin-top: .4em;
	}
div.entry-content + p {	
	margin-top: 0;
	}
.post a {	
	color: #17b752;
	}	
div.post {	
	margin-bottom: 3em;
	line-height: 1.7em;
	}
.topInd {
	margin-top: 1em;
	}
div.post h3 {
	color: #17B752;
	}	
h2.pagetitle, h1.pagetitle {
	color: #dbd5b0; margin: 0;
	}
#categoryPage h1.pagetitle {
	color: #a3dd23; margin-bottom: 1.8em;
	}
#categoryPage h2.entry-title {
	color: #dbd5b0; margin: 0 0 .3em;
	}
#categoryPage #nav-above {
	margin-top: 0;
	}
div.entry-content ul {
	padding-left: 16px; margin-left: 0;
	}
div.entry-content li {
	margin-top: 4px; list-style: disc inside;
	}
#categoryPage .meta-sep, #categoryPage .author, 
#categoryPage .entry-meta, #categoryPage .entry-utility	{
	display: none;
	}
/****BLOG MID SECTION************************************************************/		
#sectionMid a, #sectionRight a {
	color: #a39b64;
	}	
#sectionMid div, #sectionRight div {
	padding: 20px 0 20px 16px; border-bottom: dotted 1px #b5a902;
	}
#sectionMid #client {
	border-bottom: dotted 0px #999; padding-top: 0; 
	}
#sectionMid #viewPortfolio, #sectionMid #requestQuote {
	width: 310px; height: 256px; padding: 0;
	background: url(../images/blogCreativeIdeas.jpg) no-repeat 0 bottom transparent;
	border-bottom: dotted 0px #999;
	}
#sectionMid #viewPortfolio {
	background-image: url(../images/blogDesignMatters.jpg);
	}
#sectionMid #cupOfTea,
#sectionMid #search,
#sectionMid #categories{
	border-bottom: dotted 0px #999;
	}	
#sectionMid h3, #sectionRight h3 {
	margin: 0 0 .4em 0; padding: 0; text-transform: uppercase;
	}
#client h3 {
	color: #b69f1d;
	}
#socialLinks h3 {
	color: #94c626;
	}
#tweet h3 {
	color: #CCB324;
	}
#goodWebDesign h3 {
	color: #cab020;
	}
#cupOfTea h3 {
	color: #79860d;
	}
#mustWatchVideos h3 {
	color: #279a5f;
	}
#archive h3 {
	color: #a39b64;
	}
#search h3 {
	color: #a39b64;
	}
#artists h3 {
	color: #77a60c;
	}
#talks h3 {
	color: #CCB324;
	}
#sectionMid #categories {
	padding: 8px 0 8px 19px; overflow: hidden;
	}	
#categories li {
	height:1.25em;
	margin:2px 0;
	padding-left:14px;
	}

#categories.news li.news,
#categories.seo li.seo,
#categories.branding li.branding,
#categories.business li.business,
#categories.cms li.cms,
#categories.other li.other,
#categories li:hover {
	background-color: #dae127;
	}	
#categories li a {
	display: block; height: 100%; width: 100%; padding-left: 6px;
	background-color: #17b752; color: #000;
	}
#categories li a:hover {
	color: #dae127; background-color: #000;
	}	

/****BLOG RIGHT SECTION************************************************************/	
#sectionRight #bestOfWeb {
	padding-top: 0;
	}
#sectionRight #facebook {
	border-bottom: dotted 0px #999;
	}	
#bestOfWeb h3 {
	color: #24b459;
	}
#blogroll h3 {
	color: #abc015;
	}		
#inspired h3 {
	color: #ccb324;
	}
#subscribe h3 {
	color: #209559;
	}
#socialLinks {
	overflow: hidden;
	}
.social {
	float: left; width: 186px;
	}
.social li {
	float: left; padding: 16px 14px 0 0;
	}
.social li a {
	display: block; width: 46px; height: 46px; text-indent: -9999em;
	background: url(../images/social.png) no-repeat transparent 0 0;
	}
#tw {
	background-position:-60px 0 !important;
	}
#in {
	background-position:-120px 0 !important;
	}
#gplus {
	background-position:0px -69px !important;
	}
#be {
	background-position:-60px -69px !important;
	}
#st {
	background-position:-120px -69px !important;
	}
#fb:hover {
	background-position: 0 -137px !important;
	}
#tw:hover {
	background-position:-60px -137px !important;
	}
#in:hover {
	background-position:-120px -137px !important;
	}
#gplus:hover {
	background-position:0px -206px !important;
	}
#be:hover {
	background-position:-60px -206px !important;
	}
#st:hover {
	background-position:-120px -206px !important;
	}	
#tweet {
	padding-right: 20px;
}
.tweet_list li { padding-top: 1em; }
.tweet_list li.tweet_first { padding-top: 0; }

.tweet_list a { color: #17B752 !important; }
.tweet_list a:hover {color: #000 !important;}
/****FORM*************************************************/	
#contactFormCtner {
	position: absolute; width: 430px; height: 321px; 
	top: 180px; left: 0; z-index: 1;
	}
#amd_contactform_fixed {
	width: 430px; height: 321px;
	background: url(../images/txtSprite.png) no-repeat transparent 0 -574px;
	}
#amd_contactform_fixed label,
#amd_contactform_fixed legend,
li.hidden {
	display: none;
	}
#amd_contactform_fixed fieldset { 
	margin: 0; padding: 0; border: 0;
	}		
#amd_contactform_fixed ol {
	height: 290px; margin: 0; padding: 0; position: relative;
	}
#amd_contactform_fixed li {
	padding: 0; height: 26px; position: absolute; list-style: none;
	top: 2px; left:0; width: 100%;
	}
#amd_contactform_fixed li.amcf_name { 
	}
#amd_contactform_fixed li.amcf_email  { 
	top: 44px;
	}
#amd_contactform_fixed li.amcf_note { 
	top: 89px; height: 142px;
	}
#amd_contactform_fixed li.amcf_submit { 
	top: 256px; height: 33px; left: 357px; width: 68px;
	}		
/*---err params---*/
#amd_contactform_fixed .error {
	position: absolute; font-size: 12px;
	width: 250px; left: 107px; top: 22px; 
	z-index: 3; display: none;
	color: #cab020;
	background-color: #000;
	}
#amd_contactform_fixed li.amcf_email .error { 
	top: 25px;
	}
#amd_contactform_fixed li.amcf_note .error { 
	width: 316px; top: 126px;
	}
/*---input, textarea params---*/
#amd_contactform_fixed input, 
#amd_contactform_fixed textarea { 
	position: absolute; top: 0; left: 109px; font-size: 12px; z-index: 2;
	margin: 0; padding: 0; border: 0; 
	background-color: transparent; color: #000; height: 26px; width: 245px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	}
#amd_contactform_fixed #amcf_note { 
	width: 311px; height: 142px;
	overflow: auto; 
	}
#amd_contactform_fixed textarea:focus,
#amd_contactform_fixed input:focus,
#amd_contactform_fixed input.ieFocus,
#amd_contactform_fixed textarea.ieFocus { 
	background-color: #bab179;
	}
/*---submit btn params---*/
#amd_contactform_fixed #submitBtn {
	position: absolute; left: 0; top: 2px; width: 68px; height: 30px;
	margin: 0; padding: 0; border: 0; background-color: transparent;
	}
#amd_contactform_fixed #submitBtn:active,
#amd_contactform_fixed #submitBtn:hover,
#amd_contactform_fixed #submitBtn.ieOver { 
	background: url(../images/library/am-hoverShw10.png) repeat transparent; cursor: pointer;
	}
#amd_contactform_fixed #submitBtn:active { 
	outline: none;  
	}
h3#amf_response_thank,
h3#amf_response_err {
	margin: 0 0 0 107px; padding: 0;
	line-height: 1.4em; text-align: left;
	color: #cab020; font-weight: normal;
	}
	
.jsOff h3#amf_response_thank, .jsOff h3#amf_response_err {
	margin: 1em 0 2em; font-size: 1.5em; 
	}
.jsOff #home h3#amf_response_thank, .jsOff #home h3#amf_response_err {
	margin: 1em 0 2em 3em; font-size: 1em;
	width: 100%;
	}	
.jsOff h3#amf_response_err {
	color: red;
	}	
.jsOff h3#amf_response_err a {
	text-decoration: underline; color: red;
	}	
div.processed {
	min-height: 321px;
	}
h3#contactFormHeader	{
	position: absolute; top: 150px; left: 107px; height: 16px; width: 178px;
	text-indent: -999em; margin: 0; padding: 0; 
	background: url(../images/txtSprite.png) no-repeat transparent -107px -541px;
	}

/***FONTS ************************************************************************/	
h1, h2, h3, h4, .datum,
#amd_contactform_fixed .error { 
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	}
#articlesList {
	font-size: .6875em;
	}
.w1280 #articlesList {
	font-size: .75em;
	}
#section2, #blogWrap {
	font-size: .75em;
	}
.w1280 #section2, .w1280 #blogWrap {
	font-size: .8125em;
	}
#testimonials {
	font-size: 1em; line-height: 1.2;
	}
a#nextTestm, #oneSiteHint	{
	font-size: 1.0625em;
	}
h1.pagetitle	{
	font-size: 1.2em;
	}
.postHeading h2, .postHeading h1, h2.entry-title {
	font-size: 1.417em;
	}
.w1280 .postHeading h2, .w1280 .postHeading h1, .w1280 h2.entry-title {
	font-size: 1.385em; /*18*/
	}
h1.pagetitle span {
	font-size: larger;
	}
.visitSite { 
	font-size: 0.846em;
	}	
.w1280 .visitSite { 
	font-size: 0.846em;
	}	
#copyright {
	font-size: .6875em;
	}
.w1280 #copyright {
	font-size: .75em;
	}
#categories {
	font-size: 1.462em;
	}
#categories {
	font-size: 1.43em;
	}	
#sectionMid h3, #sectionRight h3,
h3#amf_response_thank,
h3#amf_response_err {
	font-size: 1em;
}

#servicesList li {
	height: 36px; position: absolute; overflow: hidden; text-indent: -9999em;
	}
#servicesList li:hover {
	background-image: url(../images/txtSprite.png); background-repeat: no-repeat;
	cursor: pointer;
	}
#servicesList li span {
	display: none;
	}	
#sl1 {
	top: 0; left: 0; width: 213px;
	}
#sl1:hover {
	background-position: 0 -183px;
	}	
#sl2 {
	top: 0; left: 213px; width: 35px;
	}	
#sl2:hover {
	background-position: -213px -183px;
	}
#sl3 {
	top: 44px; left: 0px; width: 75px; height: 22px !important;
	}	
#sl3:hover {
	background-position: 0 -227px;
	}
#sl4 {
	top: 44px; left: 75px; width: 173px; height: 22px !important;
	}	
#sl4:hover {
	background-position: -75px -227px;
	}	
#sl5 {
	top: 78px; left: 0px; width: 54px; height: 31px !important;
	}	
#sl5:hover {
	background-position: 0 -261px;
	}
#sl6 {
	top: 78px; left: 54px; width: 73px; height: 31px !important;
	}	
#sl6:hover {
	background-position: -54px -261px;
	}
#sl7 {
	top: 78px; left: 127px; width: 121px; height: 31px !important;
	}	
#sl7:hover {
	background-position: -127px -261px;
	}
#sl8 {
	top: 118px; left: 0px; width: 208px; height: 20px !important;
	}	
#sl8:hover {
	background-position: 0 -301px;
	}
#sl9 {
	top: 118px; left: 208px; width: 40px; height: 20px !important;
	}	
#sl9:hover {
	background-position: -208px -301px;
	}
#sl10 {
	top: 152px; left: 0px; width: 135px; height: 19px !important;
	}	
#sl10:hover {
	background-position: 0 -335px;
	}
#sl11 {
	top: 152px; left: 135px; width: 113px; height: 19px !important;
	}	
#sl11:hover {
	background-position: -135px -335px;
	}
#serviceTooltipCtner {
	position: absolute; top: 0; left: 0;
	display: none; color: #000;
	background: url(../images/tooltips.png) no-repeat transparent;
	}