/* @override 
	http://rosemontmediaweb.com/plasticsurgeryrenotahoe/wp-content/themes/mccormack/style.css
	http://www.plasticsurgeryrenotahoe.com/wp-content/themes/mccormack/style.css
	http://rmwebsite.com/plasticsurgeryrenotahoe/wp-content/themes/mccormack/style.css
*/

/*
Theme Name: McCormack Plastic Surgery
Theme URI: http://www.plasticsurgeryrenotahoe.com/
Description: The default WordPress theme for McCormack Plastic Surgery.
Version: 2.0
Author: Bennie Mosher
Author URI: http://www.rosemontmedia.com/
*/

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img,a img,:link img,:visited img {
border: 0;
}
address,caption,cite,code,dfn,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
q:before,q:after {
content: '';
}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body {
background: transparent url("images/bg-body.jpg") top center repeat-x;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
color: #412e13;
}

	body.home {
background: transparent url("images/bg-body-home.jpg") top center repeat-x;
}

blockquote {
margin-left: 10px;
margin-right: 10px;
}

h1 {
font-size: 1.3em;
color: #000;
}
h2 {
font-size: 1.2em;
color: #000;
}
h3 {
font-size: 1.1em;
color: #422E13;
font-weight: normal;
}

h1 span,h2 span,h3 span {
display: none;
}

a:link,a:visited {
color: #4d8004;
text-decoration: underline;
outline: none;
}
a:hover,a:active {
color: #4d8004;
text-decoration: none;
outline: none;
}

ol {
list-style: decimal;
}

/* ------------------------ classes ------------------------ */
.clear {
clear: both;
}

div.clear {
height: .01em;
overflow: hidden;
}

p.back-to-top {
text-align: right;
display: block;
padding-right: 15px;
background: url("images/bullet-back-to-top.jpg") right no-repeat;
}

img.img-left {
float: left;
margin: 2px 10px 10px 0px;
}

img.img-right {
float: right;
margin: 5px 0px 10px 10px;
}

body.home #column-left img.img-right {
	float: right;
	margin: 5px 0px 10px 26px;
	padding-right:5px;
}

.subscribe {
	float: left;
	margin-right: 10px;
}

.subscribe input, .subscribe label {
	float: left;
}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ wrap framework ------------------------ */
#wrap {
background: url("images/bg-wrap.jpg") top left no-repeat;
width: 1197px;
margin: 0 auto;
text-align: left;
}
	
	body.home #wrap {
background: url("images/bg-wrap-home.jpg") top left no-repeat;
}
		
/* ------------------------ inner-wrap framework ------------------------ */
#inner-wrap {
width: 940px;
margin: 0 auto;
}

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* ------------------------ horizontal sprite nav ------------------------ */
#nav {
background: url("images/nav.jpg") no-repeat;
width: 940px;
height: 44px;
margin: 0;
padding: 0;
position: relative;
z-index:99;
}

	#nav span {
display: none;
}

	#nav li, #nav a {
height: 44px;
display: block;
}
/* change height here also */

	#nav li {
float: left;
list-style: none;
display: inline;
position: relative;
}

	#nav-01 {
width: 42px;
margin-left: 36px;
}
	#nav-02 {
width: 79px;
}
	#nav-03 {
width: 86px;
}
	#nav-04 {
width: 124px;
}
	#nav-05 {
width: 92px;
}
	#nav-06 {
width: 82px;
}
	#nav-07 {
width: 122px;
}
	#nav-08 {
width: 85px;
}
	#nav-09 {
width: 114px;
}
	#nav-10 {
width: 52px;
}


	/*-------------- (-79px) X position of button / (-44px) height of image from above ------------- */
	#nav-01 a:hover {
background: url("images/nav.jpg")  -36px -44px no-repeat;
}
	#nav-02 a:hover {
background: url("images/nav.jpg") -78px -44px no-repeat;
}
	#nav-03 a:hover {
background: url("images/nav.jpg") -157px -44px no-repeat;
}
	#nav-04 a:hover {
background: url("images/nav.jpg") -243px -44px no-repeat;
}
	#nav-05 a:hover {
background: url("images/nav.jpg") -367px -44px no-repeat;
}
	#nav-06 a:hover {
background: url("images/nav.jpg") -459px -44px no-repeat;
}
	#nav-07 a:hover {
background: url("images/nav.jpg") -541px -44px no-repeat;
}
	#nav-08 a:hover {
background: url("images/nav.jpg") -663px -44px no-repeat;
}
	#nav-09 a:hover {
background: url("images/nav.jpg") -748px -44px no-repeat;
}
	#nav-10 a:hover {
