@charset "utf-8";
/* 
================================================
dot by ReSound Microsite
CSS GLOBAL STYLES
Created by: Garrick Willhite, StoneArch Creative 
================================================
*/
/* ======== GLOBAL ELEMENTS ======== */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/bg_body.png);
	background-repeat:repeat-x;
	background-color: #eeeeee;
}
a:link {color: #EE3338; text-decoration: none;}
a:hover {color:#990000; text-decoration: none;}
a:visited {color: #EE3338; text-decoration: none;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #999999;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999999;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999;}


#container {width: 988px;}

/* ======== SPLASH HOMEPAGE (used for temp site) ======== */
#splashHeader {width: 988px;}
#splashContent {width: 988px; margin: 0 0 0 0;}

/* ======== HEADER ======== */
#header {display: none;}
#navigation {display: none;}

/* ======== PAGE CONTENT ======== */
#homeIntro {width: 988px; margin: 0; padding: 0 0 20px 0;}
#bodyAbout {width: 988px; background-image:url(../images/bg_about.png); background-repeat: no-repeat; background-position: top left;}
#bodyGlobal {width: 988px;}
#bodyTestimonials {;}
#bodyProfessionals {width: 988px;}
#bodyBorder {width: 978px; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; background-color: #ffffff; margin: 0 4px 0 4px; padding: 0;}
#bodyWhoknew {width: 978px; background-image:url(../images/materials_whoknew.jpg); background-position: bottom right; background-repeat: no-repeat; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; background-color: #ffffff; margin: 0 4px 0 4px; padding: 0;}
#bodyWhoknew h2 {margin: 8px 0 8px 0;}
#bodyHeardseen {width: 978px; background-image:url(../images/materials_heardseen.jpg); background-position: bottom right; background-repeat: no-repeat; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; background-color: #ffffff; margin: 0 4px 0 4px; padding: 0;}
#bodyHeardseen h2 {margin: 8px 0 8px 0;}
#bodyHumor {width: 978px; background-image:url(../images/materials_humor.jpg); background-position: bottom right; background-repeat: no-repeat; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; background-color: #ffffff; margin: 0 4px 0 4px; padding: 0;}
#bodyHumor h2 {margin: 8px 0 8px 0;}
#bodyDalmation {width: 978px; background-image:url(../images/materials_dalmation2.jpg); background-position: bottom right; background-repeat: no-repeat; border-left: 1px solid #D3D3D3; border-right: 1px solid #D3D3D3; background-color: #ffffff; margin: 0 4px 0 4px; padding: 0;}
#bodyDalmation h2 {margin: 8px 0 8px 0;}
#textBorder {width: 760px; float:left; margin: 12px 0 10px 12px;}
#textBorder li {list-style: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0 30px; padding: 4px 0 4px 0; color: #999999;}
#textLeft {width: 510px; float:left; margin: 12px 0 10px 0;}
#textLeftExt {width: 620px; float:left; margin: 12px 0 10px 0;}
#textRight {width: 510px; float:right; margin: 12px 0 10px 0;}
#contentLeft {width: 478px; float: left; margin: 0 0 0 0;}
#contentRight {width: 478px; float: right; margin: 0 0 0 0;}
#video {float: right; width: 320px; margin: 0 75px; 10px 0; padding: 0; background-color: #F3F3F3;}

/* ======== PODS ======== */
#pods {display: none;}
#pod1 {display: none;}
#pod2 {display: none;}
#pod3 {display: none;}
#pod4 {display: none;}
#profPods {width: 980px; background-image:url(../images/bg_professionals.png); background-repeat: no-repeat; background-position: bottom; margin: 0 4px 0 4px; padding: 0;}
#profPods p {margin: 8px 10px 8px 10px;}
#profPods h2 {margin: 6px 10px 0 10px;}
#profPod1 {width: 245px; float: left;}
#profPod2 {width: 245px; float: left;}
#profPod3 {width: 245px; float: left;}
#profPod4 {width: 245px; float: left;}

/* ======== FOOTER ======== */
#tagline {width: 988px; margin: 0 0 0 0; padding: 0 0 12px 0;}
#footer {width: 988px; border-bottom: #DDDDDD solid 1px; border-top: #DDDDDD solid 1px; margin: 0 0 0 0; padding: 0 0 0 0;}
#footerLinks {float: left; height: 38px; margin: 0 0 0 0;}
#footerLinks p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; margin: -1px 0 0 0;}
#copyright {float: right;}
#copyright p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; margin: 12px 15px 0 0;}

/* ======== NAVIGATION ======== */
#side_nav {display: none;}
#side_nav ul {margin: 4px 0 0; padding: 0 0 4px 1px;}
#side_nav li {list-style: none;	margin: 0; padding: 2px 0 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; border-bottom: #CCCCCC solid 1px;}
#side_nav li a:hover {color:#FF0000;}
#side_nav h2 {font-size: 14px;}

/* ======== TOOLS ======== */
#textSizer {display: none;}

/* ======== CLASSES ======== */
.float_right {float: right;}
.float_left {float: left;}
.text760 {width: 680px; padding: 8px 0 15px 16px; margin: 0;}
.dotred {color: #EE3338;}
.dotgray {color: #999999;}
.materials {margin: 0 0 0 15px; padding: 0 0 15px 0;}
.materials li {list-style: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0 30px; padding: 4px 0 4px 0; color: #999999;}
.dotlist {margin: 0 0 0 15px; padding: 0 0 15px 0;}
.dotlist li {list-style: none; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0 30px; padding: 4px 0 4px 0; color: #999999;}