/*
===== CSS CONTENTS =====

1: resetting
2: layout
3: common tags/classes
4: header
5: footer
6: rounded box
7: google map
8: contact
9: news
10: newsletter
11: home page
12: lightbox
13: testimonials
14: before and after
15: sitemap

====================
*/


/*
===== 1: resetting =====
*/

* { padding:0; margin:0; font-size: 100%;}
ul { padding:0; margin: 0; list-style:none }
h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address {
margin: 0; font-size: 1em; }
img, fieldset { border: 0px none; }
//.clearfix, .post, #content, .meta { overflow : hidden; _height : 1%; }
/* End hide from IE-mac */


/*
===== 2: layout =====
*/

body {
	background: url(/adc/img/bbg.gif);
	font: 76% verdana, arial,sans-serif;
	text-align:center;
	line-height: 180%;
}

div#container {
	text-align:left;
	background: #fff;
	width:740px; 
	padding: 0 10px 10px; 
	margin:0 auto;
border-left: 1px solid #544830;
border-right: 1px solid #544830;
border-bottom: 1px solid #544830;
}

div#content {
	float: left;
padding: 10px 0 0;
}

div#left-col{
	float:left;
	width:425px;
	clear:both;
padding: 10px 0 10px 5px;
}

div#right-col{
	float:right;
	width: 270px;
padding: 10px;
}


div#inner-left-col{
	float:left;
	width:200px;
	clear:both;
padding: 10px 0;
}

div#inner-right-col{
	float:right;
	width: 200px;
padding: 10px 0;
}

/*
===== 3: common tags/classes =====
*/

p {
	margin: 10px 0;
	line-height:1.4;
font-size: .9em;
}

a {
	color: #736342;
}

a:hover {
	text-decoration: none;
}

ol { padding:0 25px; margin: 10px 0; }
ol li { padding: 5px; }
li { font-size: .9em; }

h1 {
font: 1.6em 'verdana', georgia, serif;
letter-spacing: -.05em;
color: #6B0000;
}

h1 a {
color: #6B0000;
}

h1 a:hover {
text-decoration: none;
}

h2 {
font: normal bold 1.2em 'arial', georgia, serif;
color: #736342;
}

.static {
margin: 0 0 20px;
border-bottom: 5px solid #F5F4EF;
}

.viewall {
padding: 0 0 10px;
border-bottom: 5px solid #F5F4EF;
font-weight: bold;
text-align: center;
}

.fr {
float: right;
padding: 2px;
border: 1px solid #666;
margin: 5px 0 10px 10px;
}

.fl {
float: left;
padding: 2px;
margin: 10px 10px 10px 0;
}


/*
===== 4: header =====
*/

div#header {
	position:relative;
	margin: 5px 0 10px;
	float: left;
	background: url(/adc/img/headbg.jpg) repeat-y;
}

#header img {
	float: left;
	padding: 0 0 5px;
}

#location {
	float: right;
	font: 1.1em/1.4em Arial, serif;
	padding: 0 10px;
	color: #342C1E;
}

#location a {
	color: #6B0000;
}

#location a:hover {
	text-decoration: none;
}

#navcontainer {
	background: #F5F4EF;
	clear: both;
	margin: 0;
	padding: 0;
	height: 62px;
	font: 20px "Trebuchet MS", Verdana, sans-serif;
	width: 100%;
	border-bottom: 1px solid #ac956a;
	border-top: 1px solid #ac956a;
}

#navlist li {
	float: left;
	margin: 0;
	padding: 0 12px 0 0;
	width: auto;
	display: block;
}

#navlist li span {
	display: block;
	font: 10px/12px Verdana, sans-serif;
}

#navlist li a {
	color: #544830;
	text-decoration: none;
	padding: 12px 5px 12px 5px;
	display: block;
}

#navlist li a:hover {
	color: #6B0000;
	border-bottom: 3px solid #AB966B;
	cursor: pointer;
	background: #eee;
}

#default .home a,
#our-practice .prac a,
#dr-stephanie-aldrich .doca a,
#before-and-after .beaf a,
#before-and-after-veneers .beaf a,
#before-and-after-braces-invisalign .beaf a,
#before-and-after-mini-implants .beaf a,
#before-and-after-whitening .beaf a,
#news .news a
{
	color: #000;
	cursor: default;
	font-weight: bold;
	border-bottom: 3px solid #6B0000;
}

#default .home a:hover,
#our-practice .prac a:hover,
#dr-stephanie-aldrich .doca a:hover,
#before-and-after .beaf a:hover,
#before-and-after-veneers .beaf a:hover,
#before-and-after-braces-invisalign .beaf a:hover,
#before-and-after-mini-implants .beaf a:hover,
#before-and-after-whitening .beaf a:hover,
#news .news a:hover
{
	border-bottom: 3px solid #555;
	background: #eee;
}


