@charset "utf-8";

html, body{
height:100%;
font-size:88%;
line-height:1.85em;
font-family:Helvetica, Arial, sans-serif;
color:#eaeaea;
}

body{
margin:0;
padding:0;
background:#352b2b url(images/bg.jpg) repeat-x;
}

#logo{
position:absolute;
top:0px;
left:0;
}

#container{
width:977px;
position:relative;
margin:0 auto;
min-height: 100%;
}

#nav{
background:url(images/nav-bg.jpg) repeat-x;
height:32px;
padding-top:7px;
text-align:right;
font-size:1em;
}

#nav a:hover{
color:#f0c031;
}

a{
text-decoration:none;
color:#fff;
}

a:hover{
color:#ccc;
}

#nav a{
padding:0px 10px 0 10px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}

#main{
overflow:auto;
padding-bottom: 169px;
position:relative;
}

#footer{
position: relative;
margin-top: -169px; /* negative value of footer height */
height: 169px;
clear:both;
background:url(images/footer-bg.jpg) repeat-x;
}

#center-footer{
padding-top:20px;
width:993px;
margin:0px auto 0 auto;
position:relative;
height:120px;
line-height:1.2em;
}

#tag{
width:500px;
position:absolute;
bottom:0px;
left:0px;
}

#best{
position:absolute;
bottom:10px;
right:170px;
}

#address{
position:absolute;
bottom:10px;
right:0;
}

#left{
width:465px;
padding:150px 35px 0 0;
float:left;
}

#full{
width:960px;
padding:150px 15px 0 0;
float:left;
}

#right{
width:475px;
padding-top:25px;
float:left;
}

#form{
float:left;
width:170px;
padding:0 10px 0 0;
}

#building{
margin-top:24px;
position:relative;
float:left;
width:392px;
height:285px;
background:url(images/building.jpg);
}

#form-w{
float:left;
width:370px;
padding:0 10px 0 0;
}

#form-c{
float:left;
width:270px;
padding:0 10px 0 0;
}

#form h5, #form-w h5, #form-c h5{
font-size:1em;
}

img{
border:0;}

h1{
font-size:2.35em;
line-height:1.3em;
padding:0 0 0px 0;
margin:0;
color:#f0c031;
font-family:"Palatino Linotype", georgia, serif;
font-weight:normal;
}

h5{
font-weight:1.1em;
padding:0;
margin:0;
}

h3{
font-size:1.7em;
color:#f0c031;
padding:0 0 4px 0;
margin:0;
}

h2{
font-family:"Palatino Linotype", georgia, serif;
font-size:1.45em;
color:#fff;

padding:2px 0 0px 0;
font-weight:normal;
margin-bottom:3px;
}

h5{
font-size:1.1em;
color:#ccc;
padding:0 0 0px 0;
margin-top:-2px;
}

.clear{
clear:both;
}


input{
font-size:.95em;
color:#666;
}

.text{
width:150px;
margin-bottom:10px;
padding:2px 0;
}

.phone{
width:100px;
margin-bottom:10px;
padding:1px 0;
}

.event-date{
width:25px;
margin-bottom:10px;
margin-right:5px;
padding:1px 0;
}

select{
margin-bottom:10px;
padding:1px 0;
font-size:.95em;
color:#666;
}

.question{
padding:1px 0;
width:250px;
height:160px;
color:#999;
font-size:.95em;
font-family:tahoma, verdana, arial;
}

#building h1{
font-size:1.1em;
padding-bottom:1px;
margin-bottom:1px;
}

address{
position:absolute;
top:196px;
left:14px;
font-size:1em;
line-height:1.25em;
font-style:normal;
}

#contact{
position:absolute;
top:196px;
right:14px;
font-size:1em;
line-height:1.25em;
font-style:normal;
}



/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


#menu a{
text-decoration:none;
padding-right:10px;
}

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/

.submit{
margin-top:10px;
}

textarea{
margin-bottom:10px;

}

#menus img{ padding:12px 12px;
	
}