/*
Name: Gulf Coast Dermatology Website
Author: Nick Francis
Questions/Comments: nick@project83.com
Copyright (c)  Gulf Coast Dermatology. All rights reserved.
*/

/* main styles */
* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	color:#061F34;
	font-size:.8em;
	background:url(images/bg.jpg) repeat top left;
}

#wrap {
	position:relative;
	z-index:2;
	width:792px;
	padding:0 20px;
	margin:0 auto;
	text-align:left;
	background:url(images/wrap_bg.png) repeat-y top left;
}

a {
	color:#1268AB;
}

a:hover {
	text-decoration:none;
}

frameset, img {
	border:0;
}

.clear {
	clear:both;
}

.float-left {
	float:left;
	padding:5px 15px 15px 0;
}

.float-right {
	float:right;
	padding:5px 0 15px 15px;
}

#bgTop {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:314px;
	background:url(images/bg_top.jpg) repeat-x top left;
}

/* header */
h1.header {
	width:772px;
	height:97px;
	text-indent:-9000px;
	background:url(images/header_bg.gif) no-repeat top left;
}

/* navigation */
ul#nav {
	position:relative;
	left:4px;
	width:764px;
	height:39px;
	background:url(images/nav_bg.gif) no-repeat 0 -39px;
}

ul#nav li {
	float:left;
	display:block;
	text-indent:-9000px;
}

ul#nav li a {
	display:block;
	overflow:hidden;
	height:39px;
	background:url(images/nav_bg.gif) no-repeat;
}

li#nav-home a:link, li#nav-home a:visited {
	width:73px;
	background-position:0 0;
}

li#nav-home a:hover, li#nav-home a:focus {
	background-position:0 -39px;
}

body#home li#nav-home a, body#home li#nav-home a:hover, body#home li#nav-home a:focus {
	background-position:0 -78px;
}

li#nav-team a:link, li#nav-team a:visited {
	width:80px;
	background-position:-73px 0;
}

li#nav-team a:hover, li#nav-team a:focus {
	background-position:-73px -39px;
}

body#team li#nav-team a, body#team li#nav-team a:hover, body#team li#nav-team a:focus {
	background-position:-73px -78px;
}

li#nav-cosmetic a:link, li#nav-cosmetic a:visited {
	width:128px;
	background-position:-153px 0;
}

li#nav-cosmetic a:hover, li#nav-cosmetic a:focus {
	background-position:-153px -39px;
}

body#cosmetic li#nav-cosmetic a, body#cosmetic li#nav-cosmetic a:hover, body#cosmetic li#nav-cosmetic a:focus {
	background-position:-153px -78px;
}

li#nav-medical a:link, li#nav-medical a:visited {
	width:122px;
	background-position:-281px 0;
}

li#nav-medical a:hover, li#nav-medical a:focus {
	background-position:-281px -39px;
}

body#medical li#nav-medical a, body#medical li#nav-medical a:hover, body#medical li#nav-medical a:focus {
	background-position:-281px -78px;
}

li#nav-mohs a:link, li#nav-mohs a:visited {
	width:99px;
	background-position:-403px 0;
}

li#nav-mohs a:hover, li#nav-mohs a:focus {
	background-position:-403px -39px;
}

body#mohs li#nav-mohs a, body#mohs li#nav-mohs a:hover, body#moh li#nav-mohs a:focus {
	background-position:-403px -78px;
}

li#nav-products a:link, li#nav-products a:visited {
	width:74px;
	background-position:-502px 0;
}

li#nav-products a:hover, li#nav-products a:focus {
	background-position:-502px -39px;
}

body#products li#nav-products a, body#products li#nav-products a:hover, body#products li#nav-products a:focus {
	background-position:-502px -78px;
}

li#nav-policies a:link, li#nav-policies a:visited {
	width:107px;
	background-position:-576px 0;
}

li#nav-policies a:hover, li#nav-policies a:focus {
	background-position:-576px -39px;
}

body#policies li#nav-policies a, body#policies li#nav-policies a:hover, body#policies li#nav-policies a:focus {
	background-position:-576px -78px;
}

li#nav-contact a:link, li#nav-contact a:visited {
	width:81px;
	background-position:-683px 0;
}

li#nav-contact a:hover, li#nav-contact a:focus {
	background-position:-683px -39px;
}

body#contact li#nav-contact a, body#contact li#nav-contact a:hover, body#contact li#nav-contact a:focus {
	background-position:-683px -78px;
}

/* banner image */
img.banner {
	margin-left:4px;
}

/* subnav */
#subnav {
	width:764px;
	margin:2px 0 0 4px;
	background:#C1D7E8 url(images/subnav_bg.gif) repeat-x top left;
}

#subnav ul {
	padding:0 5px;
	list-style:none;
}

#subnav ul li {
	float:left;
	padding:0 14px;
	line-height:27px;
}

#subnav ul li a {
	color:#15446B;
	font-size:.9em;
	text-decoration:none;
}

