/*  Washington Chiropractic Center 
*   Main styles
*/

html, body {
	height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background: #ffffff;

 url(../Images/bg.jpg) repeat-x 0 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #242423;
}

body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, pre, form, fieldset, input, textarea, blockquote, th, td {
	margin: 0;
	padding: 0;
}
p {
	margin: 0 0 10px 0;
	line-height: 24px;
}
a {
	color: #242423;
	text-decoration: underline;
}
a:hover {
    color: #624e1f;
}
img {
    border: 0;
}

/* Common Classes */
.show	{ display: block;	}
.hide	{ display: none;	}
.clear	{ clear: both;		}
.static	{ position: static !important; }

/* General Styles */
#wrapper {
    width: 1024px;
    margin: 0 auto;
}

/* Header */
#header {
    position: relative;
}
#headerTop {
    background: url() repeat-x 0 bottom;
    height: 120px;
}
#headerStripe {
    background: #3f5b93;
    height: 100px;
}
    #headerStripe p {
        font-family: Trebuchet MS, Arial;
        color: #d0d3d8;
        font-style: italic;
        font-size: 22px;
        margin: 0 0 0 118px;
        padding-top: 20px;
        padding-right: 30px;
        padding-bottom: 50px;
        padding-left: 260px;
        text-align: center;
        width: 240px;
        line-height: 20px;
    }
#header h1 {
    font-size: 28px;
    font-family: Verdana;
    font-weight: normal;
    margin: 0 0 0 60px;
    padding: 18px 0 0 0;
}
#header h1 a {
    text-decoration: none;
    color: #222222;
}
#header h2 {
    font-family:verdana;
    font-size: 16px;
    font-weight:normal;
    margin: 3px 0 0 330px;
}
#header span#subheadline {
    color: #d0d3d8;
    font-weight: bold;
}
#header #topImage {
    position: absolute;
    padding-top: 100px;
    padding-bottom: 50px;
    top: 20%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: 40%;
}


/* Top Navigation */
#topNav {
    background: #d0d3d8;
    height: 40px;
}
#topNav ul {
    list-style: none;
    margin:0 85px 0 0;
    padding:10px 0 0;
    float: right;
    position: relative;
}
#topNav ul li {
    float: left;
    padding: 0 20px;
    font-size: 16px;
    position: relative;
    height:23px;
}
#topNav a {
    color: #3f5b93;
    text-decoration: none;
    display: block;
    height:23px;
}
#topNav a:hover {
    color: #482723;
}
/* Submenu*/
#topNav ul.subMenu {
    background: #ffffff;
    color:#000000;
    left:16px;
    list-style-type:none;
    position:absolute;
    top:23px;
    width: auto;
    z-index:99;
    text-align: left;
    border: solid 1px #aaa;
    margin: 0;
    white-space:nowrap;
    padding: 0;
}
#topNav ul.subMenu li {
    display: block;
    border-bottom: dotted 1px #aaa;
    width: 100%;
    padding: 0;
    height:30px;
}
#topNav ul.subMenu li a {
    color: #3f5b93;
    display: block;
    padding: 8px 10px 0 10px;
}
#topNav ul.subMenu li a:hover {
    background: #558e79;
    color: #FFFFFF;
}
#topNav ul li.menuButton {
    top: -5px;
}

/* Facebook Wrapper */
#facebookWrapper {
    float:left;
    width: 606px;
    margin: 40px 0 30px 30px;
}

/* Left Column */
#leftColumn {
    float:left;
    margin:0 0 20px 50px;
    width:253px;
}

/* Search */
#search {
    height:45px;
    padding:20px 0 0;
}



/* Left Navigation */
ul#leftNav {
    margin: 20px 0 0 90px;
}
ul#leftNav li {
    list-style-image: url(../Images/bullet-green.gif);
    padding: 10px 0 10px 5px;
    border-bottom: dotted 1px #aaaaaa;
}
ul#leftNav li:hover {
    background: #d0d3d8;
    list-style-image: url(../Images/bullet-red.gif);
    color: #3f5b93;
}
ul#leftNav li a {
    color: #242423;
    text-decoration: none;
}
ul#leftNav li a:hover {
    color: #242423;
}


/* Info */
.infoContainer {
    margin: 25px 0 0;
    padding:0 0 0 95px;
}
.infoContainer h2 {
    color: #555555;
}
.infoContainer p {
    margin: 2px 0;
}
.infoIcon {
    background: url(../Images/icon-info.gif) no-repeat 30px 0px;
}
infoContainer iframe {
    margin: 0 0 10px 0;
}
.infoHighlight {
    margin: 0 0 20px 0;
    font-size:16px;
    font-weight:bold;
}



/* Content */
#content {
    background:#FFFFFF;
    float:left;
    margin:0 0 0 30px;
    padding: 20px 30px 30px 30px;
    width: 546px;
}
#mainContainer .contentWide{
    width: 848px;
}
#content h2 {
    font-family: Times New Roman, Verdana, Arial;
    color: #3f5b93;
    font-size: 24px;
    font-weight: normal;
    margin:0 0 20px;
}
#content h2.practitioner {
    margin: 0 0 3px 0;
}
#content h3 {
    margin: 20px 0 3px 0;
}
#content h3.subTitle {
    margin: 0 0 20px 0;
}
#content ul {
    list-style-position: inside;
}
#content ul li {
    padding: 5px 0;
}

#content img {
    float: left;
    width: auto;
    margin: 0 20px 15px 0;
}
#content img.practitionerImg {
    border: solid 1px #3f5b93;
}
#contentBottom {
    padding: 20px 0px;
}
#contentBottom img {
    float: left;
    width: 311px;
    margin-right: 20px;
}
#contentBottom .contentModule {
    background: #d0d3d8;
    padding: 10px;
    float: left;
    width: 195px;
    margin: 0 0 20px 0;
}



/* Footer */
#footer {
    background: #3f5b93;
    height: 60px;
    color: #242423;
    text-align: center;
}
#footer ul {
    list-style: none;
    padding:10px 0 5px 0;
}
#footer ul li {
    display: inline;
    padding: 2px 10px;
}
#footer ul li a {
    color: #FFFFFF;
    text-decoration: none;
}
#footer ul li a:hover {
    text-decoration: underline;
}
#footer .linkDivider {
    padding: 2px 0px;
}
#footer .textSpacer {
    margin-right: 20px;
}

#yelpWrapper {
    margin: 30px 0 0 95px;
}