/*Template Styles*/

/*
 *	The structure of this stylesheet follows these rules:
 *	- first are generic tag and class definitions
 *	- next we proceed from outer wrappers inside and from top to bottom
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body {
	background: url(images/bg-carbon.jpg);
	color: #242424;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

a {
	color: #0686b0;
	text-decoration: none;
}

a.button-green {
	display: block;
	background: url(../images/buy-btn.jpg) no-repeat 0px 0px;
	width: 142px;
	height: 42px;
	text-indent: -5000px;
	float: left;
	margin: 20px 20px 0px 0px;
}

a.button-blue {
	display: block;
	background: url(../images/quote-btn.jpg) no-repeat;
	width: 142px;
	height: 42px;
	text-indent: -5000px;
	float: left;
	margin: 20px 20px 0px 0px;
}

a.button-blue:hover, a.button-green:hover {
	background-position: 0px -42px;
}
.clear {
	clear: both;
	float: none !important;
}

h6 {
	font-weight: bold;
}
/* this wrapper is used with some bacground variations that require shadow */
#wrapper-shadow {
	width: 1030px;
	margin: auto;
}

#wrapper {
	background-color: white;
	width: 1020px;
	margin: auto;
	padding-top: 30px;

}

#header, #billboard, #featured, #content, #footer {
	margin: 0px 40px 0px 40px;;
}

#header {
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
}

#heading {
	float: left;
}

#header h1 {
	font-weight: bold;
	font-size: 36px;
	letter-spacing: -1px;
	margin-bottom: 6px;
}


#heading h3 {
	font-size: 16px;
	color: #5b5b5b;
	margin-top: 5px;
}

h4 {
	font-weight: bold;
	font-size: 16px;
}

/* navigation */

#menu {
	margin-top: 32px;
	float: right;
}

#menu ul {
	
}

#menu ul li {
	float: left;
	display: block;
}

#menu ul li ul li {
	padding: 2px 0px;
	border: 1px solid #e7e7e7;
	border-top: 1px solid white;
	background-color: #f5f5f5;
}

#menu ul li ul{
	padding-top: 20px;
}

#menu ul li ul li a{
	font-size: 12px;
}

#menu ul li a {
	font-size: 13px;
	color: #5b5b5b;
	text-decoration: none;
	padding: 10px 0px 10px 20px;
}

#menu ul li a:hover, #menu ul li.current_page_item a {
	color: #000099;
}


li.current_page_item a {
	font-weight: bold;
}

li.current_page_item  ul li a {
	font-weight: normal;
}

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
}

#nav li{
	float:left;
	position:relative;
}

#nav ul {
	background-color: white;
	position:absolute;
	display:none;
	width:12em;
	top: 20px;
	z-index: 1000;
}

#nav li ul a{
	width:12em;
	height:auto;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:11em;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

/* billboard */

#billboard {
	margin-top: 30px;
	width: 940px;
	height: 376px;
	overflow: hidden;
}

#billboard img {
	width: 940px;
	height: 376px;
}

/* featured services */

#featured {
	margin-top: 30px;
	background-color: #f4f4f4;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

#featured div {
	float: left;
	text-align: center;
}

#featured div h4, #featured div h5 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#featured div a, #featured div a{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#featured div a:hover, #featured div a:hover {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color:#000;
}

#featured div h5 {
	font-size: 12px;
	font-weight: normal;
}

#featured div img {
	margin-top: 25px;
	max-height: 80px;
	max-width: 230px;
	overflow: hidden;
}

#featured div.center {
	padding-top: 25px;
	width: 338px;
	height: 145px;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}

#featured div.first, #featured div.last {
	padding-top: 25px; 
	width: 300px;
	height: 145px;
}

/* main content */

#content {
	padding: 30px 0px 20px 0px;
	border-bottom: 1px solid #e7e7e7;
}

#content h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

#content h3 a {
	color: #0686b0;
	text-decoration: none;
}

#content h3 a:hover {
	text-decoration: underline;
}

#content p.date {
	color: #ddd;
}

#content.half div {
	width: 450px;
	float: left;
}

#content.half div.half-1 {
	margin-right: 40px;
}

#content .features-row {
	margin-bottom: 25px;
}

#content .half-2 .feature {
	float: left;
	width: 215px;
}

#content .half-2 .feature.first {
	margin-right: 20px;
}

#content .half-2 .feature img {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 20px; 
}

#content .half-2 .feature div {
	width: 155px;
}

#content .half-2 .feature div h6 {
	font-size: 15px;
	font-weight: bold;
	color: #0686b0;
	margin-bottom: 5px;
}

/* footer */

#footer p {
	color: #5b5b5b;
	margin: 20px 0px 0px;
	padding-bottom: 20px;
}

#billboard-delay, #billboard-effect {
	display: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#content .maincontent img, #content .maincontent-hp img, #content .half-1 img {
	padding: 5px;
	border: 0px solid #ccc;
}

#content img.alignleft {
	margin: 20px 20px 15px 0px;
}

#content img.alignright {
	margin: 0px 20px 15px 20px;
}

.half-1, .maincontent-hp {
	padding-bottom: 20px;
}
 table {
	width:95%;
	margin:1em auto;

	}
td img{border:0px;}
caption {
	color: #000;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
tr.odd td,
tr.odd .column1 {
	background:#f4f9fe url("../images/background.gif") no-repeat;
	}	
.column1	{
	background:#fff;
	font-weight:700;
	}
td {
	color:#969184;
	padding:.3em 1em;
	text-align:center;
	}				
th {
	font-weight:normal;
	color: #000;
	text-align:left;
	padding:.3em 1em;
	}	
thead th {
	background:#ffffff;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#bd1515;
	}				
tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#bd1515
		}		
tfoot th em {
	color:#bd1515;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
.sub {
	font-size:10px; vertical-align:sub; color: #000
}
tr td img.nob {border:0px;} 



/*original WHMCS Styles*/
#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF no-repeat;border:0px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#side_menu{border-left-color: #e3d7de; border-left:1px solid;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{ border-bottom-style: dotted; border-bottom-width: 1px; line-height:25px;margin:0;padding:0;}
#side_menu ul li:hover{background-color: #f5f5f5; border-bottom-style: dotted; border-bottom-width: 1px; line-height:25px;margin:0;padding:0;}
#top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}
#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#c46676 url(images/top_menu_bg.gif) no-repeat;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#fff;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px; border-right:1px solid;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{float:right;margin-bottom:10px;padding-bottom:10px;text-align:center; width:235px; border-bottom:1px solid;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;margin:0;padding:2px;}
p{margin:0;padding:3px 0 8px;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}
.kbarticle {padding: 2px 5px 5px 15px;}
.kbviews {color:#A8A8A8;font-size:10px;}
.kbalsoread {padding: 5px 5px 5px 15px;background-color: #F5F5F5;border-bottom: 1px solid #ccc;font-weight: bold;margin: 10px 0 10px 0;}
#content_left tr {border-bottom:1px solid #ccc;} 
#content_left table tr.noborder {border-bottom:none;}