body {
		text-align:center	;
		position:relative;
		background:#000;
	}

	
/* =============================================================================== =HEADER */

#headerContentWrap {background:#fff url(../img/bg-body.jpg) top left repeat-x;}

#headerWrap {
	width:100%; 
	height:138px;
	}
#header {
	position:relative;
	width:974px;
	height:138px;
	margin:0 auto;
	text-align:left;
	z-index:1;
	}
#header h1 {
	position:absolute;
	width:315px;
	height:52px;
	top:20px;
	left:0px;
	}
#header h1 a {
	display:block;
	width:413px;
	height:68px;
	background: url(../img/logo-aa.gif) top left no-repeat;
	text-indent:-9000px;
	}
#header h4 {
	/*
	position:absolute;
	height:22px;
	top:42px;
	right:265px;
	*/
	float:right;
	display:inline;
	margin-top:40px;
	margin-right:20px;
	font-size:14pt;
	letter-spacing:3px;
	color:#8a8d8d;
	text-align:center;
	font-family:tahoma,Arial, Helvetica, sans-serif;
	font-weight:bolder;
	letter-spacing:0px;
	}
#header h4 em {font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:13pt;}

#header #ctcBox { /*position:absolute; top:33px; right:125px;*/ float:right; display:inline; margin-top:32px; }
#header #chatBox { /*position:absolute; top:33px; right:0;*/ float:right; display:inline; margin-top:32px; margin-right:3px; }

/* =============================================================================== =NAVIGATION XTRA */

ul#navXtra {
	position:absolute;
	margin:0;
	padding:0;
	top:0;
	right:0;
	width:246px;
	height:26px;
	list-style-type:none;
	/*background:orange;*/
	/*overflow:hidden;*/
	z-index:300;
	}
ul#navXtra li {margin:0;padding:0;float:left;display:inline;}
ul#navXtra li a {
	margin-left:-2px;
	display:block;
	width:74px;
	height:24px;
	text-decoration:none;
	text-align:center;
	background: url(../img/tabs-extranav.gif) 0px 0px no-repeat;
	color:#87878a;
	font: bold 11px/21px Tahoma, Verdana, sans-serif;
	}
ul#navXtra li a:hover {color:#DDD;background-position:-72px 0px;}
ul#navXtra li a.first {margin-left:0;}
ul#navXtra li a.blog, ul#navXtra li a.blog:hover {background: url(../img/tabs-extranav-blog.gif) 0px 0px no-repeat;}
ul#navXtra li a.menu_head {
	width:75px;
	height:26px;
	margin-left:-2px;
	text-align:left;
	padding-left:27px;
	background: url(../img/tabs-extranav-sitedrop.gif) top left no-repeat;
	}
ul#navXtra li a.menu_head:hover {background: url(../img/tabs-extranav-sitedrop.gif) bottom left no-repeat;color:#87878a;}
ul#navXtra li a.top {z-index:400;}

/*-- Drop-down -- */
ul#navXtra li ul#navXtraDrop {	
	visibility:hidden;
	position:absolute;
	width:486px;
	top:19px;
	padding-top:10px;
	padding-left:2px;
	padding-bottom:6px;
	right:-18px;
	z-index:200;
	border-bottom:2px solid #5f5f61;
	/*background:#3a3a3c;*/
	background: url(../img/tabs-extranav-sitedrop-bg.gif) top left no-repeat;

	}
ul#navXtra li ul li {
	width:121px;
	margin:0;
	padding:0;
	list-style-type:none;
	}
ul#navXtra li ul li a {
	background:none;
	width:107px;
	/*height:20px;*/
	border-bottom:1px solid #2c2c2e;
	text-align:left;
	line-height:1;
	padding:3px 7px;
	margin:0;
	}
ul#navXtra li ul ul {margin:0;padding:0;height:auto;}
ul#navXtra li ul ul li {margin:0;padding:0;height:auto;}
ul#navXtra li ul ul li a {
	font-weight:normal;
	padding-left:14px;
	padding-right:0px;
	height:auto;
	background: url(../img/tabs-extranav-sitedrop-icon-sub.gif) 7px 7px no-repeat;
	border-bottom:none;
	}
ul#navXtra li ul ul li a:hover {background: url(../img/tabs-extranav-sitedrop-icon-sub.gif) -143px 7px no-repeat;}

/* =============================================================================== =NAVIGATION MAIN */

ul#nav {
	position:absolute;
	bottom:0;
	left:0;
	margin:0;padding:0;
	width:974px;
	height:34px;
	list-style-type:none;
	}
ul#nav li {margin:0;padding:0;float:left;display:inline;}
ul#nav li a {
	margin-left:-2px;
	display:block;
	width:245px;
	height:34px;
	text-decoration:none;
	text-align:center;
	background: url(../img/tabs.gif) 0px 0px no-repeat;
	color:#9ff378;
	font: bold 15px/32px "Trebuchet MS", Tahoma, Verdana, sans-serif;
	}
ul#nav li a:hover {background-position: -243px 0px; color:#b3ff90;}
ul#nav li a.first {margin-left:0;}


/* tab hiliting */
body#websites ul#nav li.websites a,
body#websites ul#nav li.websites a:hover,
body#marketing-services ul#nav li.services a,
body#marketing-services ul#nav li.services a:hover,
body#marketing-tools ul#nav li.tools a,
body#marketing-tools ul#nav li.tools a:hover,
body#companyInfo ul#nav li.information a,
body#companyInfo ul#nav li.information a:hover {background: url(../img/tabs.gif) -486px 0px no-repeat; cursor:default; color:#277708;}


/* =============================================================================== =FOOTER */
#footer {
	/*height:40px;*/
	padding:10px 0;
	background:#000 url(../img/bg-footer.jpg) top repeat-x;
	border-top: 2px solid #111;
	color:#87878a;
	}
#footer a {color:#87878a;}

div#footer div.footerOuter {
	margin:0;
	}
div#footer div.footerOuter ul {
	margin:0;
	padding:0;
	}
div#footer div.footerOuter li {
	display:inline;
	list-style:none;
	}
div#footer div.footerOuter p {
	margin:0;
	padding:6px;
	}
div#footer a:link,div#footer a:active,div#footer a:visited{ color:#87878a;padding:2px}
div#footer a:hover{color:#DDD; text-decoration:none; background-color:#000; padding:2px;}



/* ##################################### ONLY TESTING & DEVELOPMENT CODE BELOW ###################################### */
/* ----------------------------------------------------------------------------------- Development and testing styles */
.fpo{background-color:#FFFFCC; border:1px dotted red;}
.rough a:after{content: ' *'; color:red; font-weight:bolder;}
.rough a{color:green; }

div {border:0px solid red;}