@import url(http://fonts.googleapis.com/css?family=Chau+Philomene+One:400,400italic);/*font-family: 'Chau Philomene One', sans-serif;*/


/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; height:100%;}

body { 	 
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px; 
	line-height:18px;
	color:#000;
	background:#1c1c1c;
	min-width:960px;}
		
.main{width:100%;height: auto;background:#fff; }
.divider{width: 100%; background:#f3f3f3; border-bottom:1px solid #e7e7e7; height:4px;}
/***********************************************************************/
/*properties for h1 h2 h3 h4 h5 and another text*/
.logo{width:350px; height:80px; position:relative; float:left; margin:0 0 0 0px; float:left;}  
h1{display:block;width:350px; font-size:34px;line-height:65px;font-family: sans-serif;font-weight: 400;}
h1 a{display:inline-block;color:#fff;width:350px; height:80px; background: url(../images/logo.png) 0 0 no-repeat;}

h2{font-size:24px; font-family: Arial, Helvetica, sans-serif; color:#000; line-height:24px;font-weight: normal;}
h3{font-size:18px; font-family: Arial, Helvetica, sans-serif; color:#e2e2e2; line-height: 18px; font-weight: normal;}
h4{}

.heading {width:100%;text-align:center;}
.heading h1{width:100%;display:block;font-size:34px;line-height:65px;font-family: sans-serif;font-weight: 400;}
.heading p {color:#606060;}

 
.txt_uppercase{text-transform:uppercase;}
.txt_decor{ text-decoration:none !important;}
.txt_al{text-align:center;}
.bold{font-weight:bold;}
.txt_norm{ text-transform:none !important;}
.font-14{font-size:14px;}
.hov:hover{color:#199cee;}
.hov-1:hover{color:#253152;}
.hov-2:hover{color:#253152; text-decoration:underline;}

.border-none{border: none !important;}

.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.col{color:#000;}
.col-1{color:#199cee;}

.marg_bot{margin-bottom:0 !important; padding-bottom:0 !important;}	
.marg_top{margin-top:0 !important; padding-top:0 !important;}	
.marg_left-0{margin-left:0 !important;}	
.marg_right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}	
.marg{margin:0 !important; padding:0 !important;}
.marg_20{margin-top:20px !important;}
.padding_right{padding-right:0 !important;}
.padding_left{padding-left:0 !important;}
.padding{padding:0px !important;}

.padd{padding:20px 0 0 65px !important;}
.padd-1{margin:64px 0 12px 0;}.padd-1-1{margin:64px 0 5px 0;}.padd-1-2{margin:64px 0 18px 0;}
.padd-2{margin:59px 0 29px 0;}
.padd-3{margin:35px 0 16px 0;}
.padd-4{margin:41px 0 13px 0;}
.padd-5{margin:61px 0 14px 0;}
.padd-6{margin:64px 0 13px 0;}
.padd-7{margin:62px 0 30px 0;}
.padd-8{margin:62px 0 31px 0;}
.padd-9{margin:64px 0 17px 0;}
.padd-10{margin:12px 0 0 0;}


.top{margin-top:13px;}
.top-1{margin-top:5px;}.top-1-1{margin-top:4px;}.top-1-2{margin-top:6px;}
.top-2{margin-top:16px;}.top-2-1{margin-top:18px;}
.top-3{margin-top:38px;}.top-3-1{margin-top:40px;}
.top-4{margin-top:61px;}


.bot{padding-bottom:2px;}
.bot-1{padding-bottom:17px;}
.bot-2{padding-bottom:30px;}.bot-2-1{padding-bottom:25px;}
.bot-3{padding-bottom:60px;}
.bot-4{padding-bottom:34px;}
.bot-5{padding-bottom:20px;}
.bot-6{padding-bottom:18px;}


.left{margin-left:18px;}
.left-1{margin-left:31px;}
.left-2{margin-left:98px;}

.right{margin-right:33px;}
.right-1{margin-right:20px;}
.right-2{margin-right:7px;}
.right-3{margin-right:15px;}

/*properties for a */
				
a {text-decoration:none; cursor:pointer;color:blue;}
a:hover {text-decoration:none;}

ul {margin:0; 
	padding:0;
	list-style-image:none;}
		
 

.animate
{
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
}

.action-button
{
	position: relative;
	padding: 10px 40px;
  margin: 0px 0px 12px 0px; 
	border-radius: 10px; 
	font-size: 16px;
	color: #FFF;
	text-decoration: none;	
}

.blue
{
	background-color: #2b5888;
	border-bottom: 3px solid #093666;
	text-shadow: 0px -2px #093666;
}
  

.yellow
{
	background-color: #ffe37a;
	border-bottom: 4px solid #fed269;
	color:#000000;
	text-shadow: 0px -2px #fed269;
}

.action-button:active
{
	transform: translate(0px,3px);
  -webkit-transform: translate(0px,3px);
	border-bottom: 1px solid transparent; 
	margin-bottom:14px;
}

 

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper{overflow:hidden;}
.wrapper-extra{overflow:hidden;}
.extra-wrap{overflow:hidden;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:0 1px 0px 0;} 


/*********************************header*************************************/
.head{width:100%; margin: 0 auto; position:relative; z-index:2;background: url(../images/bg-head.jpg) center 0 no-repeat #0A3667;
} header{width:940px; margin: 0 auto;position:relative;}
.telephone{text-align:right; font-size:18px;padding:21px 0 0 0; font-family: Arial, Helvetica, sans-serif;}
.telephone img{margin:2px 21px 0 0;}
.telephone a{color:#fed269; display: inline-block;margin:4px 0 0 0;font-weight: normal;}
.telephone a:hover{color:#fff;} 	
.nav-logo{}
nav{}

/*********************************content*************************************/
#content{width:100%; padding:0 0 88px 0; margin:0; position:relative; z-index:1;}
#content a {color:blue;}
#content-subpage{width:100%; padding:28px 0 88px 0; margin:0; position:relative; z-index:1;background:#fff;min-height:50%;}
.headerleft {width:40%;float:left }
.headerright { width:60%;float:left;text-align:right;padding :10px 0px 23px 0px;}
.gridtable { margin-top:23px;} 
.div-search{}
#form-search{}
#form-search input{width:181px; height:12px; font-family: Arial, Helvetica, sans-serif; font-size:12px;color:#8e8e8e;  display: inline-block; float:left; background:#353535; padding:8px 0 7px 19px; border:1px solid #222222; border-radius:6px;margin:4px 0 0 1px;
box-shadow: inset 1px 1px 3px #2c2c2c}
#contact{font-size:16}
#contact td {padding:5px;}

#empsignup input[type="text"], input[type="password"]{font-family: Arial, Helvetica, sans-serif; font-size:14px;color:#000;  display: inline-block; background:#fff; padding:8px 0 7px 8px; border:1px solid #999999; border-radius:6px;margin:4px 0 0 1px;}
#empsignup table {border-radius:10px;width:50%;}

.success {
    color: green;
   font-size:16px;
}
.warning {
     
}
.error {
    color: red;
    font-size:16px;
}

/*************************************index************************************/
.link-img{}
.box-1{width:220px; float: left;}
aside, .aside{width:100%; background:#252525;padding-bottom:78px;}
.list{}
.list li{background: url(../images/arrow-list-aside.jpg) left 9px no-repeat ;padding:3px 0 3px 14px;}
.list li a{font-size:13px; color:#286c96;}
.list li a:hover{color:#fff;}



 /****************************footer************************/
footer, .footer{ font-family:  Arial, Helvetica, sans-serif; font-size:14px; color:#fff;background:#1c1c1c; padding-top:21px; padding-bottom:30px; text-indent:0;}
footer a, .footer a{color:#fff;}
footer a:hover, .footer a:hover{color:#feba19;}
