/* @override http://www.designerforsmiles.com/css/layout.css */

ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0px; padding:0px; }

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




/* global elements
 * ------------------------------------------------------------------------- */
body {
	background:#2F2F2F url("../images/bg-main.jpg") top left repeat-x;
	text-align:center;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#000;
	}

p,ul,ol,dl,pre,blockquote { margin-bottom:10px; }

blockquote {
	margin-left:10px;
	margin-right:10px;
	}

p.ha,p.hb,p.hc { margin-bottom:8px; }

#column-right p.ha	{ font-size:1.4em; color:#000; font-weight:bold; }
#column-right p.hb	{ font-size:1.3em; color:#000; margin-top:26px; border-bottom:1px solid #F8D651; font-weight:bold; }
#column-right p.hc	{ font-size:1.0em; color:#000; font-weight:bold;}

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited,a:active  { color:#9D2B07; text-decoration:underline; }
a:hover { color:#9D2B07; text-decoration:none; }




/* framework
 * ------------------------------------------------------------------------- */
#wrap { 
	background:url("") repeat-y; 
	width:751px; 
	margin:0px auto; 
	text-align:left; 
	}
	
#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:97px;
	}
	#masthead a {	
		position:absolute;
		top:11px;
		left:0px;
		width:291px;
		height:68px;
		}
		#masthead a span {
			display:none;
			}

#header {
	background:url("../images/header.jpg");
	height:172px;
	width:751px;
	}
	#header span {
		display: none; 
		}

#welcome {
	background:url("../images/index/bg-welcome.jpg") top left repeat-y;
	width:751px;
	color:#fff;
	}
	#welcome-left {
		background:url("../images/index/welcome-left.jpg");
		width:251px;
		height:183px;
		float:left;
		}
	#welcome-right {
		background:url("../images/index/welcome-right.jpg") no-repeat;
		width:320px;
		float:left;
		padding:15px 160px 0px 20px;
		font-size:11px;
		}
		#welcome #welcome-right h1,h2,h3 {
			color:#fff;
			}
		#welcome-right p a {
			color:#fff;
			}

#content-wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:751px;
	float:left;
	}

	#columns-top {
		background:url("../images/columns-top.jpg");
		width:751px;
		height:66px;
		float:left;
		}

	#column-left {
	
		width:189px;
		padding:0px 40px 0px 22px;
		float:left;
		font-size:11px;
		}

#contact-subhead{
		background:url("../images/header-quick-contact.jpg") no-repeat;
		width:189px;
		float:left;
		padding-top:45px;
		
}

	#column-right {
		width:500px;
		float:right;
		}
		#content-padding {
			padding:10px 22px 0px 34px;
			}
			
			/* multi column list */
	#content-padding ul { padding-left:5px; } 
		#content-padding ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:15px;  /* pushes text to the right to display bg img */
			}


#columns-bottom-index {
	background:url("../images/index/columns-bottom-index.jpg") no-repeat;
	height:58px;
	width:751px;
	margin:0px auto; 
	}

#bottom-bg-repeat {
	background:#8C1010 url("../images/bg-main-bottom.jpg") top left repeat-x;
	width:100%;
	height:58px;
	}

a#btnBlog {
	background: url("../images/btn-blog.jpg") no-repeat;
	display:block;
	width:186px;
	height:55px;
	text-indent:-9999px;
}
#btnBlog:hover {
	background: url("../images/btn-blog.jpg") bottom left;
}


/* nav
 * ------------------------------------------------------------------------- */
#nav {
	background: url("../images/nav.jpg") no-repeat;
	width:751px;
	height:35px;
	margin:0px;
	}

#nav span { display:none; }

#nav li, #nav a { height:35px; display:block; }

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

#nav-01 { width:55px;}
#nav-02 { width:159px;}
#nav-03 { width:175px;}
#nav-04 { width:168px;}
#nav-05 { width:119px;}
#nav-06 { width:75px;}

#nav-01 a:hover {background:url("../images/nav.jpg") -0px -35px no-repeat;}
#nav-02 a:hover {background:url("../images/nav.jpg") -55px -35px no-repeat;}
#nav-03 a:hover {background:url("../images/nav.jpg") -214px -35px no-repeat;}
#nav-04 a:hover {background:url("../images/nav.jpg") -389px -35px no-repeat;}
#nav-05 a:hover {background:url("../images/nav.jpg") -557px -35px no-repeat;}
#nav-06 a:hover {background:url("../images/nav.jpg") -676px -35px no-repeat;}



/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	_padding-right:0px;
	background-color:#AA0000;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

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

