@charset "utf-8";
/* CSS Document */


/*main*/
* {margin: 0;} 
html, body {height: 100%; background-image:url(../images/backgroundhome.jpg); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background-color:#98a1c0} 
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em;} 
/*end main*/

/*layout*/
#container {margin-left:auto; margin-right:auto; width:960px;}
.header {width:960px; height:138px; float:left; color:#999933; background-color:#011F51}
#nav {}
.nav {width:960px; height:31px; float:left; background-color:#000000; color:#FFFFFF }
.content {width:960px; float:left;}
.top {width:960px; float:left}
.leftspace {width:15px; height:50px; float:left}
.left { width:175px; float:left; height:219px; background-image:url(../images/menubig.jpg); margin-top:10px}
.righttop { width: 770px; float:left}
.bottom { width: 960px; float:left;}
.boxright { width:175px; float:left; padding-bottom:15px}
.boxright p{ line-height:18px; font-weight:bold}
.bottomcontent { width: 700px; float:left; padding-right:22px; padding-left:22px}
.bottomcontent img{margin-right: 4px;}
.bottomcontentabout { width: 760px; float:left}
.bottomcontentport { width: 960px; float:left;}
.featurebox {width:175px; float:left;}
.leftboxport {width:357px; height:235px; float:left;}
.featureboxtop { width: 175px; float:left; height:40px; background-color:#011f51; text-align:center;}
.featureboxbottom { width: 175px; float:left; background-color:#dcdcdc}
.contentbottom {width:960px; float:left}
.push {height:31px; background-color:#000000; width:960px; margin-left:auto; margin-right:auto}
.fade {width:960px; height:31px; float:left;}
.clear {width: 100%; height: 1px; margin: 0 0 -1px; clear: both;}
/*end layout*/

/*stylef22700*/
img { border:none}
.nav {float:left;}
.nav img{ }
.content p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;  margin-top:5px; margin-left: 0px; color:#3c3b3b; }
.content h1{ margin-top:20px; font-weight:bold; color:#FFFFFF; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.copyright a{ color:#000000;}
.bottomnav {text-align:center; clear:both; color:#FFFFFF; padding-top:9px} 
.bottomnav a{color:#FFFFFF; text-decoration:none; text-align:center}
a:link {color: #FFFFFF; text-decoration: underline; }
a:active {color: #FFFFFF; text-decoration: underline; }
a:visited {color: #FFFFFF; text-decoration: underline; }
a:hover {color: #FFFFFF; text-decoration: none; }
/* end styles */

/* nav */
.cssnav1{float: left;margin-top: 0px;}
.cssnav2{width: 80px; line-height:31px; float:left; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center}
.cssnav2 a{text-decoration: none; color:#FFFFFF}
.cssnav2 a:hover{font-weight:bold; color: #FFFFFF}
.cssnav3{width: 100px; line-height:31px; float:left; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center}
.cssnav3 a{text-decoration: none; color:#FFFFFF; margin-left:auto; margin-right:auto}
.cssnav3 a:hover{font-weight:bold; color: #FFFFFF}
.cssnav4{width: 106px; line-height:31px; float:left; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center}
.cssnav4 a{text-decoration: none; color:#FFFFFF}
.cssnav4 a:hover{font-weight:bold; color: #FFFFFF}
.cssnav5{width: 90px; line-height:31px; float:left; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center}
.cssnav5 a{text-decoration: none; color:#FFFFFF}
.cssnav5 a:hover{font-weight:bold; color: #FFFFFF}
.cssnav6{width: 130px; line-height:31px; float:left; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center}
.cssnav6 a{text-decoration: none; color:#FFFFFF}
.cssnav6 a:hover{font-weight:bold; color: #FFFFFF}
.cssnav7{width: 106px; line-height:31px; float:left; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center}
.cssnav7 a{text-decoration: none; color:#FFFFFF}
.cssnav7 a:hover{font-weight:bold; color: #FFFFFF}
.cssnav8{width: 175px; line-height:46px; float:left; color:#000000; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center}
.cssnav8 a{text-decoration: none; color:#000000}
.cssnav8 a:hover{font-weight:bold; color: #000000}
.cssnav9{width: 175px; line-height:42px; float:left; color:#000000; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center}
.cssnav9 a{text-decoration: none; color:#000000}
.cssnav9 a:hover{font-weight:bold; color: #000000}
.cssnav10{width: 175px; line-height:42px; float:left; color:#000000; font-family:"Times New Roman", Times, serif; font-size:16px; text-align:center; background-image:url(../images/menusmall.jpg); height:47px;}
.cssnav10 a{text-decoration: none; color:#000000}
.cssnav10 a:hover{font-weight:bold; color: #000000}
.portfoliogallery{width: 960px; margin-top:0px; float:left; color:#000000; font-family:"Times New Roman", Times, serif; font-size:20px; text-align:center; }
.line {background-image:url(../images/seperator.jpg); float:left; width:3px; height:31px}
/* end nav */