/*******
 * stylesheet is in /styles/base.csss
 */
html { background: #E3C0A7 url(/images/background-body.gif) repeat; }

body { color: #400F6E; padding: 0; margin: 25px 0; font-family: verdana, arial, helvetica, sans-serif; font-size: small; line-height: 1.4em; }

/* a */
a { color: #C84335; }
a:link { color: #C84335; } 
a:visited {	color: #3A8AD5;	}
a:hover { color: #F7431F; }
a:active, a:focus {	color: #3A8AE5; }
a img { border: 0; }



/* text styles */
h1, h2, h3, h4, h5 { font-family: "Times New Roman", Times, serif; letter-spacing: .05em;  font-weight: normal; word-spacing: .1em; line-height: 1.1em; }
h1 { color: #6F4881; font-size: 25px; font-variant: small-caps; letter-spacing: .09em; line-height: 30px; }
h2 { color: #573d6f; font-size: 14px; font-style: normal; font-weight: 800; }
h3 { color: #806896; font-size: 19px; }
h4 { color: #a92147; font-size: 16px;  }

select, input { font-family: Verdana, Helvetica, sans-serif; font-size:11px; }



#container {  width: 986px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; padding-top: 14px; padding-bottom: 24px; }
#branding-main { position: absolute; top: 0; left: 0; background: url(/images/background-header2.png) no-repeat 0 0; height: 231px; width: 986px; }
#grcps { padding: 24px 0 0 20px; margin:0; }
#grcps a { display: block; width: 669px; height: 147px; background: url(/images/grand-rapids-plastic-surgery-branding.png) no-repeat 0 0; overflow: hidden; text-indent: -9897px; }
#navigationplaceholder { background: url(/images/script-bracket.gif) no-repeat 155px 0; float: left; clear: left; width: 238px; height: 620px; margin: 0 0 30px 13px; }
#archive { clear: both; width: 238px;}
#before-after-placeholder { position: absolute; top: 154px; left: 6px; background: url(/images/background-before-after-feature.png) no-repeat 0 0; text-indent: -9999px; width: 184px; height: 97px; margin: 5px 0 3px 12px; overflow: hidden; }
#fadeshow1  { position: absolute; top: -8px; right: -14px; margin: 0; padding: 0; }
.imageplaceholder { display: block; float: right; margin-right: -62px; height: 145px; width: 305px; background: url(/images/image-shadow.png) no-repeat 0 123px; }
#mainimage { position: absolute; top: 14px; right: 13px; z-index: 5;}
#mainimage-beforeafter { float: right; margin: 0; }
#content { background: url(/images/background-content2.png) repeat-y 0 100px; padding: 181px 0 0 0; margin: 0;}
#footer { margin-top: -217px; padding: 5px 0 15px 155px; width: 986px; height: 231px; background: url(/images/background-footer2.png) no-repeat 0 0; }
#address { width: 469px; margin: 0 auto; padding: 5px 5px 10px 5px; text-align: center; }
/*#address { background: url(/images/grand-rapids-49503-address.gif) no-repeat 0 0; text-indent: -9999px; width: 469px; height: 11px; overflow: hidden; }*/
#phone { position: absolute; top: 138px; left: 500px; background: url(/images/phone-number-grand-rapids-office.png) no-repeat 0 0; text-indent: -9999px; width: 208px; height: 48px; margin: 5px 0 3px 12px; overflow: hidden; z-index: 6; }
#maintext { padding: 0 75px 25px 45px; min-height: 440px; }
div.feature { margin: 20px 0 0 50px; text-align: center; }
div.feature img { padding: 5px 45px 5px 0; }

.specials-box { float: right; background: url(/images/current-specials.png) no-repeat 0 0; width: 247px; height: 168px; margin: 0px 10px 5px 30px; }
.specials-box-text { margin: 0 auto; padding: 50px 18px 13px 18px; text-align: center; }
.specials-box-text h3 { margin: 0; padding: 5px 0; color: #d8493a; }

.videos { display: block; clear: both; width: 95%; margin: 0 auto; text-align: center; }
.video-feature { float: left; background: url(/images/video-feature-background.png) no-repeat 0 0; width: 186px; height: 183px; margin: 0px 10px 30px 0; }
.video-feature-text { margin: 0 auto; padding: 12px 9px 13px 8px; text-align: center; width: 165px; font-size: 11px; line-height: 14px; }
.video-feature a { text-decoration: none; }
.video-feature a:hover { color: #7a4aa7; text-decoration: underline; }
.video-feature a img { border: 1px solid #d8493a; }
.video-feature a:hover img, .video-feature a img:hover { border: 1px solid #7a4aa7; }
.video-right { float: right; }
.video-left { float: left; }
.video-right .video-feature { float: none; width: 186px; height: 183px; margin: 0px 15px 5px 20px; }
.video-left .video-feature { float: none; width: 186px; height: 183px; margin: 0px 20px 5px 0; }

.footer-message { margin: 0 auto; text-align: center; overflow: hidden; text-indent: -9999px; width: 781px; height: 77px; background: url(/images/footer-message.png) no-repeat 0 0; }

hr { width: 300px; height: 1px; color: #806896; background: #806896; border: 0; text-align: center; margin: 15px 0 5px 0; }

#navigation { position: absolute; top: 228px; left: 29px; width: 220px; height: auto; padding-top: 15px; display: block;  }
ul#buttons { list-style-type:none;}
ul#buttons li { font-size: 13px; padding: 12px 0; line-height: 13px; }
ul#buttons li a, ul#buttons li a:link, ul#buttons li a:visited { color: #573D6F; text-decoration: none;	padding: 0 1px; }
ul#buttons li a:hover { color: #D73636; background-color: #F8F4EC; padding: 0 1px; }

#info { margin: 0 auto; padding: 25px 0; text-align: center; }
ul.textlinks { text-align: center; margin: 0 auto; padding: 0; }
ul.textlinks li { list-style-type: none; display: inline; font-size: 11px; line-height: 10px; padding: 0 5px 1px 4px; border-right: 1px solid #a90047; text-align: left; margin: 0; }
ul.textlinks li.last { border-right: 0 none; }

div.textphoto { display: block; margin: 0 auto; text-align: center; color: #806896; font-size: 11px; }
div.textphoto img { padding: 5px 0; }
div.textphoto2 { margin: 0 auto; text-align: center; color: #806896; font-size: 11px; }
div.textphoto2 img { float: left; margin-left: 430px ; margin-top: -55px;  }
div.imagetextright { float: right; margin: 5px 0 5px 20px; padding: 0; }
div.imagetextleft { float: left; margin: 5px 30px 0 5px; padding: 0; }

div.special-summer { height: 167px; width: 245px; background: url(/images/summer-special.gif) no-repeat 0 0; float: right; margin: 5px 0 5px 25px; position: relative; }
div.special-summer a, div.special-summer a:visited { display: block; width: 150px; height: 50px; position: absolute; top: 113px; right: 10px; font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #573d6f; text-decoration: none; text-align:right; }
div.special-summer a:hover { text-decoration: underline; color: #CC0000; }

#info a, #info a:link, #info a:visited  { color: #a90047; }
#info a:hover, #info a:active, #info a:focus { color: #F6f2f0; }
#info a { padding: 0 1px; }

#info h2 { font-size: 12px; font-family: Verdana, Helvetica, sans-serif; color: #400E6D; font-style: normal; line-height: 12px; padding: 25px 0 2px 0; margin: 0 auto; }
#info p { font-size: 10px; width: 700px; padding: 2px; margin: 0 auto;  }

#maintext p { line-height: 24px; }

#maintext ul.upperlist { list-style-type: disc; margin: 5px 0 5px 230px; padding: 0;  }

#beforeafter img { padding: 5px 20px 8px 0; }

div.logos { margin: 0 auto; text-align: center; vertical-align: middle; }
div.logos img { padding: 0 15px 0 5px; }
div.logos img.smallerlogo { padding: 0 15px 6px  15px; }

div.footerlogos { padding: 0 8px 18px 0; }

ul.numberlist { margin: 0; padding: 0; }
ul.numberlist li { display:inline; }
ul.numberlist li a { padding: 0 4px; margin: 0 1px; background-color: #D75D53; color: #F8F4EC; text-decoration: none;	}
ul.numberlist li a:link { background-color: #D75D53; color: #F8F4EC; } 
ul.numberlist li a:visited { background-color: #573D6F; color: #F8F4EC;	}
ul.numberlist li a:hover { background-color: #7773AC; color: #F8F4EC; }
ul.numberlist li a:active, ul.numberlist li a:focus { background-color: #7773AC; color: #F8F4EC; }
.address2 {
    display:none;
}
.valid {
    background-color: #007940!important;
    color: #FFFFFF!important;
}
.invalid {
    background-color: #F00000!important;
    color: #FFFFFF!important;
}


.contact-box {
	float: right;
	background: url(/images/background-contact.png) no-repeat 0 0;
	width: 247px;
	height: 286px;
	margin: 0px 10px 5px 30px;
}

.contact-box-text {
	margin: 72px auto;
	padding: 0 18px 13px 21px;
}

.contact-box input {
	width: 203px;
	height: 13px;
	border: 1px solid #efe3d6;
}

.contact-box input.check {
	width: 25px;
	height: 13px;
	border: 1px solid #efe3d6;
}

.contact-box #submit {
	width: auto;
	height: auto;
	background-color: #573d6f;
	color: white;
} 

.contact-box select {width: 205px; height: 15px; border: 1px solid #efe3d6; }
#specials-widget {
    height: 267px;
    width: 626px;
    overflow: hidden;
    background: transparent url('/images/specials-bg.png') no-repeat top left;
}
#specials-widget .content a {
    font: italic normal 0.9em serif;
}
#specials-widget .inner {
    padding: 12px 10px;
}
#specials-widget p {
    padding: 0px;
    margin: 0px;
}
#specials-widget h2 {
    line-height: 50px !important;
    height: 50px;
    font: normal 30px "Times New Roman", Times, serif;
    font-variant: small-caps;
    margin: 0px;
    padding-left: 12px;
}
#specials-widget .content {
    width: 330px;
    text-align: center;
    margin: 4px 0px 0px 8px;
    padding: 0px;
    font: normal 18px "Times New Roman", Times, serif;
    line-height: 23px;
}
#specials-widget .post-1 {
    color: #d8493a;
    border-bottom: 1px solid #bfb1c0;
    padding-bottom: 12px;
}
#specials-widget .post-1 a,
#specials-widget .post-1 a:visited {
    color: #965832;
}
#specials-widget .post-2 a,
#specials-widget .post-2 a:visited {
    color: #d8493a;
}
#specials-widget .post-2 {
    padding-top: 12px;
    color: #6f5781;
}
body.wordpress #content {
    padding-bottom: 52px;
}
body.wordpress #footer {
    margin-top: -272px;
}
body.wordpress .imageplaceholder { display: block; float: right; margin-right: -62px; height: 145px; width: 305px; background: url(/images/image-shadow.png) no-repeat 0 57px; }
body.wordpress #maintext {
    padding-bottom: 225px;
}