/*START: CSS RESET*/

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,sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color:#271708;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*END: CSS RESET*/


img.bg {
	/* Set rules to fill background */
        min-height: 100%;
	min-width: 1024px;
	/* Set up proportionate scaling */
        width: 100%;
	height: auto;
	/* Set up positioning */
        position: fixed;
	top: 0;
	left: 0;
}
 @media screen and (max-width: 1024px) { /* Specific to this particular image */
 img.bg {
 left: 50%;
 margin-left: -512px;   /* 50% */
}
}
/*==================START: CSS STYLING=======================*/
#wrapper {
	position:absolute;
	z-index:100;
	width:100%;
	height:100%
}
#container {
	width:950px;
	margin:0 auto;
	height:auto;
	position:relative;
}
/*START:HEADER*/
#header {
	width:950px;
	height:170px;
	margin-top:20px;
}
/*logo*/
#logo {
	width:410px;
	height:100px;
	margin:0 auto;
}
#logo img:hover {
	opacity:0.8;
	filter:alpha(opacity=80)
}
/*navigation*/
#navigation {
	width:950px;
	margin-top:20px;
	height:50px;
	background:url(../images/opaque.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
}
#navigation ul {
	margin:0px auto;
	padding:0px;
	text-align:center;
}
#navigation ul li {
	display:inline;
	margin:0px;
	padding:0px 15px 0px 25px;
	list-style:none;
	background:url(../images/nav_bullet.png) no-repeat left center;
	position:relative;
	top:15px;
}
#navigation ul li:first-child {
	background:none;
}
#navigation ul li a {
	font-size:13px;
	color:#ff9933;
	text-transform:capitalize;
	padding:18px 0 18px 0;
	
}
#navigation ul li a:hover {
	background:url(../images/nav_pointer.png) center bottom no-repeat;
	color:#ffcc66;
}
#navigation ul .current a {background:url(../images/nav_pointer.png) center bottom no-repeat;
	color:#ffcc66;}

#navigation li.active a {background:url(../images/nav_pointer.png) center bottom no-repeat;
	
}



/*subnav*/
#navigation li ul {
	position:absolute;
	top:36px;
	left:20px;
	background-color:#bba17e;
	display:none;
	margin:0px;
	padding:0px 0 15px 0;
	z-index:9999;
	webkit-box-shadow: 0px 2px 2px #524834;
-moz-box-shadow: 0px 2px 2px #524834;
box-shadow: 0px 2px 2px #524834; 
}
#navigation li ul li {
	display:block;
	background:none;
	padding:10px 0 0px 0;
	width:170px;
	float:left;
	text-align:left;
	top:0;
}
#navigation li ul li:first-child {
	
	padding-top:15px;
	
}
#navigation li ul li a {
	padding:0 0 0 0;
	color:#604026;
	margin:0px 10px 0px 10px;
	float:left;
	width:150px;
	
	
}
#navigation li ul li a:hover {
	background:none;
	color:#FFF;
}
#navigation li:hover ul {
	display:block
}


#navigation li ul li:hover ul { display: block!important; }

/*END:HEADER*/


/*START:CONTENT*/
#content {
	width:950px;
	height:auto;
	background:url(../images/opaque.png) repeat;
	clear:both;
}
#body_content {
	width:920px;
	border:5px solid #bba17e;
	background-color:#FFF;
	margin:0 auto;
	position:relative;
}
.hero{ height:400px; overflow:hidden;  }
.hero_copy{ height:400px; overflow:hidden; position:absolute; width:460px; left:0; background:url(../images/opaque2.png) repeat; }
.typical_bg{ background:url(../images/typical_bg.png) repeat-y red;}

.left_panel{ width:500px; }
.right_panel{ width:300px; }
.left_panel, .right_panel { padding:30px 30px 30px 30px; float:left;}

