@charset "UTF-8"; /* CSS Document */

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
margin:0px;
padding:0px;
}

.alignleft{
	float:left;
	margin:0px 10px 10px 0px;
}

.alignright{
	float:right;
	margin:0px 0px 10px 10px;
}

.alignleft-nav{
	float:left;
}

.wp-image-191, .wp-image-192{
	 border:3px solid #fff;
}

.wp-image-191{
	margin-bottom:10px;
}

.clear{
	clear:both;
}

#Website{
	display:none;
}	

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

.preload{
	display:none;
}

#loading {
 	width: 200px;
 	height: 100px;
 	background-color: #c0c0c0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin-top: -50px;
 	margin-left: -100px;
 	text-align: center;
}

#homelink{
 	width:558px;
	height:69px;
	display:block;
}

#top-nav{
	width:165px;
	float:right;
	padding-top:43px;
	font-size:12px;
}

#top-nav a:link, #top-nav a:visited{
	color:#702a10;
	text-decoration:none;
}

#top-nav a:active, #top-nav a:hover{
	color:#702a10;
	text-decoration:underline;
}

#top-nav-home{
	margin-left:3px;
}

#top-nav-contact{
	margin-left:55px;
}

html{
	height:100%;
}

body{
background:#C5EAF2 url(images/contentbg.jpg) repeat-x;
font-family:"arial", sans-serif;
height:100%
}

a{
	outline:none;
}

A:link{
color:#482D23;
text-decoration:underline;
}
A:visited{
color:#482D23;
text-decoration:underline;

}
A:active{
color:#482D23;
text-decoration:none;
}
A:hover{
color:#482D23;
text-decoration:none;
}

#container{
width:968px;
margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
padding:0px; /*** I am only setting this so you can see where the container is ****/
min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -118px; /* the bottom margin is the negative value of the footer's height */
position:relative;
}

#header{
width:968px;
height:69px;
background:url(images/header.jpg) no-repeat;
}

#header2{
width:968px;
height:69px;
background:url(images/header2.jpg);
}

#banner{
width:968px;
height:298px;
background:url(images/banner.jpg) no-repeat;
}

#banner2{
width:968px;
height:416px;
background:url(images/banner2.jpg);
}

#nav { 
	    background:url("images/nav-sheet.png") no-repeat; 
	    height:50px;
	    width:968px; 
	    margin:8px 0 0 0px;
	    padding:0px 0px 0px 0px; 
	    }

    #nav span { display: none; }

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

    #nav li {
	    float:left;
	    list-style:none;
	    _display:inline;
	    }

    #nav-01 { width: 100px; margin-left:31px;}
    #nav-02 { width: 198px; margin-left:30px;}
    #nav-03 { width: 90px; margin-left:36px;}
    #nav-04 { width: 101px; margin-left:33px;}
    #nav-05 { width: 91px; margin-left:32px;}
    #nav-06 { width: 163px; margin-left:33px;}

    /*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

    #nav-01 a:hover { background:url("images/nav-sheet.png")  -31px -50px no-repeat; }
    #nav-02 a:hover { background:url("images/nav-sheet.png")  -161px -50px no-repeat; }
    #nav-03 a:hover { background:url("images/nav-sheet.png")  -395px -50px no-repeat; }
    #nav-04 a:hover { background:url("images/nav-sheet.png")  -518px -50px no-repeat; }
    #nav-05 a:hover { background:url("images/nav-sheet.png")  -651px -50px no-repeat; }
    #nav-06 a:hover { background:url("images/nav-sheet.png")  -775px -50px no-repeat; }

    /*-------------- Keeps the hover state on each page based on body id ------------- */

    body.page-template-about-php #nav-01 { background:url("images/nav-sheet.png")  -31px -186px no-repeat; }
    body.page-template-breastaug-php #nav-02 { background:url("images/nav-sheet.png")  -161px -358px no-repeat; }
    body.page-template-options-php #nav-03 { background:url("images/nav-sheet.png")  -395px -530px no-repeat; }
    body.page-template-gallery-php #nav-05 { background:url("images/nav-sheet.png")  -651px -702px no-repeat; }
    body.page-template-patient-php #nav-06, body.page-template-contact-php #nav-06, body.page-template-consult-php #nav-06 { background:url("images/nav-sheet.png")  -775px -874px no-repeat; }

.second-nav{
	font-size:13px;
}

