/*
	Theme Name: HR4less HTML5/CSS3 Layout
	Date: August 1, 2013
	Description: Basic HTML5/CSS3 layout built on a responsive framework
	Version: 1.0
	Author: Russnino Arias
	Author URL: http://russnino.com
*/

/* ===========================
   ======= Body style ======== 
   =========================== */
  
  
body {
	background:#FFFFFF;;
	color: #000305;
	font-size: 87.5%; /* Base font size: 12px */
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #666;
	}
	
@font-face {
	font-family:'Helvetica';
	src: url('helvetica.eot');
	src: url('helvetica.eot?iefix') format('eot'),
     url('helvetica.woff') format('woff'),
     url('helvetica.ttf') format('truetype'),
     url('helvetica.svg#helvetica') format('svg');
	font-weight: normal;
	font-style: normal;
	}

.body {
	clear: both; 
	margin: 0 auto; 
	width: 70%;
} 


/* ===========================
   ========= Headings ======== 
   =========================== */
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}		/* 14px */

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

/* ===========================
   ======= Anchor style ====== 

a {
	outline: 0;
	}

a img {
	border: 0px; 
	text-decoration: none;
}

a:link, a:visited {
	color: #CF5C3F;
	padding: 0 1px;
	text-decoration: none;
}

a:hover, a:active {
	background-color: #CF5C3F;
	color: #fff;
	text-decoration: none;
}

   =========================== */


/* ============================
   ======= header style =======
   ============================ */
  
#header_style{
	margin:auto;
	padding:0px;
	width:100%;
	height:110px;
	text-align:center;
	}
	
#header_div_main{
	margin:auto;
	padding:0px;
	width:960px;
	height:110px;
	}
	
#logo{
	float:left;
	padding:20px 10px 10px 20px;
	width:350px;
	} 
   
   
#supportDiv{
	float:right;
	padding:10px 0;
	}

.support{
	 float:left;
	 padding:3px 15px;
	 width:auto;
	 color:#333333;
	 background:#eeeeee;
	 border:1px solid #dddddd;
	 border-radius:5px;
	 }
	 
.support a{
	color:#333333;
	text-decoration:none;
	}
	 
.support img{
	padding:0 5px;
	display:inline;
	}
   
  /* ============================
     ======= navi style =======
   ============================ */
   
#mainnavi_div{
	margin:auto;
	padding:0px;
	width:100%;
	height:53px;
	background:url(img/navbg.png) repeat-x;
	border-bottom:1px solid #c5c5c5;
	border-top:1px solid #c5c5c5;
	text-align:center;
	}
	
#main_navi_header_div{
	margin:auto;
	padding:0px;
	width:960px;
	height:51px;
	}	

.mainHeadernav{
	margin:auto;
	padding:10px 0;
	width:960px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	}
	

.mainHeadernav ul {
	list-style: none; 
	margin: 0 auto;
}

.mainHeadernav ul li {
	float: left; 
	display: inline; 
}
	
.mainHeadernav a:link, .mainHeadernav a:visited {
	color: #000;
	display: inline-block;
	height: 30px;
	padding: 5px 15px;
	text-decoration: none;
}

.mainHeadernav a:hover, .mainHeadernav a:active,
.mainHeadernav .active a:link, .mainHeadernav .active a:visited {
	color: #b41424;
	text-shadow: none !important;
}


  /* ============================
     ======= maincontent =======
   ============================ */
   
#mainContent{
	 margin:auto;
	 padding:10px 0 0;
	 width:100%;
	 text-align:center;
	 }
	 
.homediv{
	 margin:auto;
	 width:960px;
	 padding:0;
	 height:480px;
	}

#maindivContent{
	 margin:auto;
	 padding:0;
	 width:960px;
	 }

.container_banner{
	float:left;
	width:960px;
	max-width:90%;
	padding:0 0 34px;
}

.columncontainer{
	float:left;
	padding:0px;
	width:960px;
}

#columndiv{
	float:left;
	padding:0px 12px;
	width:210px;
	}
	
.column1{
	border-right:1px dotted #333333;
	} 
	
.column2{
	list-style:none;
	} 
  
.column_title_div{
	float:left;
	padding:0px;
	width:100%;
	font-size:16px;
	color:#074670;
	font-weight:bold;
	text-align:left;
	}
  
 .column_title_div img{
	 float:left;
	 }
	 
.column_descp_div{
	float:left;
	padding:0px;
	width:100%
	font-size:10px;
	color:#000;
	text-align:left;
	}
  
  
   /* ============================
     ======= featured page =======
   ============================ */
   
.featurediv1{
	 margin:auto;
	 width:960px;
	 padding:0;
	 height:950px;
	 font-size:18px;
	 color:#666;
	 text-align:center;
	 border-bottom:1px dotted #999;
	}
	
.columnServ{
		float:left;
		padding:87px 15px 10px;
		width:290px;
		font-size:14px;
		}
		
