/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */


/* basic elements
 * ------------------------------------------------------------------------------------- */
ul, li {margin:0; padding:0;}
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

body {
background-color:#033;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

p, ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #699;
	line-height: 18px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#669999;
font-weight:bold;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#B1D8D8;
font-weight:bold;
}

a img, :link img, :visited img { border: none }

a:link, a:visited {
	color: #699;
	text-decoration: underline;
}
a:hover, a:active {
	color: #7FBFBF;
	text-decoration: underline;
}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}
	
img.img-right { 
	float:right; 
	margin:5px 0 10px 10px; 
	}
	
div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}	

/* Horozontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:753px; 
	height:23px;
	margin:0 0 0 4px; padding:0;
	text-align:left;
	}

#nav span { display: none; }

#nav li, #nav a { height:23px; display:block; margin:0; padding:0; }

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

#nav-01 { width: 48px;}
#nav-02 { width: 142px;}
#nav-03 { width: 101px;}
#nav-04 { width: 139px;}
#nav-05 { width: 143px;}
#nav-06 { width: 93px;}
#nav-07 { width: 86px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover {background:url("../images/nav.jpg")  0px -23px no-repeat;}
#nav-02 a:hover {background:url("../images/nav.jpg") -48px -23px no-repeat;}
#nav-03 a:hover {background:url("../images/nav.jpg") -190px -23px no-repeat;}
#nav-04 a:hover {background:url("../images/nav.jpg") -291px -23px no-repeat;}
#nav-05 a:hover {background:url("../images/nav.jpg") -430px -23px no-repeat;}
#nav-06 a:hover {background:url("../images/nav.jpg") -573px -23px no-repeat;}
#nav-07 a:hover {background:url("../images/nav.jpg") -666px -23px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#144444;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

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

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

#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:.8em;
	color:#5F8F8F;
	text-decoration:none;
	font-weight:500;
	}

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

/* Hover styles for drop down items */
#nav-04 ul a:hover { 
	background-image:none;
	background-color:#1B5859;
	color:#5F8F8F;
	text-decoration:none;
	font-weight:500;	
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-04 ul, #nav-04 li { width:146px; text-align:center;}		


/* main structural elements
 * ------------------------------------------------------------------------------------- */
#bgtile {
background-image: url("../images/index/bg.jpg");
background-repeat:repeat-y;
}

.main-margins {
margin:0px;
padding:10px 25px 0px 40px;
text-align:left;
}

.right-margins {
margin:0px;
padding:10px 32px 0px 41px;
text-align:left;
}
.right-margin {
margin:0;
padding:10px 0 0 41px;
text-align:left;
}
p.right-column {
	margin:10px 25px 0px 41px;
	color:#BFDDDF;
}

.center { text-align:center;}
/* navigation
 * ------------------------------------------------------------------------------------- */


/* header
 * ------------------------------------------------------------------------------------- */


/* content
 * ------------------------------------------------------------------------------------- */


/* footer
 * ------------------------------------------------------------------------------------- */
 .footer {
 background-color:#003333;
 }
 
 .footer p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 color:#699;
 text-align:center;
 }
 
/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:2px;
	padding:2px;
	color: #033;
	border: 1px solid #7FBFBF;
	background-color: #699;
	font-weight: bold;
}

.quickcontact {
	width: 155px;
}

.submit {
border:0px;
padding:0px;
}

img.thumb-left { 
	float:left; 
	margin:5px 17px 3px 0px; 
	}

/* main contact */

#big-contact { 
	padding:20px 0 10px 0; 
}

#big-contact form, #big-contact label, #big-contact input, #big-contact textarea { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#033; 
}

#big-contact label { 
	position:relative; 
	display:block; 
	text-align:right; 
	color:#7FBFBF; 
	width:150px; 
}

#big-contact label input, #big-contact label textarea { 
	background-color:#699; 
	border:1px solid #7FBFBF; 
	position:absolute; 
	left:110%; 
	top:-2px; 
}

#big-contact label input { 
width:150px; 
}

#big-contact label textarea { 
	top:0; 
	width:215px; 
	height:100px; 
}

.submit-big-contact { 
	margin:85px 0 0 165px; 
	border:0px;
	padding:0px;
}
/*esthetic*/
#esthetic {
	position:relative;
	background:url("../images/btn-esthetic.jpg");
	height:83px;
	width:200px;
	margin: 20px 0 0 41px;
	text-align:left;
	}

	#esthetic a{	
		position:absolute;
		width:200px;
		height:83px; 
		}

	#esthetic a:hover{ background: transparent url(../images/btn-esthetic.jpg) -200px 0px no-repeat;}	
	#esthetic a span { display:none;}

#esthetic_img { margin-top: 20px; }

