﻿/*-------------------------------------*
|          Patient Steps, LLC          |
|    Copyright. All Rights Reserved    |
*-------------------------------------*/

/*--- OVERALL STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, 
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, 
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio, video 
{margin:0; padding:0; border:0; vertical-align:baseline;}

article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, 
video, object 
{display: block;}

a {cursor:pointer; text-decoration:none;}
a:hover {text-decoration:none;}
a img {border:none;}

/*COPY ALL HEADER STYLES INTO h1, h2, h3, h4 classes for CMS use*/
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, Verdana, Tahoma, Serif;}
h1, .h1 {font-size:30px; color:#098cbd; text-shadow:1px 1px 0 #fff; margin-bottom:10px;}
h2, .h2 {font-size:20px; color:#560d0d; text-shadow:1px 1px 0 #fff; margin-bottom:15px;}
h3, .h3 {font-size:18px; color:#555; text-shadow:1px 1px 0 #fff; margin-bottom:10px;}
h4, .h4 {font-size:16px; color:#888; text-shadow:1px 1px 0 #fff; margin-bottom:10px;}
h5, .h5 {}
h6, .h6 {}

* {margin:0px; padding:0px;}

img {*margin:0; *padding:0;}

/*ul, li {list-style:none outside none;}*/

/*---CLASSES---*/
.left {float:left;}
.right {float:right;}
.clear {clear:both; margin:0; padding:0;}
.sitemap-list {list-style:inside; line-height:24px;}
.sitemap-list ul {list-style:inside; line-height:24px;}
.sitemap-list li ul {padding-left:20px;}
/*-------------*/

body {background:#ccdfec url(../images/bg.jpg) no-repeat top center; font-family:Arial, Helvetica, Verdana, Tahoma;}
.container {width:950px; margin:0px; padding:0px;}

#top-line {border-bottom:1px solid #fff; height:2px; width:100%; background:#777;}

/*--- HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header #logo {float:left; padding-top:10px; padding-left:20px;}
#header-right {float:right; width:647px;padding-top:10px;}
#header-right p {text-align:right; margin-bottom:15px; font-size:18px; color:#777; font-family:Oswald; text-shadow:1px 1px 0 #fff;}

#font-adjustments {float:right; padding-top:10px; margin-bottom:15px;}
#font-adjustments #aincreasefontsize {margin-right:5px;}

/*---NAVIGATION-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#nav {background:url(../images/nav-bg.png) no-repeat; height:47px;}

/*--- CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content {background:url(../images/content-bg.png) repeat-y; width:963px; *margin-bottom:-6px; padding-bottom:0px;}
#content .padding {background:#fff; padding:8px; margin:0; border-bottom:1px solid #500000;}
#content-inner {border:1px solid #999; background:#f4f4f4; margin:0px;}
#inner-pad {padding:30px 20px 30px 20px; margin:0px; text-align:left; font:17px/26px Arial, Helvetica, Verdana, Tahoma, Serif;}
#inner-pad2 {padding:10px 10px 10px 10px;  margin:0px; text-align:left; font:17px/26px Arial, Helvetica, Verdana, Tahoma, Serif;}
#content-inner a {color:Maroon;}
#content-inner a:hover {color:#098cbd; text-decoration:underline;}
#content-shadow {height:5px; width:963px; margin:0px; padding:0px; overflow:hidden;}
#content-shadow img {margin:0px; padding:0px; height:5px; overflow:hidden;}
#home-bg {background:url(../images/home-bg.png) top left no-repeat;  padding:45px 20px 45px 20px; *padding:35px 20px; *height:440px;}

#font-changer2 {float:left; width:602px;}
#font-changer2 .padding {padding:20px 10px 20px 10px; box-shadow:none; border:none; background:transparent;}

#services-button, #calendar-button {font-family:Oswald; color:#500000; font-size:26px;}
#services-button:hover, #calendar-button:hover {color:#098cbd; text-decoration:underline;}
#services-button {background:url(../images/services-button.png) top right no-repeat; padding-right:38px; margin-right:30px; margin-left:80px;}
#calendar-button {background:url(../images/calendar-button.png) top right no-repeat; padding-right:65px;}

.fail{color:Red; padding:5px; background-color:#f1d9d9; border-left:2px solid red; margin-bottom:20px;}
.pass{color:green; padding:5px; background-color:#d9f1d9; border-left:2px solid green; margin-bottom:20px;}
.warning{color:#c8780c; padding:5px; background-color:#f8f2d4; border-left:2px solid #c8780c; margin-bottom:20px;}

/*--- FOOTER -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {text-shadow:1px 1px 0 #fff;}
#footer .padding {background:#fff; padding:6px; border-bottom:1px solid #500000;box-shadow:0px 0px 10px #8aafc8;}
#footer-inner {border:1px solid #999; background:url(../images/footer-inner-bg.jpg) repeat-x top; padding:10px 20px; *padding:5px 20px; color:#444;}

#footer-nav {float:left; font:14px/20px Arial, Helvetica, Verdana, Tahoma; text-align:left; *position:relative; *top:5px;}
#footer-nav a {color:#500000; -webkit-transition-duration: .2s, .2s, .2s;}
#footer-nav a:hover {color:#098cbd; text-decoration:underline;}

#footer #call-today {float:right;}
#footer #call-today h2 {text-align:center; font-family:Oswald; color:#444; font-size:32px; font-weight:normal; line-height:27px; *line-height:29px; margin:0; padding:0;}
#footer #call-today h2 span {color:#333; font-family:Arial; font-size:14px;}
#footer #call-today img, #footer #call-today h2 {display:inline-block;}  

#footer #phone {position:relative; top:29px; right:8px;}

/*---SHORT DISCLAIMER-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#short-disclaimer {text-align:center; font:12px/20px Arial, Helvetica, Verdana, Tahoma; color:#668ba8;}

#bottompage {margin-bottom:20px;}
#w3 {font-size:9px; color:#a4aeb4;}
#w3:hover {color:#527896;}

/*---CONTACT FORM----------------------------------------------------*/
