/* 
	DNS eSolutions
	tlee 2008
*/

/*---------------GLOBAL----------------*/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.clearafter:after, .clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearafter, .clear {display:inline-block;}
  /* Hide from IE Mac \*/
.clearafter, .clear {display:block;}
 /* End hide from IE Mac */

* html .clearafter, * html .clear{height: 1px;}
  
body{font-size:18px;padding:0;margin:0;font-family:Arial;color:#383838;background: url(/images/structure/bg.gif) repeat-x;}
 
h1, h2, h3, h4, h5, h6, ul, li, ol{padding:0;margin:0;}
 
p{padding:0;margin:0;font-size:.75em;}

.dnsRed{color:#bf2626;}

a{color:#bf2626;text-decoration:underline;}
	a:hover{color:#5c5c5c;}

.error{font-size:.65em;color:#fff;width:292px;border:2px solid #bf2626;margin:10px 5px;font-weight:bold;background-color:#e9abab;}
	.error h6{background-color:#bf2626;font-size:1.2em;padding:3px 10px;}
	.error ul{background-color:#e9abab;color:#bf2626;padding:5px;}
	.error li{font-size:1.5em;}

.success{font-size:.65em;color:#009304;width:276px;padding:5px 8px;border:2px solid #009304;margin:10px 5px;font-weight:bold;background-color:#b0dcb1;}

.success{}

/*--------------MAIN SITE----------------*/

#wrapper{}

#bgLeft{background:url(/images/structure/bg-left.gif) repeat-x;height:101px;}

#header{background:url(/images/structure/header.gif) no-repeat;height:113px;width:960px;display:block;}
	#header li a{text-indent:-99999em;display:block;}
	#header a.logo{background:url(/images/structure/spacer.gif) no-repeat;text-indent:-99999em;height:100px;width:200px;position:relative;float:left;display:block;overflow:hidden;}
	#header a:hover{background-position: 0 -31px;}
	
	#header ul{height:31px;float:right;margin-right:10px;}
		#header li{text-align:left;position:relative;float:left;z-index:99;list-style-type:none;top:78px;}
	
	a.esupport{overflow:hidden;background:url(/images/buttons/btn_esupport.gif) no-repeat;height:31px;width:71px;}
	a.eguard{overflow:hidden;background:url(/images/buttons/btn_eguard.gif) no-repeat;height:31px;width:61px;}
	a.esafe{overflow:hidden;background:url(/images/buttons/btn_esafe.gif) no-repeat;height:31px;width:52px;}
	a.ehost{overflow:hidden;background:url(/images/buttons/btn_ehost.gif) no-repeat;height:31px;width:52px;}
	a.automotive{overflow:hidden;background:url(/images/buttons/btn_automotive.gif) no-repeat;height:31px;width:140px;}
	a.remotesupport{overflow:hidden;background:url(/images/buttons/btn_remotesupport.gif) no-repeat;height:31px;width:160px;}
	a.webportfolio{overflow:hidden;background:url(/images/buttons/btn_webportfolio.gif) no-repeat;height:31px;width:89px;}
	a.contactus{overflow:hidden;background:url(/images/buttons/btn_contactus.gif) no-repeat;height:31px;width:74px;}

.topLinks{color:#fff;font-size:.55em;margin:10px 0 0 895px;position:absolute;}
	.topLinks a{color:#fff;text-indent:0;}

#content{width:960px;text-align:left;}

#mainContent{background: #fff url(/images/structure/content-bg.gif) no-repeat;width:960px;min-height:450px;padding:0 0 20px 0;}
	.hpLeft{width:600px;}
		h2.header_online{margin:10px 0 0 20px;display:block;text-indent:-999999em;height:37px;width:304px;background:url(/images/headers/h_online.gif) no-repeat;}
		.hpLeft p{padding:11px 0 2px 25px;font-size:.7em;}
	.hpRight{width:360px;}
		h2.header_portfolio{margin:10px 0 0 30px;display:block;text-indent:-999999em;height:37px;width:304px;background:url(/images/headers/h_webportfolio.gif) no-repeat;}
			h2.header_portfolio a{display:block;height:37px;width:304px;}
		#portfolioViewer{padding:10px 0 0 30px;}
		#portfolioTitle{font-weight:bold;padding:0 0 0 33px;font-size:.65em;}
		
	.ccs_hp{}
		.ccs_hp p{margin:10px 0 0 20px;font-size:13px;}	
	h2.header_ccs{margin:10px 0 0 20px;}
			h2.header_ccs a{height:37px;width:329px;display:block;text-indent:-999999em;background:url(/images/headers/h_ccs.gif) no-repeat;overflow:hidden;}	
	.ccs_button{margin:30px 0 0 30px;}
		.ccs_button a{display:block;text-indent:-99999em;background:url(/images/buttons/btn_ccs.png) no-repeat;height:69px;width:303px;overflow:hidden;}
			.ccs_button a:hover{background-position: 0 -71px;}

#footer{}

#footerContent{width:960px;height:139px;text-align:left;color:#000;font-size:.8em;background:url(/images/structure/footer-bg2.gif) no-repeat;}
	#footerContent a{color:#000;text-decoration:none;}
		#footerContent a:hover{color:#bf2626;}
	
	#footerLeft{margin-top:20px;}
		#footerLeft p{padding:0 0 5px 25px;}
	
	#footerRight{margin-top:20px;float:right;text-align:right;}
		#footerRight p{margin:0px 30px 0 0;}
		
	/*---------------INTERIOR PAGES-------------------------*/
	
#flashPanel{height:175px;}
	#flashPanel a{position:relative;top:-20px;}
	
	#paddingInterior{padding:10px 0 0 20px;}
		#paddingInterior p{padding:10px 30px 0 5px;font-size:.7em;}
		#paddingInterior h3{font-size:.8em;padding:0 0 0 4px;}
		#paddingInterior h4{font-size:.6em;padding:0 0 0 5px;}
		#paddingInterior ul{font-size:.7em;}
			#paddingInterior ul li{margin:0 0 0 30px;}
		
		h2.headerEsupport{text-indent:-999999em;background:url(/images/headers/h_support.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerEguard{text-indent:-999999em;background:url(/images/headers/h_guard.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerEsafe{text-indent:-999999em;background:url(/images/headers/h_esafe.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerEhost{text-indent:-999999em;background:url(/images/headers/h_ehost.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerRemote{text-indent:-999999em;background:url(/images/headers/h_remote.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerPortfolio{text-indent:-999999em;background:url(/images/headers/h_portfolio.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerContact{text-indent:-999999em;background:url(/images/headers/h_contact.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerSoftware{text-indent:-999999em;background:url(/images/headers/h_software.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerSoftwareLogin{text-indent:-999999em;background:url(/images/headers/h_software-login.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerAnalysis{text-indent:-999999em;background:url(/images/headers/h_analysis.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerPrivacy{text-indent:-999999em;background:url(/images/headers/h_privacy.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerJoin{text-indent:-999999em;background:url(/images/headers/h_join.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerSitemap{text-indent:-999999em;background:url(/images/headers/h_sitemap.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerAuto{text-indent:-999999em;background:url(/images/headers/h_auto.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerReportsLogin{text-indent:-999999em;background:url(/images/headers/h_reports-login.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerReports{text-indent:-999999em;background:url(/images/headers/h_reports.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerSubmitTicket{text-indent:-999999em;background:url(/images/headers/h_submit-ticket.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerUserLogin{text-indent:-999999em;background:url(/images/headers/h_user-login.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerForgotPassword{text-indent:-999999em;background:url(/images/headers/h_forgot-password.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerCreateAccount{text-indent:-999999em;background:url(/images/headers/h_create-account.gif) no-repeat;display:block;height:37px;width:304px;}
		h2.headerWebmailspam{text-indent:-999999em;background:url(/images/headers/h_spam.gif) no-repeat;display:block;height:37px;width:304px;}
					
	.login{font-size:.65em;width:400px;margin:10px 0 0 5px;}
		.loginLeft{width:140px;font-size:.95em;}
		.loginRight{width:140px;font-size:.95em;}
		.login label{padding-left:2px;}
	.input{font-family:arial;padding:2px;font-size:1em;border-top:1px solid #5f5f5f;border-left:1px solid #5f5f5f;border-right:1px solid #adadad;border-bottom:1px solid #adadad;}
	.widthNormal{width:130px;}
	.widthTextarea{width:290px;height:50px;font-size:1em;}
	.submitForm{margin:6px 0 0 187px;}
	.submitForm2{margin:6px 0 0 205px;}
	
.address{font-size:.95em;margin-top:-8px;}

.contactPage{width:900px;}
.contactPageLeft{width:300px;}
.contactPageRight{width:550px;margin:30px 0 0 0;}

.requiredCopy{font-size:.55em;padding-left:5px;}
.required{color:#bf2626;}

.contactForm{font-size:.65em;width:440px;margin:10px 0 0 5px;}
	.contactFormLeft{width:160px;}
	.contactFormRight{width:180px;}
		.contactForm select{padding:1px;width:136px;}

#remotePage{width:880px;margin:20px 0 0 0;}
	.remotePage1{width:230px;}
	.remotePage2{width:230px;}
	.remotePage3{width:230px;}
	
.portfolioPage{width:960px;margin:30px 0 0 0;}
	.portfolioColumn{width:300px;margin-left:5px;}
		.portfolioImage{}
			.portfolioImage img{border:0px;}
		.portfolioTitle{color:#bf2626;font-size:.85em;font-weight:bold;text-align:left;}
		.portfolioLink{font-size:11px;width:300px;}
			.portfolioLink a{overflow:hidden;}
			
.rssBox{width:400px;margin:20px 0 0 05px;background-color:#fff;border:1px solid #ccc;}

a.viewReports{overflow:hidden;margin:10px 0 0 0;cursor:pointer;text-indent:-99999em;display:block;height:56px;width:237px;background:url(/images/buttons/btn_ereport.gif) no-repeat;}
	a.viewReports:hover{background-position: 0 -56px;}
	
.appWrapper{width:900px;}
	.appBox{width:400px;background-color:#fff;border:1px solid #ccc;margin:10px 20px 0 0;}
		.appBox h4{font-size:1.5em;color:#bf2626;}
		.appBox p{margin:0px 10px 15px 5px;}
		
.columnWrapper{width:950px;}
	.columnBox{width:450px;font-size:1em;}
		.columnBox h4{color:#bf2626;padding:0;margin:5px 0 0 0;}
		
.columnWrapper4{width:950px;}
	.columnBox4{min-height:250px;width:200px;font-size:1em;background-color:#fff;border:1px solid #ccc;padding:0 0 10px 10px;margin:5px;}
		.columnBox4 p{}
		.columnBox4 h4{color:#bf2626;padding:0;margin:0;}
		
.columnWrapper3{width:950px;}
	.columnBox3{min-height:400px;width:285px;font-size:1em;background-color:#fff;border:1px solid #ccc;padding:0 0 10px 10px;margin:5px;}
		.columnBox3 p{}
		.columnBox3 h4{color:#bf2626;padding:0;margin:0;}
		
a.appLogin{overflow:hidden;float:left;margin:10px 0 0 25px;height:25px;width:224px;display:block;text-indent:-999999em;background:url(/images/buttons/btn_app-login.gif) no-repeat;}
	a.appLogin:hover{background-position:0 -25px;}
a.submitTicket{overflow:hidden;float:left;margin:10px 0 0 25px;height:25px;width:224px;display:block;text-indent:-999999em;background:url(/images/buttons/btn_submit-ticket.gif) no-repeat;}
	a.submitTicket:hover{background-position:0 -25px;}
a.downloadSoftware{overflow:hidden;float:left;margin:20px 0 0 5px;height:25px;width:224px;display:block;text-indent:-999999em;background:url(/images/buttons/btn_software.gif) no-repeat;}
	a.downloadSoftware:hover{background-position:0 -25px;}
a.userLogin{overflow:hidden;float:left;margin:20px 0 0 5px;height:25px;width:224px;display:block;text-indent:-999999em;background:url(/images/buttons/btn_userlogin.gif) no-repeat;}
	a.userLogin:hover{background-position:0 -25px;}
a.mailhelp{overflow:hidden;float:left;margin:20px 0 0 5px;height:25px;width:224px;display:block;text-indent:-999999em;background:url(/images/buttons/btn_mailhelp.gif) no-repeat;}
	a.mailhelp:hover{background-position:0 -25px;}
	
.supportBenefits{}
	.supportBenefits ul{font-weight:bold;margin-left:20px;margin:0 0 10px 10px;}
		.supportBenefits li{float:left;padding-right:15px;}	
		
		.userlogin_links{margin:0 0 0 5px;}
			.userlogin_links a{font-size:12px;}
			
		.tutorial{}
			.tutorial h5{font-size:17px;margin:20px 0 0 5px;}