* { margin: 0; padding: 0; }

body { font: 0.8em/1.42 Helvetica, Arial, sans-serif; color: #333; margin: 0; padding: 0; }

ul, li { list-style-type: none; }

a { color: #0D508D; text-decoration: none; }

a:focus, a:hover { color: #A1B6CE; text-decoration: underline; }

a img { border: none; }

#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

h1 { font: 1.9em/1.3 Helvetica, Arial, sans-serif; color: #7A6E94; font-weight: bold; }

/** layout **/

#container { margin: auto; padding: 0; min-height: 100%; text-align: left; }

#header { height: 177px; padding: 0; width: 960px; margin: 0 auto; position: relative; }

#logo { margin: 0; display: block; float: left; position: absolute; top: 25px; }

#contact-number { float: right; margin: 44px 0 0 0; text-align: center; }
 
#contact-number p { margin: 0; padding: 0; color: #33CC33; font-size: 1.6em; line-height: 1.2; }

#contact-number p span.number { font-size: 2.2em; color: #5A83A6; }

/** nav **/

#main-nav { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; list-style: none; height: 40px; }
#main-nav li { float: left; margin: 0; padding: 0; }

#nav-home { width: 120px; }
#nav-about { width: 200px; }
#nav-team { width: 132px; }
#nav-services { width: 192px;}
#nav-costs { width: 100px; }
#nav-links { width: 100px; }
#nav-contacts { width: 116px; }

#main-nav a { color:#fff; text-decoration: none; text-align: center; font-size: 1.2em; letter-spacing: 1px; padding: 10px 0 0; height: 30px; display: block; position: relative; zoom: 1;border-top:1px solid #9cbed2; border-right:1px solid #607987; border-left:1px solid #94b5c8; background:#7195aa  url(../images/home-bg.gif) repeat-x; }
#main-nav a.first {text-align: center; }
#main-nav a.last {text-align: center; }

#main-nav a:focus, #main-nav a:hover { color: #CAD5E4; }

/** homepage **/

#body-home { background: url(../images/02.jpg) repeat; }

#main-image { width: 960px; height: 215px; margin: 0 auto; position: relative; } 

#body-home #content { width: 960px; margin: 0 auto; position: relative; }

#body-home #main-content { width: 630px; height: 212px; float: left; background: url(../images/medicare.jpg) no-repeat bottom right; margin-bottom: 20px; }

#body-home #sub-content { width: 300px; float: right; background-color: #CAD5E4; height: 100%; }

#body-home h1 { margin-top: 25px; }

#body-home h2 { font: 1.6em/1.3 Helvetica, Arial, sans-serif; color: #7A6E94; font-weight: bold; margin: 25px 0 5px 15px; }

#body-home #main-content p { font-size: 1.1em; font-weight: bold; color: #003A63; margin-top: 18px; }

#body-home #sub-content ul#first { float: left; width: 125px; margin: 0 0 30px 15px; /*IE6 float/margin bug*/ display: inline; }

#body-home #sub-content ul#second { float: left; width: 160px; margin: 0 0 30px 0px; /*IE6 float/margin bug*/ display: inline; }

#body-home #sub-content li { line-height: 2.2em; color: #003A63; background: url(../images/blue-bullet.gif) no-repeat 0 10px; padding-left: 8px; }

/** internal pages - common elements **/

#body-about, #body-team, #body-services, #body-costs, #body-links, #body-contacts { background: url(../images/lightblue.jpg) repeat; }

#body-about #content, #body-team #content, #body-services #content, #body-costs #content, #body-links #content, #body-contacts #content { width: 960px; margin: 35px auto 20px auto; position: relative; }

#body-about #main-content, #body-costs #main-content, #body-contacts #main-content { width: 630px; float: left; }

#body-about #sub-content, #body-costs #sub-content, #body-contacts #sub-content { width: 300px; float: right; }

#banner { width: 960px; height: 110px; margin: 0 auto; position: relative; } 

#banner h1 { font: 3em/1 "Helvetica Neue", Helvetica, Arial, sans-serif; color: #33CC33; font-weight: 100; padding-top: 54px; }

#body-about #content p, #body-team #content p, #body-costs #content p, #body-links #content p, #body-contacts #content p { font-size: 1.1em; margin-bottom: 20px; color: #243648; }

/** about **/

#body-about #banner { background: url(../images/about-banner.jpg) no-repeat top right; }

#body-about #sub-content img { border: 5px solid #CAD5E4; margin-top: 5px; }

#body-about #content h1, #body-about #content h2, #body-about #content h3 { color: #003A63; margin-bottom: 14px; font-size: 1.7em; font-weight: normal; }

/** the team **/

#body-team #banner { background: url(../images/team-banner.jpg) no-repeat top right; }

#body-team .bio { width: 630px; float: right; margin-bottom: 20px; }

#body-team .photo { width: 300px; float: left; margin-bottom: 40px; }

#body-team #content h1 { color: #003A63; font-size: 1.7em; margin-bottom: 20px; margin-top: 0; line-height: 1em; }

#body-team #content h1 span.title { color: #5A83A6; font-size: 0.75em; }

#DrChang, #DrPeng, #DrDowney, #nurses, #receptionists { clear: both; }

/** services **/

#body-services #banner { background: url(../images/services-banner.jpg) no-repeat top right;  }

#body-services p.intro { font-size: 1.3em; color: ##body-services; margin-bottom: 15px; }

#body-services #content h1 { color: #003A63; font-size: 1.7em; margin-bottom: 15px; margin-top: 0; line-height: 1em; }

#body-services #content h2 { color: #3A6E94; margin-bottom: 5px; }

#body-services #content div.column { color: #003A63; width: 300px; float:left;  }

#body-services #content div.column p { color: #243648; margin-bottom: 15px; }

.margin { margin-right: 30px; }

/** costs **/

#body-costs #banner { background: url(../images/costs-banner.jpg) no-repeat top right; }

#body-costs h2 { color: #003A63; margin-bottom: 14px; font-size: 1.7em; font-weight: normal; }

#body-costs #sub-content img { border: 5px solid #CAD5E4; margin: 5px 0 30px 0; }

/* costs table */
.costs { border-collapse: collapse; line-height: 1.2em; margin-bottom: 3em; width: 100%; font-size: 1.2em; }
.costs td { border: 1px solid #7C9CBA; text-align: left; padding: 10px 6px 10px 6px; vertical-align: top; }
.costs th {
	border: 1px solid #7C9CBA;
	border-width: 1px 1px 0 1px;
	background-color: #CAD5E4;
	color: #1b5882;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 10px 6px 10px 6px;
}
.costs tr:hover { background-color: #F5F9FD; }
.costs td.center-aligned { text-align: center; }

/** links **/ 

#body-links #banner { background: url(../images/links-banner.jpg) no-repeat top right; }

#body-links #content { margin-bottom: 30px; }

#body-links #left-col { width: 465px; float: left; }

#body-links #right-col { width: 465px; float: right; }

#body-links #content h2 { color: #002849; margin-bottom: 14px; font-size: 1.7em; font-weight: normal; }

/** contacts **/

#body-contacts #banner { background: url(../images/contact-banner.jpg) no-repeat top right; }

#body-contacts #content h2 { color: #003A63; margin-bottom: 14px; font-size: 1.7em; font-weight: normal; }

#body-contacts #content h3 { color: #003A63; margin-bottom: 4px; font-size: 1.3em; font-weight: normal; }

#body-contacts #content #sub-content h2 { font-size: 1.5em; margin-bottom: 4px; }

#body-contacts #sub-content iframe { border: 5px solid #CAD5E4; margin-top: 5px; }

#body-contacts #sub-content a { font-size: 1.2em; }

#body-contacts dl { width: 100%; overflow: hidden; line-height: 2.3em; font-size: 1.1em; color: #243648; margin-bottom: 20px; }

#body-contacts dt { float: left; width: 35%; }

#body-contacts dd { float: left; width: 65%; font-weight: bold; }

/** footer **/

#footer { background: #003A63 url(../images/darkblue.jpg) repeat-x; clear: both; padding: 0; margin: 0; }

#footer-sleeve { color: #fff; font-size: 1em; padding:0; width: 960px; height: 165px; margin: 0 auto; position: relative; }

#footer-nav { position: absolute; bottom: 25px; right: 0;}

#footer-nav ul { margin: 0; padding: 0; list-style: none; text-align: right; }

#footer-nav ul.main { font-weight: bold; margin-bottom: 10px; }

#footer-nav li { display: inline; margin-left: 7px; padding-left: 10px; border-left: 1px solid #fff; }

#footer-nav li.first { border-left: 0; }

#footer-nav a { color: #fff; }

#footer-sleeve:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#address { position: absolute; bottom: 25px; left: 0; line-height: 1.5em; }

#address h2 { color: #fff; }

#address a { color: #fff; font-weight: bold; }

.clearLeft { clear: left; }