html, head, body, div, span, p, h1, h2, h3, h4, h5, h6, strong, em, abbr, acronym, address, bdo, blockquote, cite, q, code, ins, del, dfn, kbd, pre, samp, var, br, a, base, img, area, map, object, param, img,  li, dl, dt, dd, form,  label, fieldset, legend,
b, i, tt, sub, sup, big, small, hr
{
margin: 0;
padding: 0;}

ul{ list-style:none;}
a{ text-decoration:none;}
p{ padding:5px 0 0 5px;}
p a{ color:#7E0404;}

body{ background:url(images/main-bg.jpg) repeat-x top left; font-size:12px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}

.wrap{ width:985px; margin:auto;}
.inner-body { background:url(images/inner-body-bg.jpg) repeat-x top center; font-size:12px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif;  }

.page-header{ background-image:url(images/header-bg.jpg); height:71px; }

.logo{ float:left;  padding:11px 0 0 8px;}

.quote { text-align:center;  margin:5px 5px 0 5px;}
.news-text p a{ color:#fff;}



.nav{ float:left; width:450px; repeat-x; margin:10px 0 0 30px; font-family:Arial, Helvetica, sans-serif;}
.nav ul{ list-style:none;}
.nav ul li { float:left; padding-right:10px; padding-top:13px; font-weight:bold; margin-left:20px;} 
.nav ul li a{ color:#fff; font-size:16px;text-decoration:none; }
.nav ul a:hover{ color:#F3D323; font-size:16px; text-decoration:none; }


.design-header{height:291px;}
.tagline{ background-image:url(images/tagline-bg.gif); float:left;color:#000; font-size:20px; margin:8px 10px 5px 10px; width:416px; height:260px;}
.tagline-top{ background-image:url(images/tagline-top.jpg); width:416px; height:62px;}
.tagline-top h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; padding:15px 10px 5px 40px; color:#FFFFFF; font-weight:normal;}
.tagline-btm{ background-image:url(tagline-btm.gif); background-repeat:no-repeat; width:416px; height:9px;}
.tagline span{ font-size:20px; font-weight:bold;line-height:30px;margin:5px 20px 5px 20px; color:#007BBE;}
.tagline p{ font-size:14px; line-height:18px; margin:5px 20px 5px 20px; text-align:justify;}
.screenshot{ float:left; padding-top:8px; margin-right:20px;}


.news{ float:right;width:204px; margin:8px 5px 5px 10px;}
.news-top{ background-image:url(images/news-top.gif); background-repeat:no-repeat;height:39px;}
.news-text{ background-image:url(images/news-bg.gif); background-repeat:repeat; height:220px;}
.news-top h1{ font-size:14px; color:#fff; padding:10px 10px 5px 10px; }
.news-top h3{ font-size:14px; color:#fff; padding:10px 10px 5px 10px; }
.news p{  color:#fff; padding:10px 10px 5px 15px; }
.news-btm{ background-image:url(images/news-btm.gif); background-repeat:no-repeat; height:6px;}


.content{ width:985px; margin-top:5px;}

.left-col{ float:left;width:745px; margin-top:5px;}
.sem{ float:left;width:242px;  padding-left:5px;}
.seo{ float:left;width:242px;  padding-left:5px;}
.ppc{ float:left; width:242px;  padding-left:5px;}
.title{ background-image:url(images/blue-top.gif); background-repeat:no-repeat;  }
.title h1{font-size:15px; color:#fff;  padding:16px 10px 5px 15px;}
.title h3{font-size:15px; color:#fff;  padding:16px 10px 5px 15px;}

.sem-text{ background-image:url(images/sem-bg.jpg); background-repeat:no-repeat; padding-top:10px; color:#424242;padding:5px 10px 5px 15px; height:100px; }
.sem-text p{ width:145px;}

.seo-text{ background-image:url(images/seo-bg.jpg); background-repeat:no-repeat;  padding-top:10px; color:#424242;padding:5px 10px 5px 15px; height:100px; }
.seo-text p{ width:145px;}

.ppc-text{ background-image:url(images/ppc-bg.jpg); background-repeat:no-repeat;  padding-top:10px; color:#424242;padding:5px 10px 5px 15px; height:100px; }
.ppc-text p{ width:145px;}

.more{ background-image:url(images/more.gif); background-repeat:no-repeat; width:71px; height:21px; font-size:9px; font-weight:bold; padding:4px; margin-top:10px;}
.more a{color:#fff; margin-top:20px;}
.more a:hover{color: #FFCC00;}

.case{ float:left; width:492px; background-image:url(images/case-bg.gif);}
.case-top{ background-image:url(images/case-top.gif); background-repeat:no-repeat; height:40px;}
.case-top h1{font-size:15px; color:#fff;  padding:16px 10px 5px 15px;}
.case-top h3{font-size:15px; color:#fff;  padding:16px 10px 5px 15px;}
.case p{  padding:10px 10px 10px 15px;}
.case strong{font-size:14px; color:#7E0404; }
.case-btm{ background-image:url(images/case-btm.gif); background-repeat:no-repeat; height:8px;}


.article{ float:left; width:242px; background-image:url(images/article-bg.gif); margin-left:5px;}
.article-top{ background-image:url(images/article-top.gif); background-repeat:no-repeat; height:39px;}
.article-top h1{font-size:15px; color:#fff; padding:16px 10px 5px 15px;}
.article-top h3{font-size:15px; color:#fff; padding:16px 10px 5px 15px;}
.article p{  padding:10px 10px 10px 15px;}
.article strong{font-size:14px; color:#7E0404; }
.article-btm{ background-image:url(images/article-btm.gif); background-repeat:no-repeat; height:8px; line-height:8px;}

.clients{ float:left; margin-top:20px; height:76px; width:985px;}


.right-col{ float:right; width:230px;margin-top:5px;}
.blog{width:230px; background-image:url(images/black-bg.gif); }
.blog span{ font-size:12px; color:#7E0404; font-weight:bold;}
.blog-top{ background-image:url(images/black-top.gif); background-repeat:no-repeat; height:36px;}
.blog-top h1{ font-size:12px; color:#fff; padding:5px 10px 5px 10px;}
.blog-top h3{ font-size:12px; color:#fff; padding:5px 10px 5px 10px;}
.blog li{  list-style:url(images/bullet.gif); color:#000000; margin:0px 5px 5px 20px; padding:0 0 5px 0;}
.blog li a{ color:#000000;}
.blog li a:hover{ color:#B63232; text-decoration:underline;}
.blog-btm{ background-image:url(images/black-btm.gif); background-repeat:no-repeat; height:7px;}

.seo-tools{width:230px;background-image:url(images/black-bg.gif); margin-top:10px;}
.seo-top{ background-image:url(images/black-top.gif); background-repeat:no-repeat; height:36px;}
.seo-top h1{ font-size:12px; color:#fff; padding:5px 10px 5px 10px}
.seo-tools li{  list-style:url(images/bullet.gif); color:#000000; margin:0px 5px 5px 20px; padding:0 0 5px 0;}
.seo-btm{ background-image:url(images/black-btm.gif); background-repeat:no-repeat; height:7px;}

.testimonials{ background-color:#C90E2B; color:#fff;  margin-top:10px;}
.testimonials h1{font-size:12px; color:#fff; padding:5px 10px 5px 10px;}
.testimonials h3{font-size:12px; color:#fff; padding:5px 10px 5px 10px;}
.testimonials-top{ background-image:url(images/testimonials-top.gif); background-repeat:no-repeat; width:230px; height:37px;}
.testimonials p{ width:190px; padding:2px 15px 5px 20px; text-align:justify; height:85px;}
.testimonials-btm{ background-image:url(images/testimonials-btm.gif); background-repeat:no-repeat; height:23px;}
.name{ background-color:#FFF; font-size:11px; color:#000; padding:0 0 0 15px; }
.name span{ font-style:italic;}



.inner{ float:left; width:744px; background-image:url(images/inner-bg.gif); background-repeat:repeat-y; text-align:justify;}
.inner-top{ background-image:url(images/inner-top.gif); background-repeat:no-repeat; height:40px;}
.inner-top h1{font-size:15px; color:#fff; padding:16px 10px 5px 15px;}
.inner-text{ padding:10px 20px 10px 20px;}
.inner-text li{list-style:url(images/bullet.gif); padding-bottom:5px;}
.inner-text li a{ color:#000;}
.inner-text a{ color:#000; font-weight:normal;}
.inner-text a:hover{ color:#B63232; font-weight:bold;}
.inner-text li a:hover{ color:#B63232; text-decoration: underline;}
.inner-text h2{ font-size:15px;}
.inner-text span{ font-size:12px; color:#7E0404; font-weight:bold;}
.inner-text strong{color:#007ABC; font-style:italic;}
.inner-btm{ background-image:url(images/inner-btm.gif); background-repeat:no-repeat; height:8px;}


.testimonials-text{ padding:10px 20px 10px 20px;font-style:italic;}
.testimonials-text h2{ font-size:15px; font-style: normal;}
.testimonials-text span{ font-size:14px; color:#7E0404; font-weight:bold; font-style: normal;}
.testimonials-text strong{color:#007ABC;font-style: normal;}


.form-container div { margin-bottom: 5px;  }
div.form-container h1{font-size:20px; color:#006633; ; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px;}
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 20px; width: 200px; display: block; float: left; text-align: right; position: relative; font-size:11px; }


div.form-container  em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }

.txtfield{ width:200px;}	


.footer{ background:url(images/footer-bg.gif) repeat-x top; color:#FFF; height:72px; margin-top:15px; padding-top:20px;}
.footer-text{ margin:auto; width:980px; }
.footer-links{ float:left; width:500px;  margin:10px 15px 0 0; padding-left:10px;}
.footer a{ color:#FFF; padding-left:10px;}
.footer a:hover{ color: #00FCFF;}
.copyright{ float:right; margin:10px 15px 0 0;}
.spacer{ clear:both}







.inner-header{ background:url(images/inner-top.jpg) no-repeat ; height:171px;}










	div.tab_bar {
		height: 30px; 
		width: 840px;
		margin: 0px auto;
		background: url(/decor/open/tabs_spacer.png) repeat-x top left;
		clear: both;
	}
	div.tab_bar div.tab {
		float: left;
		margin-right: 4px;
		height: 22px; 
		width: 162px;
		font-size: 15px;
		text-align: center;
		padding-top: 8px;
		background: url(/decor/open/tabs_tab.png) no-repeat top left;
		cursor: pointer; 
		cursor: hand;
	}
	div.tab_bar div.tab.active {
		background: url(/decor/open/tabs_active_l.png) no-repeat top left;
	}
	div.tab_body {
		height: 230px; 
		padding-top: 5px;
		width: 840px;
		margin: 0px auto;
		background: url(/decor/open/tab_body.jpg) no-repeat top center;
	}



	
	div.panel_set { background:url(images/fading-bg.jpg) no-repeat top center; }
	div.panel_set div.panel { display: none; } 
	div.panel_set div.panel.active { display: block; } 
	
	div.panel_index { }
	
	div.solutions-bar {
		background: url(/decor/trim/fade-across-blue.gif) repeat-y center center;
		font-size: 16px;
		font-weight: bold;
		margin: 16px 0px 0px;
		padding: 8px 20px;
		text-align: right;
	}
	div.solutions-bar a {
		color: white;
		margin-left: 20px;
	}
	div.solutions-bar a:hover {
		color: #FF6E00;
		color: #0077E0;
		color: #FFC66D;
	}
	
	
	
	
	
	#feature_info .panel { font-size: 15px; position: relative; }
	#feature_info h2 { margin: 0px; color: #FF6E00; font-size: 28px; font-weight: bold;  }
	#feature_info .panel .br_button { position: absolute; top: 190px; left: 725px; width: 103px; }
	
	
	#partners { }
	#partners div.panel { /*position: absolute;*/ }
	
	
	#channel_box {
		clear: both;
		width: 784px;
		height: 172px;
		padding: 5px 30px 0px;
		margin: 0px auto;
		background: url(/decor/open/accent_box.jpg) no-repeat top center;
	}
	
	
	#feature_blog_excerpt p { margin: 0; line-height: normal; }

	
	div.benefits_panel {
		position: absolute;
		x-border: 1px solid blue;
		width: 420px;
	}
	
	div.illus_img_area {
		position: absolute; 
		top: 54px;
		left: 200px;
		padding-right: 40px; 
		x-border: 1px solid black;
	}
	
	div.spot_link_set { 
		text-align: right; 
		width: 400px; 
		position: absolute; 
		top: 149px; 
		font-size: 16px;
	}
	a.spot_link {}
	a.spot_link.active { 
		background: url(/decor/open/dot_pale_tiny.gif) 1px 6px no-repeat; 
		padding: 0px 2px; margin: 0px -2px 
	}
	

	div.third_column {
		float: left;
		width: 245px; 
		padding: 4px 8px;
		margin: 0px auto;
	}
	
	div.three_col div.col { 
		float: left; 
		width: 242px;
		padding: 0px 5px;
	}
	div.three_col div.sep { 
		float: left; 
		width: 13px;
		background: url(/decor/open/column_sep_170.gif) repeat-y top center;
		height: 180px;
	}

	#top-page-markers { position:absolute; margin-left:678px; width:80px; height: 17px; margin-top:263px; }

	#top-page-markers img { display: block; background: #d1d1d1; float: left; margin-right: 6px; }
	#top-page-markers img.active { background: #b6b6b6 } 
	
	#top-panels { position: relative; }
	#top-panels div.panel { display: block; position: absolute; } 
	#top-panels div.panel.active { display: block; position: absolute } 
	
	#top-panels div.panel h3 { font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#007BBE;   margin-bottom:20px; }

	div.top-panels-three-col {
		width: 250px; 
		float: left; 
		padding-left: 30px;
		border: 0px solid #000;
	}

	div.top-panels-side-col { margin-top:15px;
		height:235px;
		float: left;
		width: 300px;
		margin-left:10px;

	}

	div.top-panels-side-col div.caption {
		font-style: italic;
		font-size: 11px;
		margin-top: -30px;
		text-align: center;
	}

	div.top-panels-main-col { font-size:15px; line-height:18px; text-align:justify; 
		float: left;
		width: 370px; margin-left:10px;
		margin-top: 40px; height:210px;
	}
div.top-panels-main-col span{ color:#B50B0B; font-weight:bold;}




	


	

	.panel h3 {
		
	}
		
	.learn-header { background: url('/decor/trim/gray_gradient_header.gif'); padding: 2px 6px; font-style: italic; color: #5C5C5C; margin-top: 0px; }
	.learn-body { background: url('/decor/trim/gray_gradient_body.gif') no-repeat center bottom; margin-bottom: 6px; padding: 5px; }
	.learn-body a { font-size: 12px; color: #5C5C5C; }
	.learn-body a:hover { font-size: 12px; color: #333333; }
	.learn-item { padding: 3px 2px;  }
	.learn-text { float: left; width: 225px; }
	.learn-arrow { float: right; width: 10px; height: 11px; padding-top: 2px; }
	.learn-link { float: left; width: 220px; text-align: right; font-style: italic; padding-right: 4px; }




.breadcum{ padding:10px; font-size:11px;}
.breadcum a{ font-size:11px; color:#003399}