/* -- NOTE: reset.css clears all browser differences and starts from scratch --  */
@import 'reset.css';

body {
	font-family: "Lucida Grande", Arial, Helvetica, san serif;
	font-size:11px;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;
	color: #74451e;
	background: url(images/backgrd-tile.jpg) repeat-x #9c5a24;
	position: relative;
	margin: 0 auto;
	} 
	
/* ======================================================== MAIN BODY CONTAINING ELEMENT ========================================================*/

#wrap {width: 900px; height:auto; margin: 0 auto; position: relative;}
	
#header {width:900px; height:111px;}

#background-block {width:900px; height:auto; background-color:#e0c082; padding:21px 11px 21px 11px;}
	
#gold-border {width:870px; height: auto; border:1px solid #74451e; margin: 0 auto; padding-top:10px;}	

#inner-contain {width:842px; height:auto; background:url(images/inner-tile.jpg) repeat-y; margin: 0 auto; padding-bottom: 15px; margin-top:5px; margin-bottom: 15px;}

#banner {width: 842px; height:252px; margin:0 auto; background:url(banners/banner-backgrd.jpg) no-repeat; border: solid 1px #efefcc; /*margin-top: 10px;*/}

#banner-pic {width:576px; height:252px; float: left;}

#newsletter-signup {width:235px; height:auto; float: right; padding-top:210px;}

#afib {width:842px; height: 37px; background:url(images/afib-backgrd.jpg) repeat-x #e0c082; text-align:right;}

#left {float:left; width:262px; height:auto; background:url(images/nav-bckgrd.jpg) no-repeat; display:inline; padding: 25px 0 15px 0px;}

#mission {width: 227px; height:auto; background:url(images/mission-stmt-tile.jpg) repeat-x #c3773b; color:#efefcc; border: solid 1px #a8642e; margin: 0 auto; padding: 5px 5px 10px 5px;}

#mission li {list-style-type:disc; margin-left: 18px;}

#mission img {border: 1px solid #efefcc; margin-bottom:6px;}

#mission-line {width: 227px; height:0px; border-top:solid 1px #9c5a24; margin:0 auto; margin-bottom: 45px;}

#navigation {float:left; width:199px; height:auto; padding:43px 0 0 30px; margin-bottom:30px; font-family:"Trebuchet MS"; font-size:18px;}

#navigation h1 {font: "Times New Roman", Times, serif; font-size:22px; color:#402606; margin-bottom: 16px;}

#navigation li {margin-bottom:25px;}

#right {float:right; width:573px; background: url(images/body-rt-bckgrd.jpg) no-repeat; height:auto; display:inline;}

#text {width:420px; height:auto; padding: 35px 0px 15px 30px;}

#text p{padding-bottom:12px;}

#text li {padding-bottom:9px; list-style-type:disc; margin-left: 20px;}

#facebook {width:390px; height:auto; vertical-align:middle;}
	
.clearer{clear:both; margin:0px;}

#footer {width:884px; height:90px; padding: 60px 0 0 30px; clear:both;background: url(images/footer-logo.jpg) no-repeat; font-size: 11px; color: #efefcc; text-align:left;}


/*======================================================== LINK STYLES ======================================================== */

/* ------------- Basic links  ------------- */
a:link, a:visited {color: #9c5a24; text-decoration: underline; }

a:active, a:hover {color: #3e1f05; text-decoration: underline;}


/* ------------- Navigation  ------------- */
#navigation a:link, #navigation a:visited {color:#9c5a24 ; text-decoration: none;}

#navigation a:hover, #navigation a:active {color: #3e1f05; text-decoration: none;}


/* ------------- Footer  ------------- */
#footer a:link, #footer a:visited {color: #efefcc; text-decoration: none;}

#footer a:hover, #footer a:active {color: #3e1f05; text-decoration: underline;}


/* ------------- Product Inquiry  ------------- */
.h2 a {display:inline; padding:2px; text-decoration:none;}

.h2 a:link, .h2 a:visited {background-color:#9c5a24; color: #efefcc; border: 1px solid #563316;}

.h2 a:active, .h2 a:hover {background-color:#563316; color: #efefcc; border: 1px solid #9c5a24;}


#newsletter-signup a {display:inline; text-decoration: none; font-size:14px; font-weight:bold; padding:4px;}

#newsletter-signup a:link, #newsletter-signup a:visited {color: #563316; background-color: #e0c082;  padding: 2px; border: solid 1px #c37535;}

#newsletter-signup a:active, #newsletter-signup a:hover {color:#c37535; background-color:#563316;  padding: 2px; border: solid 1px #e0c082;}

/*======================================================== TEXT STYLES ======================================================== */

h1 { font-family:"Times New Roman", Times, serif; font-size: 24px; color: #9c5a24; font-style: normal; font-weight:400; margin-bottom: 12px;}

h2, h3 , h4, h5 {font-size: 13px; font-family: "Lucida Grande", Arial, san-serif; font-style: normal; font-weight: bold; color: #9c5a24;margin-bottom:7px;}

.h2 {font-size: 13px; font-family: "Lucida Grande", Arial, san-serif; font-style: normal; font-weight: bold; color: #9c5a24;margin-bottom:7px;}


.basic-bold {font-weight: bold;}

.basic-italic {font-style:italic;}

.red {color: #FF0000;}

.special {color:#9c5a24;}

.mission {font-weight:bold; color:#563316;}

/*======================================================== FORM STYLES ======================================================== */

#typein { }

#typein input, #typein textarea, #typein select { color: #563316; background-color: #e0c082;  padding: 2px; border: solid 1px #c37535;}

.contact-method {width:225px; height:auto;  color: #563316; background-color: #e0c082;  padding: 2px; border: solid 1px #c37535;}

.contact-method2 {width:315px; height:auto;  color: #563316; background-color: #e0c082;  padding: 2px; border: solid 1px #c37535;}