/* SCREEN CSS - author steve@35mmdesign.com */


/* ---------------------------
			COLORS
------------------------------

	lite green		cce5cc
	lite blue		ebf7fa
	dark blue		4c5664
	gold accent		c2af70
	
------------------------------*/

* {margin:0;padding:0;outline:none;}

body {
	background-color:#ebf7fa;
	font-family: Arial, Helvetica, sans-serif;
	color:#222;
	margin:0;
	padding:0;
	}
	
body.interior { background:#ebf7fa url(../i/body.jpg) repeat-x; }
body.front { background:#ebf7fa url(../i/body_h.jpg) repeat-x; }

	
a {color:#4c5664;text-decoration:none;}

img, img a {border:0;}

img.box {
	float:left;
	margin:0 1em 0.25em 0;
	border:1px solid #c2af70;
	padding:3px;
	background:#fff;
	}
	
a img.box  {
	border:1px solid #c2af70;
	padding:3px;
	}
	
a:hover img.box {
	border:2px solid #4c5664;
	padding:2px;
	}

.hide { display:none; }
	
/* -----------------------
		STRUCTURE
-------------------------*/

#wrap {
	width:770px;
	margin:0 auto;
	background:url(../i/top.jpg) no-repeat;
	}
#wrap_home {
	width:770px;
	margin:0 auto;
	background:url(../i/top_h.jpg) no-repeat;
	}
#header {
	position:relative;
	height:200px;
	}
#header_home {
	position:relative;
	height:337px;
	}
	
#content { margin:-5px 0 20px 0; }

#col1,#col2,#col3 {
	position:relative;
	top:0px;
	}

#col1 {
	width:257px;
	float:left;
	}
	
#col2 {
	width:250px;
	float:left;
	top:15px;
	}
	
#col3 {
	width:257px;
	float:right;
	}
	
#sidebar {
	float:left;
	width:290px;
	}
#sidebar_inner {
	width:200px;
	margin:0 auto;
	}
#main_content {
	float:right;
	}
	html>body #main_content { width:450px; }
	
	
/* -----------------------
	  HEADER SECTION
-------------------------*/

#left {
	width:314px;
	float:left;
	}
	
	#logo {
		width:314px;
		height:147px;
		}
		#logo h1 {}
		#logo h1 a {
			width:314px;
			height:147px;
			display:block;
			}
			html>body #logo h1 a { background:url(../i/logo.png) no-repeat; }
			#logo h1 a span {display:none;}
	
	#rotator {
		width:314px;
		height:190px;
		background: url(../random/rotator.php) no-repeat top center;
		}
		/* interior page rotator */
		#rotator_interior {
			border:1px solid #4c5664;
			background:#fff;
			padding:2px;
			width:194px;
			height:190px;
			}
		#rotator_interior a {
			width:190px;
			height:186px;
			background:#fff url(../random/rotator.php) no-repeat center center;
			border:2px solid #fff;
			text-indent:-99999em;
			display:block;
			}
		#rotator_interior a:hover {
			border:2px solid #4c5664;
			}