.second-nav a:link, .second-nav a:visited{
	color:#0a353d;
	text-decoration:none;
}

.second-nav a:active, .second-nav a:hover{
	color:#0a353d;
	text-decoration:underline;
}

.dots{
		background:url(images/nav-dots.png) right 3px no-repeat;
		padding-right:30px;
}
	
/*-- breast aug nav --*/	
	
#breastaug-nav { 
	    background:url("images/second-nav-bg.jpg") repeat-x; 
	    height:36px;
	    width:511px; 
	    margin:0px 0px 0px 58px;
	    padding:0px 0px 0px 0px; 
		list-style-type:none;
	    }
		
	#breastaug-nav #arrow{
		background:url(images/nav-arrow.png) no-repeat;
		width:80px;
		height:16px;
		position:relative;
		margin:0px 0px -3px 160px;
	}
	
	#breastaug-nav-01{
		margin-left:32px;
		display:block;
	}
		
	#breastaug-nav-02{
		margin-left:22px;
		display:block;
	}
	
	#breastaug-nav-03{
		margin-left:32px;
		display:block;
	}
		
	#breastaug-nav-04{
		margin-left:22px;
		display:block;
	}
	
    /*-------------- Keeps the hover state on each page based on body id ------------- */

    body.page-id-9 .second-nav #breastaug-nav-01 a{ 
		text-decoration:underline !important;
	}
    
	body.page-id-11 .second-nav #breastaug-nav-02 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-13 .second-nav #breastaug-nav-03 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-15 .second-nav #breastaug-nav-04 a{ 
		text-decoration:underline !important;
	}

	
/* end breast aug nav */		
	
/*-- about nav --*/	
	
#about-nav { 
	    background:url("images/second-nav-bg.jpg") repeat-x; 
	    height:36px;
	    width:259px; 
	    margin:0px 0px 0px 10px;
	    padding:0px 0px 0px 0px; 
		list-style-type:none;
	    }
		
	#about-nav #arrow{
		background:url(images/nav-arrow.png) no-repeat;
		width:80px;
		height:16px;
		position:relative;
		margin:0px 0px -3px 31px;
	}
	
	#about-nav-01{
		margin-left:32px;
		display:block;
	}
		
	#about-nav-02{
		margin-left:22px;
		display:block;
	}
	
    /*-------------- Keeps the hover state on each page based on body id ------------- */

    body.page-id-5 .second-nav #about-nav-01 a{ 
		text-decoration:underline !important;
	}
    body.page-id-7 .second-nav #about-nav-02 a{ 
		text-decoration:underline !important;
	}
	
	
/* end about nav */		
	
/*-- options nav --*/	
	
#options-nav { 
	    background:url("images/second-nav-bg.jpg") repeat-x; 
	    height:36px;
	    width:946px; 
	    margin:0px 0px 0px 10px;
	    padding:0px 0px 0px 0px; 
		list-style-type:none;
	    }
		
	#options-nav .dots{
		padding-right:20px;
	}	
		
	#options-nav #arrow{
		background:url(images/nav-arrow.png) no-repeat;
		width:80px;
		height:16px;
		position:relative;
		margin:0px 0px -3px 387px;
	}
	
	#options-nav-01{
		margin-left:34px;
		display:block;
	}
		
	#options-nav-02{
		margin-left:12px;
		display:block;
	}
	
	#options-nav-03{
		margin-left:12px;
		display:block;
	}
		
	#options-nav-04{
		margin-left:12px;
		display:block;
	}
	
	#options-nav-05{
		margin-left:12px;
		display:block;
	}
	
	#options-nav-06{
		margin-left:12px;
		display:block;
	}
	
	#options-nav-07{
		margin-left:12px;
		display:block;
	}
	
	#options-nav-08{
		margin-left:12px;
		display:block;
	}
	
    /*-------------- Keeps the hover state on each page based on body id ------------- */

    body.page-id-23 .second-nav #options-nav-01 a{ 
		text-decoration:underline !important;
	}
    
	body.page-id-139 .second-nav #options-nav-02 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-21 .second-nav #options-nav-03 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-25 .second-nav #options-nav-04 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-27 .second-nav #options-nav-05 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-29 .second-nav #options-nav-06 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-31 .second-nav #options-nav-07 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-34 .second-nav #options-nav-08 a{ 
		text-decoration:underline !important;
	}

	
/* end options nav */	
	
