/***********************************
Redifined HMTL tags
***********************************/

body{text-align:center; font:12px Arial; color:#000; margin:0px; padding:0px; background:url(../images/bg.gif)}
img {padding: 0px; margin: 0px; display:inline; border:none;}
a{color:#FFF; text-decoration: underline;}
a:link {color:#FFF; text-decoration: underline;}
a:visited {color:#FFF; text-decoration: underline;}
a:active {color:#FFF; text-decoration: underline;}
a:hover {color:#FFF; text-decoration: underline;}


/***********************************
Global
***********************************/

#globalContainer{margin-left:auto; margin-right:auto; width:800px; position:relative; background:#e2dbc9; border:solid 1px #19150A;}

/***********************************
Header Elements and Classes
***********************************/

#headerContainer{width:100%; height:243px; position:relative; background:url(../images/header_bg.jpg) no-repeat;}
#headerNavContainer{width:100%; position:absolute; bottom:-7px; left:0px; z-index:100; color:#FFF; font:bold 11px/9px Arial; margin:0px; padding:0px; list-style:none;}
#headerNavContainer a{text-decoration:none; display:block; width:100%; height:100%;}
#headerNavContainer .tab{width:96px; height:32px; float:left; background-repeat:no-repeat; padding:4px 1px 0px 0px; background-image:url(../images/tab_off_bg.png); margin:0px;}
#headerNavContainer .active{background-image:url(../images/tab_active_bg.png); color:#000}
#headerNavContainer .highlightText{color:#c49e1f}
#headerNavContainer .active .highlightText{color:#000}

/***********************************
Panels and Content Layout
***********************************/

.panel{ position:relative; background-color:#1c1c1c;}
.panelsmall{ position:relative; background-color:#1c1c1c;}


/***********************************
Primary Content Area
***********************************/

#primaryContentContainer{width:100%; position:relative; background:#c49e1f; text-align:left; font:bold 12px/18px Arial; color:#2b220c; overflow:hidden;}
#primaryContent{ padding:25px 25px 25px 25px;}
#primaryContent a{color:#f3f2bf;}
#primaryContent h1{font:bold 16px/14px Arial; color:#FFF; margin:0px 0px 5px 0px; padding:0px;}
#primaryContent .contentQuote{width:250px; color:#FFF; font:bold 16px/18px Arial; padding:10px 20px 0px 0px; float:left;}
#primaryContent .contentBody{color:#FFF; padding:0px 30px 0px 0px;}
#primaryContent .contentBody div{height:95px; overflow:hidden; color:#000; font:bold 11px/11px Arial;}
#primaryContent .contentBody img{float:left; padding:0px 5px 0px 0px;}
#primaryContent .contentBody h1{font:bold 14px/14px Arial; color:#FFF; margin:0px 0px 5px 0px; padding:0px;}

#primaryContentImage{ padding:0px 20px 0px 0px; float:left;}
#primaryContentCopy{ color:#FFF; font:bold 16px/18px Arial;}


/***********************************
Secondary Content Area
***********************************/

#secondaryContentContainer{width:100%; position:relative; background:#e2dbc9 url(../images/secondary_content_bg.gif) no-repeat;}
#secondaryContent{ text-align:left; padding:25px 25px 25px 25px; font:12px/16px Arial; color:#000; }
#secondaryContent h1{font:bold 18px/22px Arial; color:#000; margin:20px 0px 20px 0px; padding:0px;}
#secondaryContent h2{font:bold 12px/16px Arial; color:#000; margin:10px 0px 10px 0px; padding:0px;}
#secondaryContent ul{font:normal 12px/16px Arial; color:#000;}
#secondaryContent .bulletBox{float:left; width:350px;}

/***********************************
FAQS
***********************************/

.faqQuestionsContainer{float:left; padding:0px 20px 0px 0px; width:350px;}
.faqQuestionsContainer h1{font:bold 14px/14px Arial; color:#FFF; margin:5px 0px 5px 0px; padding:0px;}
.faqQuestionsContainer a{font:bold 11px/18px Arial; color:#000;}
.faqQuestionsContainer a:hover{font:bold 11px/18px Arial; color:#fff;}


/***********************************
Case Review Form
***********************************/

#caseReviewForm input{width:200px; font:12px/12px Arial; border:solid 1px #aaa8a5;}
#caseReviewForm input.button{background:#4f4426; color:#fff; font:bold 12px Arial; border:groove 2px #000;}
#caseReviewForm textarea{width:100%; height:50px; font:12px/12px Arial; border:solid 1px #aaa8a5;}
#caseReviewForm select{width:200px; font:12px/12px Arial; border:solid 1px #aaa8a5;}
#caseReviewForm label{padding:0px 0px 15px 0px; display:block; font:bold 10px/17px Arial;}
#caseReviewFormContactInfo label{float:left; display:block; width:250px;}
#caseReviewFormDetailInfo label{float:left; display:block; width:250px;}

/***********************************
Contact Us Form
***********************************/

#contactUsForm input{font:12px/12px Arial; border:solid 1px #aaa8a5;}
#contactUsForm input.button{background:#4f4426; color:#fff; font:bold 12px Arial; border:groove 2px #000;}
#contactUsForm textarea{width:100%; height:50px; font:12px/12px Arial; border:solid 1px #aaa8a5;}
#contactUsForm select{width:200px; font:12px/12px Arial; border:solid 1px #aaa8a5;}
#contactUsForm label{padding:0px 0px 15px 0px; font:bold 10px/12px Arial;}
#contactUsContactInfo label{padding:0px 0px 15px 0px; float:left; display:block; width:250px;}
#contactUsContactInfo input{width:200px; font:12px/12px Arial;} 

/***********************************
Footer
***********************************/

#footerContainer{width:100%; height:100px; position:relative; background:url(../images/footer_bg.jpg) no-repeat;}
#footerContent{padding:30px 0px 0px 0px; font:normal 10px Arial; color:#c2af80;}
#footerContent a{font:normal 10px Arial; color:#c2af80;}
#footerContent a:hover{color:#fff;}

/***********************************
Blog News
***********************************/

#blogNews{font:normal 12px Arial; width:400px; float:left;}
#blogNews h2{font:normal 14px Arial;}
#blogNews ul{list-style:none; padding:0px 0px 0px 10px; margin:0px;}
#blogNews a{color:#32525d; font-weight:bold;}

/***********************************
Related Links
***********************************/

#relatedLinks{font:normal 12px Arial; width:300px; float:right;}
#relatedLinks h2{font:normal 14px Arial;}
#relatedLinks ul{ list-style:none; padding:0px 0px 0px 10px; margin:0px;}
#relatedLinks ul li{padding:0px 0px 5px 0px}
#relatedLinks a{color:#32525d; font-weight:bold;}

/***********************************
Special Classes and Workarounds
***********************************/

.clearPods{clear:both; height:24px;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */