/*--------------------------------------------
Global Styles
---------------------------------------------*/

* { padding: 0; margin: 0; }
body {  font-size: 11px; font-family: Arial, Helvetica, Verdana, sans; color: #666666; line-height: 18px; background: #ffffff;height:100% }

/*--------------------------------------------
Header Styles
---------------------------------------------*/
div#header { background: url('./_base/img/header_bg.jpg') repeat-x top; position: relative; z-index: 2;  }
div#header div.logo { padding-top: 52px; padding-bottom: 20px; *padding-bottom: 10px; padding-left: 16px; font-size: 30px; color: black; font-weight: bold;}
div#header div.contact { float: right; margin-top: -38px; font-size: 12px; color: #959595; text-align: right; padding-right: 16px;}
div#header div.contact span { color: #01b9ef; }
div#header div.graphic { width: 920px; height: 188px; position: relative; }

/*--------------------------------------------
Navigation Style
---------------------------------------------*/
div#header div.navigation { margin-top: 20px; }
div#header div.navigation ul { list-style: none; background: url('./_base/img/nav_bg.jpg') repeat-x; height: 35px; padding-left: 25px; }
div#header div.navigation ul li { float: left; padding-left: 0px; margin-right: 30px; position: relative; padding-top: 8px; padding-bottom: 8px; }
div#header div.navigation ul li a { color: #959595; text-decoration: none; font-size: 11px; padding: 11px; }
div#header div.navigation ul li a:hover { color: #fff; background-color: #494a4e; padding: 11px; }
div#header div.navigation ul li.active a { color: #fff; background-color: #494a4e; padding: 11px; }
/*--------------------------------------------
End of Navigation Styles
---------------------------------------------*/


/*--------------------------------------------
Column style
---------------------------------------------*/
div.inner_content div.left { float: left; width: 260px; padding-left: 16px; padding-top: 16px; background-image: url('./_base/img/contentbox.jpg'); background-repeat: no-repeat; padding-right: 16px;}
div.inner_content div.middle { float: right; width: 260px; padding-left: 16px; padding-top: 16px; background-image: url('./_base/img/contentbox.jpg'); background-repeat: no-repeat; padding-right: 16px; margin-left:22px;}
div.inner_content div.right { float: right; width: 260px; padding-left: 16px; padding-top: 16px; background-image: url('./_base/img/contentbox.jpg'); background-repeat: no-repeat; padding-right: 16px; }

div.inner_content div.leftr { float: left; width: 225px; padding-right: 25px; padding-left: 37px; padding-top: 20px; }
div.inner_content div.middler { float: right; width: 225px; padding-left: 25px; padding-right: 25px; padding-top: 20px; }
div.inner_content div.rightr { float: right; width: 225px; padding-left: 25px; padding-top: 20px; padding-right: 25px; }

div.inner_content div.main { float: left; width: 775px; padding-top: 20px; padding-left: 25px; padding-right: 25px; }
div.inner_content div.leftc { float: left; width: 555px; padding-left: 16px; padding-right: 44px; padding-top: 25px; }
div.inner_content div.rightc {margin-top: 25px; float: left; width: 260px; padding-left: 16px; padding-top: 16px; padding-right: 16px;    background-image: url('./_base/img/contentbox.jpg'); background-repeat: no-repeat;}
div.inner_content div.rightc span { color: #01b9ef; }
/*--------------------------------------------
End of Column style
---------------------------------------------*/

/*--------------------------------------------
Footer style
---------------------------------------------*/
div#footer { background-image: url(./_base/img/black.jpg); background-repeat: repeat; width: 100%; margin-top: 44px; height: 50px; }
div#footer div.inner { padding: 15px; }
div#footer div.inner div.left { float: left; padding-left: 20px;}
div#footer div.inner div.right { float: right; padding-right: 20px; }

/*--------------------------------------------
Typography
---------------------------------------------*/
h1 { color: black;font-size: 18px; }
h2 { font-weight: normal; font-size: 14px; line-height: 24px; color: black; }
a { color: #01b9ef; outline: none; text-decoration: none; }
a:hover { text-decoration: none; }
p { margin-top: 5px; font-size: 12px; line-height: 18px; }

/*--------------------------------------------
Misc
---------------------------------------------*/
div.inner,
div.inner_content { width: 920px; margin: 0 auto;}
div.inner_content { position: relative; z-index: 1; background-color: #ffffff; min-height: 250px; }
.contentbox { padding-left: 16px; padding-top: 25px; }
.boxes { padding-top: 35px; }

ul#content { list-style: none; margin-top: 15px; }
ul#content li { display: none;}

ul#list  {list-style: square; padding-left: 25px;}
ul#list li {  display: block;  }

ul#blocklist  {   padding-top: 10px; list-style: none;}
ul#blocklist li { max-height: 30px;  min-height: inherit; display: block; padding: 0px; border-bottom: 0px solid #CCCCCC; border-top: 0px solid #ffffff;}

ul#blocklist li a { font-size: 12px;}
ul#blocklist li.active {color: white; }
ul#blocklist li.active a {color: black; }
ul#blocklist li a:hover { font-size: 12px; color: black; }

table{ border: 1px solid #CCCCCC;}
td{ border-bottom: 1px solid #CCCCCC; border-top: 1px solid #ffffff; padding: 10px; background-color:#ECECEC; }
img { border:0; }
.clear { clear:both; }
#cu3er-container {width:920px; outline:0;}

/*--------------------------------------------
Contact form style
---------------------------------------------*/
input { border: 1px solid #CCCCCC; padding: 4px; font: 12px Arial, Helvetica, Sans-Serif; }
textarea { border: 1px solid #CCCCCC; padding: 4px; font: 12px Arial, Helvetica, Sans-Serif; }
.form { margin: 0 auto; width: 530px; padding-top: 15px; }
#contact_form label { color: #333333; display: block; font-weight: bold; text-align: right; width: 140px; float: left; }
#contact_form .small { color: #666666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px; }
#contact_form input { float: left; width: 300px; margin: 2px 0 15px 19px; color: #444444; }
#contact_form textarea { float: left; width: 300px; margin: 2px 0 15px 19px; color: #444444; }
#contact_form button { clear: both; margin-left: 370px; *margin-left: 327px; background: #333333; color: #FFFFFF; border: solid 1px #111111; font: 12px Arial, Helvetica, Sans-Serif; font-weight: bold; padding: 4px 6px; }