/*-- gallery nav --*/	
	
#gallery-nav { 
	    background:url("images/second-nav-bg.jpg") repeat-x; 
	    height:36px;
	    width:948px; 
	    margin:0px 0px 0px 10px;
	    padding:0px 0px 0px 0px; 
		list-style-type:none;
	    }
		
	#gallery-nav #arrow{
		background:url(images/nav-arrow.png) no-repeat;
		width:80px;
		height:16px;
		position:relative;
		margin:0px 0px -3px 644px;
	}
	
	#gallery-nav-01{
		margin-left:32px;
		display:block;
	}
		
	#gallery-nav-02{
		margin-left:22px;
		display:block;
	}
	
	#gallery-nav-03{
		margin-left:22px;
		display:block;
	}
	
	#gallery-nav-04{
		margin-left:22px;
		display:block;
	}
	
	#gallery-nav-05{
		margin-left:22px;
		display:block;
	}
	
    /*-------------- Keeps the hover state on each page based on body id ------------- */

    body.page-id-38 .second-nav #gallery-nav-01 a{ 
		text-decoration:underline !important;
	}
	
    body.page-id-41 .second-nav #gallery-nav-02 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-43 .second-nav #gallery-nav-03 a{ 
		text-decoration:underline !important;
	}
    
	body.page-id-45 .second-nav #gallery-nav-04 a{ 
		text-decoration:underline !important;
	}
    
	body.page-id-47 .second-nav #gallery-nav-05 a{ 
		text-decoration:underline !important;
	}
	
	
/* end gallery nav */	
	
/*-- patient nav --*/	
	
#patient-nav { 
	    background:url("images/second-nav-bg.jpg") repeat-x; 
	    height:36px;
	    width:650px; 
	    margin:0px 0px 0px 306px;
	    padding:0px 0px 0px 0px; 
		list-style-type:none;
	    }
		
	#patient-nav #arrow{
		background:url(images/nav-arrow.png) no-repeat;
		width:80px;
		height:16px;
		position:relative;
		margin:0px 0px -3px 506px;
	}
	
	#patient-nav-01{
		margin-left:32px;
		display:block;
	}
		
	#patient-nav-02{
		margin-left:22px;
		display:block;
	}
	
	#patient-nav-03{
		margin-left:22px;
		display:block;
	}
	
	#patient-nav-04{
		margin-left:22px;
		display:block;
	}
	
    /*-------------- Keeps the hover state on each page based on body id ------------- */

    body.page-id-52 .second-nav #patient-nav-01 a{ 
		text-decoration:underline !important;
	}
	
    body.page-id-54 .second-nav #patient-nav-02 a{ 
		text-decoration:underline !important;
	}
	
	body.page-id-56 .second-nav #patient-nav-03 a{ 
		text-decoration:underline !important;
	}
    
	body.page-id-58 .second-nav #patient-nav-04 a{ 
		text-decoration:underline !important;
	}	
	
/* end patient nav */	


