/*font*/
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'db_template_xregular';
    src: url('../fonts/db_template_x.eot');
    src: url('../fonts/db_template_x.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_template_x.woff') format('woff'),
         url('../fonts/db_template_x.ttf') format('truetype'),
         url('../fonts/db_template_x.svg#db_template_xregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'db_template_xitalic';
    src: url('../fonts/db_template-italic_x.eot');
    src: url('../fonts/db_template-italic_x.eot?#iefix') format('embedded-opentype'),
         url('../fonts/db_template-italic_x.woff') format('woff'),
         url('../fonts/db_template-italic_x.ttf') format('truetype'),
         url('../fonts/db_template-italic_x.svg#db_template_xitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*general*/
html,body{margin:0;	padding:0;	}
input:focus {outline:none;}
input::-moz-focus-inner {border:0;}
textarea:focus {outline:none;}
textarea::-moz-focus-inner {border:0;}
select:focus {outline:none;}
select::-moz-focus-inner {border:0;}
a{text-decoration: none; outline: none; color:#4E3220;}	
a img {border:none;}
table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
.clr{clear: both;}
section  {max-width: 1200px;  min-width: 960px;margin: 0 auto; position: relative;}
header, article, footer, section {clear: both;}
body {background: #273238;}

/*header*/
#logo {display: block; float: left; width: 218px; height: 61px; margin-top: 60px;}
header {position: relative; z-index: 10; background: #FFF;}
header nav{float: right; margin-top: 60px; height: 60px;}
header nav ul { list-style: none; float: left; margin-right: 40px;}
header nav ul li{ float: left; padding: 0px 20px;}
header nav ul ul{ display: none;}
header nav ul ul li{ float: none;}
header nav ul a{ display: block; font: 15px/30px  tahoma,arial;  color: #008fd5;}
header nav ul a.active,
header nav ul a:hover{border-bottom: 3px solid #008fd5;}
header nav p{ float: left; }
header nav p a{font: 15px/30px 'OpenSansRegular', arial; color:#008fd5;}
header nav p a.active{color: #30BEDA;}

#login-section {position: absolute; top: 20px; right:0;}
#login-section .arrow{float: left; margin-right: 10px;}
#login-section  form {float: left;}
#login-section  form input {border: 0;background: #008fd5; color: #FFF; margin-bottom: 0;    font-size: 14px;  }
#login-section  form input[type="password"],#login-section  form input[type="email"] {width: 186px;}
#login-section  form input[type="submit"] {margin-right: 10px; height: 28px;}
#login-section  a{display: block;float: left; background: #30beda; color: #FFF;border: 0;}

section.pagename{height: 170px;}
section.pagename h1 span{font: 32px/170px tahoma,arial; color: #c5c5c5;}
section.pagename h1 em{font:normal 48px/170px 'OpenSansLight',arial; margin-left: 10px; color: #008fd5;}
/*footer*/
footer {padding-bottom: 80px;}
footer .slogan{font: 53px 'OpenSansLight', arial; text-align: center; color: #FFF; margin: 40px 0;}
footer ul{ text-align: center; clear: both; list-style: none; margin: 0;}
footer ul li{padding: 10px;display: inline-block;}
footer  ul li a{color: #929292;}
footer  ul li a:hover{color: #FFF;}
footer  p {text-align: center;color: #929292;}

/*
border-radius for all browser
border: 0;
-webkit-border-radius: 5px 5px 0 0; 
-moz-border-radius: 5px 5px 0 0; 
border-radius: 5px 5px 0 0; 
behavior: url(css/PIE.htc);
*/


/*home content*/

.fullwidthbanner-container{
		width:100% !important;
		position:relative;
		padding:0;
		max-height:500px !important;
		overflow:hidden;
		background: #FFF;
	}
.fullwidthbanner-container .caption.large_black_text{
font: 72px 'db_template_xregular', arial;
color: #989898;
}
.fullwidthbanner-container .caption.very_large_black_text{
font: 113px 'db_template_xregular', arial;
color: #008fd5;
}
.fullwidthbanner-container .btn{color: #FFF; font: 17px tahoma, arial;}
.homepage article{background: #008fd5;}
.homepage article p.imgHead {text-align: center; margin: 0 10px;}
.homepage article {padding: 60px 0;}
.homepage article  h2{font: 18px tahoma,arial; color: #FFF; margin: 15px 10px}
.homepage article p.text{ margin: 0 10px; color: #a2e0ff;}
.homepage article p.readmore{margin: 10px; }
.homepage article p.readmore a{color: #a2e0ff; display: inline-block; padding:  5px 10px; background: #0071A9;border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
.homepage article p.readmore a:hover{background: #34B1CB;}
.fullwidthbanner-container  .slide1{width: 439px !important;}

/*subpage*/

.subpage  article{padding-bottom: 50px;}


/*search*/
.register article{background: #008fd5;}
.register .registerBox {width: 860px; margin: 0px auto;}
.register .registerBox h2{font:normal 51px/80px 'OpenSansLight',arial;  color: #FFF;}
.register .registerBox form h3{font: 18px/30px tahoma, arial; padding-left: 40px; background: url(../images/article-arrow.jpg) no-repeat;color:#fff;}
.register .registerBox form  .note {font: 11px/30px tahoma, arial; color: #FFF;}
.register .registerBox form label{font: bold 15px  tahoma, arial;  color: #FFF; margin-top: 44px;}
.register .registerBox form aside{float: left; margin-right: 50px;}
.register .registerBox form aside label:first-child{margin-top: 10px;}
.register .registerBox form aside label.checkbox {margin-top: 0px;}
.register .registerBox form aside label a {font: 11px tahoma, arial; color: #FFF;}
.register .registerBox form select,
.register .registerBox form button,
.register .registerBox form input{display: block; background: #1ea1ba; border: 0; color: #FFF; border-radius: 0;width: 240px;}
.register .registerBox form select{width:252px;}
.register .registerBox form input[type="checkbox"]{width:20px;}
.register .registerBox form button{width: 80px;margin: 20px 0;}
.register .registerBox form button:hover{background: #008FD5; width: 80px;}


/* security */
#securityImg{float:left;margin-left:60px;margin-top:60px;margin-right:40px;background: url(../images/img-secure.png) no-repeat;width:114px;height:114px;}
.securityBox{float:left;margin-top:30px;color: #fff;}
.securityBox h3{font-size:18px;}
.securityBox ul{list-style:none;margin:0;}
.securityBox ul li{font:14px 'Tahoma';}



/* contact us */
#contactusImg{float:left;margin-left:60px;margin-top:60px;margin-right:40px;background: url(../images/img-contact-us.png) no-repeat;width:114px;height:114px;}
.contactusBox{float:left;margin-top:30px;color: #fff;}
.contactusBox h3{font-size:18px;}
.contactusBox ul{list-style:none;margin:0;}
.securityBox ul li{font:14px 'Tahoma';}
.contactusBox form select,
.contactusBox form button,
.contactusBox form textarea,
.contactusBox form input{display: block; background: #0072aa; border: 0; color: #FFF; border-radius: 0;width: 240px;}
.contactusBox form select{width:252px;}
.contactusBox form input[type="checkbox"]{width:20px;}
.contactusBox form textarea{width:415px;height:135px;}
.contactusBox form button{width: 80px;margin: 20px 0;}
.contactusBox form button:hover{background: #008FD5; width: 80px;}