/*flexiform*/
#flexiform {
	width:100%;
	float:left;
}
#flexiform form {
	float:left;
	width:100%;
}
#flexiform ul {
	
	float:left;
	width:90%;
	margin:0px 0 20px 0;
	padding:5%;

}
#flexiform ul li {
	float:left;
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}
#flexiform li ul {
	width:30%;
	margin:0px;
	padding:0px;
	float:left;
	border:none;
	outline:none;
	display:inline;

}
#flexiform li ul li {
	margin-bottom:5px;

}


#flexiform input, #flexiform select, #flexiform textarea, #recaptcha_response_field {
	float:left; border:1px solid #E4CC8E!important; background-color:#fef7e4;
	
}
#recaptcha_response_field {clear:both;
margin-bottom: 6px;	
	
}



#flexiform label{
	float:left; 
}


#flexiform select {
	padding:4px;
}
#flexiform optgroup {
	padding:0 0 3px 5px;
	margin:2px 0 3px 0;
}
#flexiform optgroup option {
	padding:0 0 0px 5px;
}
#flexiform select, #flexiform .submit {
	/*change to display under label...............*/
	width:73%!important;
}
#flexiform .radio, #flexiform .checkbox {
	/*change to display under label...............*/
	width:20px!important;
}
#flexiform input, #flexiform textarea {
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*change to display under label...............*/
	width:71%;/*clear:left; 
	width:96%*/
}
#flexiform label {
	padding-bottom:3px;
	/*change to display under label..............*/
	 min-width:25%;/* width:100%*/
}
#flexiform label span {
	padding-left:3px;
}

#flexiform .error{font-size:10px; padding-left:0px!important;color:red;}

#flexiform .submit{cursor:pointer; font-weight:bold;}

/*END : FLEXIFORM*/

/*START :FLEXIFORM STYLING*/

#flexiform label span {
	color:red;
}
#flexiform h4 {
	margin:0px;
	padding:0px 0 10px 25%;
	font-size:16px;
	text-transform:capitalize;
font-family:Arial, Helvetica, sans-serif;
}
#flexiform h3 {
	margin:0px;
	padding:0px 0 10px 0;
	font-size:16px;
	text-transform:capitalize;
}
#flexiform label {
	text-transform:capitalize;
}
#flexiform input, #flexiform textarea, #flexiform select {
	color:#835e2f;
}

#flexiform .update-message{background-color:red;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:5px 5px 5px 10px;color:#fff;font-weight:bold;}

/*gallery*/
.gallery{margin:0px!important;padding:0px!important;}
.gallery li{ list-style:none; border:1px solid #E4CC8E; float:left; margin:0 20px 20px 0;padding}
.gallery a{ width:93px; height:62px; margin:5px; float:left; background-color:#CCC;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxLoadedContent{margin-bottom:20px;}
    #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
    #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
    #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
    #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
    #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
    #cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../mages/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}




/*END:CONTENT*/


/*START:FOOTER*/
#footer {
	width:950px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffaa00;
}
.btm_nav {
	width:950px;
	height:45px;
	background:url(../images/opaque.png) repeat;
	color:#ffaa00;
}
.btm_nav ul {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffaa00;
}
.btm_nav ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:inline;
	position:relative;
	top:15px;
}
.btm_nav ul li span {
	color:#ffcc66;
	padding:0 10px 0 10px;
	font-size:11px;
}
.btm_nav ul li a {
	font-size:11px;
}
.btm_nav ul li a:hover {
	color:#ffcc66;
}
.btm_panel {
	width:415px;
	height:95px;
	background:url(../images/opaque.png) repeat-x;
	float:left;
	color:#ffaa00;
}
.btm_panel p a:hover {
	color:#ffcc66
}
.btm_panel p {
	margin-top:37px;
	font-size:10px;
	color:#ffaa00;
}
.btm_center {
	width:120px!important;
	background:url(../images/btm_logo_bg.png) center top no-repeat;
	color:#ffaa00;
}
.btm_center img:hover {
	opacity:0.6;
	filter:alpha(opacity=60)
}
.btm_right p {
	text-align:right;
	color:#ffaa00;
}
.btm_left p {
	text-align:left;
	color:#ffaa00;
}



/*END:FOOTER*/





/*===================END: CSS STYLING=======================*/