#leftcol{
width:300px;
float:left;
margin-top:26px;
}

	
	
	body.page-id-9 #leftcol ul li#sidebar-01-item{
		list-style-image:url(images/down-arrow.jpg);
	}
	
		body.page-id-9 #sidebar-01{
			text-decoration:underline !important;
		 }
	
	body.page-id-31 #leftcol ul li#sidebar-02-item{
		list-style-image:url(images/down-arrow.jpg);
	}
	
		body.page-id-31 #sidebar-02{
			text-decoration:underline !important;
		 }
	
	body.page-id-34 #leftcol ul li#sidebar-03-item{
		list-style-image:url(images/down-arrow.jpg);
	}
	
		body.page-id-34 #sidebar-03{
			text-decoration:underline !important;
		 }
	
	body.page-id-58 #leftcol ul li#sidebar-05-item{
		list-style-image:url(images/down-arrow.jpg);
	}
	
		body.page-id-58 #sidebar-05{
			text-decoration:underline !important;
		 }

	.leftcol{
	color:#fff;
	background-color:#fff;
	height:2px;
	margin:10px 0 10px -23px;
	width:270px;
	}

	.leftcol hr {
	display: none;
	}
	
	#questions{
	margin:10px 0 0 10px;
	width:247px;
	height:35px;
	background:url(images/questions.jpg);
	display:block;
	}

	#interest{
	margin:10px 0 0 10px;
	width:247px;
	height:55px;
	background:url(images/interest.jpg);
	display:block;
	}
	
	#questions:hover{
	background:url(images/questions-ovr.jpg);
	}

	#interest:hover{
	background:url(images/interest-ovr.jpg);
	}

	#paul{
	width:150px;
	height:150px;
	}

	.paul{
	margin:15px 0 0 15px;
	color:#482D23;
	font-size:12px;
	}

	#map{
	margin:10px 0 0 13px;
	width:70px;
	height:51px;
	background:url(images/map.jpg);
	float:left;
	display:block;
	}

	#click{
	float:left;
	}

	.click{
	margin:25px 0 0 5px;
	font-size:10px;
	color:#589885;
	}
	
	#leftcol a:link, #leftcol a:visited{
		text-decoration:none;
	}
	
	#leftcol a:active, #leftcol a:hover{
		text-decoration:underline;
	}
	
	#patient-btn{
		background:url(images/patient-btn-up.jpg) no-repeat;
		width:128px;
		height:209px;
		display:block;
		float:left;
		margin-left:230px;
	}
	
	#medical-btn{
		background:url(images/medica-btn-up.jpg) no-repeat;
		width:128px;
		height:209px;
		display:block;
		float:left;
		margin-left:60px;
	}
	
	#patient-btn:hover{
		background:url(images/patient-btn-ovr.jpg) no-repeat;
	}
	
	#medical-btn:hover{
		background:url(images/medica-btn-ovr.jpg) no-repeat;
	}
	
#rightcol{
width:663px;
float:left;
margin-top:26px;
}

	#rightcol h1{
		border-bottom:4px solid #e1f4f8;
		font-size:20px;
		color:#322919;
		padding-bottom:13px;
		margin-bottom:10px;
	}

	#rightcol h2{
	font-size:16px;
	color:#322919;
	margin-bottom:15px;
	}
	
	h3{
	color:#482D23;
	}

	.rightcol{
	color:#fff;
	background-color:#fff;
	height:4px;
	margin:10px 0 10px 0px;
	width:663px;
	}

	.rightcol hr {
	display: none;
	}

	#rightcol p{
	color:#482D23;
	font-size:12px;
	line-height:20px;
	margin-bottom:15px;
	}
	
	#rightcol ul{
		list-style-type:disc !important;
		color:#482D23;
		font-size:12px;
		line-height:20px;
		margin:0px 0px 20px 25px;
	}

#clear{
clear:both; /*** this stops the floating ***/
}

#footer{
margin:0px auto;
height:118px;
background:url(images/footerbg.jpg) repeat-x;
}

.push{
	height:118px;
}

	#content{
	width:968px;
	margin:20px auto;
	text-align:center;
	}

	.footernav{
	color:#482D23;
	font-size:10px;
	padding:28px 0 0 0;
	}

	.footernav2{
	color:#482D23;
	font-size:10px;
	padding:10px 0 0 0;
	text-align:center;
	}

	#footer A:link{
	color:#fff;
	text-decoration:none;
	}
	#footer A:visited{
	color:#fff;
	text-decoration:none;
	}
	#footer A:active{
	color:#fff;
	text-decoration:underline;
	}
	#footer A:hover{
	color:#fff;
	text-decoration:underline;
	}

/** gallery **/

.gallery-thumb{
	display:block;
	width:186px !important;
	height:66px !important;
	border:3px solid #fff;
	overflow:hidden;
}

.gallery-thumb:hover{
	border:3px solid #85c8db;
}

.gallery-thumb img{
	border:none;
	width:382px;
	height:143px;
}

/** contact page stuff **/

body.page-id-58 #leftcol, body.page-id-50 #leftcol, body.page-id-52 #leftcol, body.page-id-54 #leftcol,  body.page-id-56 #leftcol{
	width:585px;
}

	#leftcol h1{
		border-bottom:4px solid #e1f4f8;
		font-size:20px;
		color:#463c2a;
		padding-bottom:13px;
		margin-bottom:20px;
	}

	#leftcol h2{
		font-size:16px;
		color:#482D23;
		margin-bottom:15px;
	}
	
	#leftcol p{
		color:#482D23;
		font-size:12px;
		line-height:20px;
		margin-bottom:15px;
	}
	
	#leftcol ul{
		list-style-type:disc !important;
		color:#482D23;
		font-size:12px;
		line-height:20px;
		margin:0px 0px 20px 25px;
	}
	
	#leftcol ul.sidebar-links{
		color:#482D23;
		list-style-image:url(images/ul.jpg);
		margin:15px 0 0 35px;
		font-size:15px;
		line-height:20px;
		margin:0px 0px 20px 25px;
	}
		
		#form-contain{
			width:585px;
			background:url(images/contact-bg.jpg) repeat-y;
		}
		
		#form-top{
			height:40px;
			width:585px;
			background:url(images/contact-top.jpg) no-repeat;
		}
		
		#form-bottom{
			height:40px;
			width:585px;
			background:url(images/contact-bottom.jpg) no-repeat;
		}
		

	#leftcol form{
			width:456px;
			margin:15px auto 0px auto;
	}