#right {
	float:right;
	width:456px;
	}
	
	#subnav {
		height:109px;
		font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		#subnav ul {list-style:none;width:126px;padding:5px 10px; }
			html>body #subnav ul {background:url(../i/screen.png);}
		#subnav ul li {display:block;width:125px;line-height:1em;padding:0;margin:0;}
		#subnav ul li a {display:block;position:relative;width:126px;padding:1px 2px;line-height:1em;background:url(../i/arrow_sm.gif) no-repeat right center;}
		#subnav ul li a:hover, #subnav ul li a.active {background:#fff url(../i/arrow_sm.gif) no-repeat right center;padding:0px 2px;border-top:1px solid #c2af70;border-bottom:1px solid #c2af70;}
	
	#contact_top {
	position:absolute;
	width:220px;
	top:0;
	left: 540px;
	text-align:right;
	}
	#contact_top p {
		font:11px/140% "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#444f56;
		margin-bottom:5px;
		}
	.social {
		float:right;
		width:235px;
		height:23px;
		margin-bottom:10px;
		font-size:1%;
		white-space:nowrap;
		clear:both;
		overflow:hidden;
		}
	.social h3 {
		float:left;
		width:85px;
		height:23px;
		background:url(../i/follow-us.gif) no-repeat top left;
		text-indent:99999px;
		display:block;
		}
	.social ul {
		list-style:none;
		margin:0;
		padding:0;
		height:23px;
		}
	.social ul li {
		float:left;
		}
	.social ul li.twitter,
	.social ul li.facebook {
		float:left;
		display:inline;
		}
		.social ul li.twitter a {
			float:left;
			width:76px;
			height:23px;
			background:url(../i/twitter.gif) no-repeat top left;
			border-right:1px solid #454f5b;
			border-left:1px solid #454f5b;
			text-indent:99999px;
			display:block;
			margin:0;
			padding:0;
			}
		.social ul li.facebook a {
			float:left;
			width:72px;
			height:23px;
			background:url(../i/facebook.gif) no-repeat top left;
			text-indent:99999px;
			display:block;
			margin:0;
			padding:0;
			}
	
		
		
	
	/* Main Navigation */
	
	#nav {
		position:relative;
		width:456px;
		}
		#nav ul {list-style:none;height:38px;}
		#nav ul li {display:block;float:left;}
			#nav ul li a {
				display:block;
				float:left;
				width:auto;
				height:38px;
				text-indent:-99999em;
				background-position:left top;
				}
			#nav ul li a:hover {background-position:right top;}
				html>body #nav ul li a:hover {background-position:right top;}

			
					#nav ul li.navOne a {width:72px;}
						html>body #nav ul li.navOne a { background:url(../i/home.png); }
						html>body #nav ul li.navOne a:hover { background-position: right top; }
						html>body #nav ul li.navOne a.active { background:url(../i/home_active.png); }
						
					#nav ul li.navTwo a {width:72px;}
						html>body #nav ul li.navTwo a { background:url(../i/about.png); }
						html>body #nav ul li.navTwo a:hover { background-position: right top; }
						html>body #nav ul li.navTwo a.active { background:url(../i/about_active.png); }
						
					#nav ul li.navThree a {width:91px;}
						html>body #nav ul li.navThree a { background:url(../i/services.png) no-repeat left top; }
						html>body #nav ul li.navThree a:hover { background-position:right top; }
						html>body #nav ul li.navThree a.active { background:url(../i/services_active.png); }
						
					#nav ul li.navFour a {width:85px;}
						html>body #nav ul li.navFour a { background:url(../i/gallery.png) no-repeat left top; }
						html>body #nav ul li.navFour a:hover { background-position:right top; }
						html>body #nav ul li.navFour a.active { background:url(../i/gallery_active.png); }
						
					#nav ul li.navFive a {width:53px;}
						html>body #nav ul li.navFive a { background:url(../i/talk.png) no-repeat left top; }
						html>body #nav ul li.navFive a:hover { background-position:right top; }
						html>body #nav ul li.navFive a.active { background:url(../i/talk_active.png); }
						
					#nav ul li.navSix a {width:83px;}
						html>body #nav ul li.navSix a { background:url(../i/contact.png); }
						html>body #nav ul li.navSix a:hover { background-position:right top; }
						html>body #nav ul li.navSix a.active { background:url(../i/contact_active.png); }
						
			
	/* -------- */

	#flash {
		height:190px;
		background:#3D4C5D;
		}
		#flash p { color:#fff; font-weight:bold; padding:1em; }
		#flash a { color:#cce5cc; }
		#flash a:hover { text-decoration:underline; }
		
/* -----------------------
	ELEMENTS & CLASSES
-------------------------*/

blockquote {
	margin:1em auto 0;
	padding-top:10px;
	text-indent:30px;
	background:url(../i/quote.gif) no-repeat top left;
	border-bottom:1px solid #4c5664;
	}
	
#content .signature {
	text-align:right;
	font-style:italic;
	font-size:90%;
	}

.padding { padding:0px 25px 20px; }

.lines {
	width:200px;
	height:14px;
	margin:0;
	background:url(../i/lines.gif) no-repeat left center;
	}
	
dl {}
dt { 
	margin:.8em 0 0.2em;
	font-size:1.1em;
	}
dd {
	padding-left:1.5em;
	}
