/* CSS Document */
html, body {
	background-image:url(../i/bg.gif);
	background-repeat:repeat-x;
	background-color:#fff;
	margin: 0px;
	padding: 0px;
}

#container {
	background-image:url(../i/page_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	position: relative;
	min-height:100%;
}

#top_bg {
	background-image:url(../i/top_bg.gif);
	background-position:center top;
	background-repeat:repeat-x;
}

#page_bg {
	background-image:url(../i/logo_bg.gif);
	background-position:center 56px;
	background-repeat:no-repeat;
}

#pagetop {
	width:992px;
	height:50px;
	margin:auto;
	background-image:url(../i/login_bg.gif);
	background-repeat:no-repeat;
	background-position:418px 10px;
}

#pagetop #login {
	float:right;
	width:400px;
	height:30px;
	margin:14px 0 0 6px;
	
	/*border:1px solid #f00;*/
}

#pagetop #login input {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4b4b4b;
}

#pagetop #login #ctl00_ImgBtnLogin {
	float:right;
	margin:0 12px 0 0;
}

#pagetop #login #ctl00_TxBxUsername {
	background-image:url(../i/username_bg.gif);
	background-position: -1px -1px;
	width:130px;
	float:right;
	margin:0 8px 0 0;
}

#pagetop #login #ctl00_TxBxPassword {
	background-image:url(../i/password_bg.gif);
	background-position: -1px -1px;
	width:100px;
	float:right;
	margin:0 4px 0 0;
}

#pagetop #login #ctl00_ImgBtnForgot {
	float:right;
	margin:10px 8px 0 -45px;
}

#logo_area {
	width:992px;
	height:214px;
	margin:auto;
	text-align:left;
	/*border: 1px solid #0f0;*/
}

.opt {
	margin:0;
	font-size:100%;
	font-weight:100;
	text-transform:uppercase;
	color:#CE0000;
	display:none;
}

#logo_area #logo {
	float:left;
	width:266px;
	height:208px;
	/*border: 1px solid #f00;*/
}

#logo_area #flashbanner {
	float:left;
	width:428px;
	height:208px;
	/*border: 1px solid #f00;*/
}

#logo_area #adwordslogo {
	float:right;
	margin:21px 8px 0 0;
}
#logo_area #adwordslogo img {
	border:none;
}

#logo_area #search {
	background-image:url(../i/search_bg.gif);
	float:right;
	margin:6px 0 0 0;
	width:275px;
	height:33px;
}

#logo_area #search #ctl00_TxBxKeyword {
	background-image:url(../i/password_bg.gif);
	background-position: -1px -1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4b4b4b;
	float:right;
	width:100px;
	margin:0 0px 0 0;
}

#logo_area #search #ctl00_ImgBtnSearch {
	float:right;
	margin:0 14px 0 0;
}

#topmenu {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:990px;
	margin:auto;
	font-size:9px;
	height:21px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#topmenu ul {
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	white-space: nowrap
	
}

#topmenu li {
	display:inline;
	margin:0 0 0 16px;
	list-style-type: none;
	
}

#topmenu a {
	text-decoration:none;
	color:#666666;
}

#topmenu a:hover {
	text-decoration:none;
	color:#999999;
}

#pagemiddle {
	width:992px;
	margin:auto;
	background-image:url(../i/columns_bg.gif);
	background-repeat:repeat-y;
}


/*-------------------------------------------------*/
/*                   LEFT MENU
/*-------------------------------------------------*/
#pagemiddle #leftmenu {
	width:227px;
	float:left;
	margin: 0 0 0 1px;
}

* html #pagemiddle #leftmenu {
	border-left: 1px solid #fff;
	margin:0 0 0 0;
}


#leftmenu a {
	display:block;
	width:180px;
	/*height:24px;*/
	padding:6px 0 6px 10px;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	background-image:url(../i/btn/leftbtn_bg.gif);
	background-repeat:no-repeat;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
}

#leftmenu a.parent {

	display:block;
	width:178px;
	padding:12px 0 12px 50px;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	background-image:url(../i/btn/leftbtn_bg.gif);
	background-repeat:no-repeat;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
}
*:first-child+html #leftmenu a {
	float:left;
} 

#leftmenu a#website_marketing {
	background-image:url(../i/btn/icon_marketing.gif);
}
#leftmenu a#google_adwords {
	background-image:url(../i/btn/icon_ppc.gif);
}
#leftmenu a#website_design {
	background-image:url(../i/btn/icon_design.gif);
}
#leftmenu a#cd_business_cards {
	background-image:url(../i/btn/icon_cd.gif);
}
#leftmenu a#presentations {
	background-image:url(../i/btn/icon_presentations.gif);
}
#leftmenu a#live_chat_software {
		background-image:url(../i/btn/icon_chat.gif);
}
#leftmenu a#video_streaming {
	background-image:url(../i/btn/icon_video.gif);
}
#leftmenu a#content_management_systems {
	background-image:url(../i/btn/icon_cms.gif);
}
#leftmenu a#targeted_email_marketing {
	background-image:url(../i/btn/icon_ess.gif);
}
#leftmenu a#e-commerce {
	background-image:url(../i/btn/icon_ecommerce.gif);
}
#leftmenu a#developer_area {
	background-image:url(../i/btn/icon_developer.gif);
}

