/* HTML tag styles                             */
/***********************************************/ 
body {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;	
	background: #4b4431 ;
	text-align: center;
}
a img, :link img, :visited img {
    border: none;
}
a:link, a:visited {
    color: #4b4431;
    text-decoration: underline;
}
a:hover, a:active {
    color: #ffffff;
    }
h1 span, h2 span, h3 span, blockquote span {
    display: none;
}

p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	}
h1{
 font-size: 22px;
 color: #FFFFFF;
 margin: 0px;
 padding: 0px;
}

h2{
 font-size: 20px;
 color:#4b4431 ;
 margin: 0px;
 padding: 0px;
}

h3{
 font-size: 16px;
 color: #00000;
 margin: 0px;
 padding: 0px;
}

h4{
 font-size: 12px;
 font-weight: normal;
 color: #C7B377;
 margin: 0px;
 padding: 0px;
}

h5{
 font-size: 12px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{list-style-type: square;}

ul ul{list-style-type: disc;}

ul ul ul{list-style-type: none;}

label{
 font-family: Arial,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #334d55;
}
#menu, #nav {
    margin: 0px;
    padding: 0px;
    border: none;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper {
    margin: 0 auto;
    background: url(../images/bg/wrapper.jpg) top left repeat-y;
	background-color: #C7B377;
	width: 800px;
    text-align: left;
}

#navBar{
	float: left;
	width: 20%;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

#headlines{
  	float:right;
	width: 20%;
	padding-right: 10px;
}

#content{
	float: left;
	width: 95%;
}
#content-s{
	float: left;
	width: 75%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

/*#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}*/



/*************** #masthead styles **************/
#masthead{
	width: 100%;
    height: 95px;
    background: url(../images/bg/top_s.jpg) 0 0 no-repeat;
	}
#masthead img {
    position: relative;
    top:  10px;
    left: 32px;
}
#masthead h1 {
	color: #FFFFFF;
	text-align: right;
	}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 20px 0px 10px 15px;
	color: #000000;
}

/************* #menu styles *************/

/*#breadCrumb{
	font-size: 80%;
	padding: 0px 0px 0 10px;
}*/
#nav{
	padding: 0px 0px 0px 0px;
	width: 100%;
    margin: 0 auto;
    border: 0px;
}
#nav ul { /* Container for menu */
    margin: 0px;
    padding: 0px;
	}
#menu {
    background: url(../images/menu.jpg) top left no-repeat;
    width: 800px;		/* Width of entire image */ 
	height: 60px;		/* Height of buttons */
}
	#menu span {display: none;}
	#menu li, #menu a {height: 60px;/* Each button must have the same height, define it here */ display: block;}
	#menu li {float: left; list-style: none; _display: inline;		/* fixes IE/Win double margin float bug (safe) */}
	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	/* width - width of each button, they will each most likely be unique */ 
	#menu-home 		{ width: 152px; margin-left: 16px; }
	#menu-about 	{ width: 152px; }
	#menu-gallery 	{ width: 158px; }
	#menu-services   { width: 152px; }
	#menu-contact	{ width: 154px; }
	/* Changed values should match sum of "width" numbers specified above */ 
	#menu-home a:hover, #home #menu-home a:visited 					{ background: transparent url(../images/menu.jpg) -16px -60px no-repeat; }
	#menu-about a:hover, #about #menu-about a:visited  				{ background: transparent url(../images/menu.jpg) -168px -60px no-repeat; }
	#menu-gallery a:hover, #gallery #menu-gallery a:visited 		{ background: transparent url(../images/menu.jpg) -320px -60px no-repeat; }
	#menu-services a:hover, #services #menu-services a:visited 	    { background: transparent url(../images/menu.jpg) -478px -60px no-repeat; }
	#menu-contact a:hover, #contact #menu-contact a:visited 		{ background: transparent url(../images/menu.jpg) -630px -60px no-repeat; }

/************** main styles ***************/	
#main-home {
	margin: 0px 0px 0px 16px;
    width: 768px;
    float: none;
	padding: 0px 0px 0px 0px;
	background: url(../images/bg/mcontent.jpg) 0 0 no-repeat;
	background-color: #C7B377;
	height: 440px;
}
#main-about, #main-gallery, #main-services, #main-contact {
	margin: 0px 0px 0px 16px;
    width: 768px;
    float: none;
	padding: 0px 0px 0px 0px;
	background: url(../images/bg/scontent.jpg) 0 0 no-repeat;
	background-color: #C7B377;
	height: 100%;
}

#galleryc {
    width: 760px;
	height: 430px;
	margin: 5px 0 0 5px;
    float: none;
}
#flashcontent {
		width: 100%;
		height: 370px;	
	}

input, text, textarea, select {
	background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
} 
/************** .feature styles ***************/

.feature{
	padding: 0px 0px 0px 16px;
	font-size: 14px;
}

.feature h2{
	padding: 20px 0px 0px 0px;
	text-align: left;
}
.feature h3{
	padding: 5px 0px 5px 0px;
	text-align: left;
	overflow: hidden;
	background: url(../images/h3bkg.gif) bottom left no-repeat;
}
.feature p{
	font-size: 12px;
	text-align: left;
	color: #000000;
}
.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
	
}
.feature img.imgleft {
	float: left;
	padding: 10px 10px 0px 0px;
}
.feature img.imgright {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px 10px;
	border: solid 1px #ffffff;
}
.feature li, ul {
	font-size: 12px;
	line-height: 1.5;
	}
.feature p a.price { 
	text-decoration: none;
    color: #4b4431;
}



/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 12px;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/
#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

#sectionLinks h3{
	padding: 60px 0px 5px 10px;
	font-size: 14px;
}

#sectionLinks a {
	display: block;
	font-weight:bold;
	padding: 4px 0px 0px 10px;
	text-decoration: none;
	font-size: 12px;
}

#sectionLinks a:link, #sectionLinks a:visited {
    color: #4b4431;
}
#sectionLinks a:hover, #sectionLinks a:active {
    color: #ffffff;
	background-color: #d4cbaa;
    }
	
#sectionLinks img{
	display: block;	
	}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 12px;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 11px;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}
/************* #siteInfo styles ***************/

#bottom {
	margin: 0 auto; 
    height: 50px;
    background: url(../images/bg/sbottom.jpg) 0 0 no-repeat;
	width: 800px;
    text-align: left;
}
#bottom-home {
	margin: 0 auto; 
    height: 50px;
    background: url(../images/bg/bottom.jpg) 0 0 no-repeat;
	width: 800px;
    text-align: left;
}

#footer{
	font-size: 11px;
	height: 50px;
    color: #FFFFFF;
	margin: 0 40px 7px 40px;
	}	
	#footer a:link, #footer a:visited {color: #C7B377; text-decoration: none;}
	#footer a:hover, #footer a:active {color: #FFFFFF; text-decoration: none;}
	#footer p {line-height: 18px;}