/**************************************************************** ----- RESET ----- *******************************************************************/
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,  pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, fieldset, form { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a { outline: 0; }
strong { font-weight: bold; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
table td { padding: 0; }
caption, th, td { text-align: left; font-weight: normal; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
fieldset { border: 0; }
legend, .hide { display: none; }
ul, ul li, ol { list-style: none; }
a:focus, a img, input:focus {outline: 0 none; border: none; }
.last { margin: 0; } 
.clearfix {display: inline-block;} 
.clearleft { clear: left; }
.floatRight { float: right; display: inline; }
.floatLeft { float: left; display: inline; }
.borderImage { border: 1px solid #aca890; padding: 2px; display: block; }
.capitalize { text-transform: uppercase; }


body { text-align: right; font-family: Arial, Helvetica, verdana, Tahoma; background: #621c11 url(../images/bgBody.png) repeat-x top left;  background-position:0 -1px;}
div#frame { width: 1210px; text-align: left; margin:0; padding:0; float:right;}


/******************************************************----- Header----************************************************************************/
div#header { background: url(../images/bgHeader.jpg) no-repeat bottom left; padding-bottom: 107px; }
div#headerHolder { width: 1210px; }
div#header h1 { background: url(../images/imgLogo.png) no-repeat top left; width: 254px; height: 187px; overflow: hidden; display: block; float: left; text-indent: -9999px; margin:20px 0 0 154px; }
div#imageHighlights { float: right; display: inline; width: 773px; height: 243px; overflow: hidden; }

#facebook{
	position:absolute;	
	z-index:1000;
	left:0;
	top:50px;
}

/******************************
Navigation
******************************/
div.sectionNav { margin-left: 150px; width: 715px; }
div.sectionNav ul { width: 700px; }
div.sectionNav ul li { float: left; display: inline; padding-right: 12px; margin-right: 10px; }
div.sectionNav ul li a { float: left; display: block; text-indent: -9999px; height: 22px; overflow: hidden; padding-left: 12px; }
div.sectionNav ul li a span { display: block; background-image: url(../images/bgNav.png); background-repeat: no-repeat; display: block; overflow: hidden; cursor: pointer; }
div.sectionNav ul li.active { background: url(../images/bgNavActiveRight.png) no-repeat top right; }
div.sectionNav ul li.active a { background: url(../images/bgNavActiveLeft.png) no-repeat top left; }
div.sectionNav ul li#lnkWeb a span { width: 106px; background-position: top left; }
div.sectionNav ul li#lnkLogo a span { width: 114px; background-position: -133px 0px; }
div.sectionNav ul li#lnkVideo a span { width: 110px; background-position: -272px 0px; }
div.sectionNav ul li#lnkAbout a span { width: 87px; background-position: -407px 0px; }
div.sectionNav ul li#lnkContact a span { width: 111px; background-position: -520px 0px; }

div.section { width: 1094px; margin:0; float:right; }
div.sectionTop { background: url(..jpg) no-repeat top left;}
div.sectionContent { margin-left: 0px; width: 926px; }
div.sectionContent h2 { display: none; }
div.sectionContent p { font-size: 14px; line-height: 24px; color:#ddd3b9;; padding-top: 32px; }
div.sectionThumb { width: 900px; border-top: 1px solid #dbd2b8; border-bottom: 1px solid #dbd2b8; margin-left: 26px; padding: 17px 0px;  }
div.thumbnail { width: 896px; margin-left: 4px; position: relative; overflow: hidden; height: 120px; }
div.sectionThumb div.carousel { width: 8000px; position: relative; }
div.sectionThumb img { float: left; display: inline; margin-right: 7px; background-color: #8f4f3c; padding: 3px; }
div.sectionThumb a:hover img { background-color: #fff; }

/***********************************
Web Design
***********************************/
div.section#webDesign { background: url(../images/bgWebDesign.jpg) no-repeat bottom left; padding-bottom: 104px;}
div#webDesign div.sectionContent { background: url(../images/bgWeb.png) no-repeat top left; } 
div#webDesign div.sectionContent div.sectionIntro { padding-left: 368px; margin:0;}
div#webDesign div.sectionContent p.introtext { padding-bottom: 0px; height:197px;}

/***********************************
Logo Design
***********************************/
div.section#logoDesign { background: url(../images/bgLogoDesignBtm.jpg) no-repeat bottom left; padding-bottom: 97px;  }
div#logoDesign div.sectionContent { background: url(../images/bgLogo.png) no-repeat top left; } 
div#logoDesign div.sectionContent div.sectionIntro { padding-left: 371px; }
div#logoDesign div.sectionContent p.introtext { padding-bottom: 0px; height:193px;}

/***********************************
Video Work
***********************************/
div.section#videoWork { background: url(../images/bgLogoDesignBtm.jpg) no-repeat bottom left; padding-bottom: 100px;  }
div#videoWork div.sectionContent { background: url(../images/bgVideo.png) no-repeat top left; } 
div#videoWork div.sectionContent div.sectionIntro { padding-left: 368px; }
div#videoWork div.sectionContent p.introtext { padding-bottom: 25px; height:170px; }

/***********************************
About Us
***********************************/
div.section#aboutUs { background: url(../images/bgAbout.jpg) no-repeat bottom left; padding-bottom: 76px;  }
div#aboutUs div.sectionContent { background: url(../images/bgAboutUs.png) no-repeat top left; background-position:0 25px; } 
div#aboutUs div.sectionContent div.sectionIntro { padding-left: 368px; border-bottom: 1px solid #dbd2b8;  }
div#aboutUs div.sectionContent p.introtext { padding-bottom: 25px;height:192px;}

/***********************************
Contact Us
***********************************/
div.section#contactUs { background: url(../images/bgFooter.png) no-repeat bottom left; } 
div#contactUs div.sectionTop { background: url(../images/bgContac.jpg) no-repeat top left; }
div#contactUs div.sectionContent { background: url(../images/bgContactUs.png) no-repeat top left; } 
div#contactUs div.sectionContent div.sectionIntro { padding-left: 84px; width: 816px;  }
div#contactUs div.sectionContent p.introtext { padding-bottom: 25px; }
div#contactInfo { width: 380px; float: left; display: inline; padding-top: 73px; }
div#contactInfo p { font-size: 13px; line-height: 17px; color: #ded5ba; padding: 0 0 5px 0; margin: 0; }
div#contactInfo p span { display: block; }
div#contactForm { width: 420px; float: right; display: inline; text-align: right; padding-top: 18px; }
div.formrow { padding-bottom: 10px; }
div.formrow div.label label { font-size: 11px; line-height: 15px; color: #ded5ba; }
div.formrow div.textbox { padding-top: 3px; }
div.formrow div.textbox input { width: 412px; border: 2px solid #b17a66; font-size: 11px; line-height: 15px; vertical-align: middle; color: #666; font-family: arial; background: #fbfcfc !important; padding: 3px 0px 3px 3px; }
div.formrow div.textbox textarea { width: 415px; height: 60px; border: 2px solid #b17a66; font-size: 11px; line-height: 15px; color: #666; font-family: arial; background: #fbfcfc !important; }
div.formrow div.textbox input:focus, div.formrow div.textbox textarea:focus { background: #fff !important; border: 2px solid #9ec1e0; color: #333; }
div.formrow div.textbox input.error { color: red; border: 2px solid red; }
div#messageInfo { display: none; width: 420px; text-align: left; }
div#messageInfo p { font-size: 16px; line-height: 21px; color: #ded5ba; font-weight: bold; }



/***********************************
footer
***********************************/
div#footer { margin-left: 60px; padding-top: 146px; height: 90px; overflow: hidden; width: 900px; }
div#footer p { float: left; display: inline; width: 261px; height: 12px; text-indent: -9999px; overflow: hidden; background: url(../images/txtFooter.jpg) no-repeat top left; display: block; }
div#footer ul { width: 421px; height: 12px; overflow: hidden; float: right; display:inline; }
div#footer ul li { float: left; display: inline; }
div#footer ul li a { height: 11px; overflow: hidden; display: block; background-image: url(../images/lnkFooter.png); background-repeat: no-repeat; float: left; text-indent: -9999px; }
div#footer ul li#ftWeb a { width: 72px; background-position: top left; margin-right: 15px; }
div#footer ul li#ftLogo a { width: 77px; background-position: -88px 0px; margin-right: 15px; }
div#footer ul li#ftVideo a { width: 75px; background-position: -182px 0px; margin-right: 15px; }
div#footer ul li#ftAbout a { width: 58px; background-position: -271px 0px; margin-right: 15px; }
div#footer ul li#ftContact a { width: 75px; background-position: -346px 0px; }