html { height: 100%; margin-bottom: 1px; }
body { margin: 0; padding: 0; color: #7b7b7b; font: normal 11px Arial,Verdana,Geneva,Helvetica,sans-serif; background: #fff; }  

	
h1, h2, h3, h4, h5, h6 { color: #11b2f0; font-weight: normal; }
 h2 { font-size: 19px; padding: 37px 0 0 0; margin: 0; }
 h3 { font-size: 15px; padding: 20px 0 2px 0; margin: 0; } 

h1#logo { float: left; padding: 0; margin: 0; overflow: hidden; width: 219px; height: 54px; background: url(../images/logo.gif) 0 0 no-repeat; text-indent:  -999999em; }
 h1#logo a { display: block; width: 219px; height: 54px; }

p { padding: 2px 0 2px 0; margin: 0; }
 p#contact_numbers { margin: 10px 0 10px 0; }

.left { float: left; }
.right { float: right; }	
.error { color: #f00; }
.ok	{ color: #33bdf2; }

/* A
**--------------------------------------*/
a { color: #000; text-decoration: none;  }
 a:hover { text-decoration: underline; }

/* NAVIGATION
**--------------------------------------*/
/* right menu */
ul#nav { display: block; margin: 125px 0 0 0; padding: 0; }
 ul#nav li { display: block; margin: 0 0 1px 0; padding: 0; height: 19px; }
 ul#nav li a  { display: block; width: 140px; height: 16px; background: #7fd6f7; padding: 3px 9px 0 0; text-align: right; color: #fff; font-weight: normal; text-decoration: none; text-transform: uppercase;}
 ul#nav li a:hover  { width: 178px; margin: 0; padding: 3px 18px 0 0; background: #33bdf2 url(../images/nav_arrow.gif) 184px 6px no-repeat; }
 ul#nav li.active a  { width: 178px; margin: 0; padding: 3px 18px 0 0; background: #33bdf2 url(../images/nav_arrow.gif) 184px 6px no-repeat; }

/* FORM
**--------------------------------------*/
form { display: block; margin: 10px 0 10px 0; padding: 0; }
fieldset  { display: block; padding: 0; margin: 0; border: 0; }
input, select, option, textarea { margin: 0; padding: 0; color: #7b7b7b; }
 input.text, select, option, textarea { width: 100%; }
 input#submit { background: #fff; border: 1px solid #a5acb2; float: right; }

table#contact_form { display: block; width: 330px; overflow: hidden; text-align: left; }
 table#contact_form td,th { vertical-align: top; }
 table#contact_form th { width: 110px; }
 table#contact_form td { width: 192px; } 

/* FORMA
**--------------------------------------*/	
#top { display: block; overflow: hidden; width: 864px; height: 68px; margin: 0 auto; padding: 16px 0 0 0; }
 #top_right { float: right; text-align: right; padding: 20px 0 0 0; }
  #top #phone_ico { margin: 0 0 7px 0; padding: 0; font-size: 16px; font-weight: bold; color: #707070; text-align: right; }

   #top_sub_title { margin: 0; padding: 0; color: #00adef; font-size: 10.5px; text-transform: uppercase; }

#container { display: block; width: 100%; background: url(../images/container_bg.gif) 0 13px repeat-x; }
 #container div.centering  { overflow: hidden; margin: 0 auto; padding: 0 9px 20px 9px; background: url(../images/border_right.gif) 100% 13px no-repeat; width: 864px; }
  #cont_for_footer { float: left; overflow: hidden; width: 492px; }
   #left_col { float: left; width: 196px; overflow: hidden; height: 361px; margin: 13px 0 0 0; background: url(../images/left_col_bg.gif) 0 0 repeat-x ; }
   #flash { float: left; width: 296px; overflow: hidden; height: 361px; margin: 13px 0 0 0; }
   #copyright  { display: block; clear: both; color: #b3b3b3; font-size: 8.5px; _font-size: 9px; font-weight: bold; text-transform: uppercase; padding: 5px 10px 0 10px;  }
   #copyright a { font-size: 8.5px; _font-size: 9px; font-weight: bold; text-transform: uppercase; color: #b3b3b3; }
   #copyright a:hover { text-decoration: none; }
  #content { float: left; position: relative; width: 370px; min-height: 420px; _height: 420px; border: 1px solid #e9ebf1; background: #fff url(../images/logo_icon.gif) 100% 100% no-repeat; }
   #content_white_brdr { display: block; width: 323px; overflow: hidden; padding: 0 25px 68px 18px; margin: 2px; background: url(../images/content_bg.gif) 0 0 repeat-x; }
   #content p { margin: 2px 0 2px 0; line-height: 15px; }
   #content ul { margin-left: 13px; padding-left: 0; }
    #content ul li { margin-left: 0; padding-left: 10px; padding-bottom: 5px; }
   #content_shadow { display: block; position: absolute; bottom: -20px; width: 370px; height: 19px; background: url(../images/content_shadow.gif) 0 0 repeat-x; }