/* 
Theme Name: MD Billing Services
Theme URL: http://www.mdbs.biz
Author: Dustin M. Putnam
Author URI: http://www.dmp-webdesign.com
Version: 1.0
*/

@import url('resets.css');
@import url(http://fonts.googleapis.com/css?family=Crimson+Text&subset=latin);


/* 
Color Scheme:

Green: #4e8f5d;
Dark Grey: #383838;

*/


body {font-family:Arial, Helvetica, sans serif; font-size:13px; color:#383838; line-height:1.5;}

p {font-size:13px;}

h1, h2, h3, h4 {font-family: 'Crimson Text', Georgia, serif; padding-bottom:10px;}
h1 {font-size:35px; color:#4e8f5d; font-family: 'Crimson Text', Georgia, serif;}
h2 {font-size:30px; font-family: 'Crimson Text', Georgia, serif;}
h3 {font-size:25px; font-family: 'Crimson Text', Georgia, serif;}
h4 {font-size:20px; font-family: 'Crimson Text', Georgia, serif;}
h5 {font-size:20px; color:#4e8f5d; font-family: 'Crimson Text', Georgia, serif;}

img {border:none;}

a {color:#4e8f5d; white-space:nowrap;}
a:hover {color:#333;}

ul {padding:25px 0 25px 25px;}
li {padding:3px 0; list-style:url(../images/bullet.png);}

em {font-style:italic;}

.button {background-image:url(../images/submit.jpg); height:28px; width:76px; margin:5px; color:#000; border:#999999 solid 1px;}
.button:hover {background-image:url(../images/submit-hover.jpg); height:28px; width:76px; margin:5px; color:#FFF; border:#999999 solid 1px;}
.text {padding:5px; margin:5px; background-position:bottom; border:#999999 solid 1px; color:#999; }


/* ------------------------------------- */

#container {clear:both; width:960px; margin:auto; padding:auto; overflow: hidden; min-height: 100%; position: relative; }

#grey-bar {height:55px; width:100%; background-color:#333333; }
#grey-bar-container {width:960px; margin:auto; padding:auto;  }

#mdbs-logo {background-image:url(../images/mdbs-logo.png); background-repeat:no-repeat; width:421px; height:111px; float:left; margin:50px 0;}

#contact-info {float:right; text-align:right; margin-top:55px; }
#contact-info p {line-height:1.5;}
#contact-info h3 {font-family:Arial, Helvetica, sans serif; font-size:26px; color:#4e8f5d; font-weight:bold; padding:0; margin:0;}

#content {clear:both;}
#content p {padding-bottom:15px; line-height:1.75;}
/* -------------
   NAVIGATION 
---------------*/
#navigation {}

ul#navbar {width:auto; list-style:none; padding:0; }
ul#navbar li {float:left; margin:0; padding:0; list-style:none;}
ul#navbar li a { float:left; height:60px; background-image:url(../images/mdbs-nav.png); background-repeat:no-repeat; background-position:top;}

ul#navbar li a.home {width:104px; background-position:0 0}
ul#navbar li a.home:hover {background-position:0 -62px;}
ul#navbar li a.home-a {width:104px; background-position:0 -122px;}

ul#navbar li a.about {width:130px; background-position:-104px 0;}
ul#navbar li a.about:hover {background-position:-104px -62px;}
ul#navbar li a.about-a {width:130px; background-position:-104px -122px;}

ul#navbar li a.services {width:135px; background-position:-234px 0;}
ul#navbar li a.services:hover {background-position:-234px -62px;}
ul#navbar li a.services-a {width:135px; background-position:-234px -122px;}

ul#navbar li a.contact {width:121px; background-position:-368px 0;}
ul#navbar li a.contact:hover {background-position:-368px -62px;}
ul#navbar li a.contact-a {width:121px; background-position:-368px -122px;}

/* -----------------
   CLIENT SUPPORT 
-------------------*/
#client-support {float:right; margin-top:7px;}

ul#cs-button {width:auto; list-style:none; padding:0;}
ul#cs-button li {list-style:none; list-style-image:none;}
ul#cs-button li a { float:left; height:33px; background-image:url(../images/client-support.png); }
ul#cs-button li a.cs-button {width:189px; background-position:0 0; }
ul#cs-button li a.cs-button:hover {background-position:0px -33px;}

/* -----------------
   MORE REFERENCES 
-------------------*/
#more-references {margin-left:50px; padding:10px 0;}

ul#mr-button {width:auto; list-style:none; padding:0;}
ul#mr-button li {list-style:none; list-style-image:none;}
ul#mr-button li a { float:left; height:33px; background-image:url(../images/more-references.png);}
ul#mr-button li a.mr-button {width:189px; background-position:0 0; }
ul#mr-button li a.mr-button:hover {background-position:0px -33px;}

/* -----------------
   INDEX.HTML 
-------------------*/
#welcome {width:550px; }
#services {float:left; width:225px; padding-top:40px;}
#staff {float:right; width:225px; padding-top:40px; padding-left:20px;}
#staff img {margin-bottom:40px;}

/* -------------------------
   WHAT THEY SAY ABOUT US 
--------------------------*/
#wtsau-box {float:right; margin-top:40px; width:300px; padding-top:30px; padding-bottom:15px; background-color:#dddcdc; border:1px solid #b3b1b1;}
#wtsau-box h2 {text-align:center; font-size:35px;}
#wtsau-box .about-us {color:#4e8f5d; margin-top:-30px; font-size:40px;}
#wtsau-box p {font-family: 'Crimson Text', Georgia, serif; padding:20px 15px; font-size:16px;}
#wtsau-box .author {text-align:right; color:#000000; font-style:italic; white-space:nowrap;}


/* -------------------------
   FEATURED-HOME
--------------------------*/

#featured {clear:both; background-color:#d6d5d5; width:100%; height:420px; background-image:url(../images/featured-bg.png); background-position:bottom; background-repeat:no-repeat; margin-bottom:35px;}

#featured-text {float:right; width:325px; padding:10px;}
.featured-tag {padding:15px 5px 0px 5px;}

#featured-text p {font-family: 'Crimson Text', Georgia, serif; font-size:17px;}

.featured-img {float:left; margin:10px; }

#call-to-action {padding-top:40px; margin-left:25px; position:relative; }
#call-to-action ul {list-style-image:none; list-style:none;}
ul#find-out-how {width:auto;}
ul#find-out-how li {list-style:none; list-style-image:none;}
ul#find-out-how li a { float:left; height:50px; background-image:url(../images/more-info.png);}
ul#find-out-how li a.find-out-how {width:194px; background-position:0 0; margin:10px 0;}
ul#find-out-how li a.find-out-how:hover {background-position:0px -51px;}

/* -------------
   ABOUT.HTML 
---------------*/
#about-col-left {width:200px; height:400px; float:left; border-right:#c0c0c0 1px solid;}
#about-col-right {width:685px; float:right;}


#about-col-left ul { font-family: 'Crimson Text', Georgia, serif; font-size:25px;  margin-top:-30px;}
#about-col-left li {list-style-image:none; list-style:none; margin-left:-25px; padding:10px 0;}

#about-col-left a {text-decoration:none; color:#383838;}
#about-col-left a:hover {color:#666;}
#about-col-left a.active {color:#4e8f5d;}

/* -------------
   STAFF.HTML 
---------------*/
.staff-member {padding:20px; min-height:250px; }
.staff-info {float:right; width:375px; margin-bottom:30px;}
.staff-member img {float:left; padding-right:30px;}
.staff-member a {text-decoration:none;}
.staff-member h4 {margin-top:-15px; padding-bottom:15px;}

#col-1 {width:200px; float:left; margin-left:15px;}
#col-2 {width:250px; float:left; margin-left:15px;}
#col-3 {width:200px; float:left;}

#col-1 h3 {margin-bottom:-30px;}
#col-1 ul {margin-bottom:15px; list-style:none;}
#col-1 li {list-style:none; margin-left:-10px;}

#col-2 h3 {margin-bottom:-30px;}
#col-2 ul {margin-bottom:15px; list-style:none;}
#col-2 li {list-style:none; margin-left:-10px;}

#col-3 h3 {margin-bottom:-30px;}
#col-3 ul {margin-bottom:15px; list-style:none;}
#col-3 li {list-style:none; margin-left:-10px;}

.cert {font-size:10px; padding-bottom:5px; padding-left:8px; color:#999;}

/* -------------
   REFERENCES.HTML 
---------------*/
.quote-box {border:1px #c0c0c0 solid; padding:20px; clear:both; min-height:175px; padding-bottom:20px;}
.quote-box h4 {margin-top:-15px; padding-bottom:20px;}
.quote-box p {float:right;}
.quote {background-image:url(../images/quote.png); width:32px; height:24px; float:left; margin:0 20px 100px 0;}

/* -------------
  CLIENT SUPPORT
---------------*/
.help-col1 {width:250px; float:left; margin-left:75px;  }
.help-col2 {width:250px; float:right; margin-right:75px;}
.help-col1, .help-col2 h4 {clear:both; text-align:center;}
.help-col1, .help-col2 img {padding-top:30px;}

/* -------------
  SERVICES.HTML 
---------------*/

#medical-services-box { border:1px #c0c0c0 solid; padding:25px; height:400px; }

.services-box {border:1px #999 solid; padding:15px; width:185px; float:left; margin:5px; min-height:225px; background-color:#dddddd; background-image:url(../images/services-bg.png); background-position:bottom; background-repeat:repeat-x;}

.services-box2 {border:1px #c0c0c0 solid; padding:15px; min-height:185px; width:265px; margin:10px; float:left; background-image:url(../images/services-bg.png); background-position:bottom; background-repeat:repeat-x;}

.services-box2-mdc {border:1px #c0c0c0 solid; padding:15px; min-height:150px; width:900px; margin:10px; background-image:url(../images/services-bg.png); background-position:bottom; background-repeat:repeat-x;}
.services-box2-mdc img {float:left; margin-right:35px; padding:5px;}
.services-box2-mdc h4 a {text-decoration:none; }
.services-box2-mdc h4 {margin-top:-15px;}


/* -------------
  CONTACT.HTML 
---------------*/

#contact-content {width:550px; float:left;}

#contact-sidebar {border-left:#bababa thin solid; padding:50px; float:right;}
#contact-sidebar > #left {float:left; width:30%;}
#contact-sidebar > #right {float:right; width:70%;}
#contact-sidebar h2 {margin-top:15px;}


.contact-images {float:left; padding-right:15px;}


/* -------------
      FOOTER Green: #4e8f5d;
Dark Grey: #383838;
---------------*/

.clearfooter {clear: both; }

#footer {margin-top:75px;clear:both; width:100%; height:250px; position: relative; background-color:#383838; bottom:0px; color:#c0c0c0; border-top:solid 15px #4e8f5d; text-shadow: 0px 1px 1px #000;}
#footer-container{width: 960px; margin:auto; padding-top:50px; }

#footer .col1 {float:left; border-right:1px solid #868484; padding-right:25px;}
#footer .col2 {float:left; padding-left:30px;}
#footer .copy {clear:both; padding-top:50px;}

#footer a {color:#fff;}

#social-net {width:250px; border:1px solid #2c2c2c; float:right; background-color:#484848; text-align:center; padding:5px 0; margin-top:-10px; margin-right:25px;}
#social-net img {padding:0 5px;}