/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. 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

CSS Document - styles.css
---------------------------------------------------------------------------- */

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

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

/* HTML
---------------------------------------------------------------------------- */
html,body { height: 100%; }

body {
	margin: 0 auto;
	text-align: center;
	font: 12px/17px lucida grande,lucida sans,lucida sans unicode,helvetica;
	background: #898152 url(../images/body-bg.jpg) repeat-x;
	height: 100%;
}

a { text-decoration: underline; color: #00703c; }
a:hover { text-decoration: none; }
fieldset { border: none; }
em strong { display: block; visibility: hidden; }
#right-col p strong { font-size: 14px; }
/* Layout
---------------------------------------------------------------------------- */
#top, #nav, #actual-nav, #content-container, #pre-footer { width: 750px; }
#mast, #splash, #left-col, #right-col, #sub-content-container, #hdr-dr-kosdon, #hdr-menu { float: left; }

#top {
	margin: 0 auto;
	text-align: left;
	background: url(../images/wrap-bg.jpg) repeat-y;
}
#mast { width: 246px; height: 343px; background: url(../images/mast.jpg); }
#splash-flash { width: 504px; height: 343px; background: url(../swf/modsmiles.swf); float:left;}
#splash { width: 504px; height: 343px; background: url(../images/splash.jpg); }
#content-container { float: left; background: url(../images/left-col-bot-bg.jpg) no-repeat left bottom; }
#left-col { width: 246px; }
	#left-col p, #left-col h2 { margin: 0 18px 12px 32px; }
	#left-col h2 { color:#1e4e24;}
	
#left-col #title-celebrity {
	background:url("../images/title-celebrity.jpg") no-repeat;
	height:55px;
	}
	
#right-col, #sub-content-container, #zoom { width: 504px; }
	#right-col p { margin: 0 28px 12px 21px; }
	#right-col ul.list { margin: 0 28px 12px 42px; list-style: outside disc; }

#sub-content-container { height: 450px; background: url(../images/panel-bot-bg.jpg) repeat-y; }

#zoom ul { height: 147px; background: url(../images/img-zoom.jpg); }
#zoom li { float: left; }
#zoom li, #zoom a { display: block; width: 85px; height: 30px; }
	#zoom a span { display: none; }
	#li-learn-more, #li-contact-us { position: relative; }
	#li-learn-more { top: 84px; left: 276px; }
	#li-contact-us { top: 84px; left: 293px; }

#hdr-dr-kosdon, #hdr-menu { height: auto; }
#hdr-dr-kosdon em strong, #hdr-menu em strong { height: 32px; }
#hdr-dr-kosdon { width: 261px; background: url(../images/headers/hdr-dr-kosdon.jpg) no-repeat;  }
	#hdr-dr-kosdon p { margin: 0 12px 12px 21px; }
#hdr-menu { width: 243px; background: url(../images/headers/hdr-menu.jpg) no-repeat; }
	#hdr-menu p { margin: 0 26px 12px 19px; }
	#hdr-menu ul { margin: 0 26px 12px 42px; list-style: outside disc; }

#pre-footer { height: 14px; overflow: hidden; background: url(../images/pre-footer.jpg); }
#footer { font-size: 11px; padding-bottom: 24px; }
#footer, #footer a { color: #eddfc8; }
#footer ul { margin: 0 0 10px; }
#footer li { display: inline; padding: 0 5px 0 7px; border-left: 1px solid #eddfc8; line-height: 11px; }
	#footer li.first { border-left: none; }

/*Banners*/
#splash-1, #splash-2, #splash-3, #splash-4, #splash-5 { float: left; } 
#splash-1 { width: 504px; height: 343px; background:  url(../images/banner-1.jpg); }
#splash-2 { width: 504px; height: 343px; background:  url(../images/banner-2.jpg); }
#splash-3 { width: 504px; height: 343px; background:  url(../images/banner-3.jpg); }
#splash-4 { width: 504px; height: 343px; background:  url(../images/banner-4.jpg); }
#splash-5 { width: 504px; height: 343px; background:  url(../images/banner-5.jpg); }

/* Headers */
.left-hdr { width: 246px; }
.left-hdr span, .right-hdr span { display: none; }

#hdr-smile-gallery { height: 45px; background: url(../images/headers/hdr-smile-gallery.gif); }

#hdr-contact-us-today {
	position:relative;
	background:url("../images/headers/hdr-contact-us-today.jpg");
	height:49px;
	}
	/* index page link within #masthead */		
	#hdr-contact-us-today a {
	position:absolute;
	left:23px;
	width:181px;
	top:8px;
	height:35px;
		}
	#hdr-contact-us-today a span {
		display:none;
		}

#img-celebrity-rotating {
margin: 0 0 0 18px;
}



#hdr-office-info { height: 49px; background: url(../images/headers/hdr-office-info.jpg); }
#hdr-welcome { height: 49px; background: url(../images/headers/hdr-welcome.jpg); }
#hdr-about-us { height: 49px; background: url(../images/headers/hdr-about-us.jpg); }
#hdr-cosmetic-dentistry { height: 49px; background: url(../images/headers/hdr-cosmetic-dentistry.jpg); }
#hdr-general-dentistry { height: 49px; background: url(../images/headers/hdr-general-dentistry.jpg); }
#hdr-gallery { height: 49px; background: url("../images/headers/hdr-gallery.jpg"); }
#hdr-media { height: 49px; background: url("../images/headers/hdr-media.jpg"); }
#hdr-contact-us { height: 49px; background: url(../images/headers/hdr-contact-us.jpg); }

