/*
	Site: Marco Hearing 
	Date: 06/10/2009
	Author: Larry Chartier
	Description: Core CSS File
	Additional CSS Files: 

	WEB COLORS USED FOR THIS SITE
	---------------------------------------------------------------------
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 
	#000000		Color		Used for: 	
	---------------------------------------------------------------------
*/

/* Base style removal, global fixes and browser/platform fixes */

:link, :visited { text-decoration: none }
ul,ol { list-style: none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd,input { margin: 0; padding: 0 }
a img, :link img, :visited img { border: none }
address { font-style: normal }
a, a:link, a:visited, a:hover, a:active { outline: 0; }


/*	Custom styles begin */


body {margin: 0;padding:0;background-color: #252012;font-family: "Arial", Verdana, sans-serif;}
body.home {background: #000;}


div.wrapper {width: 960px;margin: 0 auto;}
br.clear {clear: both;}



/* ---------------------------------- HEADER ---------------------------------- */

div#top {background: #bfcca5 url(style/top_bg.gif) bottom repeat-x;}
div#top-container {width: 960px;margin-left: auto;margin-right: auto;height:100px;}

div#logo {width: 274px;height: 76px;background: url(style/marco_logo.gif) top no-repeat;float: right;display: block;text-indent: -9999px;	margin-top: 20px;}

/* ---------------------------------- HEADER NAV ---------------------------------- */

div#nav {float: left;margin-top: 51px;}
#nav p a {width: 99px;height: 49px;text-indent: -9999px;display: block;float:left;	margin-right: 1px;}

#nav p a.home {background: url(style/home_o.gif) top no-repeat;}
#nav p a.home:hover {background: url(style/home.gif) top no-repeat;}
#nav p a.home_o {background: url(style/home.gif) top no-repeat;}

#nav p a.about {background: url(style/about.gif) top no-repeat;}
#nav p a.about:hover {background: url(style/about_o.gif) top no-repeat;}
#nav p a.about_o {background: url(style/about_o.gif) top no-repeat;}

#nav p a.knowledge {background: url(style/hearing-health.gif) top no-repeat;}
#nav p a.knowledge:hover {background: url(style/hearing-health-o.gif) top no-repeat;}
#nav p a.knowledge_o {background: url(style/hearing-health-o.gif) top no-repeat;}

#nav p a.services {background: url(style/services.gif) top no-repeat;}
#nav p a.services:hover {background: url(style/services_o.gif) top no-repeat;}
#nav p a.services_o {background: url(style/services_o.gif) top no-repeat;}

#nav p a.products {background: url(style/products.gif) top no-repeat;}
#nav p a.products:hover {background: url(style/products_o.gif) top no-repeat;}
#nav p a.products_o {background: url(style/products_o.gif) top no-repeat;}

#nav p a.contact {background: url(style/contact.gif) top no-repeat;}
#nav p a.contact:hover {background: url(style/contact_o.gif) top no-repeat;}
#nav p a.contact_o {background: url(style/contact_o.gif) top no-repeat;}

/* ---------------------------------- HOME PAGE ---------------------------------- */

div#middle a:link {color: #82a652;text-decoration: none;}
div#middle a:visited {color: #82a652;text-decoration: none;}
div#middle a:hover {text-decoration: underline;color: #fff;}

div#middle {background: url(style/bg-banner.gif) top repeat-x black;padding-top: 25px;padding-bottom: 25px;}
div#middle-container {width: 960px;margin-left: auto;margin-right: auto;}

/* Brown Start */

div#brown a {color: #82a652;text-decoration: none;}
div#brown a:hover {text-decoration: underline;color: #fff;}

div#brown {background: url(style/bg-dark.jpg) top repeat-x #231d0d;padding-top: 35px;padding-bottom: 25px;}
div#brown-container {width: 960px;margin: 0 auto;}
div#brown-container p {color: #fff;font-size: 12px;padding: 5px 0;}


div#b1 {width:256px;float: left;margin-left: 10px;}
div#b2 {width:256px;float: left;margin-left: 81px;}
div#b3 {width:256px;float: left;margin-left: 81px;}


/* ---------------------------------- FOOTER HOME PAGE---------------------------------- */

div#footer {margin: 15px auto 0 auto;padding:7px 0 0 10px;width: 960px;height: 24px;background: url(style/bg-footer.jpg) no-repeat;}

div#footer ul,div#footer ul li {list-style: none;display: inline;font-size: 10px;line-height: 16px;font-weight: normal;color: #666;}
div#footer li {	padding-right: 5px;margin-left: 5px;border-right: 1px dotted #666;}
div#footer li.last {border: none;}

div#footer a {color: #666;text-decoration: none;}
div#footer a:hover {color: black;}


div#copyright {margin: 10px auto 20px auto;padding: 0 0 0 10px;width: 960px;font-size: xx-small;line-height: 13px;color: #333;}
div#copyright a {color: #82a652;text-decoration: none;}
div#copyright a:hover {color: #333;}



/* ---------------------------------- INTERNAL PAGES ---------------------------------- */

div#brown-banner {background: url(style/pattern-bg.gif) repeat-x;height: 97px;width: 100%;padding: 15px 0 0 0;}
div#brown-banner h1 {font-weight: normal;color: #fff;font-size: 36px;padding: 0 20px;}
div#brown-banner p {color: #bfcca5;font-size: 14px;width: 530px;padding: 0 20px;}

div#main-body {background: #fff;width: 100%;background: url(style/main-internal-bg.gif) no-repeat top center #fff;border-bottom: 1px solid #2a2415;}
div#main-body div.backing {background: url(style/main-internal-bg2.gif) no-repeat;padding: 25px 0;}

div#main-body a {color:#639212;text-decoration: underline;}
div#main-body a:hover {color:#666;text-decoration: underline;}

div#main-body h2 {padding: 0 20px;font-size: 18px;line-height: 24px;margin: 25px 0 6px 0;color: #19150d;}
div#main-body h2.first {margin-top: 0;}
div#main-body h3 {color: #393733;font-size: 14px;line-height: 20px;margin: 0 0 6px 0;padding: 0 20px;}
div#main-body h3 span {font-weight: normal;}


div#main-body p {padding: 0 20px;color: #3a3939;font-size: 14px;line-height: 19px;margin-bottom: 8px;}
div#main-body p.description {font-size: 11px;line-height: 16px;margin-bottom: 0;}
div#main-body p span.email {float: left;margin: 0 7px 10px 0;}

div#main-body div.bio {float: right;width: 453px;display: inline;margin-bottom: 20px;}
div#main-body div.bio h3 {padding: 0;}
div#main-body div.bio p {padding: 0 20px 0 0;}

div#main-body ul {margin: 0 0 8px 20px;padding:0 0 0 35px;color: #3a3939;font-size: 14px;line-height: 19px;list-style: disc;}
div#main-body ul li {padding-right: 20px;margin-bottom: 5px;}

div#main-body ul.accessories {font-size: 14px;line-height: 19px;}
div#main-body ul.accessories span {font-weight: bold;line-height: 20px;color: #639212;}


div#main-body div#left {float: left;width: 570px;}
div#main-body div#left hr {height: 1px;background: #bfcca5;border: none;margin: 20px 0 20px 0;}
div#main-body div#left img.thumb {float: left;margin: 0 15px 20px 20px;padding: 2px;border: 1px solid #ccc;}
div#main-body div#left div.flash {float: left;margin: 0 15px 20px 20px;_margin: 0 15px 20px 10px;padding: 2px;border: 1px solid #ccc;clear: left;}



div#main-body div#left table {margin: 10px 0 10px 20px;}
div#main-body div#left table td {padding-bottom: 10px;}
div#main-body div#left table td.title {color: #3a3939;font-size: 14px;line-height: 19px;}
div#main-body div#left table td input.info {border: 1px solid #999;font-size: 10px;padding: 3px 4px;width: 200px;background: white;}
div#main-body div#left table td textarea {border: 1px solid #999;font-size: 10px;padding: 3px 4px;width: 200px;height: 70px;background: white;}


div#main-body div#right {float: right;display: inline;width: 340px;}
div#main-body div#right h2 {color: #53504a;margin-bottom: 12px;}
div#main-body div#right p {font-size: 11px;line-height: 15px;color: #666;}

div#main-body div#right div.testimonial {margin: 15px 0 20px 20px;}
div#main-body div#right img.thumb {float: left;margin: 0 15px 20px 20px;padding: 2px;border: 1px solid #ccc;}

div#main-body div#right dl.greenbox {background: url(style/green-box-bg.gif) bottom no-repeat;padding-bottom: 15px;margin: 25px 0 10px 0;}
div#main-body div#right dl.greenbox dt {background: url(style/green-box-bg.gif) top no-repeat;padding-top: 15px;}
div#main-body div#right dl.greenbox dd.logo {float: left;margin: 0 15px 0 20px;width: 87px;}
div#main-body div#right dl.greenbox dd.copy {padding-right: 20px;font-size: 11px;line-height: 12px;color: #666;margin: 7px 0;}
div#main-body div#right dl.greenbox dd.clear {clear: both;}

/* ---------------------------------- INTERNAL FOOTER ---------------------------------- */

div#internal-footer {background: #252012;height: 94px;border-top: 1px solid #000;padding: 10px 0;}
div#internal-footer p {color: #816c39;font-size: 10px;line-height: 16px;padding: 0 20px;}
div#internal-footer p.quote {width: 300px;float: right;display: inline;text-align: right;padding: 0 20px;font-size: 12px;line-height:17px;text-transform: uppercase;font-style: italic;}


div#internal-footer a {color: #816c39;}
div#internal-footer a:hover {color: #639212;}