4/* RESET */
* {outline: none;}body {margin:0; padding:0;font-size: 62.5%;height: 100%;}a:link, a:visited, a:hover, a:active {text-decoration: none;}ul, ol {margin: 0;padding: 0;list-style-type: none;}form {margin: 0px;padding: 0px;}a img {border: 0;}.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}.clearfix{min-width: 0;	display: inline-block; display: block;}* html .clearfix{height: 1%;}.left{float: left;}.right{float: right;}.textleft{text-align:left;}.textright{text-align:right;}.textcenter{text-align:center;}.center {margin-right: auto; margin-left: auto;}textarea { overflow:auto; }a { color:#333; }a:hover { text-decoration:underline; }

/* COMMON TAGS */
.clear { clear:both; line-height:1px; height:1px; }

/* TYPOGRAPHY */
/*h1 { font-size:2.4em; }
h2 { font-size:2.2em; }
h3 { font-size:2.0em; }
h4 { font-size:1.8em; }
h5 { font-size:1.6em; }
h6 { font-size:1.4em; }*/

/* LAYOUT TAGS */
body {background:url(../img/bg.jpg) repeat;font-family:Arial, Helvetica, sans-serif;}
#box { width:1100px; margin:0 auto; padding:10px; 0 0 0; }
/* header */
#header_line { width:1100px; margin-left:auto; margin-right:auto; background:url(../img/header_line.gif) repeat-x;}
#header { background:#fff; width:100%; float:left; height:120px; }
#logo { width:212px; float:left; padding:0 0 0 50px;}
#navigation { width:768px; float:left; padding:19px 0 0 0;}
#navigation ul { float:right; margin:0; padding:0; position:relative; z-index:100;}
#navigation ul li { background:url(../img/divider.gif) no-repeat right center; float:left; color:#0f3566; font-size:14px; line-height:20px; margin:0; padding:0 12px; position:relative; z-index:100;}
#navigation ul li.none { background:none; padding-right:0;}
#navigation ul li a { color:#0f3566; display:block; height:22px;}
#navigation ul li a:hover, #navigation ul li a.active { color:#de3814; text-decoration:none;}
#navigation ul li.hover,#navigation ul li:hover {position: relative;}
#navigation ul ul {background:url(../img/bg_navigation.png) no-repeat left top;display:block;font-size: 60%;margin: 0px;padding:5px 0 0 0;width: 211px;}
#navigation ul ul li {background:none;float: none;margin:0px;text-align: left;font-size: 12px;line-height:26px;height:26px;padding:0px;display:block;text-transform:none;}
#navigation div {background:url(../img/bg_navigation_li.png) no-repeat left bottom; display:block; padding:0 0 10px 0; width:211px; float:left; visibility: hidden; position: absolute; top:22px; left: -5px; z-index:1000; }
#navigation ul ul li a{display:block;text-decoration: none;margin:0;color:#0f3566;height: auto;background:none;text-align: left;padding:0 0  0 18px;width: auto;min-width:211px;}
#navigation ul ul li a:hover, #navigation ul ul li a.active{ color:#de3814; font-weight:normal;}
#navigation ul ul ul { left: 100%; top: 0; }
#navigation ul li:hover > div { visibility: visible; }
#navigation ul li:hover span {color:#ffe505; }
#navigation ul ul ul li:hover {position: relative;}

/* showcase */
/* #banner { width:964px; height:220px; padding:0 0 40px 16px; float:left; background:url(../img/mobils.jpg) no-repeat right top;} */
#banner {background:#fff; width:988px; height:220px; padding:35px 62px 40px 50px; float:left; overflow:auto;}
#banner h1 {color:#0f3566; font-size:44px; margin:0; padding:40px 0 0 0; line-height:36px;}
#banner h2 {color:#de3814; font-size:28px; font-weight:normal; padding:0; margin:15px 0 0 0;}

/* container */
#container { background:#fff; width:96.6%; float:left; padding:0 10px 0 27px;}
#container .common_box { width:318px; height:122px; padding:0 0 0 20px; float:left; border-right:solid 1px #b9b9b9;}
#container .common_box.border { border-right:none;}
.common_box h1 { color:#dd3814; font-size:27px; margin:0; line-height:18px; padding:0 0 8px 0; font-weight:normal;}
.common_box p { color:#272727; font-size:13px; line-height:17px; margin:0 0 0 0; padding:0 5px 0 0;}
.common_box p a { color:#272727;}
#featured_box { width:100%; float:left; padding:30px 0 24px 26px;}
#featured_box .common_top { width:100%; background:url(../img/fb_common_top.gif) no-repeat left top; float:left;}
#featured_box .common { width:505px; background:url(../img/fb_common.gif) repeat-y; float:left; margin:0 0 0 0;}
#featured_box .common_bottom {width:100%;background:url(../img/fb_common_bottom.gif) no-repeat left bottom; float:left;}
#featured_box .common_mid { width:456px;background:url(../img/fb_common_mid.png) repeat-x left bottom #f7f7f7; margin:12px 6px 12px 5px; display:inline; padding:0 0 0 18px; float:left;min-height:164px;}
#featured_box .common_mid h2 { color:#dd3814; font-size:20px; margin:0; padding:12px 0; font-weight:normal;}
#featured_box .common_mid p { color:#272727; font-size:13px; line-height:17px; margin:0; padding:0 15px 10px 0;}
.common_mid p a { color:#0f3566; }
.common_mid p img { float:right; }
.common_mid ul { list-style-type: disc; margin:0; padding:0px 0 10px 15px;}
.common_mid ul li { color:#272727; font-size:13px; line-height:17px; margin:0; padding:0 0 0 0;}

.pointer {cursor:pointer;}

/* main */
#main { float:left; width:550px; padding:0 0 0 40px;}
#main h1 { color:#0f3566; font-size:36px; margin:0; padding:40px 0 20px 0; line-height:36px;}
#main h2 { color:#de3814; font-size:24px; font-weight:normal; padding:10px 15px 10px 0; line-height: 26px; margin:0;}
#main h1.smaller { font-size:24px; }
#main h2.smaller { font-size:20px; }

#main p { width:100%; color:#272727; font-size:14px; line-height:17px; margin:0; padding:0px 15px 10px 0;}
#main a {color:#0f3566;}
#main b {font-size:14px}
#main span { width:100%; color:#272727; font-size:14px; line-height:17px; margin:0; padding:0 15px 0 0;}
#main ul { list-style-type: disc; margin:0; padding:5px 0 10px 30px;}
#main ul li { color:#272727; font-size:14px; line-height:17px; margin:0; padding:0 15px 0 0;}

#main hr { border:0; text-align:center; color:#e7e7e7; background:#d7d7d7;}
#main hr.spacer { margin-top:80px; }
#main.main_wide { width:auto; padding: 0 40px;}

/* sidebar */
#sidebar { float:right; width:350px; padding: 0 20px 0 0;}
#sidebar .featured_box { width:100%; padding:30px 0 24px 0;}
#sidebar .featured_box .common_top { width:100%; background:url(../img/fb_common_top_small.gif) no-repeat left top; float:left;}
#sidebar .featured_box .common { width:100%; background:url(../img/fb_common_small.gif) repeat-y; float:left; margin:0 0 0 0;}
#sidebar .featured_box .common_bottom {width:100%; background:url(../img/fb_common_bottom_small.gif) no-repeat left bottom; float:left;}
#sidebar .featured_box .common_mid { width:288px; background:url(../img/fb_common_mid.png) repeat-x left bottom #f7f7f7; margin:12px 6px 12px 5px; display:inline; padding:0 0 0 16px; float:left;}
#sidebar h2 { color:#dd3814; font-size:20px; margin:0; padding:12px 0; font-weight:normal;}
#sidebar p { color:#272727; font-size:13px; line-height:17px; margin:0; padding:0 15px 10px 0;}

/* footer */
#footer { background:#fff; width:100%; padding:10px 0 22px 0; float:left; }
#footer span { display:block; text-align:center; font-size:11px; color:#5c5d5d; margin:0; padding:7px 0 0 0;}
#footer a { text-decoration:none; color:#5c5d5d;}
#footer h1 { display:inline; text-align:center; font-size:11px; color:#5c5d5d; margin:0; padding:0; font-weight:normal}
#footer hr { border:0; width:90%; text-align:center; color:#e7e7e7; background:#d7d7d7;}

/* input forms */

.formLayout {padding: 0 15px 0 0; width: 400px;}
.formLayout label, .formLayout input, .formLayout textarea { display: block; float: left; margin-bottom: 10px;}
.formLayout label {color:#272727; font-size:14px; line-height:17px; margin:0; padding-right: 10px; width: 100px;}
.formLayout br {clear: left;}

.formLayout input { width:160px; border:1px solid #B9B9B9;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#272727; padding:2px }
.formLayout textarea { width:250px; border:1px solid #B9B9B9;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#272727; padding:2px; height:90px }

