@charset "UTF-8";
/* CSS Document */
/* Written by Matthew Moore on August 4th, 2009 */
/* Visit my site at matthewmooredesign.com */

/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; color: #FFFFFF }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* GENERAL */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	background: #eeede9;
	}

#topspan { width:100%; height: 116px; background: #fff; }
#billboardspan { width:100%; height: 258px; background:url(../img/bgBillboard.jpg) repeat-x left top; }
#innerheaderspan { width:100%; height: 80px; background:url(../img/bgInnerHeader.jpg) repeat-x left top; }
#headerspan { width:100%; height: 74px; margin-top: 16px; background:url(../img/bgHeaderSpan.gif) repeat-x left top; }
#footerspan { width:100%; height: 86px; float: left; background:url(../img/bgFooter.gif) #423e35 repeat-x left top; }
.wrapper { width: 984px; background: #fff; margin: 0 auto; }



/* TOP */
#logo { padding-top: 17px; float: left; }



/* BILLBOARD */
.homebillboard { width: 1008px; height: 258px; background: url(../img/bgBillboard2.jpg) no-repeat top left; margin: 0 auto; }
.billboard { width: 1008px; height: 80px; margin: 0 auto; }
.billboard_about { width: 1008px; height: 80px; margin: 0 auto; background: url(../img/imgAbout.jpg) no-repeat top left; }
.billboard_services { width: 1008px; height: 80px; margin: 0 auto; background: url(../img/imgServices.jpg) no-repeat top left; }
.billboard_beforeandaftervisit { width: 1008px; height: 80px; margin: 0 auto; background: url(../img/imgBeforeandAfterYourVisit.jpg) no-repeat top left; }
.billboard_news { width: 1008px; height: 80px; margin: 0 auto; background: url(../img/imgNews.jpg) no-repeat top left; }
.billboard_contactus { width: 1008px; height: 80px; margin: 0 auto; background: url(../img/imgContactUs.jpg) no-repeat top left; }
#txtBillboard { width: 495px; height: 200px; margin-top: 54px; background:url(../img/txtBillboard.gif) no-repeat left top; float: left; }
#header { padding-top: 24px; }
.learnmore { width: 114px; height: 28px; background: url(../img/btnLearnMore.png) no-repeat top left; display: block; position: relative; left: 393px; top: 190px; }
.learnmore span { display:none; }
a.learnmore:hover, a.learnmore:active { width: 114px; height: 28px; background-position: 0 -28px; display: block; }
.banner { width: 264px; height: 137px; background: url(../img/bnrMRI.png) no-repeat top left; display: block; position: relative; left: 730px; top: -27px; }
.banner span { display:none; }
.btnMRICTScan { width: 369px; height: 28px; background: url(../img/btnMRICTScan.png) no-repeat top left; display: block; position: relative; left: 480px; top: 24px; }
a.btnMRICTScan:hover, a.btnMRICTScan:active { width: 369px; 28px; background-position: 0 -28px; display: block; }
.btnMRICTScan span { display: none; }

/* MIDDLE */
.home_bucket { width: 278px; padding: 25px; float: left; background: #fff; }
.home_bucket p { font-size: 10pt; color: #333; line-height: 16pt; margin-top: 10px; }
.home_bucket a { color: #6699ff; font-weight: bold; text-decoration: none; }
.home_bucket a:hover { color: #6699ff; font-weight: bold; text-decoration: underline; }
.home_pic { float: left; width: 76px; height: 108px; margin: 4px 20px 0 0; }
.patient_bucket { width: 278px; height: 100%; padding: 25px; float: left; background: #f8f7f3; }
.patient_bucket p { font-size: 10pt; color: #333; line-height: 16pt; margin-bottom: 10px; }
.patient_bucket h3 { font-size: 10pt; line-height: 16pt; font-weight: bold; }
.patient_bucket a { color: #6699ff; font-weight: bold; text-decoration: none; }
.patient_bucket a:hover { color: #6699ff; font-weight: bold; text-decoration: underline; }
.patient_item { width: 100%; border-top: 1px solid #ccc; padding: 10px 0; }
#left_nav { width: 214px; padding: 30px; float: left; }
#left_nav li { font-size: 9pt; font-weight: bold; border-top: 1px solid #ccc; padding: 12px; }
#left_nav li.inactive { color: #666; }
#left_nav li.active { color: #669900; background: #f8f7f3; }
#left_nav a.inactive:link, a.inactive:visited, a.inactive:active { color: #666; text-decoration: none; }
#left_nav a.inactive:hover { color: #666; text-decoration: underline; }
#right_column { width: 654px; padding: 30px 30px 30px 0; float: left; }
#right_column h2 { font-size: 18pt; font-weight: bold; line-height: 32pt; color: #000; margin-bottom: 10px; }
#right_column h3 { font-size: 14pt; line-height: 20pt; color: #669900; margin-bottom: 22px; }
#right_column h4 { font-size: 10pt; font-weight: bold; line-height: 16pt; color: #000; }
#right_column p { font-size: 10pt; line-height: 16pt; color: #000; margin-bottom: 16px; }
#right_column ul { margin-bottom: 16px; }
#right_column li { font-size: 10pt; line-height: 16pt; color: #000; list-style-type: disc; margin-left: 15px;}
#right_column a { color: #6699ff; text-decoration: none; font-weight: bold; }
#right_column a:hover { color: #6699ff; text-decoration: underline; font-weight:bold; }
#full_column { width: 825px; padding: 30px 30px 30px 35px; float: left; }
#full_column h2 { font-size: 18pt; font-weight: bold; line-height: 32pt; color: #000; margin-bottom: 10px; }
#full_column h3 { font-size: 14pt; line-height: 20pt; color: #669900; margin-bottom: 22px; }
#full_column h4 { font-size: 10pt; font-weight: bold; line-height: 16pt; color: #000; }
#full_column p { font-size: 10pt; line-height: 16pt; color: #000; margin-bottom: 16px; }
#full_column ul { margin-bottom: 16px; }
#full_column li { font-size: 10pt; line-height: 16pt; color: #000; list-style-type: disc; margin-left: 15px;}
#full_column a { color: #6699ff; text-decoration: none; font-weight: bold; }
#full_column a:hover { color: #6699ff; text-decoration: underline; font-weight:bold; }
#home_column a { color: #6699ff; text-decoration: none; font-weight: bold; }
#home_column a:hover { color: #6699ff; text-decoration: underline; font-weight:bold; }
#contact_left { background: #eeede9; width: 280px; padding: 20px; float: left; }
#contact_left h2 { font-size: 14pt; font-weight: bold; color: #000; }
#contact_left table { font-size: 10pt; color: #000; font-weight: bold; }
#contact_right { padding: 20px 0px 20px 30px; float: left; }
#contact_right h2 { font-size: 14pt;  color: #000; }
#contact_right table { font-size: 10pt; color: #000; line-height: 16pt; }
#contact_full { background: #eeede9; width: 600px; padding: 20px; float: left; }
#contact_full h2 { font-size: 14pt; font-weight: bold; color: #000; }
#contact_full table { font-size: 10pt; color: #000; }
.landing_column { width: 170px; background: #eeede9; float: left; padding: 15px;} 
.forms { width: 270px; background: #eeede9; float: left; padding: 15px;} 
#form_column { width: 634px; padding: 30px 30px 30px 0; float: left; }
#form_column h2 { font-size: 18pt; font-weight: bold; line-height: 32pt; color: #000; margin-bottom: 10px; }
#form_column h3 { font-size: 14pt; line-height: 20pt; color: #669900; margin-bottom: 22px; }
#form_column h4 { font-size: 10pt; font-weight: bold; line-height: 16pt; color: #000; }
#form_column p { font-size: 10pt; line-height: 16pt; color: #000; margin-bottom: 16px; }
#form_column ul { margin-bottom: 16px; }
#form_column li { background: url(../img/icoPage.gif) no-repeat top left; font-size: 10pt; line-height: 12pt; color: #000; list-style-type: none; padding-left: 23px; margin-bottom: 10px; }
#form_column a { color: #6699ff; text-decoration: none; font-weight: bold; }
#form_column a:hover { color: #6699ff; text-decoration: underline; font-weight:bold; }
#contact_left input { color: #000; font-weight: bold; font-size: 14px; padding: 3px; }
#contact_left textarea { color: #000; font-weight: bold; font-size: 14px; padding: 3px; }
#contact_full input { color: #000; font-weight: bold; font-size: 14px; padding: 3px; }
#contact_full textarea { color: #000; font-weight: bold; font-size: 14px; padding: 3px; }
#news_summary { width: 214px; margin: 30px; padding-bottom: 6px; float: left; background: #f8f7f3; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#news_summary h3 { font-size: 10pt; color: #000; font-weight: bold; padding: 12px 12px 6px 12px; }
#news_summary li { font-size: 9pt; padding: 6px 12px; }
#news_summary a:link, a:visited, a:active { color: #666; text-decoration: none; }
#news_summary a:hover { color: #666; text-decoration: underline; }
.picleft {float: left; margin: 0 20px 20px 0; }
.picright {float: right; margin: 0 0 20px 20px; }



/* FOOTER */
.footerwrapper { width: 984px; margin: 0 auto; }
.footerwrapper a:link, a:active, a:visited { text-decoration: none; color: #999; }
.footerwrapper a:hover { text-decoration: underline; color: #999; }
#footer_left { width: 400px; margin-top: 35px; float: left; text-align: left; }
#footer_left p { font-size: 8pt; color: #999; }
#footer_right { width: 560px; margin-top: 35px; float: left; text-align: right; }
#footer_right p { font-size: 8pt; color: #999; }



/* NAVIGATION */

#navigation { width: 498px; height: 30px; text-indent:-9000px; padding-top: 53px; float: right; text-align: left; }
#navigation ul { height:30px; margin: 0; padding: 0; list-style-type:none; }
#navigation ul li { float:left; margin-left: 2px; }
#navigation li a:link, #navigation li a:visited { display:block; height:30px; }
#navigation li a:hover { text-decoration:none; }
#navigation li a:active { background-position: 0 -30px; }
.about {background:url(../img/navAbout.gif) no-repeat left top; width:80px;}
a.about:hover {background:url(../img/navAbout.gif) no-repeat left top; background-position: 0 -30px;}
.services {background:url(../img/navServices.gif) no-repeat left top; width:71px;}
a.services:hover {background:url(../img/navServices.gif) no-repeat left top; background-position: 0 -30px;}
.beforeaftervisit {background:url(../img/navBeforeAfterVisit.gif) no-repeat left top; width:179px;}
a.beforeaftervisit:hover {background:url(../img/navBeforeAfterVisit.gif) no-repeat left top; background-position: 0 -30px;}
.news {background:url(../img/navNews.gif) no-repeat left top; width:58px;}
a.news:hover {background:url(../img/navNews.gif) no-repeat left top; background-position: 0 -30px;}
.contact {background:url(../img/navContact.gif) no-repeat left top; width:88px;}
a.contact:hover {background:url(../img/navContact.gif) no-repeat left top; background-position: 0 -30px;}
.active_about { background:url(../img/navAbout.gif) no-repeat left top; width:80px; background-position: 0 -30px; }
.active_services { background:url(../img/navServices.gif) no-repeat left top; width:71px; background-position: 0 -30px; }
.active_beforeaftervisit { background:url(../img/navBeforeAfterVisit.gif) no-repeat left top; width:179px; background-position: 0 -30px; }
.active_news { background:url(../img/navNews.gif) no-repeat left top; width:58px; background-position: 0 -30px; }
.active_contact { background:url(../img/navContact.gif) no-repeat left top; width:88px; background-position: 0 -30px; }


.clear { clear: both; }
.displace { position: absolute; left: -9000px; }