@charset "utf-8";
/* 
================================
HealthEast - Orthopaedic Specialty Center @ Woodwinds Health Campus SCREEN CSS
(c)2009 HealthEast
Created by: StoneArch Creative
================================
*/

/*
================================
TABLE OF CONTENTS
--------------------------------

I.   TYPOGRAPHY
II.  LAYOUT
III. NAVIGATION
IV.  CLASSES

=================================
*/

/*
=================================
I. TYPOGRAPHY
---------------------------------
*/
/*font-family:Arial, Helvetica, sans-serif;*/
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#11464F; font-family: Arial, Helvetica, sans-serif;/*Georgia, "Times New Roman", Times, serif;*/ }
h1 {font-size:2.4em;line-height:1;margin-bottom:0.5em; font-weight: bold; color:#11464F;}
h2 {font-size:1.55em;margin-bottom:0.75em; font-weight:bold;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1 a, h1 a:hover, h1 a:visited {color:#FF0000; text-decoration:none; }
p {margin:0 0 1.5em; font-family: Arial, Helvetica, sans-serif; color: #666;}
/*p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
*/
p.list{margin: 0 0 0;}

a:focus, a:hover { text-decoration: underline;}
a { text-decoration:none;}
h2 a, h2 a:hover, h2 a:focus, h3 a ,h3 a:hover, h3 a:focus { color:#314998; }
a:hover {text-decoration: underline;}
a img{ border:0; }

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type: disc;}
ul ul li {list-style-type:square;}
ul ul ul li {list-style-type:circle;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* old h2 color:#314998; */
/*
=================================
II. LAYOUT
---------------------------------
*/
:focus { outline:0; }
body {font-size:75%;color:#666666;background:#fff;font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
/*
#div_ev:hover { cursor:wait; };
*/
.clickable {
	cursor:pointer;
}
#container {width: 960px; margin: 0; padding: 0; display:block;}
#title { margin: 30px 0 0 0;}
#content {width: 960px; margin: 0 0 0 0; padding: 0; display:block; float:left; text-align:left;}
#content h1 { font-size:24px; margin: 33px 0 0 0; }
#L1_content {width: 960px; display:block; float:left; width:960px; margin:0; padding:0; text-align:left; }
#L1_content p { color:#000000;  font-family: Arial, Helvetica, sans-serif; line-height: 2.3em; font-size: 1em; }
#newAge_content { width:474px; text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; margin:0 5px 10px 23px; padding:0; display:block; float:left;}
#newAge_content h3 {margin-bottom:0; }
#newAge_content p { color:#000000; font-size:1em; line-height:1.4em;}
#newAge_content p.plarger { font-size:1.1em; line-height:1.4em;}
#newAge_img { display:block; float:left; }

#wellness_content { width:534px; text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; margin:0 15px 10px 23px; padding:0; display:block; float:left;}
#wellness_content h3 {margin-bottom:0; }
#wellness_content a {color:#000000; text-decoration:underline;}
#wellness_content a:hover { color:#1b3930; text-decoration:none; }
#wellness_content p { color:#000000; font-size:1em; line-height:1.4em;}
#wellness_content p.plarger { font-size:1.1em; line-height:1.4em;}
#wellness_img { display:block; float:left; }

#gylb_LS { width:541px; text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; margin:0 69px 10px 23px; padding:0; display:block; float:left;}
#gylb_form { width:541px; text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; display:block; float:left; }
#gylb_form h3 { font-size:14px; margin: 30px 0 5px 5px; padding:0;}
#gylb_form .text_input input {border:0; background: url(/ortho/web_assets/images/input_bg.png) no-repeat; width:522px; height:27px; padding: 4px 14px 0 4px;}
#gylb_form .text_input input.error {border:0; background: url(/ortho/web_assets/images/input_bg_error.png) no-repeat; width:522px; height:27px; padding: 4px 14px 0 4px;}
#gylb_form .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
#gylb_form .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
#gylb_content { /*width:541px;*/ text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; /*margin:0 15px 10px 23px;*/ padding:0; display:block; float:left; background: url(/ortho/web_assets/images/mini_bg.png) bottom no-repeat;}
#gylb_content h3 {margin:10px 0 0 0; min-width:450px; }
#gylb_content a {color:#000000; text-decoration:underline;}
#gylb_content a:hover { color:#1b3930; text-decoration:none; }
#gylb_content p { color:#000000; font-size:1em; line-height:1.4em; margin-bottom:35px;}
#gylb_content p.plarger { font-size:1.1em; line-height:1.4em;}
#gylb_img { display:block; float:left; }


#patient_content { width:914px; text-align:left; color:#000000; font-family:Arial, Helvetica, sans-serif; margin:0 23px 10px 23px; padding:0; display:block; float:left;}
.pStory{ position:relative; width:914px; min-height:254px; margin:0; padding:0; display:block; float:left;}
.story {width:233px; min-height:264px; max-height:264px; position:absolute; bottom:0; left:53px; height:254px; overflow:hidden;}
.story1 {background: url(/ortho/web_assets/images/test1.jpg) bottom no-repeat;}
.story2 {background: url(/ortho/web_assets/images/test2.jpg) bottom no-repeat;}
.story3 {background: url(/ortho/web_assets/images/test3.jpg) bottom no-repeat;}
.story4 {background: url(/ortho/web_assets/images/test4.jpg) bottom no-repeat;}
.story5 {background: url(/ortho/web_assets/images/test5.jpg) bottom no-repeat;}
.pStory_inner {position:absolute; bottom:0; left:373px; width:527px; }
.pStory_inner h3,.pStory_inner h4, .pStory_inner p { margin-left:0; color:#000000;}
.pStory_inner h3 {margin: 23px 23px 0 0; font-size:20px; }
.pStory_inner h4 {margin: 0 23px 0 0; font-size:20px; }
.ps_quotation{ font-style:italic; font-weight:bold; font-size:1em; margin: 10px 23px 0 373px;}
.ps_description{ margin: 10px 46px 35px 373px;}
.hr{ width:914px; height:5px; overflow:hidden; background: url(/ortho/web_assets/images/navSlider_bg.png) no-repeat; margin:0; padding:0; float:left; display:block;}

#header {width: 960px; margin: 20px 0 0 0 ; padding: 0; display:block;}
#logo {width: 308px; margin:0 0 0 0; padding: 0; float:left; display:block;}
/*#logoHR {width: 664px; height: 35px; margin:0; padding: 0; float:left; display:block; background:url(/web_assets/images/e2_dottedHR.png) no-repeat; }*/
#pageheader { width: 960px; display:block; float:left; }

#footer {background:url(/ortho/web_assets/images/slider_bg.png) no-repeat; width: 960px; height: 62px; margin: 10px 0 0 0; padding: 10px 0 0 0; display: block; float:left;}
#footer a {color: #999999; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footerL2 {width: 960px; height: 62px; margin: 10px 0 0 0; padding: 10px 0 0 0; display: block; float:left;}
#footerL2 a {color: #999999; text-decoration: none;}
#footerL2 a:hover {text-decoration: underline;}
#footer_LS { float:left; }
#footer_LS p {font-weight: normal; font-size: 10px; font-family: 'Helvetica Neue' ; color:#000000; }
#footer_RS { float:right; }
#footer_RS p {font-weight: normal; font-size: 1em;;}
#copyright {width: 280px; margin: 0; padding: 0; float: left; display: block;}
#copyright p {margin: 0; padding: 0; font-weight: bold; font-size: 11px;}
#navSlider { width:960px; height:5px; background-color:#faaf40; background:url(/ortho/web_assets/images/navSlider_bg.png) no-repeat; overflow:hidden; display:block; float:left; }

#conga_a{width:960px; height:140px; display:block; float:left; }
#conga_top { width:413px; display:block; float:left;  }
#conga_bottom { width: 543px; display:block; float:left; }
#conga_content_top { width:520px; margin:20px 0 0 0;  margin-left: 20px; display:block; float:left; }
#conga_content_top h1 { font-size: 56px; margin:0; padding:0; }
#conga_content_top h2 { font-size: 55px; font-weight:normal; margin:0; padding:0;}
#conga_content_bottom { width:360px; margin:0 27px 0 20px; display:block; float:left; }
#conga_b{width:960px; height:288px; display:block; float:left; }
#home_link { display:block; float:left; margin: 27px 50px 0 0; width:210px; text-align:right;}
#home_link p { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;}
#home_link a { color:#1b3930;}
#home_link a:hover {text-decoration:none; color:#a4b0ac; }
#L2_headline { width:677px; margin: 0 0 0 23px; display:block; float:left; }
#L2_headline h1 {margin-top:27px; padding:0; font-size:3em;}
/*
=================================
III. NAVIGATION
---------------------------------
*/

#nav { width: 563px; height: 22px; margin:50px 0 0 40px; padding: 0; float:left; display:block;}
ul#main_nav {float: left; height: 22px; list-style: none; margin: 0; padding: 0; width: 563px; background: url(/ortho/web_assets/images/nav_bg.png) no-repeat;}
ul#main_nav li {
	float: left;
	display: block;
}
	
ul#main_nav li a#aNewAge,
ul#main_nav li a#getYourLifeBack,
ul#main_nav li a#patientStories,
ul#main_nav li a#totalWellness{
	background: url(/ortho/web_assets/images/nav_bg.png) no-repeat;
	float: left;
	display:block;
	height: 22px;
	margin: 0px;
	position: relative;
	z-index: 100;
}



ul#main_nav li a#aNewAge {background-position: 0px 0px; width: 92px; margin-left:0px; display: inline; }
ul#main_nav li a#totalWellness {background-position: -92px 0px;width: 164px;}
ul#main_nav li a#patientStories {background-position: -256px 0px;width: 132px;}
ul#main_nav li a#getYourLifeBack {background-position: -388px 0px;width: 175px;}

ul#main_nav li a:hover#aNewAge {background-position: 0px -22px; width: 92px; }
ul#main_nav li a:hover#totalWellness{background-position: -92px -22px;width: 164px;}
ul#main_nav li a:hover#patientStories {background-position: -256px -22px;width: 132px;}
ul#main_nav li a:hover#getYourLifeBack {background-position: -388px -22px;width: 175px;}

ul#main_nav li a.selected#aNewAge {background-position: 0px -22px; width: 92px; }
ul#main_nav li a.selected#totalWellness {background-position: -92px -22px;width: 164px;}
ul#main_nav li a.selected#patientStories {background-position: -256px -22px;width: 132px;}
ul#main_nav li a.selected#getYourLifeBack {background-position: -388px -22px;width: 175px;}
/*
ul#main_nav li a.selected:hover#aNewAge {background-position: 0px -74px; width: 44px; }
ul#main_nav li a.selected:hover#totalWellness {background-position: -44px -74px;width: 151px;}
ul#main_nav li a.selected:hover#getYourLifeBack {background-position: -195px -74px;width: 160px;}
ul#main_nav li a.selected:hover#patientStories {background-position: -355px -74px;width: 204px;}
*/

#main_nav strong {display: none;}


#btn_newAge { width: 116px; height: 31px; margin:0; padding: 0; float:left; display:block;}
ul#btn_newAge_ul {float: left; height: 31px; list-style: none; margin: 0; padding: 0; width: 116px; background: url(/ortho/web_assets/images/btn_newAge.png) no-repeat;}
ul#btn_newAge_ul li {
	float: left;
	display: block;
}
	
ul#btn_newAge_ul li a#btn_newAge_btn{
	background: url(/ortho/web_assets/images/btn_newAge.png) no-repeat;
	float: left;
	display:block;
	height: 31px;
	margin: 0px;
	position: relative;
	z-index: 100;
}



ul#btn_newAge_ul li a#btn_newAge_btn {background-position: 0px -31px; width: 116px; margin-left:0px; display: inline; }

ul#btn_newAge_ul li a:hover#btn_newAge_btn {background-position: 0px 0px; width: 116px; }

#btn_newAge_ul strong {display: none;}



#btn_GYLB { width: 173px; height: 31px; margin:0 0 0 70px; padding: 0; float:left; display:block;}
ul#btn_GYLB_ul {float: left; height: 31px; list-style: none; margin: 0; padding: 0; width: 173px; background: url(/ortho/web_assets/images/btn_getYourLifeBack.png) no-repeat;}
ul#btn_GYLB_ul li {
	float: left;
	display: block;
}
	
ul#btn_GYLB_ul li a#btn_GYLB_btn{
	background: url(/ortho/web_assets/images/btn_getYourLifeBack.png) no-repeat;
	float: left;
	display:block;
	height: 31px;
	margin: 0px;
	position: relative;
	z-index: 100;
}



ul#btn_GYLB_ul li a#btn_GYLB_btn {background-position: 0px -31px;  width: 173px; margin-left:0px; display: inline; }

ul#btn_GYLB_ul li a:hover#btn_GYLB_btn {background-position: 0px 0px; width: 173px; }

#btn_GYLB_ul strong {display: none;}
/*#sidebar {width: 220px; margin: 0 0 0 20px; padding: 0; float: left; display: block;}*/

/*
=================================
IV. CLASSES
---------------------------------
*/
.w960 {width:960px;}
.w700 {width:960px;}
.w260 {width:260px;}
.float_left { display:block; float:left;}
.mh100 {min-height:100px; }
/*
=================================
V.  THIRD-PARTY REQ (PLUG-IN)
---------------------------------
*/

/* =================== sIFR ====================== */

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {

}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active #title h1 {
    font-family: Verdana;
    visibility: hidden;
	margin: 5px 0 0;
  }
}