/* ----------
Colors:
----------
light: #d8f0e3
medium: #94c6b9
dark: #594735
---------- */

/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #94c6b9; margin: 0}
#stripe1 {background: #d8f0e3; display: block; height: 125px; position: absolute; top: 21px; width: 100%}
#stripe2 {background: #594735; display: block; height: 318px; position: absolute; top: 185px; width: 100%}

/* TEXT ---------- */
body, table, a {color: #594735; font: 11px/18px tahoma, sans-serif}
p {margin: 0}

/* HEADERS ---------- */
h1 {font: italic 25px georgia, serif; margin: 0 0 10px 0}
h2 {font-size: 12px; margin: 0}
h3 {color: #94c6b9; font-size: 12px; margin: 0}

/* LISTS ---------- */
ol, ul {margin-bottom: 0; margin-top: 0}

/* LINKS ---------- */
a:link, a:visited {color: #94c6b9; text-decoration: underline}
a:hover {text-decoration: none}
#header a {font: 17px/37px georgia, serif;}

#header #logins {margin: -5px 0 -10px 0;}

#header h2 {font: 17px/37px georgia, serif; color: #94c6b9; margin: -5px 0 -10px 0;}

#nav a {border: 10px solid #d8f0e3; color: #594735; font: 17px/37px georgia, serif; margin-right: -2px; text-decoration: none}
#nav a:hover {background: #94c6b9; border-color: #94c6b9; color: #fff}
#home .home, #our_team .our_team, #patient_info .patient_info, #restore_your_smile .restore_your_smile, #improve_your_smile .improve_your_smile, #contact .contact {background: #94c6b9; border: 10px solid #94c6b9; color: #fff; cursor: default}
#footer a {color: #fff}
#sesame {padding: 5px 20px 0 0; text-align: right}
#sesame a {color: #2e363e; font-size: 10px; font-weight: bold}

/* IMAGES ---------- */
img {border: none}
.image {border: 4px solid #94c6b9; float: right; margin: 0 0 10px 20px; padding: 1px; position: relative; z-index: 1}

a#logo 
{
	background: #594735; 
	color: #fff; 
	float: left; 
	font: italic 25px georgia, serif; 
	height: 110px; 
	padding-top: 15px;
	margin: -20px 20px 0 0; 
	text-align: center; 
	text-decoration: none; 
	width: 350px
}
/* Logo should be PNG at 350px x 125px */


.banner {float: right; margin: 0 0 10px 10px}

/* LAYOUT ---------- */
#wrap {margin: 0 auto; padding: 20px 0; width: 742px;}

#container {background: #fff; padding: 1px; position: relative; z-index: 1}
#header 
{
	height: 105px; 
	padding: 20px 20px 0 0; 
	text-align: right;
	position: relative;
}

#facebook
{
	position: absolute;
	z-index: 2;
	top: 85px;
	right: 200px;
	width: 110px;
	height: 35px;
	overflow: hidden;
}

#address
{
	margin-top: -20px;	
	
}


#address img
{
	padding-top: 5px;
	margin-right: -5px;
}

#nav {background: #d8f0e3; height: 37px; margin: 1px 0; overflow: hidden; position: relative; text-align: center; width: 740px}
#content {padding: 40px}
body#home #content {background: url(images/home.jpg) no-repeat; padding-left: 390px}
#info {background: #d8f0e3; clear: both; color: #594735; height: 35px; margin: 1px 0; padding: 8px 0; text-align: center}
#footer {background: #594735; color: #fff; height: 18px; padding: 8px 0; text-align: center}

.map {border: 4px solid #94c6b9;}

#review-btn-container
{
	display: block;
	float: right;
	text-align: right;
	margin: 0 0 -10px 0;
}

.review-btn
{
	width: 130px;
	display: block;
	float: left;
	clear: right;
	text-align: right;
}

.clear
{
	clear: both;	
}