﻿/*
Theme Name: JCJC_V4
Theme URI: http://www.iconvex.com/
Version: 2.0
Author: Eric Tran
Author URI: http://www.letsrecall.com/
*/


* {font-family: Tahoma, Arial, Helvetica, sans-serif;}
body
{
	background-color:#000000;
	margin:0;
	padding:0;
	font-size:11px;
	color:#cccccc;
}
input
{
	font-size:11px;
}
table, tr, td, p, form
{
	padding:0px;
	margin:0px;
}

#pager
{
	position: relative;
	width: 775px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	background:#001220;
	border:#000000 solid 0px;
	padding:0px 0px 0px 0px;
}

#header
{
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image:url(images/seo_audit_bg_header.jpg);
	background-repeat:no-repeat;
	height:87px;
	width:775px;
	border:#000000 solid 0px;
}
#slogan
{
	float:left; 
	padding:55px 0px 0px 450px; font-family:Tahoma, Georgia, Times New Roman, Times, serif; 
	color:#eeeeee; 
	font-size:11px;
}
#menu_top
{
	float:right;
	margin:10px 10px 0px 0px;
	width:108px;
}
#banner
{
	background-image:url(images/website_optimization_bg_banner.jpg);
	background-repeat:no-repeat;
	width:775px;
	height:119px;
}
#banner_text
{
	float:left;
	width:520px;
	margin:0px 0px 0px 50px;
	padding:50px 0px 0px 0px;
}
#banner_text_sub
{
	float:left;
	width:520px;
	margin:0px 0px 0px 0px;
	padding:50px 0px 0px 45px;
}

#bbblogo { padding:35px 0px 0px 0px;}
#bbblogol { padding:40px 0px 0px 0px;}


.quoteBanner
{
	font-family: Tahoma, Arial,Verdana,  Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#cccccc;
}

.innerBanner1
{
	width:380px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#cccccc;
}
.innerBanner2
{
	padding:5px 0px 0px 10px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#B3B3B3;	
}
#content_home
{
	background-image:url(images/online_marketing_bgd_home.gif);
	background-repeat:repeat-y;
	width:775px;
	height:auto;
	border:#cccccc solid 0px;
}
#content_sub
{

	width:775px;
	height:auto;
	border:#ffffff solid 0px;
}
.SubContent
{	
	background-repeat:repeat-y;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cccccc;
	margin: 0px 0px 0px 0px;
	padding:20px 20px 0px 20px ;

}
.SubContent_seoaudit
{
	background-image:url(../images/bgd.gif);
	background-repeat:repeat-y;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#cccccc;
	margin: 0px 0px 0px 0px;
	padding:20px 20px 0px 20px ;

}
.ContactAddress
{
	float:left;
	width:240px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#ccccc;
	font-size:12px;
	line-height:16px;
}
.ContactForm
{
	float:left;
	width:470px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#cccccc;
	font-size:11px;
	line-height:16px;

}
.AboutTop
{
	color:#cccccc;
	padding:0px 0px 20px 0px ;
	line-height:14px;
}
.AboutContent
{
	float:left;
	width:720px;
}
.DivColLeft
{
	padding:10px 10px 0px 0px ;
	float:left;
	width:120px;
}
.DivColRight
{
	padding:10px 0px 0px 0px ;
	float:right;
	width:580px;
}
.DivLine
{
	float:left;
	padding:13px 0px 0px 0px ;
}