h1,h2,h3,h4,h5,h6 { color:#4c5664; font-weight:normal; }
h1 { }
h2 { }

h1.dds,
h1.cosmetic_dentistry,
h1.goodbye_guesswork,
h1.financing,
h1.dental_services,
h1.photo_portfolio a,
h1.office_tour a,
h1.ask_dr_goldy,
h1.services_navigation {
	font-size:1em;
	margin-top:2em;
	height:45px;
	text-indent:-99999em;
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
	}
	
h1.photo_portfolio a, h1.office_tour a, #main_content h1.ask_dr_goldy { margin-top:0.15em; }
h1.services_navigation { margin:0; }	

h1.dds {background-image:url(../i/goldydds.gif);}
h1.cosmetic_dentistry {background-image:url(../i/cosmetic_dentistry.gif);}
h1.goodbye_guesswork {background-image:url(../i/guesswork.gif);}
h1.financing {background-image:url(../i/financing.gif);}
h1.dental_services {background-image:url(../i/dental_services.gif);}
h1.ask_dr_goldy {background-image:url(../i/ask_dr_goldy.gif);}
h1.photo_portfolio a {background-image:url(../i/tab_portfolio.gif);}
h1.office_tour a {background-image:url(../i/tab_officetour.gif);}
h1.services_navigation {background-image:url(../i/tab_services_navigation.gif);}

	
#content p,#content li,#content dd {
	margin:0 0 1em 0;
	font:12px/155% Arial, Helvetica, sans-serif;
	}
#content ul { margin:1em 0 1em 1.5em;list-style:url(../i/bullet.gif) disc; }
	#content #gallerycontent ul li { list-style-image:none; }
#content ul li {
	margin:0 0 0.5em 0;
	padding:0 1em 0 0;
	}
	
img.thumb {
	float:left;
	border:1px solid #c2af70;
	background:#fff;
	padding:3px;
	margin:2px 15px 4px 0;
	}
a img.thumb { }
a:hover img.thumb {
	border:2px solid #4c5664;
	padding:2px;
	}
	
	
#content ul li ul { list-style:none; margin:-0.5em 0 1.5em 1em; }


/* -----------------------
	MAIN CONTENT AREA
-------------------------*/	


#content p a, #content li a, #footer p a, #main_content h1 a, #main_content h2 a, #main_content h3 a {border-bottom:1px solid #c2af70;font-weight:bold;padding:0.08em;}
#content p a:hover, #content li a:hover, #footer p a:hover, #main_content h1 a:hover, #main_content h2 a:hover, #main_content h3 a:hover {color:#fff;background:#c2af70;}

#main_content ol { margin-left:2em; }

#main_content li { color:#272C33; }

#main_content h1 { font-size:1.4em; margin:15px 0; }
#main_content h2 { font-size:1em; margin:1.5em 0 1em; padding:1em 0 0.5em; text-transform:uppercase; background:url(../i/bg_gradient.jpg) repeat-y right top; border-bottom:1px solid #4c5664; }
#main_content h3 { font-size:0.9em; margin:1.2em 0 0.3em; font-weight:bold; }

#main_content .row { position:relative; width:100%; font-size:80%; margin:-30px 0 -5px; padding:0; }
	#main_content .row h1 { }
	#main_content .row h1 span {
		font-size:50%;
		text-align:right;
		margin-left:65px;
		text-transform:uppercase;
		}
		#main_content .row h1 span a { padding:0 5px; border:none; text-decoration:none; }
		#main_content .row h1 span a:hover { background:#c2af70; color:#fff; }
		#main_content .row h1 span a.current, #main_content .row h1 span a.current:hover { background:#4c5664; cursor:text; color:#fff; }


#flashcontent {
	width:100%;
	height:430px;
	border-top:1px solid #4c5664;
	background:#4c5664 url(../i/bg_galleries.jpg) repeat-x;
	}
	#flashcontent p { color:#fff; font-weight:bold; padding:1em; }
	#flashcontent a { color:#cce5cc; }
	#flashcontent a:hover { text-decoration:underline; }
	

/* -----------------------
	GALLERY INDEX AREA
-------------------------*/	


#gallerycontent {
	width:760px;
	background:#232323;
	padding:0px;
	color:#fff;
	}
	
.zero { margin:0; padding:0; height:1%; } 	
.title {
	font-size:10px;
	padding:0 0 0 10px;
	margin:0;
	color:#ccc;
	height:1%;
	}
	
.closed { height:0px; }

#gallerycontent a {
	color:#cce5cc;
	margin:0;
	padding:0;
	border:0;
	}
#gallerycontent ul {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	}
#gallerycontent li { list-style-type:none; }
#gallerycontent ul li {
	color:#ebf7fa;
	font-size:170%;
	padding:0;
	margin:0;
	list-style-type:none;
	}