.column_Serv_title_div{
	float:left;
	padding:0px;
	width:100%;
	font-size:16px;
	color: #333;
	text-align:left;
	}

.featured_descript_title_div{
	float:left;
	padding:0px;
	width:100%;
	font-size:18px;
	color: #333;
	text-align:left;
	text-align:center;
	}
	
.featured_descript_price_div{
	float:left;
	padding:0px;
	width:100%;
	font-size:22px;
	color: #333;
	text-align:left;
	text-align:center;
	}
	

	
.featured_faqs{
	float:left;
	padding:0px;
	width:100%;
	font-size:14px;
	color: #333;
	text-align:left;
	}
	
	
.featured_faqs_column{
	float:left;
	padding:10px;
	width:45%;
	font-size:14px;
	color: #333;
	text-align:left;
	}
	

	
	
.featured_faqs a{
	color: #03C;
	text-decoration:underline;
	}
	
	
 .column_Serv_title_div img{
	 float:left;
	 display:block;
	 }

.column_Serv_div{
	float:left;
	padding:0px;
	width:100%
	font-size:12px;
	color:#000;
	text-align:left;
	}
	
.featurediv2{
	 margin:auto;
	 width:960px;
	 padding:20px 0;
	 height:450px;
	 font-size:14px;
	 color:#666;
	 text-align:center;
	 border-bottom:1px dotted #999;
	}
	
#watch_video{
	float:left;
	padding:0px;
	width:960px;
	}
#monitorHD{
	float:left;
	width:392px;
	line-height:406px;
	}	
	
#watch_video img{
	float:left;
	}
	
.ul-style-video{
	list-style-image:url(img/libgb.png);
	}
	
#video_list_div{
	float:left;
	font-size:18px;
	color:#333;
	width:500px;
	text-align:left;
	}
	
.featurediv3{
	 margin:auto;
	 width:960px;
	 padding:0;
	 height:1320px;
	 font-size:18px;
	 color:#666;
	 text-align:center;
	 border-bottom:1px dotted #999;
	}
	
#imgDiv{
	padding:20px 0 0;
	width:960px;
	text-align:center;
	}
	
.featurediv4{
	 margin:auto;
	 width:960px;
	 padding:0;
	 height:1400px;
	 font-size:18px;
	 color:#666;
	 text-align:center;
	 border-bottom:1px dotted #999;
	}
	

   /* ===========================
    ======== pricimg ===========
   ============================ */


.pricing{
	 margin:auto;
	 width:960px;
	 padding:0;
	 height:1400px;
	 font-size:18px;
	 color:#666;
	 text-align:center;
	 border-bottom:1px dotted #999;
	}
	
#imgDiv2{
	padding:20px 0 0;
	width:960px;
	text-align:left;
	}
	
.pricing_descript_title_div{
	float:left;
	padding:0px 0 0 20px;
	width:90%;
	font-size:18px;
	color: #333;
	text-align:left;
	text-align:left;
	}
	
.columnPricing{
	float:left;
	padding:20px 15px 10px 0;
	width:300px;
	font-size:14px;
	}

.columnpricing1{
	float:left;
	padding:0px;
	width:300px;
	height:620px;
	border:1px solid #dddddd;
	border-radius:10px;
	}
	
.ColumnPricingTitle{
	float:left;
	padding:10px 0;
	width:100%;
	font-size:16px;
	color:#FFF;
	background:#3186bf;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-weight:bold;
	}

.pricingGrayBg{
	float:left;
	padding:10px 0;
	width:100%;
	font-size:14px;
	color:#333;
	background:#dddddd;
	text-align:center;
	}
	
.pricingGrayBg img{
	text-align:center;
	padding:10px 0;
	}
	
#imgDiv3{
	float:left;
	padding:10px 0 0;
	width:100%;
	text-align:center;
	}
	
#imgDiv3_1{
	float:left;
	padding:22px 0 0;
	width:100%;
	text-align:center;
	}
	
#imgDiv3_2{
	float:left;
	padding:22px 0 0;
	width:100%;
	text-align:left;
	}
	
	
.ColumnPricingDesc{
	float:left;
	width:100%;
	font-size:12px;
	color:#333333;
	text-align:center;
	}
	
.ul-style-price{
	list-style-image:url(img/arrow.png);
	text-align:left;
	}
	


#question {clear: both; float: left; width: 100%;}

#columnOne {float: left; width: 50%;}
#columnTwo {float: right; width: 50%;}

#qtion {}
#qtion dl {}
#qtion dt {}
#qtion dd {}

   /* ===========================
    ======== contact ===========
   ============================ */
   
.contact{
	 margin:auto;
	 width:960px;
	 padding:0;
	 height:700px;
	 font-size:18px;
	 color:#666;
	 text-align:center;
	 border-bottom:1px dotted #999;
	}