#subnav ul li a:hover {
	text-decoration:underline;
}

#subnav ul li.active a {
	padding-left:12px;
	font-weight:bold;
	background:url(images/subnav_active.gif) no-repeat center left;
}

/* content area layout */
#contentArea {
	width:764px;
	padding:25px 4px;
}

#content {
	float:left;
	width:470px;
	padding-left:20px;
}

#sidebar {
	float:right;
	padding-right:19px;
	width:205px;
}

/* content */
#content h1 {
	font-family:Georgia, "Times New Roman", serif;
	font-size:2em;
	color:#15446B;
	font-weight:normal;
	margin-bottom:10px;
}

#content h2 {
	color:#15446B;
	font-size:1.5em;
	line-height:1.3em;
	padding:0 0 12px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", serif;
}

#content h3 {
	color:#15446B;
	font-weight:normal;
	font-size:1.2em;
	line-height:1.4em;
	margin-top:10px;
}

#content h3 span {
	color:#2373B2;
	background:#F9F2D7;
}

#content p {
	padding:5px 0 12px;
	line-height:1.4em;
}

#content ul, #content ol {
	margin-left:30px;
	padding:0 0 15px 0;
}

#content ul.indent, #content ol.indent {
	margin-left:55px;
}

#content li {
	margin:4px 0;
}

#content .separator {
	margin:20px auto;
	height:22px;
	width:53px;
	background:url(images/separator.gif) no-repeat top center;
}

#content a.pdf {
	padding:2px 0 2px 22px;
	background:url(images/acrobat.png) no-repeat top left;
}

/* our team section */
dl.news {
	margin:15px 0;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}

dl.news dt {
	font-weight:bold;
	float:left;
	display:inline;
	width:70px;
}

dl.news dd {
	margin-left:80px;
}

/* cosmetic services */
div.beforeAfter {
	width:100%;
	margin-bottom:15px;
}

div.beforeAfter .imgWrap {
	float:left;
	display:inline;
	margin:0 10px;
	text-align:center;
}

div.beforeAfter .imgWrap img {
	border:3px solid #E0DBBE;
}

#content h2.atStart {
	padding-left:18px;
	background:url(images/arrow.gif) no-repeat 0 6px;
}

/* medical services */
ul#medList li {
	float:left;
	width:210px;
}

/* contact form */
fieldset#contact-form {
	padding:0;
	margin:20px 0 0 0;
	width:auto;
	border:none;
	}

fieldset#contact-form ul {
	margin:0;
	padding:0;
	list-style:none;
	}

fieldset#contact-form li label {
	float:left;
	clear:right;
	width:115px;
	text-align:right;
	margin:0;
	padding-top:4px;
	}

fieldset#contact-form li input, fieldset#contact-form li textarea {
	margin:0 0 8px 15px;
	padding:2px;
	font-family:Arial, Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;
	color:#172E17;
	width:200px;
	font-size:100%;
	}

fieldset#contact-form li textarea {
	width:auto;
	}

fieldset#contact-form input#contactsubmit {
	width:auto;
	margin:20px 0 10px 270px;
	padding:3px 5px;
	background:#4189D3;
	color:#fff;
	border:none;
	font-size:110%;
	}

/* sidebar */
#sidebar h2 {
	width:185px;
	padding:10px;
	font-size:1.1em;
	color:#15446B;
	text-align:center;
	background:url(images/sb_h2_bg.gif) repeat-y top left;
}

#sidebar p {
	font-size:.95em;
	line-height:1.5em;
	color:#15446B;
	text-align:center;
}

#sidebar .separator {
	height:1px;
	border-top:1px solid #D5D5D5;
	margin:14px 0 15px 0;
}

#sidebar form {
	text-align:center;
}

#sidebar form input {
	padding:3px;
	width:150px;
	border:1px solid #D5D5D5;
	color:#666;
	margin:2px 0;
}

#sidebar form input#submit {
	width:auto;
	border:0;
}

#sidebar ul {
	margin:10px 0 10px 30px;
}

#sidebar li {
	margin:5px 0;
	font-size:.95em;
	color:#1268AB;
}

#sidebar ul.forms {
	list-style:none;
	margin-bottom:2em;
}

#sidebar ul.forms li {
	padding:2px 0 2px 22px;
	background:url(images/acrobat.png) no-repeat top left;
}

/* footer */
#footer {
	width:702px;
	padding:0 35px;
	color:#fff;
	font-size:.9em;
	text-align:center;
	background:url(images/footer_bg.jpg) no-repeat top left;
}

.webkit #footer {
	font-size:.85em;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer ul {
	float:left;
	display:inline;
	margin-left:110px;
	padding:45px 0 0 0;
	list-style:none;
	height:20px;
}

#footer li {
	float:left;
}

#footer li a {
	display:block;
	padding:0 6px;
}

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

h2.toggler {
	cursor:pointer;
	}

div#accordion div.element {
	background-color: #fff;
	overflow: hidden;
	margin-left:25px;
}