@import url(reset.css);

#container{
width: 900px;
min-height: 600px;
margin: 0 auto;
background: url(images/containerbg.png) repeat-y;
font: normal 11px "Helvetica Neue",arial, sans-serif;
}
#header{
width: 900px;
height: 121px;
background: url(images/headerbg.jpg) no-repeat;
}
#nav{
list-style: none;
width: 900px;
height: 29px;
background: url(images/navbg.gif) no-repeat;
}
#nav li{
float: left;
display: inline;
margin: 7px 15px 0 15px;
}
#nav li a:link, #nav li a:visited{
float: left;
display: inline;
text-transform: uppercase;
text-decoration: none;
background: #FFF;
color: #999;
font-weight: bold;
}
#nav li a:hover{
color: #000;
border-bottom: 1px dashed #FF0000;
}
#maincontent-home{
width: 900px;
min-height: 585px;
}
#maincontent{
width: 900px;
min-height: 585px;
background: url(images/maincontentbg.gif) no-repeat center bottom;
}
#homeheadline{
width: 900px;
height: 398px;
background: url(images/homeheadlinebg.gif) no-repeat;
}
#headlineleft{
float: left;
display: inline;
width: 310px;
margin: 20px 0 0 15px;
}
#headlineright{
float: right;
display: inline;
width: 533px;
margin: 15px 15px 0 0;
}
#homeleftcol{
width: 330px;
height: 170px;
margin: 5px 0 0 10px;
float: left;
display: inline;
}
#homerightcol{
width: 515px;
height: 180px;
margin: 5px 10px 0 0;
float: right;
display: inline;
}
#leftcol{
width: 270px;
float: left;
display: inline;
margin: 15px 0 0 15px;
}
#rightcol{
width: 565px;
float: right;
display: inline;
margin: 15px 15px 0 0;
min-height: 100px;
}
#gallery{
margin: 15px 0 0 20px;
width: 850px;
}
#sponsors{
width: 900px;
height: 48px;
background: url(images/sponsors.gif) no-repeat;
}
#footer{
width: 900px;
height: 68px;
background: #999 url(images/footerbg.gif) repeat-y;
}
/* =================== Typography ====================== */
h1{}
#homeheadline h1{
font: normal 16px "Trajan Pro", Georgia, serif;
margin: 0 0 5px 0;
text-transform: uppercase;
background: #FFF;
}
h2{
font: normal 16px "Trajan Pro", Georgia, serif;
}
p{}
#maincontent p{
margin: 10px 0;
}
#homeheadline p{
line-height: 18px;
}
#headlineleft p.address{
margin: 10px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px dashed #000;
}
#gallery p{
margin: 0 0 0 10px;
color: #666;
line-height: 20px;
}
#footer p{
color: #FFF;
float: right;
margin: 10px 10px 0 0;
}
/* ================== Lists ============================ */
#gallery ul{
margin: 10px 0 0 0;
}
#gallery ul li{
list-style: none;
float: left;
display: inline;
margin: 0 0 10px 5px;
}
#gallery ul li a{
float: left;
display: inline;
}
.contactform ul li{
list-style: none;
margin: 5px 0;
}
.contactform ul li label{
display: block;
}
.contactform ul li input{
width: 156px;
}
.contactform ul li textarea{
width: 290px;
height: 130px;
}
#send{
width: 112px;
height: 28px;
display: block;
border: none;
text-indent: -100em;
overflow: hidden;
cursor: pointer;
background: url(images/submitbtn.gif) no-repeat;
}
.messagesent{
width: 90%;
padding: 0 15px 0 0;
margin: 20px 0 0 0;
}
#footer ul{
width: 300px;
float: left;
display: inline;
margin: 10px 0 0 10px;
}
#footer ul li{
float: left;
display: inline;
margin: 0 2px 0 0;
border-right: 1px solid #FFF;
}
#footer ul li a, #footer ul li a:visited{
text-decoration: none;
color: #FFF;
float: left;
display: inline;
padding: 0 5px;
text-transform: uppercase;
font: bold 11px tahoma, arial, sans-serif;
}
ul.floatLeft{
float: left;
display: inline;
list-style-type: square;
margin: 0 65px 0 15px;
}
ul.floatLeft li{
margin: 5px 0;
list-style-type: square;
}
#servgallery ol{
margin: 15px 0 0 0;
}
#servgallery ol li{
float: left;
display: inline;
margin: 0 5px;
}
#servgallery ol li img{
padding: 5px;
background: #FFF;
}
/* ================== Commons ========================== */
.red{
color: red;
}
.seperator{
display: block;
width: 100%;
height: 2px;
border-top: 1px dashed #000;
margin: 10px 0;
}
.errmsg{
font: bold 12px arial, sans-serif;
color: red;
}