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

   Dontcha Remember CSS V.02
   http://purebluedesign.com
   
   * Copyright (c) Dave Merwin 2007 - 2008. MIT Liscense
   
----------------------------------------------------------------------- */

/* =GENERAL
----------------------------------------------------------------------- */
.reset {margin:0; padding:0;}
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

p.mir {line-height:0;}

/* =LAYOUT
----------------------------------------------------------------------- */
body {background:url(../imgs/dr_bgnd.png) top left repeat-x; font-family:"Trebuchet MS", sans-serif; color:#6490A0;}
#header {position:relative; margin:0 0 18px 0;}

/*Content*/
#content {margin:170px 0 36px 0; background:url(../imgs/dr_text_logo.png) 0px -80px no-repeat; padding:200px 0 0 0;}
.content-block {background:#fff; width:630px; padding:40px; position:relative;}
#default .content-block {background:transparent;}
#services-block {position:absolute; width:200px; top:70px; right:-100px; background:#E1ECF0; padding:10px; border:1px solid #A5BEC8;}
#cont-col2 {padding:40px 40px 30px; background:#ccc;}
.sidebar-note {margin:18px 0 10px 0;}
#cont-col1 img {padding:5px; border:1px solid #ccc; background:#efefef;}
.featured-image {margin:18px auto; display:block;}

#email-block {background:#A5BEC8; padding:10px; margin:10px 40px; border:1px solid #A5BEC8;}

/* Footer */
#footer {border-top:1px dotted #ccc; padding:32px 0 0 0; margin:32px 0 0 0;}
#footer-nav {width:100%; text-align:center; list-style:none;}
#footer-nav li {display:inline; margin:0 10px 0;}

/* =NAV
----------------------------------------------------------------------- */
#header-nav {list-style:none; width:300px; position:absolute; top:0; right:0; z-index:5;}
#header-nav li {width:100px; height:65px; line-height:65px; float:left;}
#header-nav li a.current-section {background:#000; color:#fff;}
#header-nav li a {width:100px; height:65px; line-height:65px; display:block; text-align:center; text-decoration:none; font-weight:bold; color:#fff; background:url(../imgs/nav_rollover.png) 0px 0px repeat-x;}
#header-nav li a:hover {background:url(../imgs/nav_rollover.png) 0px -90px repeat-x;}

.media {background:url(../imgs/conversion.png) 0% 50% no-repeat; padding:0 0 0 20px;}
.slide {background:url(../imgs/slide_show.png) 0% 50% no-repeat; padding:0 0 0 20px;}
.zook {background:url(../imgs/photo.png) 0% 50% no-repeat; padding:0 0 0 20px;}
.collages {background:url(../imgs/collage.png) 0% 50% no-repeat; padding:0 0 0 20px;}
.additional  {background:url(../imgs/additional.png) 0% 50% no-repeat; padding:0 0 0 20px;}

/* Page Designations */
#about .about-link, #home .home-link, #services .services-link {background:url(../imgs/nav_rollover.png) 0px -90px repeat-x;}

#breadcrumb {width:100%; list-style:none;}
#breadcrumb li {display:inline; margin:0 10px 0 0;}

.services {list-style:none; font-size:140%;}


/* =TYPOGROPHY
----------------------------------------------------------------------- */
.decrease {font-size:90%;}
.site-title {background:url(../imgs/header_bgnd.png) 50% 0% no-repeat; position:absolute; top:22px; width:630px; height:247px; z-index:4;}

#content h1 {font-size:200%;}
#content h2 {font-size:175%;}
#content h3 {font-size:150%;}
h1, h2, h3, h4, label {color:#305272;}
a {text-decoration:none; color:#00A0C6;}
a:hover {color:#05213A;}

/* =FORMS
----------------------------------------------------------------------- */
#email-block form {margin:0 20px 0 20px; text-align:center;}
#email-block small {margin:0 20px 20px;}
#email-block input {border:none; background:#E8E9EB; margin:0 5px; padding:2px 4px;}
#email-block input:focus {background:#fff;}
#email-block h4 {margin:20px 20px 0 20px; padding:0;}
.email-submit {margin:10px 0 20px 0; padding:0 0 9px 0; text-align:right;}
.text-input {width:190px;}
#sign_up_submit {margin:10px 0 0 0;}
#sign_up {width:424px; text-align:center;}