.TextBoldLink
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.TextBoldLink:link{color:#fffff;text-decoration:none;}
a.TextBoldLink:visited{color:#ffffff;text-decoration:none;}
a.TextBoldLink:hover{color:#AB851B;text-decoration:none;}

.TextReadMore
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#AB851B;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
a.TextReadMore:link{color:#AB851B;text-decoration:underline;}
a.TextReadMore:visited{color:#AB851B;text-decoration:underline;}
a.TextReadMore:hover{color:#cccccc;text-decoration:underline;}

.AboutReadMore
{
padding:10px 10px 0px 0px;
}
.TextLinkGray12G
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:11px;
	text-decoration:none;
}
a.TextLinkGray12G:link{color:#CCCCCC;text-decoration:none;}
a.TextLinkGray12G:visited{color:#CCCCCC;text-decoration:none;}
a.TextLinkGray12G:hover{color:#AB851B;text-decoration:none;}

.TextLinkGray12
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
}
a.TextLinkGray12:link{color:#ffffff;text-decoration:none;}
a.TextLinkGray12:visited{color:#ffffff;text-decoration:none;}
a.TextLinkGray12:hover{color:#AB851B;text-decoration:none;}

.TextLinkOrange12
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#dec105;
	font-size:11px;
	text-decoration:none;
}
a.TextLinkOrange12:link{color:#dec105;text-decoration:none;}
a.TextLinkOrange12:visited{color:#dec105;text-decoration:none;}
a.TextLinkOrange12:hover{color:#AB851B;text-decoration:none;}

.TextLink12
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#dec105;
	font-size:11px;
	text-decoration:none;
}
a.TextLink12:link{color:#dec105;text-decoration:none;}
a.TextLink12:visited{color:#dec105;text-decoration:none;}
a.TextLink12:hover{color:#ffffff;text-decoration:none;}

.DivTitleItem
{
	background-image:url("images/website_marketing_bullet_title.gif");
	background-repeat:no-repeat;
	background-position:0px 0px ;
	padding:0px 0px 0px 15px;
	margin:0px 0px 25px 0px ;
	color:#cccccc;
	line-height:14px;
}
.DivTitleItem_seoaudit
{
	background-position:0px 0px ;
	padding:0px 0px 0px 15px;
	margin:0px 0px 25px 0px ;
	color:#cccccc;
	line-height:18px;
}
.TextTitle
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:0px 0px 10px 0px;
}

.clientTD { padding:0px 0px 0px 0px; font-size:12px;}
.clientName { padding:0px 0px 5px 0px;}
.clientName a { color:#CCCCCC; text-decoration:none;}
.clientName a:hover { color:#FFCC66; text-decoration:none;}

.TextTitle_seoaudit
{
	background-image:url(images/bullet_title.gif);
	background-repeat:no-repeat;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:15px 0px 10px 0px;
	line-height:16px;
}
.td_seo{
	background-color:#001220;
	width:80%;
	height:20px;
	padding-left:10px;
}
.td_seo_2{
	background-color:#001220;
	width:20%;
	height:20px;
	text-align:center;

}
.title_seo_main{ font-size:18px; text-transform:uppercase; background-color:#001220; height:30px; padding-left:10px;}
.title_seo_sub{ font-size:12px; text-transform:uppercase; background-color:#10375d; height:20px; padding-left:10px; font-weight:bold;}
.table_blue
{
	padding:20px 20px 20px 20px;
	margin-bottom:20px;
	background-color:#10375d;
	color:#FFFFFF;
	border:1px solid #999999;
	width:640px;
	margin:0px auto 20px auto;
}
#patent 
{ 
	background-image:url(images/bg_patent.jpg); 
	background-repeat:no-repeat; 
	width:368px; 
	height:291px; 
	padding:70px 60px 60px 60px; 
	margin:0px auto 0px auto; 
	color:#000000; 
	font-size:13px; 
	line-height:140%;
	border:0px solid #999999;
}
#table_dot { background-image:url(images/dot_mid.gif); background-repeat:repeat-y; width:640px; padding:20px 20px 20px 20px;}
.TextSubTitle
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding:0px 0px 10px 0px;
}
.DivItem2
{
	background-image:url("images/interactive_marketing_arrow.png");
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 0px 0px 16px;
	margin:0px 0px 3px 0px ;
	color:#cccccc;

}
.DivItemClick
{
	background-image:url("images/bullet_round.gif");
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding:0px 0px 0px 14px;
	margin:20px 0px 0px 0px ;
	color:#cccccc;

}
.AboutBottom
{
	clear: both;
	padding:20px 0px 30px 0px ;
	color:#ffffff;
}
.TextLinkOrange12
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#A8773A;
	font-size:11px;
	text-decoration:none;
}
a.TextLinkOrange12:link{color:#A8773A;text-decoration:none;}
a.TextLinkOrange12:visited{color:#A8773A;text-decoration:none;}
a.TextLinkOrange12:hover{color:#AB851B;text-decoration:none;}

.DivTable
{
	float:left;
	width:240px;
	margin:20px 20px 0px 0px ;

}
.DivTableHeader
{
	background-image:url("images/bg_title.gif");
	background-repeat:no-repeat;
	background-position:right;
	padding:3px 0px 0px 11px;
	margin:0px 0px 0px 0px ;
	height:18px;
	color:#cccccc;
	font-size:11px;
	background-color:#183d60;
}
.TableItem
{
	background-color:#4D4D4D;
}
.DivClear{
	clear: both;
}
.Card
{
	padding:10px 0px 0px 0px;
}
.TextCard
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#cccccc;
	font-weight:bold;
	font-size:11px;
	padding:0px 0px 5px 0px;
}
.ImgCard
{
	padding:0px 5px 0px 0px;
}
.TDItem
{
	background-color:#000000;
}
.DivTableItemHeader
{

	padding:4px 0px 4px 10px;
	color:#cccccc;
	font-size:11px;
	font-weight:bold;
	background-color:#333333;
}

.DivTableItem
{

	padding:4px 0px 4px 11px;
	color:#cccccc;
	font-size:11px;
}

#content_table_1
{
	margin:0px 5px 0px 0px;
	border:0px solid #565656;
	float:left;
}
#content_table_2
{
	margin:0px 5px 0px 0px;
	border:0px solid #565656;
	float:left;
}
#content_table_3
{
	margin:0px 0px 0px 0px;
	border:0px solid #565656;
	float:left;
}
#content_top
{
	margin:0px 0px 0px 0px;
	padding:15px 0px 15px 20px;
}
#containerContent
{
	float:left;
	width:775px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.top_left_content
{	
	padding:0px 0px 0px 11px;
	width:225px;
}
.bordertext
{
	width:237px;
	height:410px;	
	border:1px solid #565656;
	padding:1px 1px 10px 1px;
	margin:0px 0px 0px 10px;
	background-color:#021c35;
}
.bordertext2
{
	width:352px;	
	border:1px solid #565656;
	padding:1px 1px 10px 1px;
	margin:0px 0px 0px 10px;
	background-color:#021c35;
}
.topleftImage
{	
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px; 
}
.toplefttext
{
	color:#b5b5b5;
	font-family:Tahoma;
	font-size:12px;
	padding:0px 10px 0px 11px; 
	margin:0px 0px 10px 0px;
}
#BlogContent
{
	clear:both;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	
	background-repeat:repeat-y;
	font-size: 12px;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding:10px 20px 10px 20px ;
	line-height:14px;
}

#BlogContent p {
	padding-top: 10px;
}

.text_title {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#AB851B;
	margin:8px 0px 0px 0px;
}
a.text_title:link {color:#AB851B;text-decoration:none;}
a.text_title:visited {color:#AB851B;text-decoration:none;}
a.text_title:hover {color:#AB851B;text-decoration:underline;}

.text_sub_title {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#b5b5b5;
	margin:4px 0px 12px 0px;
}
.text_content {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
 	line-height:14px;
	color:#b5b5b5;
}
.text_link {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #AB851B;	
}
a.text_link:link {color:#AB851B;text-decoration:none;}
a.text_link:visited {color:#AB851B;text-decoration:none;}
a.text_link:hover {color:#AB851B;text-decoration:underline;}
.text_datetime {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#b5b5b5;
	margin::20px 0px 0px 0px;
	border-bottom:solid 1px #5d5d5d;
	padding-bottom: 3px;
}
.TextToolTitle
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#b5b5b5;
	font-size:11px;
	font-weight:bold;
}
a.TextToolTitle:link{color:#ffffff;text-decoration:none;}
a.TextToolTitle:visited{color:#ffffff;text-decoration:none;}
a.TextToolTitle:hover{color:#AB851B;text-decoration:none;}

.ImageAbout
{
	border:1px #999999 solid;
}
.ToolImage
{
	padding:7px 0px 0px 0px;
}
.TextToolClick
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-transform:none;
}
a.TextToolClick:link{color:#ffffff;text-decoration:none;}
a.TextToolClick:visited{color:#ffffff;text-decoration:none;}
a.TextToolClick:hover{color:#AB851B;text-decoration:none;}

.bottom_text_hover
{
	font-family:Tahoma;
	font-size:11px;
	color:#dec105;
	text-decoration:none;
}
.footer_content {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:11px;	
	background-position:left;
	background-repeat:no-repeat;
	width:452px;
	height:20px;
	line-height:15px;
	padding:8px 0px 10px 0px;
	margin:8px 0px 10px 10px;
	color:#b5b5b5;

}
.title_blog_detail{
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	font-weight:bold;
	margin:25px 0px 15px 0px;
}
.comment_bottom
{
	color:#CCCCCC;
	margin:3px 0px 18px 0px;
}
.serviceItem
{
	background-image:url("images/interactive_marketing_arrow.png");
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 0px 0px 16px;
	margin:0px 5px 0px 10px;
	
	font-family:Tahoma;
	font-size:12px;
	color:#8f9091;
	line-height:14px;
}
.serviceItem2
{
	background-image:url("images/interactive_marketing_arrow.png");
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 0px 0px 16px;
	margin:0px 5px 10px 10px;
	
	font-family:Tahoma;
	font-size:12px;
	color:#b5b5b5;
	line-height:14px;
}
.serviceItem3
{
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding:0px 0px 0px 8px;
	margin:0px 8px 7px 5px;
	
	font-family:Tahoma;
	font-size:12px;
	color:#b5b5b5;
	line-height:14px;
}
.serviceItem3 ol
{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 15px;
}


.readmore
{
	color:#960303;
	font-weight:bold;
	margin:110px 0px 0px 155px;
	padding:0px 0px 0px 0px;
}
.readmore:hover
{
	color:#960303;
	font-weight:bold;
	text-decoration:underline;
	margin:110px 0px 0px 155px;
	padding:0px 0px 0px 0px;
}
#footer_top
{
	width:775px;
	height:4px;
	margin:0px auto 0px auto;
	background-color:#0f3a5c;
}
#footer_bottom
{
	width:760px;
	height:50px;
	margin:0px auto 0px auto;
	padding:10px 0px 0px 15px;
	background-color:#021c35;
	border: 0px solid #666666;
}
#copyright
{
	float:left;
	margin:0px 0px 0px 0px;
}
#space
{
	clear:both;
	height:40px;
	width:755px;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
#nextpage
{
	float:right;
	margin:12px 115px 0px 0px;
}
#nextpage_home
{
	float:right;
	margin:12px 105px 0px 0px;
}
#nextpage_sub
{
	float:right;
	margin:10px 115px 0px 0px;
}
.TextYellow
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#B4A568;
	font-size:12px;
}
.TextWhite
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#cccccc;
	font-size:12px;
}
.SubContentTestimonials
{	
	background-repeat:repeat-y;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cccccc;
	margin: 0px 0px 0px 0px;
	padding:30px 20px 0px 20px ;
	line-height:14px;
}

#menu
{
	background:#80a3b8;
	height:25px;
	margin:1px 0px 0px 0px;
}
#nav_bar
{
	margin-left: auto;
	margin-right: auto;
	width:775px;
}
#nav
{
	list-style:none;
	padding:0px;
	line-height:0px;
	margin:0px 0px 0px 10px;
	clear:both;
	z-index: 30;
}
#nav li
{
	margin-left:0px;
	float:left;
}
#nav li a
{
	height: 25px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
/* home */
#nav #nav_home a
{
	width: 61px;
	background: url(images/seo_audit_menu_home.gif) no-repeat left bottom;
}
#nav #nav_home a:hover
{
	background: url(images/seo_audit_menu_home.gif) no-repeat left top;
}
body#home #nav_home a
{
	background: url(images/seo_audit_menu_home.gif) no-repeat left top;
}
/* laboratories */
#nav #nav_about a
{
	width: 95px;
	background: url(images/pay_per_click_menu_about.gif) no-repeat left bottom;
}
#nav #nav_about a:hover
{
	background: url(images/pay_per_click_menu_about.gif) no-repeat left top;
}
body#about #nav_about a
{
	background: url(images/pay_per_click_menu_about.gif) no-repeat left top;
}
/* vivariums */
#nav #nav_services a
{
	width: 84px;
	background: url(images/website_marketing_menu_services.gif) no-repeat left bottom;
}
#nav #nav_services a:hover
{
	background: url(images/website_marketing_menu_services.gif) no-repeat left top;
}
body#services #nav_services a
{
	background: url(images/website_marketing_menu_services.gif) no-repeat left top;
}
/* projects */
#nav #nav_testimonials a
{
	width: 111px;
	background: url(images/web_design_menu_testimonials.gif) no-repeat left bottom;
}
#nav #nav_testimonials a:hover
{
	background: url(images/web_design_menu_testimonials.gif) no-repeat left top;
}
body#testimonials #nav_testimonials a
{
	background: url(images/web_design_menu_testimonials.gif) no-repeat left top;
}
/* contact */
#nav #nav_contact a
{
	width: 99px;
	background: url(images/online_marketing_menu_contact.gif) no-repeat left bottom;
}
#nav #nav_contact a:hover
{
	background: url(images/online_marketing_menu_contact.gif) no-repeat left top;
}
body#contact #nav_contact a
{
	background: url(images/online_marketing_menu_contact.gif) no-repeat left top;
}

.nav_link {
	
}

.nav_link  a{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#AB851B;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}

a { color: #cccccc;}

ul{ margin:0px 0px 0px 0px; padding:5px 0px 0px 15px;}
li{ margin:0px 0px  0px 0px; padding:0px 0px 0px 0px;}
.directory{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.directory_li{ margin:0px; padding:0px;}
.directory_li a{color:#3399FF; text-decoration:none;}
.directory_li a:hover{color:#CCCCCC;}

/* Template preview popup */
#tplPreview {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  border:1px solid #444444;
  font-size: 11px;
  color: #4B4B4B;
  padding: 0px 15px 15px 15px;
}

#tplPreviewTitle {
  font-size: 16px;
  visibility:visible;
}

#tplPreviewBody {
  position: relative;
}

#tplPreviewProgressBar {
  position: absolute;
  width: 125px;
  padding: 10px 10px 15px 10px;
  top: 45%;
  left: 50%;
  margin-left: -67px;

  border: 1px solid #6A6A6A;
  background-color: #ffffff;
  color: #000000;
  font-family: Tahoma,Helvetica,sans;
  font-size: 10px;
  text-align:left;
}

#bt_link { float:right; text-align:right; padding-right:15px;}
#bt_link a { color:#CCCCCC; text-decoration:none;}
#bt_link a:hover { color:#FFCC66; text-decoration:underline;}

.part_list { float:left; width:160px; margin-right:20px;}

#video { padding:0px 0px 0px 10px; margin:0px 0px 30px 0px;}
.video1 { width:640px; height:380px; text-align:center; border:0px solid #003300; padding:0px 0px 0px 10px;}
.video2 { width:640px; height:380px; text-align:center; border:0px solid #003300;}
.video_tt { font-size:14px; margin:10px 0px 10px 0px; padding:0px 0px 3px 15px; border-bottom:1px dotted #666666; background:url(../images/point.gif) no-repeat left 3px;}
.video_tt2 { font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 3px 15px; border-bottom:1px dotted #666666; background:url(../images/point.gif) no-repeat left 3px;}
.video_more { margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:center;}

#video_left { margin:0px 0px 0px 23px; border:0px solid #003300;}
.videoTD { vertical-align:top; font-size:10px;}

#video_sec
{ 
	margin:0px 0px 0px 0px;
	border:#000000 solid 0px;
	background-image:url(../images/bg_mid_download.gif);
	background-repeat:repeat-x;
}
