@charset "utf-8";
html, body{height: 100%;}
body{font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: url(bg.gif) repeat-x #141414;}

#header a, #sidebar a{outline:none;}

#container {min-height:100%; position:relative; padding:0; margin:0;} 
#content{width: 767px; margin: 0 auto; padding-bottom:50px;}

#header { height: 100px; } 
#header h1 {margin: 0; padding: 0;}
#header h1 a{text-indent:-9999px; display:block; background:url(logo.jpg) no-repeat; height:100px; width: 435px;}

#mainmenu{height:50px; width:767px; background: url(images/menu_bg.gif) no-repeat;}
#menu{height:50px; margin:0; background: url(images/menu_bg.gif) no-repeat;}
#menu ul{padding:0;	margin:0;}
#menu ul li{padding:0; margin:0; display: inline; list-style: none;}
#menu ul li h6 a{display:inline; display:block; width:153px; height:30px; text-decoration:none; font-size:12px; color:#FFFFFF; margin:0; padding:12px 0; padding-left:1px; cursor:pointer;}
.main a:link, .main a:visited{}

.main h6{margin:0; padding:0; width:153px;}

/*  Nav Menu */
#nav{margin:0; padding:0;}
#nav ul{margin: 0; padding:0;}
#nav li{display: inline; float: left; padding:0; position: relative; text-align: center; font-size:12px;}
#nav li a{text-decoration:none;}
#nav li:hover{}
#nav li ul li:hover{}


/* Nav Menu Second tier */
#nav li ul{
background-color: #fff;
display: none;
height: auto;
left: 0;
margin: 0;
position: absolute;
top: 100%;
width: 151px;
border-left: #2e8bbd 1px solid;
border-right: #2e8bbd 1px solid;
border-bottom: #2e8bbd 1px solid;
padding:0;
}

#nav li ul li ul{left:151px; margin-top:-24px;}
#nav li ul li ul li span{display:block; background: #e7e7e7!important; padding:5px!important; cursor:default!important;}
#nav li ul li ul li ul{left:-153px; margin-top:-35px; border-top: #2e8bbd 1px solid;}
#nav li ul a{color:#000;}


/* When the user hovers over a list item, we'll then make the nested unordered list visible*/
#nav li:hover ul{
display: block;
width: 151px;
height:auto;
}

#nav li ul li{
margin: 0;
text-align: left;
width: 151px;
height: auto;
font-size:12px;
}

#nav li ul li a:link{padding: 0;}

#nav li ul li:hover a{
	color:#000;
	display: block;
	width:151px;
	height: 100%;
}

#nav li ul li a { /* Just submenu links*/
	display: block;
	height: 100%;
	width: 141px!important;
	color:#000000;
	padding:5px!important;
	margin:0;
}
#nav li ul li a:hover { /* Just submenu links*/
	background-color:#f58220;
	background-image:none;
	color:#FFFFFF;
}

.noBorder{border: none;}

/*

.home #nav .menu_home a, .about #nav .menu_about a, .products #nav .menu_products a, .news #nav .menu_news a, .contact #nav .menu_contact a, .home #nav .menu_home span, .about #nav .menu_about span, .products #nav .menu_products span, .news #nav .menu_news span, .contact #nav .menu_contact span{ background: url(images/menu_selected.gif) no-repeat right !important; color: #FFFFFF!important;}

.main ul li a:hover{background: url(images/menu_highlight.gif) no-repeat right;}

*/

#mainContent {float:left; width:520px; margin: 0 0 7px 0; padding: 5px 10px; background:#FFFFFF; border:#e7e7e7 10px solid; min-height:200px;} 

#fullContent {width:725px; margin: 0 0 7px 0; padding: 5px 10px; background:#FFFFFF; border:#e7e7e7 10px solid; min-height:200px;}

#homepage h1, #homepage h2, #mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #fullContent h1, #fullContent h2, #fullContent h3, #fullContent h4, #fullContent h5{padding:0; margin:0; font-weight: bold; letter-spacing: 1px;}
#homepage h1, #fullContent h1, #mainContent h1{color: #f58220; font-size: 26px; font-weight: normal; } 
#homepage h2, #fullContent h2, #mainContent h2{color: #005b94; font-size: 20px; font-weight: normal; } 
#fullContent h3, #mainContent h3{color: #005b94; font-size: 14px; font-weight: normal; } 
#fullContent h4, #mainContent h4{font-size: 12px;}
#fullContent h5, #mainContent h5{}

#fullContent td, #mainContent td {font-size:12px;}

#sidebar {float: left; width: 200px; margin-left: 7px;}
#sidebar ul {margin: 0px; padding: 0px; list-style-type: none;}
#sidebar ul li{background-color: #fff;padding:5px 0; font-size: 11px;}
#sidebar ul li SPAN{color: #E7E7E7; padding:0;}
#sidebar li ul li{background-color: #fff; padding:5px 15px; }

#sidebar li a, #sidebar ul li SPAN {text-decoration: none; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 10px; margin:0;}

#sidebar li a:link, #sidebar li a:visited {color:#000;}
#sidebar li a:hover, #sidebar li a:active{color:#f58220;}
#sidebar ul li SPAN {color:#005b94;}

#sidebar a img{padding:0!important;}
#sidebar li.current {background:url(sideboxnav_bg.gif) no-repeat #f58220; font-family: Verdana, Arial, Helvetica, sans-serif;}
#sidebar li.current a{color:#FFFFFF;}

#sidebar h3{color: #005b94; font-weight: normal; margin:0; padding:0;}

#sidebar .sideboxnav{width: 175px; padding: 0; margin:0; background:#fff; border:#e7e7e7 10px solid; margin-bottom:7px; display: block!important}

#sidebar .sidebox{width: 165px; padding: 5px; margin:0; background:#fff; border:#e7e7e7 10px solid; margin-bottom:7px; display: block!important}

#homepage p, #fullContent p, #fullContent li, #mainContent p, #mainContent li, #sidebar p{font-size: 12px; margin: 0 0 7px 0;} 

#homepage ul li, #fullContent ul li, #mainContent ul li{padding-bottom:5px; font-size:11px; list-style-image:url(img/bullet_orange.gif)}
#homepage ol li, #fullContent ol li, #mainContent ol li{padding-bottom:5px; font-size:11px;}

#homepage a:link, #homepage a:visited, #fullContent a:link, #fullContent a:visited, #mainContent a:link, #mainContent a:visited{color:#f58220; text-decoration: none;}
#homepage a:hover, #homepage a:active, #fullContent a:hover, #fullContent a:active, #mainContent a:hover, #mainContent a:active{color:#f58220; text-decoration: underline;}

#footer {background: url(footer.gif) repeat-x #014d7d; position:absolute; bottom:0; height:50px; padding: 0; margin:0; width:100%;} 
#footer p {margin: 0; padding:15px 0; text-align: center; font-size: 10px; letter-spacing: 1px; font-weight: bold; color:#FFFFFF;}

.clearfloat {clear:both; height:0!important; font-size: 1px; line-height: 0px;}

#mainTopLeft {float:left; width:398px; height:240px; margin: 0 7px 7px 0; padding: 0; background:#FFFFFF; border:#e7e7e7 10px solid;}
#mainTopRight {float:left; width:320px; height:240px; margin: 0 0 7px 0; padding: 0; background:#FFFFFF; border:#e7e7e7 10px solid;}
#mainBottomLeft {float:left; width:210px; height:200px; margin: 0 7px 7px 0; padding: 5px 10px; background:#FFFFFF; border:#e7e7e7 10px solid;}
#mainBottomCenter {float:left; width:211px; height:200px; margin: 0 7px 7px 0; padding: 5px 10px; background:#FFFFFF; border:#e7e7e7 10px solid;}
#mainBottomRight {float:left; width:210px; height:200px; margin: 0 0 7px 0; padding: 5px 10px; background:#FFFFFF; border:#e7e7e7 10px solid;}

input#name, input#email, input#phone{padding:5px 5px 5px 25px; width:480px; color:#f58220; border: solid #e7e7e7 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
input#name:hover, input#email:hover, input#phone:hover {padding:5px 5px 5px 25px; width:480px; color:#f58220; border: solid #bbbdbd 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}

input#name {background:transparent url(img/ico_user.gif) no-repeat scroll 5px;}
input#email {background:transparent url(img/ico_email.gif) no-repeat scroll 5px;}
input#phone {background:transparent url(img/ico_phone.gif) no-repeat scroll 5px; }
textarea#comments {padding:5px; width:500px; color:#f58220; border: solid #e7e7e7 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
textarea#comments:hover {padding:5px; width:500px; color:#f58220; border: solid #bbbdbd 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}

input#captcha_code {background:transparent url(img/ico_key.gif) no-repeat scroll 5px; padding:5px 5px 5px 25px; width:240px; color:#f58220; border: solid #e7e7e7 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
input#captcha_code:hover{padding:5px 5px 5px 25px; width:240px; color:#f58220; border: solid #bbbdbd 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px;}

table {
	margin: 0 auto;
}

#nav .sIFR-flash{margin:12px 0!important;}
.sideboxnav li .sIFR-flash{margin:0 10px!important;}

/* sIFR3 CSS */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
	outline:none;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}
