body{margin:0px; text-align:center; background:url(images/bg_main.jpg) no-repeat top center #000000;}

h3{font-family:Verdana, Arial, Helvetica, sans-serif; color:#3376A6; font-size:14px; background:url(images/header_starter.png) no-repeat top left; text-indent:15px; margin-bottom:10px;}

h1{font-family:Verdana, Arial, Helvetica, sans-serif; color:#3376A6; font-size:18px; background:url(images/header_starter.png) no-repeat top left; text-indent:15px; margin-bottom:10px;}

h2{font-family:Verdana, Arial, Helvetica, sans-serif; color:#3376A6; font-size:16px; background:url(images/header_starter.png) no-repeat top left; text-indent:15px; margin-bottom:10px;}

.logo{float:left; margin-top:0px;}
.logo a{float:left; display:none; margin:0px; padding:1px;}

.top_keywords{height:10px; color:#999999; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
.top_keywords a{color:#666666; text-decoration:none;}
.top_keywords a:hover{color:#999999; text-decoration:none;}

.top_contact{height:20px; width:300px; color:#D69713; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; float:right; text-align:left; padding:5px; font-weight:bold;}
.top_contact img{float:left; margin:2px; margin-right:10px;}

.top_area{width:1000px; height:105px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:14px;}
.top_area a{text-decoration:none; color:#3376A6;border-right:1px solid #333333; display:block; float:right; padding:20px; padding-top:7px; padding-bottom:7px; margin-top:10px;}
.top_area a:hover{background:#3376A6; color:#FFFFFF;}

.banner_area{width:1000px; height:277px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:14px;}

.content_area{width:980px; height:700px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; padding:10px; text-align:center;}
.content_area a{color:#D69713; text-decoration:none;}
.content_area a:hover{color:#999999; text-decoration:none;}

.logo_area{width:300px; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; text-align:center; float:right;}


.content_area_inner{width:280px; float:left; margin:17px; padding:5px; border:0px solid #CCCCCC; text-align:justify; }
.content_area_inner img{padding:2px;  border:1px solid #333333; margin-bottom:4px; margin-top:4px;}

.content_area_portfolio{width:980px; height:658px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; padding:10px; text-align:center;}

.content_area_portfolio{width:280px; float:left; margin:17px; padding:5px; border:0px solid #CCCCCC; text-align:justify; }
.content_area_portfolio img{padding:2px;  border:0px solid #333333; margin-bottom:4px; margin-top:4px;}
.content_area_portfolio p{border-bottom:1px solid #333333;}

.portfolio_numbers{width:120px; height:20px; float:right; padding:5px; text-align:right;}
.portfolio_numbers a{display:block; float:left; margin:3px; padding:2px; background:#000000; color:#666666; border:1px solid #333333;}
.portfolio_numbers a:hover{background:#D69713; color:#000000; border:1px solid #000000;;}

.bottom{background:url(images/bottom_bg.jpg) repeat-x top; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; height:155px; padding:25px;}
.bottom_copyright{font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; height:60px; float:left; width:100%;}

.bottom_keywords{font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:8px; height:60px; float:left; width:100%;}

.bottom_icons{display:block; width:88px; height:31px; margin:10px;}

.bottom_services{width:500px; text-align:left; float:left;}
.bottom_services a{display:block; width:215px; padding:5px; border-bottom:1px solid #0E293C; color:#3376A6; text-decoration:none;  margin-left:15px; float:left;}
.bottom_services a:hover{ border-bottom:1px solid #3376A6;; color:#FFFFFF; background:#3376A6; text-decoration:none;}

.bottom_right{width:500px; text-align:left; float:right; text-align:justify;}

.text_field{width:300px; height:15px; background:#000000; border:1px solid #333333; color:#666666;font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px;}
.text_area{width:400px; height:120px; background:#000000; border:1px solid #333333; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:12px;}
.button{width:100px; height:30px; background:#3376A6; border:1px solid #333333; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}



.arrowlistmenu{
width: 280px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #3376A6;
/*background: black url(titlebar.png) repeat-x center left;*/
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: capitalize;
padding: 5px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border:0px solid #EEEEEE;
background:url(images/menu_arrow.gif) no-repeat left #0A1821;}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png);*/
}

.arrowlistmenu h3{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 12px; /*bottom spacing between each UL and rest of content*/
border-bottom: 0px solid #1968B7; 
color:#3376A6;
text-decoration:none;
text-indent:10px;

}

.arrowlistmenu h3 a{ /*CSS for UL of each sub menu*/
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
color:#3376A6;
text-decoration:none;
}

.arrowlistmenu h3 a:hover{ /*CSS for UL of each sub menu*/
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
color:#000000;
text-decoration:none;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 12px; /*bottom spacing between each UL and rest of content*/
border:1px solid #333333;
}

.arrowlistmenu ul li{
margin-top:8px;
padding-bottom: 12px; /*bottom spacing between menu items*/
margin-left:10px;
font-size:11px;
}

.arrowlistmenu ul li a{
color: #000000;
display: block;
padding: 0px 0;
width:170px;
text-decoration: none;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000000;
background-color: #1056AB;
text-decoration:none
}