/*
===== 5: footer =====
*/

div#footer p{
	margin:0;
	padding:5px 10px;
}

div#footer{
	width:100%;
	color: #333;
	padding: 2px 0;
	border-bottom: 1px solid #ac956a;
	border-top: 1px solid #ac956a;
	background: #F5F4EF;
	font-size: .9em;
}


.left {
float: left;
}

.right {
float: right;
}

/*
===== 6: rounded box =====
*/

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h1 {
    background: transparent url(/adc/img/rbox.png) no-repeat bottom right;
    margin: 0;
    padding: 0;
}

.cssbox {
    width: 255px !important;   /* intended total box width - padding-right(next) */
    width: 240px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0 auto 10px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 25px;       /* right-image-gap   right-inside padding */
}

/* set the top-left image */
.cssbox_head h1 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 18px 0 5px 20px !important; /* padding-left = image gap   interior padding ... no padding-right */
    height: auto !important;
    height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 25px;        /* interior-padding right */
    padding: 10px 0 15px 25px; /* mirror .cssbox_head right/left */
}


/* Misc Text formatting */
.cssbox_head h1 {
    color: #6B0000;
    text-align: left;
    text-shadow: rgb(0,0,0) 0px 2px 5px; /* Safari-only, but I'm doing it just 'cause I can */
}
.cssbox_body p, .cssbox_body ul {
    margin: 0 0 10px;
}
.cssbox_body a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.cssbox li {
background: url('/adc/img/blt.gif') no-repeat 0 5px;
padding: 0 0 10px 20px;
}

/*
===== 7: google map =====
*/

#map {
	margin: 0 0 10px;
	border: 1px solid #ac956a;
}

#map p {
	font: normal bold .8em verdana, sans-serif;
	margin:0;padding:0;
}

#map a {
	white-space: nowrap;
	color: #6B0000;
}


/*
===== 8: contact =====
*/

#zemContactForm input{
	display: block;
	padding: 2px;
	margin: 5px 0 10px;
}

/*
===== 9: news =====
*/

.newsitem {
border-bottom: 5px solid #F5F4EF;
margin: 0 0 10px;
}

.newsitem ul {
padding: 5px 0 5px 5px;
}

.newsitem ul li {
background: url('/adc/img/blt.gif') no-repeat 0 2px;
padding: 0 0 10px 20px;
line-height: 1.4em;
}

#news .cssbox ul {
color: #544830;
}

#news .cssbox {
float: right;
margin: 0 0 10px 15px;
}

p.posted {
font: .9em georgia;
}


#news h1 {
font-size: 1.4em;
padding:0;margin:0;
}

#news h2 {
font-size: 1.05em;
font-weight: normal;
padding: 6px 0;
border-bottom: 5px solid #ac956a;
}

.prevnext {
text-align: center;
}

/*
===== 10: newsletter =====
*/

#signup input {
font-size: 1.2em;
padding: 2px;
background: #fff;
border: 1px solid #ac956a;
width: 155px;
margin: 15px 0 0;
}

.signup {
display: block;
margin: 10px 0 0;
font-size: 1.2em;
padding: 2px;
background: #eee;
border: 1px solid #6B0000;
color: #6B0000;
width: 100px;
}

/*
===== 11: home page =====
*/


#default #left-col ul {
padding: 10px 0 0 10px;
}

#default #left-col li {
background: url('/adc/img/blt.gif') no-repeat 0 5px;
padding: 0 0 0 20px;
}

#default .cssbox li {
background: url('/adc/img/blt.gif') no-repeat 0 5px;
padding: 0 0 10px 20px;
}

/*
===== 12: lightbox =====
*/

.lightbox img {
padding: 2px;
margin: 0 2px 10px 0;
	border: 1px solid #ac956a;
}

/*
===== 13: testimonials =====
*/

.testitem {
clear: both;
padding: 0 0 25px !important;
margin: 0 0 10px !important;
border-bottom: 5px solid #F5F4EF;
}

.testitem .lightbox {
float: left;
padding: 0 10px 0 0 !important;
margin: 0;
}

/*
===== 14: before and after =====
*/

.pixcols {
padding: 0 0 0 60px;
}

.bfpix, .afpix {
float: left;
text-align: center;
font-weight: bold;
}

.afpix {
padding: 0 20px 0;
}

.bfitem {
margin: 0 0 10px !important;
border-bottom: 5px solid #F5F4EF;
}

/*
===== 15: sitemap =====
*/
#sitemap #content li {
background: url('/adc/img/blt.gif') no-repeat 0 5px;
padding: 0 0 10px 20px;
}