#gallerycontent ul li a {
	width:730px;
	list-style-type:none;
	color:#ebf7fa;
	font-weight:normal;
	letter-spacing:-0.05em;
	padding:0px 0px 0px 30px;
	margin:0;
	background:#4c5664;
	border:none;
	height:60px;
	line-height:60px;
	border-top:1px solid #999;
	display:block;
	}
#gallerycontent ul li a:hover, #gallerycontent ul li a.active {
	width: 680px;
	text-decoration:none;
	padding:0 0 0 80px;
	background:#c2af70 url(../i/gallery_link_sm.gif) no-repeat 10px center;
	}
#gallerycontent li a.opened{
	background:#c2af70 url(../i/gallery_link_sm.gif) no-repeat 10px center;
	color:#FFFFFF;
	padding:0 0 0 80px;
	width: 680px;
	}
#gallerycontent li.firstitem a.opened{
	background:#c2af70 url(../i/gallery_link_sm.gif) no-repeat 10px center;
	color:#FFFFFF;	
	padding:0 0 0 80px;
	margin:0;
	width: 680px;
	}
#gallerycontent ul li a img {
	padding:0;
	margin:0;
	border-left:1px solid #999;
	clear:both;
	}
#gallerycontent ul li a:hover img { }
#gallerycontent ul li ul {
	padding:0;
	margin:0;
	list-style-type:none;
	overflow:hidden;
	}
#gallerycontent li li {
	font-size:40%;
	font-weight:bold;
	color:#bbb;
	list-style-type:none;
	padding:5px 0 5px 15px;
	margin:0;
	}
#gallerycontent li li a {
	width:auto;
	color:#c2af70;
	letter-spacing:normal;
	padding:0;
	margin:0;
	background:none;
	border:none;
	line-height:normal;
	display:inline;
	}
#gallerycontent li li a:hover {
	text-indent:0;
	padding-left:0;
	background-image:none;
	width:auto;
	}



	
/* -----------------------
		SERVICES
-------------------------*/	

#content .menu_services { margin:0 0 1.5em; }

#content .menu_services ul { list-style:none;margin:0;padding:2px 0;background:#fff;border:1px solid #4c5664; }
#content .menu_services li { margin:0;padding:2px 4px 3px;font-size:.72em;background:#fff; }
#content .menu_services li a {
	margin:0;
	padding:4px 8px 2px;
	border-bottom:0;
	height:auto !important;
	height:1em;
	background:#4c5664 url(../i/bg_li_services.gif) repeat-x left bottom;
	color:#ebf7fa;
	display:block;
	}
#content .menu_services li.last a { color:#c2af70; }
#content .menu_services li a:hover { background:#c2af70 none; color:#fff; }
	
#content .menu_services li a.active { color:#c2af70; background:#fff none; }

#main_content ul.services li { margin-top:1.5em; }



	
/* -----------------------
		  FORMS
-------------------------*/	

fieldset { border:none;margin:0; padding:0 }
input, textarea { padding:0 0 0 2px; float:none;font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;display:block; }
input.textInput, input.error { width:140px; height:16px; border:1px solid #c2af70; background:#fff; color:#666; clear:both; }
input.formButton { float:right;cursor:pointer; }
select { border:1px solid #000; color:#666; margin:0; padding:0 }	
	
form#contactUs { margin:0; }
form#contactUs input.textInput, .error, textarea { border-color:#c2af70; margin:6px 0 0 0; width:197px; }
form#contactUs input.error, form#contactUs textarea.error { border-color:red; width:197px; }
form#contactUs input.formButton { margin:6px 0 0 0 }
form#contactUs textarea { height:100px; border:1px solid #c2af70; background:#fff; margin-top:-8px; color:#666; overflow:auto; }
	
	
/* -----------------------
		  FOOTER
-------------------------*/

#footer {
	clear:both;
	padding:0.8em 0;
	}
#footer_wrap {width:700px;margin:30px auto;background:#fff;border-top:1px solid #c2af70;border-bottom:1px solid #c2af70;padding:12px 5px;clear:both;}
#footer ul { list-style:none; text-align:center; }
#footer ul li { display:inline;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer ul li a { padding: 3px 15px; }
#footer ul li a:hover { color:#ebf7fa; background:#4c5664; }

#footer p { font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;text-align:center;color:#222;margin:1em 0; }




/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}