#nav li ul li a {
	width:100%;
	height:20px;	/* Height of each drop down nav item, should match above */
	line-height:20px;	 /* 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:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}

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

/* Hover styles for drop down items */
#nav-03 ul  a:hover { 
	background-image:none;
	background-color:#AA0000;
	color:#FFE16F;
	text-decoration:none;
	}
#nav-02 ul  a:hover{background-image:none; color:#FFE16F; text-decoration:none; background-color:#AA0000;}
/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width:175px; }
#nav-02 ul, #nav-02 li { width:125px; }



#featured-nav {
	background: url("../images/nav-featured.jpg") no-repeat;
	width: 500px;
	height: 340px;
	position: relative;
	top: 12px;
}

#featured-nav li {
	text-indent:  -9999px;
	width: 269px;
	height: 72px;
	position: relative;
	top: 45px;
	left: 35px;
}

#featured-nav li a {
	width: 269px;
	height: 72px;
	position: absolute;
	top: 0px;
	left: 0px;
}


#featured-nav-01 a:hover { background: url("../images/nav-featured.jpg") -535px -45px no-repeat; }
#featured-nav-02 a:hover { background: url("../images/nav-featured.jpg") -535px -117px  no-repeat; }
#featured-nav-03 a:hover { background: url("../images/nav-featured.jpg") -535px -189px  no-repeat; }
#featured-nav-04 a:hover { background: url("../images/nav-featured.jpg") -535px -261px  no-repeat; }
	
/* featured case
 * ------------------------------------------------------------------------- */	
	
#featured-case-header {
	background: url("../images/index/featured-case.jpg") top left no-repeat;
	width:500px;		/* Width of buttons, not entite image (or half of entire image) */
	height:55px;		/* Height of entire image */
	margin:0px;
	}	

/* ----- Gallery ids:)  ----- */
div.txtClip{width:auto;height:auto;text-decoration:underline;margin:0 0 5px 0;}
div.before {font-weight:bold;float:left;margin-left:80px;font-size:16px;display: inline;}
div.after {font-weight:bold;float:left;margin-left:168px;font-size:16px;display: inline;}





 /* ----- global form elements  :(  ----- */

form {
	width:150px;
	padding:10px 0px 15px 0px;
	}

form label	{ font-size:.95em; }

form br { 
	line-height:0; /* defaults vertical spacing between fields */
	}  

input, textarea, select { 
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #9D2B07;
	color:#9D2B07;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { 
	width:150px; /* same width as form !important */
	padding:0;
	}

textarea { 
	height:90px; 
	overflow:auto; 
	}
	
input.submit, input.submit-contact-main { 
	width:60px; 
	cursor:pointer; 
	padding:0px; 
	}

input.submit-contact-main { margin:90px 0 0 242px; }

#contact_business { display: none; } /* do not remove */ 
  


/* ----- main contact form ----- */ 
 
#contact-main { 
	padding:20px 0 10px 0; 
	}
	
#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label select {
	width:205px;
	}
	
#contact-main label textarea { height:100px; }




/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:100%;
	background-color:#8C1010;
	margin:0px auto;
	text-align:center;
	font-size:11px;
	padding-bottom:10px;
	}

#footer p {
	color:#fff;
	}

#footer a:link, #footer a:visited, #footer a:active {
	color:#FADE65;
	font-weight:bold;
	text-decoration:none;
	}

#footer a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
	}

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0px 5px 0px 7px;
	display:inline;
	border-left: 1px solid #FADE65;
	}

	#footer li.first { border:none; }




/* classes
 * ------------------------------------------------------------------------- */
div.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

p.top {
	width:100%;
	text-align:right;
	margin:12px 0px 30px 0px;
	}

img.img-left {
	float:left;
	margin:2px 10px 10px 0px;
	}
	
img.img-right {
	float:right;
	margin:5px 0px 10px 10px;
	}

span.red-text {
	color:#9D2B07;
	}

ul.content-list {
	list-style-type:disc;
	margin:0px 0px 16px 30px;
	}
ul.content-list-no-bullets {
	list-style:none;
	margin:0px 0px 16px 30px;
	}


.facebook {color:#475B94; font-size:14px; font-weight:bold; text-align:center;}

/* sub page specific stuff
 * ------------------------------------------------------------------------- */
#columns-top-sub {
	background:url("../images/sub/columns-top-sub.jpg");
	width:751px;
	height:37px;
	float:left;
	}

#columns-bottom-sub {
	background:url("../images/sub/columns-bottom-sub.jpg") no-repeat;
	height:58px;
	width:751px;
	margin:0px auto; 
	}


#header-sub {
	height:194px;
	}
	#header-sub span {
		display: none;
		}
	body#contact #header-sub {
		background:url("../images/sub/header-contact.jpg");
		}
	body#about #header-sub {
		background:url("../images/sub/header-about.jpg");
		}
	body#cosmetic #header-sub {
		background:url("../images/sub/header-cosmetic.jpg");
		}
	body#general #header-sub {
		background:url("../images/sub/header-general.jpg");
		}
	body#gallery #header-sub {
		background:url("../images/sub/header-gallery.jpg");
		}
	body#thankyou #header-sub {
		background:url("../images/sub/header-contact.jpg");
		}

	body#implants #header-sub {
		background:url("../images/sub/header-contact.jpg");
		}
	body#veneers #header-sub {
		background:url("../images/sub/header-contact.jpg");
		}
	body#laser #header-sub {
		background:url("../images/sub/header-contact.jpg");
		}
	body#invisalign #header-sub {
		background:url("../images/sub/header-contact.jpg");
		}
		
		body#blog #header-sub {
			background:url("../images/sub/header-about.jpg");
			}

#subhead {
	height:32px; /* sets height for all subheads */
	}
	#subhead span {
		display: none;
		}
	body#about #subhead {
		background:url("../images/sub/subhead-about.jpg");
		}
	body#contact #subhead {
		background:url("../images/sub/subhead-contact.jpg");
		}
	body#cosmetic #subhead {
		background:url("../images/sub/subhead-cosmetic.jpg");
		}
	body#general #subhead {
		background:url("../images/sub/subhead-general.jpg");
		}
	body#gallery #subhead {
		background:url("../images/sub/subhead-gallery.jpg");
		}
	body#thankyou #subhead {
		background:url("../images/sub/subhead-thankyou.jpg");
		}

	body#invisalign #subhead {
		background:url("../images/sub/subhead-invisalign.jpg");
		}
	body#implants #subhead {
		background:url("../images/sub/subhead-implants.jpg");
		}
	body#laser #subhead {
		background:url("../images/sub/subhead-laser.jpg");
		}
	body#veneers #subhead {
		background:url("../images/sub/subhead-veneers.jpg");
		}

		body#blog #subhead {
			background:url("../images/sub/subhead-blog.jpg");
			}
.featured{
	margin-left:26px;
}


/* contact
 * ------------------------------------------------------------------------- */

#btn-contact{
	position:relative;
	background:url("../images/btn-contact.jpg") no-repeat;
	width:180px;
	height:47px;
	padding-bottom:10px;
	
}
#btn-contact a{
	position:absolute;
	background:url("../images/btn-contact.jpg") no-repeat;
	width:180px;
	height:47px;

}

#btn-invisalign{
	position:relative;
	background:url("../images/btn-invisalign.jpg") no-repeat;
	width:186px;
	height:110px;
	padding-bottom:10px;
	display:block;
	
}
#btn-invisalign a{
	position:absolute;
	background:url("../images/btn-invisalign.jpg") no-repeat;
	width:186px;
	height:110px;
	padding-bottom:10px;
	
}


body#contact #column-left {
	background:url("../images/sub/header-locate.jpg") no-repeat;
	width:189px;
	padding:41px 40px 0px 22px;
	float:left;
	font-size:11px;
	}




/* map stuff
 * ------------------------------------------------------------------------- */
img.map {
	margin-top:18px;
	}

#map { 
	background: url("../images/sub/map.gif") no-repeat; 
	width:189px; 
	height:189px; 
	margin:0px; 
	}

#map span { display:none; }

#map li, #map a { height:189px; display:block; }

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

#map-01 { width:189px; margin-left:0px;}

#map-01 a:hover {background:url("../images/sub/map.gif") -0px -189px no-repeat;}


/*blog stuff*/
/* * ------------------------------------------------------------------------- */

body#blog #column-right .blogtitle a {color:#000; font-size:16px; text-decoration:none;}
body#blog #column-right .blogtitle a:hover {color:#363636; font-size:16px; text-decoration:none;}


body#blog #column-right hr {background-color:#F4D757; border: 1px solid #F4D757; width:70%;}
body#blog #column-right #blogpost {margin-bottom:25px;}
body#blog #column-right #hrbg {
	background: url("../images/hrbg.jpg") no-repeat;
	width:300px;
	height:20px;
	margin-left:50px;
	}
body#blog #column-right .entry {padding-top:10px;}
body#blog #column-right .returnblog {float:right;}
body#blog #column-right .alignleft {font-size:14px;}
body#blog #column-right .alignright {font-size:14px;}
body#blog #column-left h2.navigation {color:#000; font-size:14px;}
.pagetitle {color:#9D2B07; font-size:16px; border-bottom: 1px solid #000; margin-bottom:20px; width:100%;}