@import url(reset.css);
@import url(form.css);

#container{
width: 900px;
min-height: 600px;
margin: 0 auto;
font: normal 12px "Helvetica Neue",arial, sans-serif;
color: #333;
}
#header{
width: 900px;
height: 121px;
background: url(images/headerbg.jpg) no-repeat;
}
#nav{
width: 900px;
height: 29px;
background: url(images/navbg.gif) no-repeat;
border-top: 2px solid #78AEE4;
position: relative;
}
#nav ul{
position: absolute;
left: 20px;
display: block;
}
#nav li{
float: left;
display: inline;
margin: 7px 7px 0 7px;
}
#nav li a:link, #nav li a:visited{
float: left;
display: inline;
text-decoration: none;
background: #FFF;
color: #999;
font: bold 12px "Copperplate Gothic light","trajan pro", georgia, "Times New Roman", serif;
}
#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: #FFF;
padding: 0 0 15px 0;
}
blockquote{
font: italic normal 11px georgia, "Times New Roman", serif;
line-height: 19px;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
padding: 10px;
margin: 5px;
}
#homeheadline{
width: 900px;
height: 398px;
background: url(images/homeheadlinebg.gif) no-repeat;
}
#homeheadline img{
margin: 5px 0 0 5px;
}
#flashcontent{
padding: 5px 0 0 0;
margin: 0 0 0 3px;
}
#headlineleft{
float: left;
display: inline;
width: 515px;
margin: 0px 0 0 15px;
}
#headlineright{
float: right;
display: inline;
width: 310px;
margin: 0px 15px 0 0;
}
#content{
padding: 10px 0;
}
#homeleftcol{
width: 650px;
margin: 5px 0 0 15px;
padding: 0 10px 0 0;
float: left;
display: inline;
border-right: 2px solid #CCC;
}
#homerightcol{
width: 200px;
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 10px 0 0;
min-height: 100px;
}

#gallerycol{
width: 835px;
float: left;
display: inline;
margin: 15px 15px 0 0;
min-height: 100px;
}
#gallery{
margin: 15px 0 0 20px;
width: 850px;
}

#gallery .gallery{
width: 850px;
}
#gallery .gallery img{
margin: 0;
padding: 0;
}
#gallery  .gallery li{
list-style-type: none;
float: left;
width: 75px;
border: 1px solid #CCC;
margin: 3px;
padding: 5px;
}
#gallery  .gallery li a{
float: left;
display: block;
margin: 0;
padding: 0;
}



#sponsors{
width: 900px;
height: 48px;
background: url(images/sponsors.gif) no-repeat;
}
#footer{
width: 900px;
height: 100px;
background: #DFD29D;
border-top: 2px solid #AAA075;
padding: 0 0 10px 0;
}
/* =================== Typography ====================== */
h1{}
#homeheadline h1{
font: normal 24px "Trajan Pro", Georgia, serif;
margin: 0;
text-transform: uppercase;
color: #3A7AA0;
}
h2{
font: bold 16px "Trajan Pro", Georgia, serif underline;
color: #0f3353;
border-bottom: 1px dashed #0f3353;
width:300px;}

h2.noline { border-bottom:none;}



#headlineright h2{
font: bold 18px "Trajan Pro", "Times New Roman", serif;
}
h3{}
#headlineright h3{
font: bold 18px arial, sans-serif;
color: #3A7AA0;
}
h4{}
#headlineright h4{
font: normal 12px "Trajan Pro", "Times New Roman", serif;
color: #3A7AA0;
text-transform: uppercase;
}
p{}
#maincontent p{
margin: 10px 0;
padding: 0 15px 0 0;
}
#homeleftcol p{
margin: 5px 0 5px 0;
padding: 0 5px 0 0;
}
#homeheadline p{
line-height: 15px;
margin: 5px 0;
}
#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: #000;
margin: 10px 10px 0 0;
text-align: center;
font-size: 11px;
}
p.quote{
font: normal 12px georgia, serif;
line-height: 18px;
float: right;
width: 160px;
}
p.author{
text-align: right;
padding: 0 15px 0 0;
line-height: 14px;
font: normal 11px arial, sans-serif;
}
small{}
#headlineleft small{
font: normal 12px "Trajan Pro", "Times New Roman";
color: #999;
}
/* ================== 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{
padding: 10px 0 10px 0;
margin: 0 0 10px 0;
width: 720px;
position: relative;
left: 50%;
margin: 0 0 0 -250px;
}
#footer ul li{
float: left;
display: inline;
margin: 0 2px 0 0;
border-right: 1px solid #000;
}
#footer ul li a, #footer ul li a:visited{
text-decoration: none;
color: #000;
float: left;
display: inline;
padding: 0 5px;
text-transform: capitalize;
font: normal 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;
}
.floatLeft{
float: left;
display: inline;
margin: 0 5px 15px 0;
}
/* ============== Blog styles ============ */
#respond{
clear: both;
border-bottom: 1px dotted #cae9fc;
padding: 5px;
color: #000;
margin: 20px 0 0 0;
}
h3#comments{
clear: both;
border-top: 1px dotted #cae9fc;
padding: 5px;
color: #000;
margin: 20px 0 10px 0;
}
.avatar{
margin: 0 10px 0 0;
float: left;
display: inline;
width: 50px;
text-align: center;
}
.avatar img{
width: auto;
}
.usercommentdata{
float: left;
display: inline;
width: 480px;
}
textarea#comment{
	width: 540px;
}
.post{
	margin: 10px 0 20px 0;
	padding: 10px 0;
	border-bottom: 1px dotted #e8e8e8;
}