@charset "UTF-8";

/* Element Styles */

body, html {
background:url(../images/background.jpg) no-repeat top left #FFFFFF;
font-family: "Trebuchet MS", Tahoma, Lucidia Sans, Verdana, sans-serif;
font-size:9pt;
color:505254;
margin:0;
padding:0;
text-align: center;
}

h1 {
font-family: "Gill Sans", Tahoma, Arial;
color: #466c99;
letter-spacing:3px;
font-weight:normal;
font-size:14pt;
text-transform:uppercase;
}

h2 {
font-family: "Gill Sans", Tahoma, Arial;
letter-spacing:3px;
color:#666666;
font-weight:normal;
font-size:10pt;
margin-top:-10px;
text-transform:uppercase;
}

h3 {
font-family: "Gill Sans", Tahoma, Arial;
letter-spacing:2px;
color:#505254;
font-weight:normal;
font-size:10pt;
margin-bottom:0px;
text-transform:uppercase;
}

a {color:#456c98; text-decoration:none; outline: none;}
a:hover {text-decoration: underline;}


hr {
color: #999999;
background-color: #999999;
height: 1px;
border:0;
width:90%;
margin-top:10px;
}

input {
font-family: "Trebuchet MS", Tahoma, Lucidia Sans, Verdana, sans-serif;
font-size:9pt;
color:505254;
}

textarea {
font-family: "Trebuchet MS", Tahoma, Lucidia Sans, Verdana, sans-serif;
font-size:9pt;
color:505254;
}
 
/* Class and ID Styles */

#container {
width:1000px;
margin-bottom:20px;
}

#header {
background:url(../images/toplogo.jpg) no-repeat right;
cursor: pointer;
height:100px;
width:1000px;
}

#header-inner {
padding:70px 0 0 660px;
font-family: "Gill Sans", Tahoma, Arial;
color: #be8a72;
letter-spacing:3px;
}

#bannertop {
background:url(../images/topshadow.jpg) repeat-x bottom left;
height:15px;
text-align:left;
padding-left:360px;
}

#bannertop a {
width:50px;
height:15px;
background:#FFFFFF;
font-family:"Gill Sans", Tahoma, Arial;
font-size:8pt;
padding:2px;
text-transform:uppercase;
margin-right:5px;
}

#banner {
background:url(../images/bannerbackground.jpg) no-repeat left #406084;
height:195px;
width:100%;
}

#bannerbottom {
background:url(../images/bottomshadow.jpg) repeat-x left;
height:9px;
clear:both;
}

#nav {
width:350px;
padding-top:40px;
padding-right:10px;
text-align:right;
float:left;
font-family:"Gill Sans", Tahoma, Arial;
font-size:13pt;
letter-spacing:1pt;
text-transform:uppercase;
}

#nav a {
color:#FFFFFF;
text-decoration:none;
margin-bottom:5px;
}

#nav a:hover {
color:#93b3e2;
}

#nav a.navactive{color:#93b3e2;}

#slider {
float:left;
width: 640px;
height: 195px;
}

#photos {
float:left;
width: 314px;
margin-left:20px;
text-align:center;
font-family:"Gill Sans", Tahoma, Arial;
font-size:8pt;
letter-spacing:2px;
text-transform:uppercase;
color:#666666;
}

#content {
float:left;
width:640px;
_width:600px; /* horrible IE6 hack */
margin-left:20px;
text-align:left;
}

#frontleft{
float:left;
width:290px;
margin-right:10px;
}

#frontright{
float:left;
width:290px;
margin-left:10px;
}

.error {color:#456c98; font-weight:bold;}

.portfolio td {width:150px; text-align:center;}
.portfolio td img {border:1px solid #BBBBBB; padding: 5px;}
.portfolio-header {
margin-left:10px;
font-family: "Gill Sans", Tahoma, Arial;
letter-spacing:2px;
color:#505254;
font-weight:normal;
font-size:9pt;
text-transform:uppercase;
}

.portfolioselect {
height:75px;
margin-bottom:10px;
}

.portfolioselecttitle {
font-family: "Gill Sans", Tahoma, Arial;
letter-spacing:2px;
color:#456c98;
font-weight:normal;
font-size:10pt;
margin-bottom:0px;
text-transform:uppercase;
}

.portfolioselect a {display:block; width:100%; height:75px; padding:5px; color:#666666;}
.portfolioselect a:hover {text-decoration:none; background-color:#ccd5e0;}
.portfolioselect img {border:1px solid #BBBBBB; padding: 5px; background:#FFFFFF;}


.psimage {float:left; margin-right:10px;}
.pstext {float:left; width:230px; text-align:left;}

.formdiv {
height:320px;
background:#FFFFFF;
text-align:left;
}

#contactframe {
border:0;
margin:0 auto; 
width:290px; 
height:350px;
}