/*
  AUTHOR: 		SB InnerWeb Development
  WEBSITE:  		http://www.grizzlycreekretreat.com/
  Text to keep the file size over 8,192k - DW Bug
*/ 

/*-------------------- Basic Elements ---------------------------*/
@import "lib/reset.css";
@import "lib/type.css";

/* GENERAL **********************************************************************************/	
body { background: #161718 url(../images/bgs/bg.jpg) repeat-x center top; }

#container { width:100%; overflow: hidden; }

#header, #content, #footer { float:left; min-width:960px; position:relative; width:100%; z-index: 1; }

.wrap { min-height:200px; clear:both; position:relative; margin:0 auto; min-width:960px; text-align:left; width:960px; overflow:hidden; }

#header { background: transparent url(../images/bgs/bg-header.jpg) no-repeat scroll center top; height:380px; }

#header h1 { float:left; margin:100px 0 0 0; }

#header h1 a { background: transparent url(../images/logo.png) no-repeat scroll left top; display:block; height:130px; text-indent:-9999px; width:330px; }

#header #slogan { float:right; margin:140px 0 0 0; }

/* NAV **********************************************************************************/	

#navMain { position: relative; float:left; clear:both; height: 36px; width: 650px; margin: 30px 0; overflow: hidden; }

#navMain li { float: left; list-style: none; }

#navMain li.back { background: url(../images/bgs/bg-nav.png) no-repeat right -36px; width: 9px; height: 36px; z-index: 8; position: absolute; }

#navMain li.back .left { background: url(../images/bgs/bg-nav.png) no-repeat top left; height: 36px; margin-right: 9px; /* 7px is the width of the rounded shape */ }

#navMain li a { font: bold 1.7em Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #0195c5; outline: none; text-align: center; top: 5px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 20px; }

#navMain li.current a { color: #fff; }

/* CONTENT **********************************************************************************/	

#content { background: transparent url(../images/bgs/bg-content.jpg) repeat top left; }

/* slider */

#slider ul, #slider li { margin:0; padding:0; list-style:none; }

#slider, #slider li { /* 
	define width and height of container element and list item (slide)
	list items must be the same size as the slider area
	*/ height:300px; width:960px; overflow:hidden; }

#slider li { background: transparent url(../images/bgs/bg-slider.png) repeat top left; }

#slider li div.left { padding: 20px; position: relative; float: left; width: 40%; }

#slider li div.right { margin: 30px 30px 0 0; padding: 20px; position: relative; float: right; border: 1px solid #CCC; background-color: #000; }

#controls { float:right; font-size:1.5em; margin:15px 0; display: block; }

#prevBtn { background: transparent url(../../images/icons/icon-arrow-left.png) no-repeat left 2px; padding: 0 15px 0 18px; }

#nextBtn { background: transparent url(../../images/icons/icon-arrow-right.png) no-repeat right 2px; padding: 0 70px 0 0; }

/* ---------------- FOOTER ---------------------- */
#footer { margin: 0 auto; background: transparent url(../images/bgs/bg-footer.png) repeat-x scroll center top; color: #e1e1e1; }

#footer .wrap { padding: 30px 0 5px 0; }

#footer .credits { border-top:1px solid #333; padding:10px 0 0 0; font-size: 1.1em; }

.box { width: 270px; float: left; margin-right: 75px; }

.box h1 { color: #6c6c6b; font-size: 1.5em; margin-bottom: 10px; border-bottom: 1px solid #333; }

.box p, .box p a { font-size: 1.2em; }

.box li { display: block; height: 200px; }

.float-left { position:relative; float: left; }

img.float-left { position:relative; float: left; border-top: 1px solid #333; border-bottom: 1px solid #333; }

.float-right { position:relative; float: right; }

img.float-right { position:relative; float: right; border-top: 1px solid #333; border-bottom: 1px solid #333; }

img.bodyImage { position:relative; float: right; border: 1px solid #333; margin: 0 0 20px 20px; }

.clear { clear: both; }

/* =table.cfdebug */
table.cfdebug { clear:both; table-layout: fixed; text-align:left; }