/*
[PROJECT] by HOLLYWORKS.COM
VERSION 1.3

CONTENTS -----------
1.IMPORTS
2.FIXED POSITIONS
3.@FONTFACE
4.SKIPS & CLEARS
5.ANCHORS N LINKS
6.BODY
7.BULLETED LISTS
8.FOOTERS
9.HEADERS
10.LAYOUT
11.NAVIGATION VNAV/HNAV
12.SEARCH
13. SPECIAL ITEMS




COLOR KEY ------------
BLUE 	#0000FF
GREEN 	#00FFFF
RED 	#FF0000

*/




/* 1. IMPORTS   ----------------------------------------------------------------------------------*/

 
@import url("pnav.css");
@import url("modx.css");
@import url("reset.css"); 
 

/* 2. FIXED POSITION   ---------------------------------------------------------------------------*/


/* 4. SKIPS N CLEARS   ----------------------------------------------------------------------------*/

.skip, a.skip, #axs, #cc, #tracking {display: none;}





/* 5. LINKS/ANCHORS   -----------------------------------------------------------------------------*/

a, a:visited, a:hover, a:active {text-decoration:none;}

div.box a { font-weight:bold; padding:2px; color: #0860b0; border-bottom:1px dotted #b2c8d8; text-decoration:none; -webkit-transition-property: color, text-shadow; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in; }
div.box a:visited { color: #0860b0; border-bottom:1px dotted #ffffff; text-decoration:none;}
div.box a:hover { color: #cf0014;  border-bottom:1px dotted #ffffff;  -webkit-transition-timing-function: ease-out; text-decoration:none;}
div.box a:active { color: #1d85d3;text-decoration:none;}

p.pagetoplinks { text-align:right; font:11px sans-serif; padding:10px 10px 10px 0; margin:0; color:#333333; background-color:#9fc7cd;}
p.pagetoplinks a {color:#333333; padding:0 5px 0 5px;}	






/* 6. BODY   -------------------------------------------------------------------------------------*/
 

body
{
	padding:0;
	margin:0;
	background: #333 url(../images/bodywall.gif) repeat;
    }

.box {
    padding:30px 10px 0 40px; 
    text-shadow: #e7ecef 0 1px 0; 
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#404040;

}


.box p {text-align:left;line-height:22px;margin:0 0 14px 0; font-size:11px; padding:0;}


.boxlead {
	width:350px;
    padding:50px 0 0 40px; 
    text-shadow: #e7ecef 0 1px 0; 
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#1a4e75;

}


.boxlead p {text-align:left;line-height:22px;margin:0 0 20px 0; font-size:12px; padding:0;}


.sidebarbox {
    padding:10px 20px 0 20px; 
    font-family: Verdana, Geneva, sans-serif;
    line-height:15px;

}


.boxleadcompressed {
	width:350px;
    padding:35px 0 0 40px; 
    text-shadow: #e7ecef 0 1px 0; 
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#1a4e75;

}


.boxnews {
    padding:30px 10px 0 40px; 
    text-shadow: #e7ecef 0 1px 0; 
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#404040;

}


.boxnews p {text-align:left;line-height:22px;margin:0 0 14px 0; font-size:11px; padding:0;}



 



/* 7. BULLET LISTS & BLINKS   ---------------------------------------------------------------------*/

 

div.box ul, div.boxleadcompressed ul  { 
list-style-type: none;
padding: 0;
margin:2px 0 30px 15px;
}

div.box ul li { 
background-image: url(../images/check.png);
background-repeat:no-repeat;
background-position: 0 2px;
padding-left:14px;
padding-right:10px;
margin-bottom:14px;
line-height:16px;
font-size:11px;
}

 

div.boxleadcompressed ul li { 
background-image: url(../images/check.png);
background-repeat:no-repeat;
background-position: 0 2px;
padding-left:14px;
padding-right:10px;
margin-bottom:5px;
line-height:16px;
font-size:11px;
}



div.box ol { 
padding: 0;
margin:10px 0 10px 45px;
}


div.box ol li { 
padding-left:2px;
padding-right:20px;
margin-bottom:10px;
line-height:14px;
font-size:11px;
}


div.boxlead ul  { 
list-style-type: none;
padding: 0;
margin:10px 0 10px 15px;
}

div.boxlead ul li { 
background-image: url(../images/check.png);
background-repeat:no-repeat;
background-position: 0 0;
padding-left:20px;
padding-right:20px;
margin-bottom:10px;
line-height:15px;
font-size:12px;
}



/* 8. FOOTERS   ----------------------------------------------------------------------------------*/

#footer { 
width:960px; 
height:100px; 
background:transparent url(../images/fpo.png) no-repeat; 
display:block;
margin:0 auto;
padding:0; 
}

#footer p { text-align:center; font-size:10px; padding:0;}
#footer a {color:#0000ff;}	 

#footer p.sociallinks { text-align:center; font-size:10px; padding:15px 0 0 0;}
#footer p.sociallinks a {color:#0000ff;}	 

#footer p.pagebottomlinks { text-align:center; font-size:10px; padding:5px 0 5px 0;}
#footer p.pagebottomlinks a {color:#0000ff;}	 


 



/* 9. HEADERS   ----------------------------------------------------------------------------------*/

h3#pressmedia {text-indent:-9999px; width:396px; height:30px; display:block;background:transparent url(../images/h3pressmedia.png) no-repeat;margin:0 0 0 10px;padding:0;float:left;border:0;}
h3#pressmedia a {text-indent:-9999px; width:396px; height:30px; display:block;background:transparent;border:0;}


h3#virtualtour {text-indent:-9999px; width:396px; height:30px; display:block;background:transparent url(../images/h3virtualtour.png) no-repeat;margin:0 0 0 10px;padding:0;float:left;border:0;}
h3#virtualtour a  {text-indent:-9999px; width:396px; height:30px; display:block;background:transparent;border:0;}

h3#patiented {text-indent:-9999px; width:396px; height:30px; display:block;background:transparent url(../images/h3patiented.png) no-repeat;margin:0 0 0 10px;padding:0;float:left;border:0;}
h3#patiented a  {text-indent:-9999px; width:396px; height:30px; display:block;background:transparent;border:0;}


h3#hiparthro {text-indent:-9999px; width:396px; height:30px; display:block;background:transparent url(../images/h3hip.png) no-repeat;margin:0 0 0 10px;padding:0;float:left;border:0;}
h3#hiparthro a  {text-indent:-9999px; width:396px; height:30px; display:block;background:transparent;border:0;}

/* 10. LAYOUT   CONTAINERS USED UNIVERSALLY---------------------------------*/

.grid {display:inline;float: left;min-height:50px;width:960px;position:relative;}



 


/* 10.A SUB-LAYOUTS   -----------------------------------------------------*/


/* Bento Box Package */

#bento_container_home {
position:relative;
width:960px;
height:655px;
margin:0 auto;
padding:0;
margin-top:15px;
border:1px solid #777777;
background-color:#353535;
box-shadow: 0px 0px 8px #222;
-webkit-box-shadow: 0px 0px 8px #222;
-moz-box-shadow: 0px 0px 8px #222;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#222, offX=0, offY=0, positive=true);
}


#bento_container {
position:relative;
width:960px;
min-height:655px;
margin:0 auto;
padding:0;
margin-top:15px;
border:1px solid #777777;
background:#353535 url(../images/wallwhitetop.gif) repeat-x;
box-shadow: 0px 0px 8px #222;
-webkit-box-shadow: 0px 0px 8px #222;
-moz-box-shadow: 0px 0px 8px #222;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#222, offX=0, offY=0, positive=true);
}


#bento_container.press {background:transparent  url(../images/wallnews.gif) repeat-y;}
#bento_container.surgery {background:transparent  url(../images/wallnews.gif) repeat-y;}
#bento_container.hip {background:transparent  url(../images/wallnews.gif) repeat-y;}
#bento_container.patientnew {background:transparent  url(../images/wallnews.gif) repeat-y;}
#bento_container.patiented {background:transparent  url(../images/wallnews.gif) repeat-y;}
#bento_container.practice {background:transparent  url(../images/wallnews.gif) repeat-y;}
#bento_container.offer {background:transparent  url(../images/wallnews.gif) repeat-y;}
#bento_container.gen {background:transparent  url(../images/wallnews.gif) repeat-y;}


#bento_lead {width:960px;min-height:500px;margin:0;padding:0;border:0;float:left;}

#bento_lead.runner {background:transparent  url(../images/wallrunner.jpg) no-repeat top left;}
#bento_lead.bike {background:transparent  url(../images/wallbike.jpg) no-repeat top left;}
#bento_lead.football {background:transparent  url(../images/wallfootball.jpg) no-repeat top left;}
#bento_lead.kayak {background:transparent  url(../images/wallkayak.jpg) no-repeat top left;}
#bento_lead.ski {background:transparent  url(../images/wallski.jpg) no-repeat top left;}
#bento_lead.snowboard {background:transparent  url(../images/wallsnowboard.jpg) no-repeat top left;}
#bento_lead.stretch {background:transparent  url(../images/wallstretch.jpg) no-repeat top left;}
#bento_lead.triathlon {background:transparent  url(../images/walltriathlon.jpg) no-repeat top left;}
#bento_lead.warmup {background:transparent  url(../images/wallwarmup.jpg) no-repeat top left;}
#bento_lead.arthro {background:transparent  url(../images/wallarthro.jpg) no-repeat top left;}







#bento_head {width:460px; height:485px; margin:0; padding:0; background:#dddddd  url(../images/header.gif) no-repeat; float:left;}
h1#branding {width:460px; height:485px; display:block;background:transparent;margin:0;padding:0;float:left;border:0;}
h1#branding a {display:block; text-indent:-9000px; float:left; position:relative; width:460px; height:485px; border:0;}



#bento_nav {width:500px; height:485px; margin:0; padding:0; background:transparent;float:right;}



#bento_strip {width:960px; height:170px; margin:0; padding:0; background:#1c1f23  url(../images/quotewall.gif) no-repeat;}

#bento_quote {display:block; width:380px; height:145px; margin:0; padding:0; float:left;border:0;overflow:hidden;}
#bento_quote .byline {font-size:10px; display:block;float:right;  font-family: Verdana, Geneva, sans-serif; color:#848484; margin:0 15px 0 0;}

#bento_carousel {display:block; width:570px; height:160px; overflow:hidden; margin:5px 0 0 0; padding:0;float:left;border:0;}

#bento_footer {width:960px; margin:0 auto; margin-top:15px; margin-bottom:15px; padding:0; background:transparent;text-align:center; color:#777777;}

#bento_footer p { text-align:justify; font-size:9px; line-height:11px; padding:0; font-family: Verdana, Geneva, sans-serif;}
#bento_footer a {color:#777777;text-decoration:none;}	
#bento_footer a:hover {color:#c1c1c1;}	 


#bento_footer p.sociallinks { text-align:center; font-size:10px; padding:15px 0 0 0;}
#bento_footer p.sociallinks a {color:#777777;}	 
#bento_footer  p.sociallinks a:hover {color:#c1c1c1;}	 


#bento_footer p.pagebottomlinks { text-align:center; font-size:10px; padding:5px 0 5px 0;}
#bento_footer p.pagebottomlinks a {color:#777777;}	 
#bento_footer  p.pagebottomlinks a:hover {color:#c1c1c1;}	 


#bento_nav1 {width:960px;height:52px;margin:0;padding:0;border:0;}

#bento_nav2 {width:960px;height:30px;overflow:hidden; margin:0;padding:0;border:0;background:#c8cfd3 url(../images/snav.jpg) repeat-x top left; border-bottom:1px solid #efefef;}

#bento_wide {width:960px;height:402px;margin:0;padding:0;border:0;}

#bento_press {width:710px;min-height:430px;margin:0;padding:0;border:0;float:left;}


#ditto_column_wrap {margin:0; width:250px; min-height:400px; float:right; font-size:11px;  font-family: Verdana, Geneva, sans-serif;}
#ditto_column {width:250px; margin:50px 0 20px 0;padding:0;border:0;float:left; font-family: Verdana, Geneva, sans-serif;}



.blank {border:0;}
.virtualtour {background:#c8cfd3 url(http://drjonhyman.com/assets/images/surgery/virtualtoursurgery.jpg) no-repeat top left;}




/* 11. NAV   ----------------------------------------------------------------------------------*/


/* home page nav only */

#homenavwrap {width:153px;margin:167px 0 0 10px;padding:0;border:0;}



a:link#practice,a:visited#practice {background:url(../images/btn_practice.png) no-repeat 0 0;width:153px;height:33px;display:block;text-indent:-9999px;}
a:hover#practice {background:url(../images/btn_practice.png) no-repeat 0 -33px;width:153px;height:33px;display:block;text-indent:-9999px;}

a:link#services, a:visited#services {background:url(../images/btn_offer.png) no-repeat 0 0;width:153px;height:33px;display:block;text-indent:-9999px;}
a:hover#services {background:url(../images/btn_offer.png) no-repeat 0 -33px;width:153px;height:33px;display:block;text-indent:-9999px;}

a:link#surgery, a:visited#surgery {background:url(../images/btn_yoursurgery.png) no-repeat 0 0;width:153px;height:33px;display:block;text-indent:-9999px;}
a:hover#surgery {background:url(../images/btn_yoursurgery.png) no-repeat 0 -33px;width:153px;height:33px;display:block;text-indent:-9999px;}

a:link#patiented, a:visited#patiented {background:url(../images/btn_patiented.png) no-repeat 0 0;width:153px;height:33px;display:block;text-indent:-9999px;}
a:hover#patiented {background:url(../images/btn_patiented.png) no-repeat 0 -33px;width:153px;height:33px;display:block;text-indent:-9999px;}

a:link#patientnew, a:visited#patientnew {background:url(../images/btn_newpatients.png) no-repeat 0 0;width:153px;height:33px;display:block;text-indent:-9999px;}
a:hover#patientnew {background:url(../images/btn_newpatients.png) no-repeat 0 -33px;width:153px;height:33px;display:block;text-indent:-9999px;}

a:link#hiparthro, a:visited#hiparthro {background:url(../images/btn_hiparthro.png) no-repeat 0 0;width:153px;height:33px;display:block;text-indent:-9999px;}
a:hover#hiparthro {background:url(../images/btn_hiparthro.png) no-repeat 0 -33px;width:153px;height:33px;display:block;text-indent:-9999px;}

a:link#pressmedia, a:visited#pressmedia {background:url(../images/btn_pressmedia.png) no-repeat 0 0;width:153px;height:33px;display:block;text-indent:-9999px;}
a:hover#pressmedia {background:url(../images/btn_pressmedia.png) no-repeat 0 -33px;width:153px;height:33px;display:block;text-indent:-9999px;}


a:link#unbroken,a:visited#unbroken {background:url(../images/btn_unbroken.png) no-repeat 0 0;width:153px;height:33px;display:block;text-indent:-9999px;}
a:hover#unbroken {background:url(../images/btn_unbroken.png) no-repeat 0 -33px;width:153px;height:33px;display:block;text-indent:-9999px;}






#vnav_wrap {width:250px; margin:50px 0 20px 0;padding:0;border:0;float:left; font-family: Verdana, Geneva, sans-serif;}

#vnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
 }

#vnav li { margin: 0; }

#vnav a
{
display: block;
background-color:#e7eef3; 
border-bottom:1px solid #ffffff;
margin: 0; 
padding:7px 4px 7px 20px; 
line-height:14px;
color:#0860b0;
}

#vnav a:hover, #vnav li.active a
{
color: #222222;
background-color: #ffffff;
text-decoration: none;
border-bottom:1px solid #e7eef3;
}






#vnav ul ul li { margin: 0 0 1px 0; }

#vnav ul ul a
{
display: block;
padding:7px 1px 7px 38px; 
color:#0860b0;
background:#e7eef3 url(../images/doctree.png) no-repeat 20px 3px; 
text-decoration: none;
font-size:10px;
}

#vnav ul ul a:hover
{
color: #222222;
background-color: #ffffff;
text-decoration: none;
}










#hnav {
margin:0;
padding:2px 0 0 0;
height:30px;
width:820px;
text-shadow: #616d7a 0 1px 0;
font-family: Verdana, Geneva, sans-serif;
color:#ffffff;
float:left;
font-size:11px;
}


#hnav ul li {display: inline;list-style-type: none;}
#hnav ul li ul {display: inline;list-style-type: none;}




#hnav a { padding: 1px 8px; }

#hnav a:link, #hnav a:visited
{
color: #ffffff;
text-decoration: none;
}

#hnav a:hover
{
color: #ffffff;
text-decoration: none;
}

#hnav li.active a
{
color: #ffffff;
text-decoration: none;
}


#hnav {
    line-height: 30px !important;
    margin-bottom: 12px !important;
    text-align: left;
}

#hnav a {
        color: #ffffff !important;
        padding: 6px 6px 4px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        text-decoration:none;
    }
