/*------------------------------------------
// 1.RESET
//   Remove margin and padding from elements and other resets
//------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }	

/*------------------------------------------
// 2.GENERIC CLASSES
//	 Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc
//------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }


/*---- Input fields ----*/
input, select, textarea { font-size: 100%; }
textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Float Clearing fixes ----*/
.clear { clear: both; height:1px; line-height:1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*---- Image Replacement Technique - Transparent Images ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*---- Links ----*/
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; color:#723b01;}
a:link:hover, a:visited:hover { text-decoration: underline; }
	
/*------------------------------------------
// 3.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { background:#000 center top no-repeat;  font-family: "Palatino Linotype","Book Antiqua",Palatino, Georgia, "Times New Roman", Times, serif; position:relative; }
h1, h2, h3, li, p, a{ line-height:1.2em;}
p.first:first-letter{ font-size:800%; padding:0px 15px 5px 5px; float:left; color:#1b0504;}
p span.first{font-size:800%; float:left; padding:0px 15px 5px 5px; color:#1b0504; line-height:84px;}

/*------------------------------------------
// 4.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container div.wrapper { width:980px; margin:0 auto; position:relative;}

/*---- Drop_side ----*/
div#drop-side{position:absolute; right:40px; top:0px; background:url(../images/content/sidebabg.png) no-repeat 0px 0px; width:256px; overflow:hidden; height:663px; padding:185px 60px 0px 60px; }

/*---- Header ----*/
div#header { background:url(../images/header/header-bg.png) repeat-x left 59px; height:180px; position:relative;}

/*---- Content ----*/
div#content{padding-top:740px;}
div#content div.wrapper{ background:url(../images/content/content_middle.jpg) repeat-y 0px 0px;  position:static; }
div#content div.content_top{background:url(../images/content/content_top.jpg) no-repeat 0px 0px;}
div#content div.content_bottom{background:url(../images/content/content_bottom.jpg) no-repeat 0px 100%; padding:20px; }
div#content div.inner-content{background:url(../images/content/inner-bg.jpg) no-repeat 50% 0px; position:relative;}

/*---- Navigation ----*/
div#navigation{background:url(../images/content/content_nav_bg.png) no-repeat 0px 0px; height:61px; left:-19px; position:absolute; top:-38px; width:980px;display:none;}


/*---- banner ----*/
div#banner {text-align:center; padding:30px 0px;}


/*---- Footer ----*/
div#footer { position:relative; padding:20px 0px 20px 0px; }


/*------------------------------------------
// 5. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Drop-side ----*/

div#drop-side h2{font-size:260%; color:#fff; font-weight:normal; text-transform:uppercase; font-family:"Palatino Linotype","Book Antiqua",Palatino, "Times New Roman", Times, serif; margin-bottom:10px;}
div#drop-side p{font-family:"Palatino Linotype","Book Antiqua",Palatino, "Times New Roman", Times, serif; font-size:110%; line-height:16px; margin-bottom:20px; color:#262626;}
div#drop-side p a{color:#262626; text-decoration:none; font-weight:bold;}
div#drop-side p a img{margin-left:5px; vertical-align:middle;}
div#drop-side ul{width:258px; margin-left:0px; position:relative; z-index:5;}
div#drop-side ul li{float:left; padding:0px 20px 20px 0px;}
div#drop-side ul li a{float:left; border:solid 3px #bfa78a;}
div#drop-side ul li a:hover{ border:solid 3px #fff;}
div#drop-side ul li img{vertical-align:middle;}


/*---- Header----*/

/*---- Header - Logo ----*/
div#header div.logo { width:308px; margin:0 auto; z-index:3; position:relative;}
div#header h1 a { background:url(../images/header/logo.png) no-repeat center left; height:189px; display:block; width:308px; }

/*---- Header - Top Navigation ----*/
div#header div.top-nav { background:url(../images/header/top-nav-bg.png) repeat-x top center; height:70px; margin-top:-74px; position:relative; z-index:2; margin-left:0px;}
div#header div.top-nav ul{padding:14px 0px 0px 30px;}
div#header div.top-nav ul li{font-size:138%; letter-spacing: 0.2em; display:inline; padding:0px 10px; text-transform:uppercase;}
div#header div.top-nav ul li a{color:#000; font-weight:bold;}
div#header div.top-nav ul li a:hover {border-bottom:solid 3px #d1c391; color: #000000;text-decoration:none;}
div#header div.top-nav ul li.space{padding:0px 145px;}

/*---- Navigation----*/
div#navigation {z-index:4;}
div#navigation ul {padding:20px 0px 0px 40px;}
div#navigation ul li{display:inline; color:#9f7862; font-size:120%; letter-spacing: 0.2em; text-transform:uppercase; padding:0px 10px 0px 30px;}
div#navigation ul li a{color:#9f7862; padding-bottom:2px; position:relative;}
div#navigation ul li a:hover, div#navigation ul li a.active{border-bottom:solid 3px #5d2315; color: #cccccc;text-decoration:none;}

/*---- content - main ----*/
div#content div#main{ margin:0px 40px; }
div#main h1{font-size:300%; font-weight:normal; margin-bottom:20px;}
div#main h2{font-size:200%; font-weight:normal; margin-bottom:20px; color:#723b01;}
div#main p{font-size:120%; color:#564f2f; line-height:18px; margin-bottom:20px;}

div#content div#main div.left_column{float:left; width:379px; padding-left:10px;}
div#content div#main div.right_column{ float:right; width:379px; padding-right:10px;}

div#content div.box{background:#DDD0AE url(../images/content/box-bg.gif) repeat-x 0px 0px; padding:10px 15px 10px 180px; position:relative;}
div#content div.box img{position:absolute; left:-5px; top:-20px;}
div#content div.box h3{font-size:190%; margin-bottom:10px; text-transform:uppercase; font-weight:normal; background:url(../images/content/double-border.gif) repeat-x 0px 100%; padding-bottom:15px; line-height:18px;}
div#content div.box h3 span{font-size:50%; line-height:6px;}
div#content div.box p{color:#7d7562; font-size:100%; margin-bottom:15px; line-height:15px;}
div#content div.box p a{color:#723b01; text-transform:uppercase;}

div#content div.landbox{background:#DDD0AE url(../images/content/box-bg.gif) repeat-x 0px 0px; padding:10px 15px 10px 90px; position:relative;}
div#content div.landbox img{position:absolute; left:10px; top:10px;}
div#content div.landbox h3{font-size:190%; margin-bottom:10px; text-transform:uppercase; font-weight:normal; background:url(../images/content/double-border.gif) repeat-x 0px 100%; padding-bottom:15px; line-height:18px;}
div#content div.landbox h3 span{font-size:50%; line-height:6px;}
div#content div.landbox p{color:#7d7562; font-size:100%; margin-bottom:15px; line-height:15px;}
div#content div.landbox p a{color:#723b01; text-transform:uppercase;}
div#content div.landbox a{color:#333333;}
div#content div.landbox a:visited{color:#333333;}
div#content div.landbox a:hover{color:#723b01; text-decoration: none;}

div#content div.columns-two{background:url(../images/content/line.gif) repeat-y 50% 0px; border-bottom:solid 1px #d8cea3; padding-bottom:50px; height/**/: 900px;}


/*---- content - main - contact ----*/
div#content div#main div#contact{clear:both; padding:40px 0px; display:none;}
div#content div#main div#contact div.details{ float:left; width:210px;}
div#content div#main div#contact div#contact-form{width:551px; float:right;}

div#content div#main div#contact div#contact-form div.fields{width:215px; float:left;}
div#content div#main div#contact div#contact-form div.message{width:310px; float:right;}
div#content div#main div#contact div#contact-form div.message ul li{margin-bottom:15px; width:100%; overflow:hidden; font-size:120%; color:#564f2f;}
div#content div#main div#contact div#contact-form div.message ul li a{color:#564f2f; text-decoration:underline; }
div#content div#main div#contact div#contact-form div.message ul li a:hover{text-decoration:none;}
div#content div#main div#contact div#contact-form div.message ul li.textarea{background:url(../images/content/textarea.jpg) no-repeat 0px 0px; width:310px; height:177px;}
div#content div#main div#contact div#contact-form div.message ul li input.start-over{background:url(../images/content/start-over.jpg) no-repeat 0px 0px; width:146px; height:34px; border:0; float:left; cursor:pointer;}
div#content div#main div#contact div#contact-form div.message ul li.textarea textarea{padding:10px; width:290px; height:157px; background:none; border:0; font-size:110%; font-weight:bold; font-family:"Courier New",Courier,monospace; text-transform:uppercase;}
div#content div#main div#contact div#contact-form div.fields ul li{background:url(../images/content/inputbox.jpg) no-repeat 0px 0px; height:34px; margin-bottom:15px;}
div#content div#main div#contact div#contact-form div.fields ul li.select{ display:block; background:url(../images/content/select.jpg) no-repeat 0px 0px; height:34px; }
div#content div#main div#contact div#contact-form div.fields ul li input{font-size:130%; padding:9px; background:none; border:0; width:195px; font-family:"Courier New", Courier, monospace; font-weight:bold; text-transform:uppercase;}

div#content div#main div#contact div#contact-form div.fields div.autocomplete4 { position:absolute; width:500px; background-color:#EADDB1; margin:0px; padding:0px; font-size:0.9em; text-align:left; max-height:200px; overflow:auto; color:#007DA7; }
div#content div#main div#contact div#contact-form div.fields div.autocomplete4 ul { list-style-type:none; margin:0px; padding:0px; }
div#content div#main div#contact div#contact-form div.fields div.autocomplete4 ul li.selected {   background-color: #FFF;  color:black; }
div#content div#main div#contact div#contact-form div.fields div.autocomplete4 ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; }
div#content div#main div#contact div#contact-form div.fields .combo4 {  font-size:150%; width:195px; display:block; background:url(../images/content/select.jpg) no-repeat 0px 0px;  padding:9px; cursor: pointer; border:0px;}
div#content div#main div#contact div#contact-form div.fields ul li.select li{display:block; background:none; margin-bottom:0px; height:auto; padding:5px;  font-size:120%; color:#000; font-weight:bold;}


/*---- Footer ----*/
div#footer div.footer-logo{position:absolute; left:0px; top:-45px; display: none;}
div#footer p{ font-size:120%; color:#444444; text-align: center;}
div#footer p a{color:#555555; text-decoration:underline;}
div#footer p a:hover{text-decoration:none;}