/* Navigation
---------------------------------------------------------------------------- */
#actual-nav { background: url(../images/nav.jpg) top left no-repeat; height: 37px; }
#actual-nav span { display: none; }
#actual-nav li, #actual-nav a { height: 36px; display: block; }
#actual-nav li { float: left; list-style: none; _display: inline; }

#btn-1 { width: 89px; margin-left: 31px; }
#btn-2 { width: 107px; }
#btn-3 { width: 157px; }

#btn-4 { width: 133px; }
#btn-5 { width: 63px; }
#btn-6 { width: 66px; }
#btn-7 { width: 75px; }
/* Changed values should match "width" numbers specified above */
#btn-1 a:hover { background: transparent url(../images/nav.jpg) no-repeat -31px -37px; }
#btn-2 a:hover { background: transparent url(../images/nav.jpg) no-repeat -120px -37px; }
#btn-3 a:hover { background: transparent url(../images/nav.jpg) no-repeat -227px -37px;  }

#btn-4 a:hover { background: transparent url(../images/nav.jpg) no-repeat -384px -37px;  }
#btn-5 a:hover { background: transparent url(../images/nav.jpg) no-repeat -517px -37px;  }
#btn-6 a:hover { background: transparent url(../images/nav.jpg) no-repeat -580px -37px;  }
#btn-7 a:hover { background: transparent url(../images/nav.jpg) no-repeat -646px -37px;  }
/* Son of Suckerfish */
#actual-nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #720000;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}
#actual-nav li ul li { height: 20px; }	/* Height of each drop down menu item */
#actual-nav li ul li a { width: 100%; height: 20px; line-height: 20px; }
#actual-nav li ul li a span { display: block; padding-left: 5px; }

/* Drop down link styles */
#actual-nav a:link, #actual-nav a:visited, #actual-nav a:hover, #actual-nav a:active {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
#actual-nav li:hover ul, #actual-nav li.sfhover ul	{ left: auto; }
/* Hover styles for drop down items */
#btn-3 ul a:hover, #btn-4 ul a:hover { 
	background-image: none;
	background-color: #a00; 
}
/* width of drop down menu - choose width that allows items to display on one line */
#btn-3 ul, #btn-3 li { width: 260px; }		
#btn-4 ul, #btn-4 li { width: 90px; }

/* Quick Contact
---------------------------------------------------------------------------- */
#left-col form { margin: 0 18px 12px 32px; }
#left-col input, #left-col textarea {
	width: 170px;
	padding: 3px 8px 2px;
	margin-bottom: 0;
	font: 11px/11px lucida grande,lucida sans,lucida sans unicode,helvetica;
	background-color: #efe2cc;
	color: #333;
	border: 1px solid #a49673;
}
html>body #left-col input, html>body #left-col textarea { padding: 2px 8px; margin-bottom: 2px; }
#left-col textarea { height: 96px; overflow: auto; }

#left-col input.hidden { display: none; }
#left-col input.btn-send { width: 64px; }

/* Main Contact
---------------------------------------------------------------------------- */
#right-col form { margin: 0 28px 12px 21px; }
#right-col fieldset { margin-bottom: 3px; height: 27px; line-height: normal; }
#right-col fieldset.large { height: 42px; }
#right-col fieldset div { float: left; width: 212px; }
#right-col fieldset div.field-item { text-align: right; padding-right: 12px; }
#right-col div.clear { clear: both; text-align: center; padding-top: 12px; }

#right-col input, #right-col select {
	width: 144px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font: 11px/11px lucida grande,lucida sans,lucida sans unicode,helvetica;
	background-color: #a49673;
	color: #fff;
	border: 1px solid #a49673;
}

#right-col textarea {
	width: 367px; height: 88px;
	padding: 1px 2px;
	margin-bottom: 2px;
	font: 11px/11px lucida grande,lucida sans,lucida sans unicode,helvetica;
	background-color: #a49673;
	color: #fff;
	border: 1px solid #a49673;
	overflow: auto;
}

#right-col input.hidden { display: none; }
#right-col input.btn-send { width: 64px; text-align: center; }


/* Classes
---------------------------------------------------------------------------- */
.clear { clear: both; }
.div-about-us { height: 342px; display: block; }
.div-gen-dentistry { height: 512px; display: block; }
.div-gallery { height: 780px; display: block; }
.img-left { float: left; display: block; padding: 5px 8px 2px 0; }
.img-right { float: right; display: block; padding: 5px 0 2px 8px; }
.the-oak { font-size: 11px; color: #3d2e10; line-height: 14px; }
.pre-gallery-space { height: 70px; }
.after-gallery-space { height: 70px; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.sm { font-size: 11px; color: #f00; text-align: center; }
.img-star{ float: right; padding: 10px 30px 2px 8px; }

#contest_stuff {
	background-color: #0B854C;
	color:#fff;
	width: 464px;
	text-align: center;
	padding: 10px 15px 5px 15px;
	}
	
	#contest_stuff a h1 {
		font-size: 18px;
		color: #fff;
		text-decoration: underline;
		}
	
	#contest_stuff img {
		padding: 0px 0px 5px 0px;
		}
		
#media-article-links {
margin:0 0 0 30px;
}

hr {
width:75%;
margin-bottom:25px;
}

#media-article-links .img-article {
padding:0 10px 20px 0;
}

#media-article-links .img-new-beauty {
padding:0 80px 20px 0;
}