/* Reset */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, font, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
a {
	text-decoration:none;
	color: #FFF;
}
a:hover {
	text-decoration:underline;
}


h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	color: #FFF;
	font-weight:bold;
}

/* BASIC */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:24px;
	color: #FFF;
	background:url(images/bg.jpg) repeat;
	background-color:#968066;
}

#wrapper {
	width:797px;
	margin:0 auto;
}

#head {
	width:528px;
	height:192px;
	margin:0 auto;
	margin-left:145px;
	background:url(images/headbg.png) no-repeat;
	padding-top:10px;
}

#head h1 {
	width:180px;
	height:157px;
	background:url(images/logo.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}

#head h1 a {
	display:block;
	width:180px;
	height:157px;

}



/* NAV */

#nav {
	height:44px;
	width:100%;
	padding:12px 0 12px 0;
}

ul#menu {
	height:44px;
	width:527px;
	margin:0 auto;
	list-style:none;
}

ul#menu  li {
	float:left;
}

ul#menu  a{
	display:block;
	height: 44px;
	background:url(images/nav.png);
	text-indent:-9999px;
	outline:none;
}

ul#menu  li a.home {width: 105px; background-position: 0 0;}
ul#menu  li a.home:hover{width: 105px; background-position: 0 -44px;}
ul#menu  li a.home-active {width: 105px; background-position: 0 -44px;}

ul#menu  li a.about {width: 98px; background-position: -105px 0;}
ul#menu  li a.about:hover{width: 98px; background-position: -105px -44px;}
ul#menu  li a.about-active {width: 98px; background-position: -105px -44px;}

ul#menu  li a.services {width: 109px; background-position: -203px 0;}
ul#menu  li a.services:hover{width: 109px; background-position: -203px -44px;}
ul#menu  li a.services-active {width: 109px; background-position: -203px -44px;}

ul#menu  li a.gallery {width: 108px; background-position: -311px 0;}
ul#menu  li a.gallery:hover{width: 108px; background-position: -311px -44px;}
ul#menu  li a.gallery-active {width: 108px; background-position: -311px -44px;}

ul#menu  li a.contact {width: 107px; background-position: -419px 0;}
ul#menu  li a.contact:hover{width: 107px; background-position: -419px -44px;}
ul#menu  li a.contact-active {width: 107px; background-position: -419px -44px;}




/* HOME */

#content-home {
	width:797px;
	height:426px;
	position:relative;
	float:left;
	background:url(images/bannerbg.png) no-repeat;
}

#banner-home {
	position:absolute;
	top:31px;
	left:52px;
	width:686px;
	height:351px;
	background-color:#000;
	/*margin:31px 0 0 52px;*/
	text-align:center;
}


/* MAIN */

#banner{
	width:782px;
	height:254px;
	margin:0 auto;
	background:url(images/banner.png) no-repeat;
}

#banner2{
	width:782px;
	height:254px;
	margin:0 auto;
	background:url(images/banner2.png) no-repeat;
}

#content {
	width:700px;
	margin:0 auto;
}

.imgleft {
	float:left;
	margin-right:10px;
}

.read {
	color:#F99;
}

.read:hover {
	text-decoration:underline;
}

#gallerymain h3{
	color:#F99;
	text-align:center;
	margin-left:20px;
	margin-bottom:10px;
	margin-top:20px;
}

#gallerymain img {
	margin:5px 18px 5px 18px;
}


/* HEADINGS */

#about {
	width:152px;
	height:44px;
	background:url(images/aboutus.png) no-repeat;
	text-indent:-9999px;
    margin:5px auto 20px auto;
}

#contact {
	width:167px;
	height:44px;
	background:url(images/contact.png) no-repeat;
	text-indent:-9999px;
    margin:5px auto 20px auto;
}

#gallery {
	width:167px;
	height:44px;
	background:url(images/gallery.png) no-repeat;
	text-indent:-9999px;
    margin:5px 0 20px 280px;
}

#services {
	width:167px;
	height:44px;
	background:url(images/services.png) no-repeat;
	text-indent:-9999px;
    margin:5px 0 20px 280px;
}

/* CONTACT FORM */

#contact-wrapper {
    width:400px;
	padding-bottom:50px;
	float:left;
}  

#contact-wrapper div {  
    clear:both;
	margin-top:8px;
}  

#contact-wrapper label {  
    display:block;  
    float:none;  
    font-size:12px;  
    width:auto;  
}  

form#contactform input {
	border:1px solid #CCC;
    border-width:1px;  
    padding:2px;  
    font-size:14px;  
    color:#917a60; 
}  

form#contactform textarea {
	font-family: Verdana, Geneva, sans-serif;
    font-size:12px; 
	color:#917a60;
    padding:0.6em 0.5em 0.7em;  
	border:1px solid #CCC;  
    border-style:solid;  
    border-width:1px; 
	margin-top:1px;
} 

#submit {
	display:block;
	border:none;
}

#submit.submit {
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #917a60;
	border:none;
	width:80px;
	height:40px;
	cursor: pointer;
	margin-top:10px;
}

/* SIDEBAR */

#sidebar {
	width:240px;
	float:right;
}

#s_top {
	width:270px;
	height:11px;
	background:url(images/s_top.png) no-repeat;
}

#s_main {
	width:270px;
	background:url(images/s_middle.png) repeat-y;
	padding-top:30px;
	padding-bottom:20px
}

#s_main p {
	width:200;
	color:#F60;
	padding-top:15px;
	padding-left:17px;
	padding-right:20px;
	line-height:18px;
}

#s_main .read {
	font-size:9px;
	color:red;
	font-style:italic;
	margin-left:10px;
}

#s_bottom {
	width:270px;
	height:19px;
	background:url(images/s_bottom.png) no-repeat;
}


/* FOOTER */

#footer {
	width:797px;
	clear:both;
	text-align:center;
	font-size:10px;
	margin:50px 0 30px 0;
}