#leftmenu a:hover{
	background-position:0 -36px;
}

#leftmenu li{
	list-style-type:none;
}

#leftmenu ul li{
	position:relative;
	z-index:10;
}

#leftmenu li ul{
	position:absolute;
	top:0;
	left:178px;
	display:none;
	
}

#leftmenu ul li.sub{
	left:50px;
}


/* Fix IE. Hide from IE Mac \*/
* html #leftmenu ul li{float:left;height:1%;}
* html #leftmenu ul li a{height:1%;}
/* End */

div#leftmenu ul, #leftmenu ul ul, div#leftmenu ul ul ul{
	margin:0;
	padding:0;
	list-style-image:none;
	width:160px;
}

div#leftmenu ul ul, div#leftmenu ul ul ul, div#leftmenu ul li:hover ul ul, div#leftmenu ul li:hover ul ul ul{
	display:none;
}

div#leftmenu ul li:hover ul, div#leftmenu ul ul li:hover ul, div#leftmenu ul ul ul li:hover ul{
	display:block;
}



div.end_left_column {
	background-image:url(../i/vertical_gradient.gif);
	background-repeat:repeat-x;
	height:174px;
	width:227px;
}

#testimonials {
	font-size:11px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:191px;
	height:120px;
	background-image:url(../i/testimonials_bg.gif);
	background-repeat:no-repeat;
	padding:43px 18px 10px 18px;
}
#testimonials:hover {
	cursor:pointer;
}

/*-------------------------------------------------*/
/*                   CONTENT
/*-------------------------------------------------*/
#centre {
	float:left;
	width:502px;
	margin:0 0 0 1px; /*for IE7, Firefox*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#promo_area {
	background-image:url(../i/promo_bg.gif);
	background-repeat:repeat-y;
	width:502px;
	height:180px;
	padding:3px 0 0 3px;
	float:left;
}

* html #promo_area {
	width:498px;
}

#promo_area img {
	border:none;
}

#content {
	background-image:url(../i/content_top_bg.gif);
	background-repeat:no-repeat;
	float:left;
	width:502px;
}

#content p {
	font-size:11px;
	font-weight:normal;
	color:#636363;
	margin:20px;
	line-height:20px;
	clear:both;
}

#content h1 {
	font-size:12px;
	font-weight:bold;
	color:#636363;
	background-image:url(../i/h1_right.gif);
	background-position: right;
	background-repeat:no-repeat;
	margin:0 0 16px 20px;
	padding:5px 16px 4px 0px;
	white-space:nowrap;
	float:left;
	clear:right;
	background-color:#FFFFFF;
}

* html #content h1 {
	margin:0 0 0 11px;
	padding:5px 16px 4px 0px;
}
*:first-child+html #content h1 {
	margin:0 0 0 20px;
} 

#content h2 {
	font-size:12px;
	font-weight:bold;
	color:#636363;
	margin:30px 0 16px 20px;
}

#content h3 {
	font-size:11px;
	font-weight:bold;
	color:#636363;
	margin:30px 0 16px 20px;
}


#content ul {
	font-size:11px;
	font-weight:normal;
	color:#636363;
	list-style:url(../i/bullet.gif);
	list-style-position:inside;
	line-height:30px;
	margin-top:-10px;
}

#content ul li {
	line-height:20px;
	padding: 0px 10px 5px 0;
	margin-top:-10px;
	color:#636363;
	list-style-position:outside;
}

#content ol {
	font-size:11px;
	font-weight:normal;
	color:#636363;
	list-style-position:inside;
	line-height:30px;
	margin-top:-10px;
}

#content ol li {
	line-height:20px;
	padding: 0px 0 5px 0;
	color:#636363;
}

* html #content li {
	margin-top:0;
}
	
*:first-child+html #content li {
	margin-top:0;
} 
#content a {
	color:#6ea727;
}

#content a:hover {
	color:#6ea727;
	text-decoration:none;
}

#content .tblitemtitle a 
{
	color:#fff;
}
#content .tblitemtitle a:hover
{
	color:#fff;
	text-decoration:none;
}

/*-------------------------------------------------*/
/*                 TABLE STYLES
/*-------------------------------------------------*/
.tbl {
	width:462px;
	margin:20px;
	display:block;
}

.tblitem {
	border:1px solid #7eb733;
}

.tblhead {
	background-image:url(../i/vertical_gradient.gif);
	background-position:center;
	height:15px;
	padding:2px 10px 3px 10px;
}

