/*
 Master Stylesheet
 Site: Milpitas Dental Center
*/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* Basic Elements  */
html{font-size:100%;}
body {background: #7b694f;font-size: 62.5%;font-family: Arial, Helvetica, sans-serif; line-height: 1.33; color: #595958;}
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
:focus {outline: 1px;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong{font-weight:800;}
hr { display: none; }
.img-left { float: left; margin: 0 20px 0 0;}
.img-right { float: right;margin: 0 0 0 20px;}
.center { text-align: center; }
a img { border: none }
.clearer { clear: both; height: 0; line-height: 0; font-size: 0; margin: 0; padding: 0;}
.img-border { background: #faf7ee;padding: 5px;border: 1px solid #d8d1c5; }
.img-border2 { background: #faf7ee;padding: 3px;border: 1px solid #d8d1c5; }
/* Links */
a:link, a:visited, a:active { color: #cc6600;text-decoration: none; }
a:hover { color: #cc6600; text-decoration:underline }

/* Headers / Paragraph */
h1 { font-size: 1.4em; margin: 0 0 1em;}
h2 { font-size: 1.8em; margin: 0 0 .3em; color: #cc6600; font-weight: 400; font-style: italic;font-family: georgia, arial, sans-serif;}
h3 { font-size: 1.2em; margin: 0 0 1em;}
h4, h5, h6 { font-size: 1.2em; margin: 0 0 .5em; }
h4 {padding: 1em 0 0;  }
h5 { color: #cc6600; font-weight: 400; font-size: 1.1em;margin: 0 0 1em; }
p {font-size:1.2em; margin: 0 0 1em 0; }
body#subpage #content p { line-height: 1.6; margin: 0 0 1em; }
body#subpage h3 { color: #cc6600;font-weight: 800;text-transform: uppercase; margin: 0 0 .5em;}

/* Site Structure */
#top { width: 800px; margin: 38px auto 0; position: relative; }
#wrap { width: 800px; margin: 0 auto 50px; background: #9c8864; }
#wrap-inner { padding: 6px 6px 10px;}
#content { background: #fff; clear: both;  }
#content-inner { padding: 20px 40px 20px;  }
body#subpage #content-inner { padding: 40px 25px 40px;  }
#wrap-inner #flash-container { width: 788px; height: 240px; }
#sidebar { width: 151px; border: 1px solid #e0dacf; float: left; margin: 0 40px 0 0; }
#sidebar-inner { margin: 5px; background: #faf7ee;padding: 10px;}
#sidebar2 { width: 151px; background: #faf7ee;float: left;padding: 5px; margin: 0 40px 0 0;border: 1px solid #e0dacf; }
#main { float: left; width: 530px; }

/* Top */
#top p { position: absolute; right:3px; bottom: 5px; margin: 0;vertical-align: bottom;color: #fff; font-size: 1.1em;}
h1#logo { width: 264px; height: 22px;font-size: 1em; overflow: hidden; position: relative; float: left;margin: 0 0 8px; }
h1#logo span { background: url(../images/milpitas-dental-center.png) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
h1#logo a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Main Navigation */
#nav { height: 22px; margin: 0 0 0 148px; clear:both;}
#nav ul li#nav-home a{ width: 40px; background-position: 0 0; }
#nav ul li#nav-patient-info a{ width: 90px; background-position: -80px 0; }
#nav ul li#nav-our-team a{ width: 70px; background-position: -210px 0; }
#nav ul li#nav-services a{ width: 60px; background-position: -315px 0; }
#nav ul li#nav-contact a{ width: 90px; background-position: -420px 0; }

#nav ul li#nav-home a:hover, #nav ul li#nav-home a.active { width: 40px; background-position: 0 -20px; }
#nav ul li#nav-patient-info a:hover, #nav ul li#nav-patient-info a.active { width: 90px; background-position: -80px -20px; }
#nav ul li#nav-our-team a:hover, #nav ul li#nav-our-team a.active { width: 70px; background-position: -210px -20px; }
#nav ul li#nav-services a:hover, #nav ul li#nav-services a.active{ width: 60px; background-position: -315px -20px; }
#nav ul li#nav-contact a:hover, #nav ul li#nav-contact a.active{ width: 90px; background-position: -420px -20px; }

#nav ul li {display: block;	position: relative;	margin: 0 41px 0 0;	float: left; height: 22px;}
#nav ul li a {text-decoration: none;height: 22px;display: block;background: url(../images/nav-bg.png) no-repeat 0 0;}
#nav li ul { z-index: 99999;position: absolute;	width: auto;left: -999em; padding: 6px 0 0 0;list-style: none;border-bottom: 1px solid #c8cfd1;background: url(nprod-bg.png);	background: #9c8864;top: 22px;}
#nav li:hover ul, #nav li.sfhover ul { left: -10px;}
#nav li ul li {	display: block;	margin: 0;padding: 0;line-height: 1.33; border: none;	background: none;color: #fff;clear: both;}
#nav li ul li a{color: #fff;}	
#nav li:hover ul li a,#nav li.sfhover ul li a {	display: block;	margin: 0;padding: 0px 25px 0 10px;	font-size: 1em;	font-weight: bold;	white-space: nowrap;background: none;color: #fff;}
#nav li:hover ul li a:hover,#nav li.sfhover ul li a:hover {	color: #ff9900;	}

/*  Sidebar Nav */
ul#sidenav li { margin: 0 0 11px; font-size: 1.1em; }
ul#sidenav li a { color: #595958; padding: 0 0 0 12px;}
ul#sidenav li a.sidenav-active { color: #cc6600; background: url(../images/sidebar-arrow.gif) no-repeat 0 2px; }
ul#sidenav li a:hover { color: #cc6600; text-decoration: none; }

/* Footer */
#footer { clear: both; color: #fff; padding: 7px 15px 0 15px; font-size: 1.1em;  }
#footer a { color: #fff; }
#footer .copyright { float: left; }
#footer .design { float: right; }

/*
Page Specific Styles 
*/

/* Homepage */
p.welcome-text { width: 420px; float: left; line-height: 1.83em;}
#hp-quote { float: right; border: 1px solid #e0dacf; padding: 5px; width: 258px; margin-bottom: 0px;}
.divider { background: url(../images/divider.gif) repeat-x; clear: both; margin: 10px 0 15px;}

#mod1 { width: 213px; float: left; }
#mod2 { width: 225px; float: left; }
#mod3 { width: 268px; float: left; }

#mod1 h3 a, #mod2 h3 a, #mod3 h3 a{ color: #cc6600;text-decoration: none;}

h3#your-first-visit { margin: 10px 0 0; }
h3#your-first-visit a span{ background: url(../images/your-first-visit.gif) no-repeat;width: 110px; height: 12px;  }
h3#meet-the-team { margin: 10px 0 0; }
h3#meet-the-team a span{ background: url(../images/meet-the-team.gif) no-repeat;width: 103px; height: 12px;  }
h3#what-we-offer { margin: 0 0 10px; }
h3#what-we-offer a span{ background: url(../images/what-we-offer.gif) no-repeat;width: 105px; height: 12px;  }

.hp-list li { color: #595958;font-size: 1.3em; width: 127px; float: left; margin: 0 0 10px; }
.hp-list li.list-right {  width: 140px; float: left; }

/* Contact */
img#map-location { float: right; padding: 2px 0 0 25px; }
dl#hours { padding: 0 0px 0 10px }
dl#hours dt{ float: left; clear: both; width: 40px;font-size: 1.1em;margin: 0 0 10px; }
dl#hours dd{ float: left; width: 65px; font-size: 1.1em; margin: 0 0 10px;  }

/* First Visit */
#firstvisit1 { width: 185px; float: left; }
#fistvisit { width: 140px; float: left; }
#firstvisit ul li {
	font-size: 1.2em;
	list-style-type: disc;
	list-style-position: outside;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 15px;
	text-indent: 0px;
}

/* Services */
#general { width: 185px; float: left; }
#cosmetic { width: 140px; float: left; }
#restorative { width: 200px; float: left; }
#general ul li,#cosmetic ul li,#restorative ul li { font-size: 1.2em; list-style-type: disc; list-style-position: inside; margin: 0 0 7px;}

/* Our Team */
.main-caption { float: left; width: 530px;font-size: .9em; }
.office-caption { float: left; width: 530px;font-size: 1.1em; }
.main-left { float: left; width: 530px; }
ul.staff-list { margin: 23px 0 0; }
ul.staff-list li { background: url(../images/divider.gif) repeat-x 0 0;padding: 20px 0 10px;  }
ul.staff-list li h6 { color: #cc6600;font-size: 1.3em; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* sIFR */
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
.sIFR-active h2.sifr { font-size: 1.8em; line-height: 1em; visibility: hidden; margin: 0; }

/* auto-clear floats */
.auto-clear:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }