/* =Global Elements
-------------------------------------------------------------- */

body{
    background: #000
}
a{
    text-decoration: none;
    color: #d5a54c;
}
a:hover{
    text-decoration: underline;
}

.inputTxt{
    background: url(../img/input-bg.gif) repeat-x 0 0 #FFFFFF;
    border-color:#727272 #B4B4B4 #D9D9D9;
    border-style:solid;
    border-width:1px;
    font-size:13px;
    padding:2px;
}

/* =Header
-------------------------------------------------------------- */
#header {
    background: #000 url(../img/header-bg-bottom.gif) center bottom repeat-x;
    height: 115px;
    border-bottom: 1px solid #f9f9f9;
}
#header .container_16{
    position: relative;
}
#header .container_16 #logo{
    position: absolute;
    top: 0;
    left:-170px;
}
/* =Shortcuts
-------------------------------------------------------------- */
#shortcuts{
    float: right;
    color: #f8e7c9;
    margin-top: 15px;
    margin-right: 10px;
}
#shortcuts li{
    float: left;
    margin-left: 30px;
}
#callInShortcuts{
    font-size: 13px;
    background: url(../img/icon-call.png) 0 3px no-repeat;
    padding-left: 24px;
}

/* =Navigation
-------------------------------------------------------------- */
#navi{
    background: url(../img/nav-left.png) left top no-repeat;
    position: absolute;
    top: 75px;
    left: 260px;
    padding-left: 80px;
    height: 40px;
}
#navi a{
    color: #fff;
    font-size: 12px;
    display: block;
    height: 21px;
    margin-top: 11px;
    padding-right: 14px;
}
#navi a span{
    display: block;
    height: 21px;
    line-height: 20px;
    padding-left: 14px;
}
#navi a.current{
    background: url(../img/current-nav-right.png) right top no-repeat;
}
#navi a.current span{
    background: url(../img/current-nav-left.png) left top no-repeat;
}
#navi ul{
    height: 40px;
    background: url(../img/nav-bg.png) left top repeat-x;
}
#navi ul li{
    float: left;
}


/* =Content
-------------------------------------------------------------- */

#headline{
	text-align: center;
	margin-bottom: 30px;
}

#headlineInner{
	background: url(../img/riband.gif) 50% 0 no-repeat;
	height: 64px;
	line-height: 62px;
	color: #fff;
	font-size: 20px;
}

#headlineInner strong{
	font-size: 24px;
	font-weight: normal;
	margin: 0 5px;	
}

#headlineInner a{
	color: #fff;
	line-height: 65px;
}

#headlineInner a:hover{
	color: #D5A54C;
	text-decoration: none;
}

#pageName{
    color: #333;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 #fff;
}

.sectionSummary{
    font-size: 16px;
    color: #606060;
    text-shadow: 0 1px 0 #fff;
}

#content{
    background: #f8e7ca url(../img/stripe.png);
    padding: 40px 0 80px;
}

#content h2{
    font-size: 16px;
    margin-bottom: 10px;
}

#mainColumn .top{
    height: 15px;
    background: url(../img/main-column-top.png) left top no-repeat;
}

#mainColumn .content{
    background: url(../img/main-column-middle.png) left top repeat-y;
    padding: 5px 20px;
}

#mainColumn .content p{
    margin-bottom: 40px;
}

#mainColumn .bottom{
    height: 15px;
    background: url(../img/main-column-bottom.png) left bottom no-repeat;
}
.firstletter{
    font-size: 36px;
    font-family: Georgia, "Times New Roman", Times, serif;
    float: left;
    line-height: 1;
    margin-right: .2em;
}

.blueButton{
    display: block;
    padding-right: 15px;
    height: 26px;
    line-height: 25px;
    background: url(../img/button-blue-right.png) right top no-repeat;
    color: #f5f5f5;
    font-size: 12px;
}

.blueButton span{
    display: block;
    height: 26px;
    line-height: 25px;
    padding-left: 15px;
    background: url(../img/button-blue-left.png) left top no-repeat;
    font-weight: bold;
}

.blueButton:hover{
    text-decoration: none;
    color: #fff;
}

.blueButton:active{
    color: #eee;
}

h2 sup{
    font-weight: normal;
    font-style: italic;
    color: #cc0000;
    vertical-align: super;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    margin-left: 10px;
    background-color: white;
    padding: 3px 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

ul.unorderList  {
    color:#CCC;
    list-style-type:disc;
    margin-left:18px;
}

ul.unorderList li p {
    color:#000;
    margin:0 !important;
    padding:0 !important;
}

ol.orderList {
    color:#909090;
    list-style-type:decimal;
    margin-left:24px;
}

ol.orderList li p {
    color:#000;
    margin:0 !important;
    padding:0 !important;
}

ul.unorderList li, ol.orderList li{
    margin-bottom: 10px;
}

.generalTable caption{
    font-size: 16px;
    color: #606060;
    text-shadow: 0 1px 0 #fff;
    text-align: left;
    margin-bottom: 10px;
}

.generalTable th{
    text-align: left;
    background-color: #d5a54c;
    border: 1px solid #d5a54c;
    color: #fff;
    padding: 5px 10px;
}

.generalTable td{
    background-color: #fff;
    border: 1px solid #d5a54c;
    padding: 20px 10px 10px 10px;
}

.generalDl{
    margin-left: 20px;
}

.generalDl dt{
    font-weight: bold;
    margin-bottom: 5px;
}

.generalDl dd{
    margin-bottom: 20px;
}

/* =Footer
-------------------------------------------------------------- */
#footer{
    border-top: 1px solid #f9f9f9;
    color: #ddb05b;
    padding-top: 4px;
    background: #000 url(../img/footer-divider-bg.png) left top repeat-x;
    font-size: 12px;
}
#footerInner{
    padding: 20px 0;
    background: url(../img/footer-bg.png) center top repeat-y;
    text-align: center;
}
#footer p{
    margin: 18px 0;
}
#footer a{
    color: #ddb05b;
}
#footer #footerNavi a{
    color: #f8e7c9;
    margin: 0 10px;
}
#callInFooter{
    margin: 0 20px;
}
#callInFooter img{
    height: 14px;
    vertical-align: top;
}