background: url("images/nav.jpg") -862px -44px no-repeat;
}


	/*-------------- OPTIONAL - Keeps the hover state on each page based on body id ------------- */
	body#SPECIFY #nav-01 {
background: url("images/nav.jpg")  -30px -44px no-repeat;
}
	body#SPECIFY #nav-02 {
background: url("images/nav.jpg") -78px -44px no-repeat;
}
	body#SPECIFY #nav-03 {
background: url("images/nav.jpg") -157px -44px no-repeat;
}
	body#SPECIFY #nav-04 {
background: url("images/nav.jpg") -243px -44px no-repeat;
}
	body#SPECIFY #nav-05 {
background: url("images/nav.jpg") -367px -44px no-repeat;
}
	body#SPECIFY #nav-06 {
background: url("images/nav.jpg") -459px -44px no-repeat;
}
	body#SPECIFY #nav-07 {
background: url("images/nav.jpg") -541px -44px no-repeat;
}
	body#SPECIFY #nav-08 {
background: url("images/nav.jpg") -663px -44px no-repeat;
}
	body#SPECIFY #nav-09 {
background: url("images/nav.jpg") -748px -44px no-repeat;
}
	body#SPECIFY #nav-10 {
background: url("images/nav.jpg") -862px -44px no-repeat;
}

	/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
	#nav li ul {
position: absolute;
left: -9999px;
padding-right: 1px; /* Fixes one px spacing for border-right in FF */
		background-color:#422E13;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
		z-index: 9999;
}

	#nav li ul li {
height: 20px; /* Height of each drop down nav item */
		border:1px solid #87A25F;
border-top: none;
}

	#nav li ul li a {
width: 100%;
height: 20px;	/* Height of each drop down nav item, should match above */
		line-height:20px;	 /* Height of each drop down nav item again, should match above */
text-indent:10px;
}

	#nav li ul li a span {
display: block;
padding-left: 5px;
}

	/* Drop down link styles */
	#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
font-size: 1.0em;
color: #FFFFFF;
text-decoration: none;
}

#nav li:hover ul, #nav li.sfHover ul {
	left: auto;
}

	/* Hover styles for drop down items */
	#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-09 ul a:hover {
background-image: none;
background-color: #87A25F;
color: #FFFFFF;
text-decoration: none;
}

	/* width of drop down nav - choose width that allows items to display on one line */
	#nav-02 ul, #nav-02 li {
width: 200px;
}
	#nav-03 ul, #nav-03 li {
width: 200px;
}
	#nav-04 ul, #nav-04 li {
width: 200px;
}
	#nav-05 ul, #nav-05 li {
width: 240px;
}
	#nav-06 ul, #nav-06 li, #nav-09 ul, #nav-09 li {
width: 185px;
}
	#nav-07 ul, #nav-07 li {
width: 200px;
}

/* ------------------------ masthead framework ------------------------ */
#masthead {
position: relative;
background: url("images/masthead.jpg") top left no-repeat;
height: 274px;
z-index: 0;
}
	
	body.home #masthead {
background: url("images/masthead-home.jpg") top left no-repeat;
height: 569px;
}
		
	body.about-our-practice #masthead {
background: url("images/masthead-about.jpg") top left no-repeat;
}
	
	body.body-surgery #masthead {
background: url("images/masthead-body.jpg") top left no-repeat;
}
	
	body.breast-surgery #masthead {
background: url("images/masthead-boobies.jpg") top left no-repeat;
}
	
	body.facial-surgery #masthead {
background: url("images/masthead-facial.jpg") top left no-repeat;
}
	
	body.contact #masthead {
background: url("images/masthead-contact.jpg") top left no-repeat;
}
	
	body.medical-spa-services #masthead {
background: url("images/masthead-spa.jpg") top left no-repeat;
}
	
	body.post-bariatric-surgery #masthead {
background: url("images/masthead-bariatric.jpg") top left no-repeat;
}
	
	body.patient-information #masthead {
background: url("images/masthead-patient-info.jpg") top left no-repeat;
}
		
	/* index page link within #masthead */		
	#masthead a#masthead-link {
position: absolute;
left: 0px;
top: 15px;
width: 530px;
height: 96px;
}
	#masthead a#masthead-link span {
display: none;
}
		
	#masthead h1 {
display: none;
}

	#masthead p {
margin: 0 386px 0 36px;
padding: 258px 0 0 0;
}
	
	#masthead #mommy-makeover {
background: url("images/btn-mommy-makeover.jpg") top left no-repeat;
height: 86px;
width: 474px;
display: block;
position: absolute;
left: 403px;
top: 433px;
}
	
		#masthead #mommy-makeover span {