#hnav a:hover {background-color: #a5adb1; text-decoration:none; opacity: 1.0 !important;}
#hnav li.active {
		background-color: #a5adb1; 
		text-decoration:none; 
        color: #ffffff !important;
        padding: 6px 6px 4px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        text-decoration:none;
		opacity: 1.0 !important;}

 

/* 12. SEARCH   ----------------------------------------------------------------------------------*/

  #ajaxSearch_form {padding:0; margin:80px 0 0 35px; width:430px; height:40px;}

#ajaxSearch_form #keywords {display:none;}
#ajaxSearch_intro {display:none;}

#ajaxSearch_form fieldset {
	border:0;
	padding:0;
	margin:0;
	width:430px; 
	height:40px; 
	background:transparent;
	border:0;
	outline:0;
    vertical-align:middle;
}


 

#ajaxSearch_input {
margin:0 0 0 2px;
padding:0;
width:360px;
height:40px;
float:left;
font: 14px/2.0em Arial, Helvetica, sans-serif; 
background:transparent;
border:0;
}

#ajaxSearch_submit {
  width: 55px;
  height:40px;
  margin: 0 0 0 5px;
  padding:0;
  border:0;
  background:url(../images/spacer.gif) no-repeat;
  text-indent:-9999px; 
  font-size:1px;
  text-decoration: none;
}

