/**************************************
* Typography
**************************************/

h1, h2, h3, h4, h5, h6 { color: #5987aa; font-family: "Myriad Pro", Arial, sans-serif; text-transform: lowercase; }

h1 { font-size: 20px; margin-bottom: 10px; }
h2 { font-size: 16px; margin-bottom: 8px; }
h3 { font-size: 14px; margin-bottom: 7px; }

body, p, li, input, textarea { font-family: Arial, Helvetica, sans-serif; }

body, p, li { color: #000000; font-size: 12px; }

body, p { line-height: 18px; }

p { margin-bottom: 12px; }

input, textarea { font-size: 12px; }

a { color: #5987aa; text-decoration: none; }
a:hover { text-decoration: underline; }

strong { font-weight: bold; }
em { font-style: italic; }

/**************************************
* Background
**************************************/

body {
	background: url(../images/background.gif) repeat;
}

/**************************************
* Structure
**************************************/

#container {
	margin: 0 auto;
	width: 746px;
}

#header {
	background: url(../images/container-background.gif) repeat-y top left;
	float: left;
	height: 190px;
	position: relative;
	width: 100%;
}

#page {
	background: url(../images/container-background.gif) repeat-y top left;
	float: left;
	padding: 0 3px;
}

#content {
	background: url(../images/content-background.gif) no-repeat top left;
	float: right;
	padding: 80px 25px 25px 25px;
	width: 455px;
}

#sidebar {
	float: left;
	padding: 80px 25px 25px 25px;
	width: 185px;
}

#footer {
	background: url(../images/footer-background.gif) no-repeat top left;
	clear: both;
	height: 110px;
	margin-bottom: 15px;
	position: relative;
	width: 746px;
}

/**************************************
* Site Elements
**************************************/

#site-title {
	background: url(../images/logo.png) no-repeat top left;
	display: inline;
	float: left;
	height: 135px;
	margin: 18px 0 0 20px;
	overflow: hidden;
	text-indent: -5000px;
	width: 202px;
}

* html #site-title { behavior: url(../iepngfix.htc); }

#site-subtitle {
	background: url(../images/navigation-background.png) no-repeat top left;
	height: 110px;
	left: 3px;
	overflow: hidden;
	position: absolute;
	text-indent: -5000px;
	top: 134px;
	width: 740px;
}

* html #site-subtitle { behavior: url(../iepngfix.htc); }

#site-banner {
	display: inline;
	float: right;
	margin-right: 3px;
}

#site-copyright {
	background: url(../images/footer-dot.gif) no-repeat center right;
}

#site-developer {
	background: url(../images/impulse-development-logo.gif) no-repeat right;
}


/**************************************
* Header Navigation
**************************************/

#header .navigation {
	left: 90px;
	position: absolute;
	top: 135px;
}

#header .navigation li {
	float: left;
	height: 25px;
}

#header .navigation li a {
	display: block;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
}

#header .navigation li.home a { background: url(../images/nav-home.gif) no-repeat top left; margin: 41px 25px 0 0; width: 48px; }
#header .navigation li.about a { background: url(../images/nav-about.gif) no-repeat top left; margin: 53px 26px 0 0; width: 47px; }
#header .navigation li.services a { background: url(../images/nav-services.gif) no-repeat top left; margin: 61px 27px 0 0; width: 65px; }
#header .navigation li.photos a { background: url(../images/nav-photos.gif) no-repeat top left; margin: 64px 26px 0 0; width: 55px; }
#header .navigation li.links a { background: url(../images/nav-links.gif) no-repeat top left; margin: 63px 25px 0 0; width: 40px; }
#header .navigation li.contact a { background: url(../images/nav-contact.gif) no-repeat top left; margin: 58px 25px 0 0; width: 61px; }
#header .navigation li.account a { background: url(../images/nav-my-account.gif) no-repeat top left; margin: 45px 0 0 0; width: 91px; }

#header .navigation li a:hover,
#header .navigation li a.current {
	background-position: 0 -25px;
}

/**************************************
* Sidebar
**************************************/

#sidebar .section {
	margin-bottom: 50px;
}

#sidebar .section h2 {
	height: 36px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	text-indent: -5000px;
	width: 181px;
}

#sidebar .section p {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 11px;
}

/**************************************
* Sidebar Headings
**************************************/

#sidebar-tooth-tips h2 { background: url(../images/sidebar-toothtips.gif) no-repeat top left; }
#sidebar-contact-us h2 { background: url(../images/sidebar-contact.gif) no-repeat top left; }

/**************************************
* Sidebar Address
**************************************/

#sidebar-contact-us .vcard {
	background: url(../images/address.gif) no-repeat top left;
	height: 150px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-indent: -5000px;
	width: 185px;
}

#sidebar-contact-us .vcard * { display: none; }

/**************************************
* Sidebar Newsletter Signup
**************************************/

#sidebar-newsletter .field label {
	color: #5e839e;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
	width: 185px;
}

#sidebar-newsletter .field input {
	border: 1px solid #c1d6e7;
	display: block;
	padding: 2px;
	width: 179px;
}

#sidebar-newsletter .submit {
	padding: 12px 0;
	text-align: center;
}

#sidebar-newsletter .submit button {
	background: none;
	border: none;
}

/**************************************
* Footer
**************************************/

#footer .meta {
	bottom: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

#footer .meta div {
	color: #6b9cc1;
	display: inline;
	font-size: 11px;
	padding: 10px 25px 5px 25px;
}

#footer .meta a {
	color: #6b9cc1;
	font-weight: bold;
}