@import url("reset.css");
	
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	text-align: center;	
}

a {
color:#777;
}


.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.right {
float: right;
}

.hid {
visibility:hidden;
}

#wrapper {
padding-top: 10px;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
width: 800px;
background-color: #FFF;
}

#banner {
width:800px;
height:128px;
}

#banner h1 a{
display: block;
width:155px;
height:128px;
background-image: url(graphics/logo.gif);
float:left;
}

#nav {
font-size:14px;
float:left;
text-align:left;
padding-left:167px;
margin-bottom:30px;
width:800px;
}

#nav li {
display:inline;
line-height:40px;
}

#nav a{
padding: 7px 20px;
}

#nav a:link, #nav a:visited {
color:#c2233d;
background: url(graphics/nav.jpg)  0 0;
}

#nav a:hover, #nav a:active, #nav a:focus {
background-image: url(graphics/nav.jpg);
background-position: 0 -30px;
color:#c2233d;
}

#nav .select a {
background-image: url(graphics/nav.jpg);
background-position: 0 -60px;
color:#fff;
}

#left {
float:left;
text-align:right;
width:155px;
padding-right:5px;
border-right: 2px dotted #999;
height:498px;
}

#main {
margin-left:175px;
width:450px;
}

#main p {
color:#777;
font-size:12px;
line-height:17px;
padding-bottom:10px;
}

#main h2 {
padding-top:10px;
color:#777;
font-size:13px;
font-weight: bold;
}

#main h1 {
padding-top:10px;
padding-bottom:5px;
color:#777;
font-size:16px;
font-weight: bold;
}

#main a:hover, #main a:active, #main a:focus {
color:#333;
}

#right {
padding-left:10px;
float:right;
width:150px;
border-left: 2px dotted #999;
height:498px;
}

#right h1 {
color:#777;
font-size:13px;
font-weight: bold;
}

#right h2{
font-size:9px;
color:#777;
}

#recruit {
padding-top:20px;
padding-bottom:20px;
}

#recruit h1 {
display:block;
width:86px;
height:72px;
background-image: url(graphics/recruit.gif);
}

#recruit p {
color:#777;
font-size:12px;
font-weight: bold;
padding-top:5px;
}

#right a:hover, #right a:active, #right a:focus {
color:#333;
}

#jobs {
padding-top: 20px;
border-top: 2px dotted #999;
}

#jobs p {
color:#777;
font-size:12px;
font-weight: bold;
padding-top:5px;
}

#jobs h1 {
color:#c2233d;
}

#footer p {
display:block;
border-top:10px solid #fff;
height:40px;
width:800px;
clear:both;
background: url(graphics/footer.gif) no-repeat;
}

#copy {
text-align:center;
height:50px;
color:#777;
font-size:10px;
padding-top:10px;
}

#mainport {
margin-left:175px;
width:600px;
}

#mainport li {
text-align:center;
float:left;
width:130px;
height:215px;
padding:4px;
margin:4px;
border:1px solid #999;
list-style:none;
}

#mainport p {
text-align:center;
color:#777;
font-size:13px;
padding-top:5px;
}

#mainport h2 {
padding-top:10px;
color:#777;
font-size:13px;
font-weight: bold;
}

#mainport h1 {
padding-top:10px;
padding-bottom:5px;
color:#777;
font-size:16px;
font-weight: bold;
}

#leftport {
float:left;
text-align:right;
width:155px;
padding-right:5px;
border-right: 2px dotted #999;
height:750px;
}

#mainport a:hover, #mainport a:active, #mainport a:focus {
color:#333;
}

#thumbs {
padding-left:170px;
}

#thumbs img{
border:1px solid #999;
}

#thumbs li {
list-style:none;
float:left;
border:0.5px;
padding:3px;
margin:0px
}

#thumbs p {
padding-left:20px;
float:left;
width:270px;
color:#777;
font-size:12px;
line-height:17px;
padding-bottom:10px;
padding-top:10px;
}


#portright {
padding-left:10px;
float:right;
width:320px;
height:498px;
}

#portright h1 {
padding-top:10px;
padding-bottom:5px;
color:#777;
font-size:16px;
font-weight: bold;
}

#portright h2 {
float:right;
padding-top:10px;
color:#777;
font-size:13px;
font-weight: bold;
}

#portright p {
color:#777;
font-size:12px;
padding-top:5px;
padding-bottom:10px;
}

#seo {
text-indent: -9999px;
}