label {line-height:0;margin:0; padding:0;}


/* the box */
.ajaxSearch_result {padding:0; margin:0; border:0; background:transparent;}

/* intro blurb */
p.ajaxSearch_resultsInfo {font-weight:normal; text-indent:0;}   
.ajaxSearch_resultExtract p {padding:0; margin:0 0 25px 10px; line-height:15px; }   

.ajaxSearch_resultLink {font-weight:normal; padding:0; margin:0; line-height:15px; text-indent:0;}
    
.ajaxSearch_paging {height:10px;}

.ajaxSearch_resultsDisplayed {display:none;}
.paging1 {display:none;}
 


/* for floating inline search */
.ajax_inline {width:490px;height:200px;overflow:hidden;background:transparent url(../images/inlinesearchwall.jpg) no-repeat top left;
border:0;
margin:0;
padding:0;
overflow:hidden;
}

/* for traditionally embedded form */



/* for the home page */
#ajaxsearch {display:block; border:0; width:50px; height:50px; float:right; text-indent:-9999px;}

 




/* 13. SPECIAL ITEMS   ----------------------------------------------------------------------------------*/


 
   
  
 
 

/* DITTO */
.dittoi {margin:10px 0; font-size:11px;background:transparent; border-bottom:1px dotted #ffffff;margin: 0 0 1px 0; padding:6px 4px 6px 10px; line-height:14px;}
.dtitle {font-size:11px; padding:0; font-weight:bold;}

.ddate {color:#dfecf4;font-style: italic;font-size:10px;}
.dittoi a {color:#0860b0;}
.dittoi a:hover {color:#3377a2;}





.dittoiarchive {margin:15px 0 15px 0; font-size:11px;background:transparent;  padding:6px 4px 6px 10px; line-height:14px; border-bottom:1px solid #ffffff;}
.ddatearchive {font-size:10px;padding:0;display:block; width:100px; height:40px; float:left;}
.dlinkarchive {font-size:11px; padding:0;float:left; display:block;width:500px; min-height:40px; float:left;}

.dittoiarchive a {color:#404040; text-decoration:none; border:0;}
.dittoia a:hover {color:#cf0014;}
 


 /* SHARETHIS */
#share {clear:both; width:100px; display:block; margin:00; padding:0; float:right;}

 
 
 



 /* CUFON FONTS */
 
 h2 {font-size:24px; color:#1a4e75; margin:0 0 5px 0;}
 h3 {font-size:17px; color:#1a4e75; margin:5px 0 5px 0;}
 h4 {font-size:14px; color:#1a4e75; margin:10px 0 10px 0; border-bottom:1px solid #ffffff;}



.video {margin:4px; float:right;}



/* quotevolver */

blockquote p { padding:40px 0 0 40px; 

    }
blockquote cite {font-size:10px; display:block;float:right;  font-family: Verdana, Geneva, sans-serif; margin:0 15px 0 0;}

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-size:13px; 
	color:#848484;
	width: 380px; /* required */
	margin: 0 auto;
    font-family: Verdana, Geneva, sans-serif;
    font-size:11px;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	display:block; width:380px; height:165px; margin:0; padding:0; float:left; 
	}
	

/* flowplayer */	

/* styling of the container. */
a.myPlayer {
	display:block;
	width: 480px;
	height:360px; 
	text-align:center;
	margin:0 15px 15px 0;
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top:140px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #f00;
}