.tblitemtitle {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	float:left;
}

.tblitemtitle a {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.tblitemtitle a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.tbltopright {
	float:right;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.tblcontent {
	font-size:11px;
	font-weight:normal;
	color:#636363;
	padding:10px;
}




/*-------------------------------------------------*/
/*                 RIGHT COLUMN
/*-------------------------------------------------*/
#right_col {
	width:260px;
	float:right;
}

#newsheadlines {
	background-color:#88c241;
	background-image:url(../i/newsheadlines_bg.gif);
	background-repeat:no-repeat;
	width:223px;
	padding:43px 18px 10px 18px;
}

#newsheadlines ul {
	margin:0 0 0 13px;
	padding:0;
	list-style-image:url(../i/headlinearrow.gif);
}

#newsheadlines ul li {
	line-height:12px;
	margin:0 0 8px 0;
}

#newsheadlines a {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
#newsheadlines a:hover {
	text-decoration:underline;
}

#newsheadlines #rsslink {
	background-image:url(../i/rss_icon.gif);
	background-repeat:no-repeat;
	background-position:right center;
	width:88px;
	padding:10px 0 10px 0;
	float:right;
	margin:-10px 0 -15px 0;
	color:#fff;
}
	
a#ctl00_website_healthcheck {
	background-image:url(../i/btn/website_healthcheck.gif);
	width:259px;
	height:49px;
	display:block;
}

a#ctl00_website_healthcheck span {
	display:none;
}

a#ctl00_website_healthcheck:hover {
	background-position:0px -49px;
}

a#ctl00_keyword_research {
	background-image:url(../i/btn/keyword_research.gif);
	width:259px;
	height:49px;
	display:block;
}
a#ctl00_keyword_research span {
	display:none;
}
a#ctl00_keyword_research:hover {
	background-position:0px -49px;
}

div.end_right_column {
	background-image:url(../i/vertical_gradient.gif);
	background-repeat:repeat-x;
	height:174px;
	width:259px;
	margin-top:-4px;
}

/*-------------------------------------------------*/
/*                   FORMS
/*-------------------------------------------------*/

.formtextbox 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#636363;
	width: 210px;
}

.formtextareabox
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#636363;
	width: 210px;
	height:40px;
}

.formdropdown
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#636363;
	width: 210px;
}

.formbutton 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../i/btn/formbuttonbg.jpg);
	font-size:11px;
	font-weight:bold;
	color:#fff;
	border: 0px solid #7f9db9;
	width: 100px;
	/*height:18px;*/
	margin:0 44px 0 0;
	padding:2px;
	cursor:pointer;
}


.asterix 
{
	margin:0 -10px 0 0;
}
/*-------------------------------------------------*/
/*                   FOOTER
/*-------------------------------------------------*/
#footer {
	width:100%;
}

#foottop {
	width:992px;
	height:27px;
	margin:auto;
	background-image:url(../i/foot_top.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

#footerinner {
	background-color:#1f1f1f;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-image:url(../i/foot_titles.gif);
	background-repeat:no-repeat;
	width:990px;
	margin:auto;
}

#footer ul, #footer ul li, #footer ul li ul, #footer ul li ul li {
	display:inline;
	margin: 0 0 0 0;
	padding: 0 2px 0 0;
}

#contactbox {
	float:left;
	width:205px;
	padding:20px 0 0 11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
}

#linksbox {
	float:left;
	width:743px;
	padding:20px 0 0 16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
}

#contactbox a {
	color:#fff;
	text-decoration:none;
}

#linksbox a {
	color:#fff;
	text-decoration:none;
	text-transform:capitalize;
}
#contactbox a:hover, #linksbox a:hover {
	text-decoration:underline;
}

#privacy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:6px 12px 6px 12px;
	float:right;
	text-align:right;
}
#privacy a {
	color:#666666;
	text-decoration:none;
	text-transform:capitalize;
}
#privacy a:hover {
	text-decoration:underline;
}

/*---------GREY BOX CREATION---------*/

.greybox{display:block}
.greybox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#393939}
.greybox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #181818;
  border-right:1px solid #181818;
  background:#2a2a2a}
.greybox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #050505;
  border-right:1px solid #050505;
  background:#2e2e2e}
.greybox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #2e2e2e;
  border-right:1px solid #2e2e2e;}
.greybox4{
  border-left:1px solid #181818;
  border-right:1px solid #181818}
.greybox5{
  border-left:1px solid #2a2a2a;
  border-right:1px solid #2a2a2a}
.greyboxfg{
  background:#393939;
  padding:8px;}
  
.engine_icons {
	margin:0 10px 0 10px;
	border:none;
}

.usefullinks 
{
	display:none;
}
  
/*FIX FOR MOZILLA*/

.clearfix:after {
   content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}