#ContentDiv{
	float:left;
	padding:0px;
	width:650px;
	}
	
#MainbannerDiv{
	float:left;
	padding:0px;
	width:100%;
	height:auto;
	}
	
.TexTitle12-2{
	float:left;
	padding:20px 0 10px 20px; 
	width:90%;
	font-size:35px;
	font-weight:bold;
	text-align:left;
	color:#0070b8;
	}
	
#textstyle_1_2{
	float:left;
	padding:0 0 30px 20px;
	width:90%;
	color:#000000;
	text-align:left;
	}
	
.error, .empty{
	display: none;
	color: #5BB75B;
	font-size: 11px;
	line-height: 14px;
	margin: 2px 0;
	min-width: 160px;
	position: relative;
}
	
	
/*///////////////////////////FORM DIVISIONS STYLE////////////////////////*/

.FomrStyleDiv{
	float:right;
	padding:0;
	width:298px;
	height:auto;
	}
	
#MainFormDiv{
	float:left;
	padding:5px 0;
	width:298px;
	border:1px solid #0070b8;
	border-radius:10px;
	background:#eeeeee;
	}
	
#FormHeaderDiv{
	float:left;
	padding:20px 0px 0 10px;
	width:285px;
	text-align:center;
	}
	
#FormFieldDiv{
	float:left;
	padding:0px 10px;
	width:280px;
	}	
	
#Form_text_style{
	font-size:16px;
	color:#0070b8;
	font-weight:bold;
	}
	
.SubmitBtn{
	padding:0 10px;
	width:250px;
	height:64px;
	font-size:16px;
	color:#000000;
	background:url(img/btn_bg.jpg) repeat-x;
	font-weight:bold;
	border:1px solid #ee7c00;
	border-radius:5px;
	}
	
.AdditionaFormText{
	padding:20px 10px 30px 10px;
	float:left;
	width:90%;
	font-size:15px;
	text-align:center;
	font-weight:normal;
	}
	
.MainBannerTextFooter{
	float:left;
	padding:20px 0;
	width:646px;
	font-size:24px;
	text-align:center;
	}
	
	
   /* ===========================
    ==== Landing page stye ======
   ============================ */
   
.landingDiv{
	 margin:auto;
	 width:960px;
	 padding:0;
	 height:1180px;
	 text-align:center;
	}
	
.container_banner{
	float:left;
	width:960px;
	max-width:90%;
	padding:0 0 34px;
}

#imgDiv4{
	float:left;
	padding:0 0 15px;
	width:100%;
	text-align:center;
	}
	
.columnPricingldng{
	float:left;
	padding:0 15px 10px 0;
	width:310px;
	font-size:14px;
	}

.columnPricingldng2{
	float:left;
	padding:0 15px 10px 0;
	width:310px;
	font-size:14px;
	}
	
.columnPricingldng3{
	float:right;
	padding:0 0px 10px 0;
	width:310px;
	font-size:14px;
	}
	


/*////////////////////////////////////////////////////////
//////////////////// INSIDE PAGES ///////////////////////
///////////////////////////////////////////////////////*/


#insidepages_textstyle{
	float:left;
	padding:20px 0 30px 20px;
	width:95%;
	color:#333333;
	text-align:left;
	font-size:14px;
	}



   /* ===============================
    ======== FOOTER STYLE ===========
   =============================== */
   
 #footerDiv{
	 margin:auto;
	 padding:15px 0 30px;
	 width:100%;
	 height:200px;
	 text-align:center;
	 border-top:4px solid #999999;
	 background-color:#363636;
	 }
	 
.footercopydiv{
	margin:0 auto;
	padding:5px 0;
	width:960px;
	height:30px;
	background-color:#111111;
	}

.copywrite{
	float:left;
	padding:10px 15px;
	width:auto;
	font-size:12px;
	color:#dddddd;
	text-align:left;
	}
	

.co_term_policy{
	float:right;
	padding:10px 15px;
	width:auto;
	font-size:12px;
	color:#dddddd;
	text-align:left;
	}
	
.co_term_policy a{
	color:#dddddd;
	text-decoration:none;
	}
	
.co_term_policy a:hover{
	color:#dddddd;
	text-decoration:underline;
	}
	
	
#footer_menu_div{
	margin:0 auto;
	width:960px;
	padding:5px 0;
	}
	
.footer_menu_text{
	float:left;
	width:400px;
	font-size:14px;
	color:#999999;
	text-align:left;
	}
	
.menu_ul{
	font-size:14px;
	color:#999999;
	list-style:none;
	}

.menu_ul a{
	list-style:none;
	color:#999999;
	text-decoration:none;
	}
	
	
.menu_ul a:hover{
	color:#999999;
	text-decoration:underline;
	}

.footer_contact_number{
	float:left;
	padding:5px 0 0 25px;
	width:80%;
	font-size:16px;
	font-weight:bold;
	color:#999999;
	text-align:left;
	}