/*offers*/
#offers {
	position:relative;
	top:0px;left:0px;
	background:url("../images/btn-offers.jpg");
	height:83px;
	width:200px;
	margin: 20px 0 0 0;
	text-align:left;
	}

	#offers a{	
		position:absolute;
		width:200px;
		height:83px; 
		}

	#offers a:hover{ background: transparent url(../images/btn-offers.jpg) -200px 0px no-repeat;}	
	#offers a span { display:none;}

#offers { margin-top: 20px; }

/*business*/
#business {
	position:relative;
	background:url("../images/btn-business.jpg");
	height:83px;
	width:200px;
	margin: 20px 0 0 0;
	text-align:left;
	}

	#business a{	
		position:absolute;
		width:200px;
		height:83px; 
		}

	#business a:hover{ background: transparent url(../images/btn-business.jpg) -200px 0px no-repeat;}	
	#business a span { display:none;}

#business { margin-top: 20px; }


a.bna {  float:left; margin:0 0 10px 35px; width:150px;}

div.clear{ width:100%; clear:both; height:1px;}

	#featured-patient {
	 	background: url("../gallery/thumbs/featured-patient.jpg") top no-repeat;
		height: 150px;
		margin-top:25px;
		position:relative;
	 	}
		#featured-patient a{
			position: absolute;
			left: 54px;
			width: 160px;
			top: 45px;
			height: 102px;
			}
			#featured-patient a span {display:none;}
			
/* blog comment form ------------------------------------------------------------------------- */

#commentform { margin:20px 0 10px 0; }

#commentform label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	padding-left:0px;
	color:#f4c848;

	}

#commentform label input, #commentform label textarea, #commentform label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
#submit { background:url(../images/index/index_slice24.jpg) no-repeat; width:52px; height:21px; cursor:pointer; padding-left:0px; margin-top:70px;  margin-left:243px;}
#commentform select { width:175px; } /* fixes display issue - 5px larger than input field */

#commentform label textarea { height:100px; overflow:auto; }

/*------------------------------------------------- Blog Styles ----------------------------------------------*/
#menu {background:url(../images/sub/blog-nav-bg.jpg) top left repeat-y; width:234px; margin:10px 0px 0px 15px; padding:5px 0px 5px 0px; border:1px solid #346562;}
#menu ul li {
			color:#f4c848;
			font-weight:bold;
			list-style:none;
			}

#menu ul li ul li {
			font-weight:bold;
			padding-left:15px;
			line-height:18px;
			}
#menu ul li ul li ul {padding-left:10px;}

#side-bar{margin:20px 40px 0px 35px;}

#searchform{ margin:0px; padding:10px 0 5px 39px; width:195px; margin-top:25px; margin-bottom:15px; border-bottom:1px solid #346562; border-top:1px solid #346562;}

.storytitle { font-size:18px; color:#003366; padding-bottom:5px;}
		
.meta {
		font-size:11px;
		padding-left: 50px;
		padding-right: 40px;
		color:#e8b526;
		}
 
.feedback {
		text-align:right;
		font-size:.9em;
		margin:0 20px 10px 0; 
		padding-right:15px;
		}
#blog table{text-align:left;}
#blog a{text-decoration:underline;}
#blog a:hover {text-decoration:none;}
#blog h2 a{
	margin:0px;
	padding:0px; 
	text-align:left;
	font-size:16px;
	padding-left:25px;
	color:#b1d8d8;
}
#blog h3{
	margin:0px;
	padding:0px; 
	text-align:left;
	font-size:14px;
	padding-left:25px;
	color:#f4c848;
}

#archives, #meta {margin-top:15px; margin-bottom:20px;}
li#categories, li#archives, li#meta{ padding-left:24px; }

ul.children {margin-bottom:0px;}
#meta {margin-bottom:5px; }
#blog h3 a{font-size:16px; margin:0px;}
#blog p {padding-left:25px;padding-right:25px;}
#blog blockquote p{padding:0 20px 0 38px;}
#blog #blog-header{ background: url(../images/sub/title-blog.jpg) top left no-repeat; height:51px; width:268px;}					
#blog ol { list-style-type:decimal !important;
		   margin:0 0 0 65px !important;
		} 
#blog .storycontent ul{ list-style-type:circle; !important;
		   margin:0 0 0 65px !important;
		} 		
#blog ol li p, #blog .storycontent ul li p {margin:0 0 10px 0;}

#blog ol li p cite { font-size:.9em;}
#rss_trackback {margin-left:24px;}
#blog .post {padding-left:25px; padding-right:11px;}

.feedback { padding-bottom:10px; border-bottom:1px solid #346562;}

.storycontent p em { font-style:normal;} 

#blog #commentlist {color:#699;}
#blog #postcomment, #blog #comments {padding-left:25px;}
#blog #comments a {text-decoration:none; padding-left:0px;}