display: none;
}
		
		#masthead #mommy-makeover:hover {
background: url("images/btn-mommy-makeover.jpg") bottom left;
}

/* ------------------------ column-left framework ------------------------ */
#column-left {
width: 574px;
float: left;
margin: 29px 0 0 0;
padding: 0 29px 0 43px;
}
	
	#column-left h1 {
color: #587929;
font-size: 24px;
font-weight: normal;
padding: 0 0 7px 0;
border-bottom: 1px solid #cfdebc;
margin: 0 0 14px 0;
}

#column-left h1.post-title-blog {margin: 0px 0 14px 0;}
	
	#column-left h2 {
color: #587929;
font-size: 16px;
font-weight: normal;
padding: 0 0 7px 30px;
border-bottom: 1px solid #cfdebc;
margin: 30px 0 20px 0;
background: url("images/bullet.jpg") no-repeat;
}

	#column-left h3 {
color: #422E13;
font-size: 14px;
font-weight: normal;
margin: 0 0 6px 0;
font-style: italic;
}

	
	#column-left p {
margin: 0 0 20px 0;
}
	
	body.home #column-left {
width: 238px;
float: left;
margin: 0;
padding: 0;
}


		body.home #column-left p, body.home #column-left h1, body.home #column-left h2, body.home #column-left h3, body.home #column-left ul, body.home #column-left dl {
margin: 0px 18px 10px 30px;
}
body.home #column-left h2 {
	margin-left:0;
	border:none;
}

		body.home #column-left p {
margin: 0 18px 10px 30px;
}
		
		body.home #title-drmccormack {
background: url("images/title-mccormack-home.jpg")  top left no-repeat;
height: 51px;
}
	
			body.home #title-drmccormack span {
display: none;
}
			
	#column-left ul {
list-style-image: url("images/bullet.jpg");
list-style-position: inside;
margin: 0 0 0 30px;
}
		
		#column-left ul li {
margin-bottom: 10px;
}
		
/* ------------------------ column-mid-left framework ------------------------ */
#column-mid-left {
width: 232px;
float: left;
}

	#column-mid-left p, #column-mid-left h1, #column-mid-left h2, #column-mid-left h3, #column-mid-left ul, #column-mid-left dl {
margin: 0px 0px 10px 0px;
}

#column-mid-left h2#threedTitle {
	color: #85A25F;
	clear: both;
	border-bottom: 1px solid;
	font-weight: normal;
	margin: 0 20px 10px;
}

	#column-mid-left p {
margin: 0 11px 10px 21px;
}

	#title-beforeafter {
background: url("images/title-before-after-home.jpg")  top left no-repeat;
height: 51px;
}

		#title-beforeafter span {
display: none;
}
		
	body.home #column-mid-left .img-left {
margin: 2px 10px 10px 18px;
}
		
/* ------------------------ column-mid-right framework ------------------------ */
#column-mid-right {
width: 230px;
float: left;
}

	#column-mid-right p, #column-mid-right h1, #column-mid-right h2, #column-mid-right h3, #column-mid-right ul, #column-mid-right dl {
margin: 0px 0px 10px 0px;
}

	#column-mid-right p, #column-mid-right img {
margin: 0 11px 10px 21px;
}

	#title-outtown {
background: url("images/title-out-town-home.jpg")  top left no-repeat;
height: 51px;
}

		#title-outtown span {
display: none;
}

	#title-whatsnew {
background: url("images/title-whatsnew.jpg")  top left no-repeat;
height: 51px;
}

		#title-whatsnew span {
display: none;
}

/* ------------------------ column-right framework ------------------------ */
#column-right {
width: 245px;
float: left;
margin: 29px 0 0 0;
}
	
	/* ------------------------ SUB NAVIGATION FRAMEWORK ------------------------ */
	#sub-nav-top {
background: url("images/sub-nav-top.jpg") top left no-repeat;
padding: 11px 0 0 0;
width: 242px;
}

		#sub-nav {
background: url("images/sub-nav-btm.jpg") bottom left no-repeat;
padding: 0 0 11px 0;
}

			#sub-nav ul {
margin: 0 0 0 0;
}

			#sub-nav ul li {
line-height: 39px;
height: 39px;
}

			#sub-nav ul li a {
background: url("images/bg-sub-nav.jpg") top left no-repeat;
line-height: 39px;
height: 39px;
padding: 0 0 0 51px;
display: block;
}

			#sub-nav ul li a:hover {
background: url("images/bg-sub-nav.jpg") bottom left no-repeat;
text-decoration: underline;
}
			
	#btn-consultation {