/* =About Us
-------------------------------------------------------------- */

#aboutUs img{
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
}

#aboutUs ul{
    margin-bottom: 40px;
}

#aboutUs ul li{
    margin-bottom: 10px;
}

/* =Services Content
-------------------------------------------------------------- */

#services .section{
    padding-bottom: 40px;
    margin-bottom: 40px;
    background: url(../img/li-bottom.png) left bottom repeat-x;
}

#services .section.odd img{
    float: left;
}

#services .section.odd h2, #services .section.odd p, #services .section.odd ul{
    margin-left: 440px;
}

#services .section.even img{
    float: right;
}

#services .section.even p, #services .section.even ul{
    margin-right: 440px;
}

#services ul li{
    margin-bottom: 10px;
}


/* =News and Events Content
-------------------------------------------------------------- */

#news .section{
    padding-bottom: 40px;
    margin-bottom: 40px;
    background: url(../img/li-bottom.png) left bottom repeat-x;
}

#news .featureItem{
    text-align: center;
}

#news .featureItem img{
    margin: auto;
}

#news .timeline h2{
    font-size: 18px;
    margin-bottom: 20px;
}

#news .timeline img{
    float: left;
    margin-right: 20px;
}

#news p.details{
    margin-left: 120px;
    margin-bottom: 0;
}

/* =Successful Stories
-------------------------------------------------------------- */

#stories .story{
    padding-bottom: 30px;
    margin-bottom: 30px;
    background: url(../img/li-bottom.png) left bottom repeat-x;
    position: relative;
}

#stories .beforeAfter{
    width: 340px;
    height: 230px;
    background: url(../img/photo-frame.png) 0 0 no-repeat;
    float: left;
    margin-right: 20px;
}


#stories .beforeAfter .before, #stories .beforeAfter .after{
    float: left;
    width: 160px;
    height: 190px;
    margin-top: 7px;
}

#stories .beforeAfter .before{
    margin-left: 8px;
    margin-right: 4px;
}

#stories .beforeAfter .desc{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: italic;
    text-align: center;
    margin-top: 4px;
}

#stories .beforeAfter .desc span{
	color: white;
	display: block;
	position: absolute;
	width: 94px;
	height: 94px;
	left: 125px;
	bottom: 40px;
	background: url(../img/badge-red.png) 0 0 no-repeat;
	text-align: center;
}

#stories .beforeAfter .desc span b{
	font-size: 22px;
	line-height: 26px;
	display: block;
	padding-top: 24px;
	font-family: tahoma;
	width: 90%;
}

#stories blockquote{
    margin-right: 40px;
    padding-top: 5px;
}

#stories blockquote .quote{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    margin-bottom: 20px;
    margin-right: 60px;
}

#stories blockquote .author{
    font-weight: bold;
    color: #909090;
    text-align: right;
    margin-bottom: 0;
}

/* =Contact Us
-------------------------------------------------------------- */

#contactUs img{
    float: left;
    margin: 0 20px 20px 0;
}

#contactUs h2{
    margin-bottom: 0;
}

#mainColumn #contactUs p{
    margin-bottom: 20px;
}


/* =Online Appointment
-------------------------------------------------------------- */

#onlineAppointment th{
    text-align: right;
    vertical-align: top;
    padding-right: 10px;
    font-size: 12px;
    white-space: nowrap;
}

#onlineAppointment th label{
    display: block;
    padding-top: 7px;
}

#onlineAppointment td{
    padding: 3px 5px;
}

#onlineAppointment span.hint{
    margin: 0;
    font-size: 12px;
    color: #909090;
}

#onlineAppointment #privacy{
    background-color: #fff;
    padding: 10px;
    border: 1px solid #f9ebd1;
}

#onlineAppointment #errors{
    background-color: #fef6f3;
    font-size: 12px;
    border: 1px solid #cd0a0a;
    padding: 10px;
    margin-bottom: 20px;
}

#onlineAppointment #errors li{
    margin-bottom: 5px;
}

#onlineAppointment #errors li strong{
    color: #cd0a0a;
}

#submit_appointment_result #success{
    background-color: #f0fff0;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #008000;
    padding: 10px;
}

#submit_appointment_result #success img{
    vertical-align: middle;
    margin-right: 10px;
}

/* =Career
-------------------------------------------------------------- */

#career .generalTable{
    margin-bottom: 40px;
}

#career .generalTable #jobTitle{
    width: 120px;
}