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


body{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #444;
margin: 0px;
padding: 0px;
background-image: url(images/paper_bg.jpg);
background-repeat: repeat-x;
background-position: top center;
}

#hidden{
display: none;
}

h1, h2{
color: #333;
padding: 0px;
margin: 10px 0px 15px 0px;
font-weight: normal;
}

h3{
color: #333;
padding: 0px;
margin: 0px 0px 5px 0px;
font-weight: normal;
font-size: 140%;
}

a, a:visited, a:active{
color: #3b8088;
text-decoration: none;
}

a:hover{
color: #000;
text-decoration: none;
}

.gray{
font-size: 90%;
color: #666;
}


#container{
width: 900px;
margin: auto;
}

#head_left{
width: 160px;
height: 130px;
float: left;
margin-bottom: 30px;
}

#head_right{
width: 690px;
float: left;
margin-top: 40px;
margin-left: 50px;
}

#head_right a, #head_right a:visited, #head_right a:active{
color: #333;
text-decoration: none;
display: block;
float: left;
height: 30px;
width: auto;
padding: 7px 6px 3px 6px;
font-size: 18px;
text-shadow: #FFF 1px 1px 2px;
}

.spacer{
display: block;
width: 40px;
height: 40px;
background-image: url(images/spacer.png);
background-repeat: no-repeat;
float: left;
}


#head_right a:hover{
color: #3b8088;
}


.mid{
line-height: 160%;
}

#left_col{
width: 330px;
float: left;
padding-right: 20px;
margin-bottom: 10px;
}


#quote{
width: 320px;
height: 150px;
background-image: url(images/quote.jpg);
}

#quote:hover{
width: 320px;
height: 150px;
background-image: url(images/quote_hover.jpg);
}

#quote a{
width: 320px;
height: 150px;
display: block;
}

#right_col{
width: 550px;
float: left;
margin-bottom: 10px;
}

.port_left{
width: 635px;
float: left;
margin-right: 20px;
border-right: 1px solid #BBB;
}

.port_right{
width: 240px;
float: left;
}

.port_text{
width: 355px;
margin-left: 5px;
padding-top: 6px;
float: left;
}

.thumbs{
width: 255px;
height: 100px;
float: left;
padding: 10px;
background-image: url(images/thumb_bg.jpg);
}

.thumbs:hover{
width: 255px;
height: 100px;
float: left;
padding: 10px;
background-image: url(images/thumb_bg_hover.jpg);
}

.icon{
width: 24px;
height: 24px;
margin: 0px 5px 5px 0px;
float: left;
}

#footer{
width: 100%;
background-color: #d5d4d5;
padding-top: 50px;
font-size: 90%;
margin-top: 50px;
width: 100%;
min-height: 350px;
background-image: url(images/footer_bg.jpg);
background-repeat: repeat-x;
}

.slideshow{
width: 650px;
height: 300px;
background-image: url(images/test_bg.png);
background-repeat: no-repeat;
padding-left: 150px;
margin: auto;
}

#footer_text{
width: 900px;
margin: auto;
text-align: center;
padding-bottom: 20px;
}

.test_box{
width: 530px;
border-bottom: 1px dotted #CCC;
margin-bottom: 20px;
}