body.page-id-58 #rightcol, body.page-id-50 #rightcol, body.page-id-52 #rightcol, body.page-id-54 #rightcol, body.page-id-56 #rightcol{
	width:350px;
	margin-left:20px;
}

body.page-id-58 #rightcol p, body.page-id-50 #rightcol p{
	margin-left:15px;
	margin-right:15px;
}

body.page-id-50 #click{
	margin-bottom:15px;
}

#rightcol p.fakeheading-top {
			margin-bottom:12px;
			font-size:18px;
			color:#fff;
		}
		
body.page-id-7 #rightcol p{
	border-bottom:2px solid #fff;
	padding-bottom:15px;
}
		
		#rightcol .contact-header-contain{
			background:#62a3af;
			padding:20px 18px 1px 18px;
		}
		
		#rightcol .contact-sidebar-contain{
			background:#a2d3dd;
			padding:25px 12px 10px 12px;
		}
		
		#rightcol form{
			margin:15px 0px 15px 15px;
		}
		
		#rightcol label{
			font-size:12px;
			display:block;
			margin-bottom:4px;
			color:#482D23;
		}
				
		#leftcol input, #rightcol input{
			background:#fff;
			width:291px;
			padding:7px 0px 7px 5px;
			border:none;
			color:#482D23;
			margin-bottom:14px;
		}
		
		#leftcol label.error{
			background:none repeat scroll 0 0 #62a3af;
			color:#fff;
			display:block;
			margin:-5px 0px 10px 0px;
			padding:4px 4px 3px 4px;
			width:288px;
			text-align:left !important;
		}
		
		#rightcol label.error{
			background:none repeat scroll 0 0 #62a3af;
			color:#fff;
			display:block;
			margin-bottom:9px;
			padding:4px 4px 3px 4px;
			width:288px;
			text-align:left !important;
		}
		
		#leftcol input.small, body.page-template-page-virtual-contact-php #rightcol input.small{
			background:#fff;
			width:37px;
			padding:7px 0px 7px 5px;
			border:none;
			color:#482D23;
			margin-bottom:10px;
			border:1px solid #aed135;
		}

		
		#leftcol textarea, #rightcol textarea{
			background:#fff;
			width:291px;
			padding:6px 0px 2px 5px;
			height:50px;
			border:none;
			color:#482D23;
			font-size:12px;
			font-weight:normal;
			font-family:Helvetica, Arial,  sans-serif;
			margin-bottom:10px;
		}
		
		#leftcol select, #rightcol select{
			width:297px;
			display:block;
			margin:0px 0px 10px 0px;
		}
		
		input[type=checkbox], input[type=radio]{
			width:auto !important;
			height:auto !important;
			margin-right:5px;
		}
		
		#contact-right{
			width:120px;
			float:left;
			color:#482D23;
		}
		
		#contact-left{
			width:320px;
			float:left;
			margin-left:10px;
			font-size:12px;
			color:#482D23;
		}
				
		#contact-right label{
			display:block;
			font-size:12px;
		}
		
		#leftcol label{
			text-align:right;
			margin:10px 0px 25px 0px;
		}
		
		#rightcol #rightcol-submit{
			width:63px;
			height:28px;
			border:1px solid #fff;
			color:#000;
			padding:0px;
			cursor:pointer;
		}
		
		#leftcol #rightcol-submit{
			width:63px;
			height:28px;
			border:none;
			color:#482D23;
			padding:0px;
			cursor:pointer;
		}
		
#fb-page-like{
	position:absolute;
	top:29px; left:565px;
	z-index:2;
}

#fb-sidebar{
	margin:0 0 0 12px;
}

.sharethis-contain{
	margin:0 0 15px;
}