height: 54px;
background: url("images/btn-consultation.jpg") top left no-repeat;
display: block;
margin: 29px 0 0 0;
}

		#btn-consultation:hover {
background: url("images/btn-consultation.jpg") bottom left no-repeat;
}

		#btn-consultation span {
display: none;
}
	
	#btn-evaluation {
height: 61px;
background: url("images/btn-evaluation.jpg") top left no-repeat;
display: block;
}

		#btn-evaluation:hover {
background: url("images/btn-evaluation.jpg") bottom left no-repeat;
}

		#btn-evaluation span {
display: none;
}
	
	#btn-blog {
height: 61px;
background: url("images/btn-blog.jpg") top left no-repeat;
display: block;
}

		#btn-blog:hover {
background: url("images/btn-blog.jpg") bottom left no-repeat;
}

		#btn-blog span {
display: none;
}
	
	#btn-special {
height: 62px;
background: url("images/btn-special.jpg") top left no-repeat;
display: block;
}

		#btn-special:hover {
background: url("images/btn-special.jpg") bottom left no-repeat;
}

		#btn-special span {
display: none;
}

#btn-gallery {
	background: url("images/btn-gallery.jpg") top left no-repeat;
	height: 80px;
	display: block;
	text-indent: -9999px;
}

#btn-gallery:hover {
	background: url("images/btn-gallery.jpg") bottom left no-repeat;
}

#btnVideoLibrary {
	background: url("images/btnVideoLibrary.jpg") top left no-repeat;
	height: 62px;
	display: block;
	text-indent: -9999px;
}

#btnVideoLibrary:hover {
	background: url("images/btnVideoLibrary.jpg") bottom left no-repeat;
}



body.home #btnVideoLibrary {
	background: url("images/btnVideoLibraryHome.jpg") top left no-repeat;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 0 17px;
}

body.home #btnVideoLibrary:hover {
	background: url("images/btnVideoLibraryHome.jpg") bottom left no-repeat;
}
	
body.home #btnOutofTown {
	background: url("images/btn-outtownHome.jpg") top left no-repeat;
	height: 62px;
	display: block;
	text-indent: -9999px;
}

body.home #btnOutofTown:hover {
	background: url("images/btn-outtownHome.jpg") bottom left no-repeat;
}

body.home #btnAnimated {
	background: url("images/bnt_animated.jpg") top left no-repeat;
	height: 72px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 0 12px;
	width: 216px;
}
body.home #btnAnimated:hover {
	background: url("images/bnt_animated.jpg") 0px -72px no-repeat;
}


#btnAnimated {
	background: url("images/bnt_animated.jpg") top left no-repeat;
	height: 71px;
	display: block;
	text-indent: -9999px;
}

#btnAnimatedInside {
	background: url("images/btn-animated-inside.jpg") top left no-repeat;
	height: 62px;
	display: block;
	text-indent: -9999px;
}

#btnAnimatedInside:hover {
	background: url("images/btn-animated-inside.jpg") bottom left no-repeat;
	
}



#btnOutofTown {
	background: url("images/btn-outtown.jpg") top left no-repeat;
	height: 62px;
	display: block;
	text-indent: -9999px;
}

#btnOutofTown:hover {
	background: url("images/btn-outtown.jpg") bottom left no-repeat;
}
	
	body.home #column-right {
margin: 0;
width: 225px;
}

	body.home #column-right p, body.home #column-right h1, body.home #column-right h2, body.home #column-right h3, body.home #column-right ul, body.home #column-right dl {
margin: 0px 0px 10px 0px;
}

		body.home #column-right p, #column-right img {
margin: 0 0 10px 20px;
}

		#title-contactus {
background: url("images/title-contact-home.jpg")  top left no-repeat;
height: 51px;
}

			#title-contactus span {
display: none;
}
			
		#submit-photos {
height: 61px;
background: url("images/btn-submit-photos-home.jpg") top left no-repeat;
display: block;
}
		
			#submit-photos:hover {
background: url("images/btn-submit-photos-home.jpg") bottom left no-repeat;
}
			
			#submit-photos span {
display: none;
}
			
		#read-blog {
height: 57px;
background: url("images/btn-read-blog-home.jpg") top left no-repeat;
display: block;
}

			#read-blog:hover {
background: url("images/btn-read-blog-home.jpg") bottom left no-repeat;
}

			#read-blog span {
display: none;
}
				
		#special {
height: 62px;
background: url("images/btn-special-home.jpg") top left no-repeat;
display: block;
}

			#special:hover {
background: url("images/btn-special-home.jpg") bottom left no-repeat;
}

			#special span {
display: none;
}

/* ------------------------footer framework ------------------------ */
#footer {
width: 940px;
margin: 0 auto;
text-align: center;
background: url("images/bg-footer.jpg") top left no-repeat;
padding: 200px 0 0 0;
}

#footer p {
color: #412e13;
margin-bottom: 10px;
}

#footer a:link, #footer a:visited {
color: #412e13;
}
#footer a:hover, #footer a:active {
color: #412e13;
}

#footer ul {
margin: 10px;
}
	#footer li {/* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
border-left: 1px solid #412e13;
}
	#footer li.first {
border: none;
}
	
/************ misc items ************/
.decimal-list {
margin: 10px 0 0 10px;
}


/********************************
      testimonial page turner
********************************/
#column-left div#scroll_pane {
	width:574px;
	overflow:hidden;
	position:relative;
	height:190px
}

#column-left ul#elements {
	width:574px;
	margin:0;
	padding:0;	
	list-style-image:none;
}

#column-left ul#elements li{
	background-image:none;
	background: transparent url('images/testimonial_bg.jpg') 0 0 no-repeat;
	height:190px;
	padding:10px 20px 20px;
	font-size:1.1em;
	color:#ffffff;
	font-weight:bold;
}

p a.scroll_previous {
	background: transparent url('images/previous_arrow.jpg') 0 0 no-repeat;
	height:24px;
	float:left;
	display:block;
	padding-top:3px;
	padding-left:30px;
}

p a.scroll_next {
	background: transparent url('images/next_arrow.jpg') top right no-repeat;
	height:24px;
	float:left;
	display:block;
	padding-top:3px;
	padding-right:30px;
	padding-left:20px;
}

p span.testimonial_title {
	float:left;
	font-weight:bold;
	font-size:1.2em;
	padding-left:50px;
}



#nextPosts {
	float: right;
	width: 100px;
}

#previousPosts {
	float: left;
	width: 100px;
}

#titleCategories, #titleArchives {
	font-size: 16px;
	font-weight: normal;
	color: #4d8004;
	padding: 0 0 0 20px;
	background: url("images/bg-blogTitle.jpg") top left repeat-y;
	height: 40px;
	line-height: 40px;
}

.awardsLink {
	margin-left: 30px;
}

#videoPlayer {
	width: 320px;
	height: 205px;
	margin:20px 0 0 35px;
}

#galleryContent {
	margin: 30px auto 0;
	font-size: 14px;
	width: 800px;
	text-align: justify;
}

#galleryContent h2 {
	color:#58792A;
	font-size:24px;
	margin-bottom:6px;
}

#galleryContent p {
	margin-bottom: 10px;
}

#bna-sub-nav ul li.selected {
background:transparent url(images/sub-nav-middle-selected.png) repeat-x scroll left top !important;
}

#left-column ul li.selected {
	font-size: 13px;
	margin-left: 15px;
	color:#58792A;
	background-image: none !important;
}

.slider span {
	background: url("images/dropArrow.png") left center no-repeat;
	font-size: 16px !important;
	color:#58792A;
	text-decoration: underline;
	display: block;
	padding-left: 10px;
}

#btn3dSimulation {
	width: 209px;
	height: 200px;
	background: url("images/btn3dSimulation.jpg") no-repeat;
	text-indent: -9999px;
	margin: 10px auto 0;
	clear: both;
	display: block;
}

#newbeauty {
	width: 200px;
	height: 219px;
	background: url("images/mag.jpg") no-repeat;
	text-indent: -9999px;
	margin: 10px auto 0;
	clear: both;
	display: block;
}

#btn-testimonials {width:241px; height:84px;
background: url("images/btn-testimonials-home.jpg") top left no-repeat;
display: block;
text-indent:-9999px;
}

			#btn-testimonials:hover {
background: url("images/btn-testimonials-home.jpg") bottom left no-repeat;
}

#online-network {
	width: 234px;
	margin: 20px 0 0 4px;
	background: url("images/connect.jpg");
	height:82px;
}

.home #online-network {background: url("images/connectHome.jpg");
width: 204px;
margin-left:18px;
}

.socialMedia {
	width:42px;
	height:42px;
	text-indent:-9999px;
	margin:30px 0 0 15px;
	float:left;
}

.home .socialMedia {margin-left:4px;}

#online-network a.socialMedia:hover {
	background-position: bottom left;
}

#youtube { background:url("images/youtube.png") no-repeat; }
#facebook {	background:url("images/facebook.png") no-repeat; margin-left: 10px;}
#rss { background:url("images/rss.png") no-repeat; }
#twitter { background:url("images/twitter.png") no-repeat; }