/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------------------------------Base Styles*/
body {margin: 0; padding: 0; font-size: 100%; line-height: 1.15;}
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
h1, h2, h3, h4 {margin: 1em 0 .5em; line-height: 1.25;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
ul, ol {margin: 1em 0; padding-left: 40px;}
p {margin: 1.5em 0;}
a img {border: none;}
sup, sub {line-height: 0;}

/* ------------------------------------------------------------ Styles*/

html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }


body {background: #83d1dd url(../images/bg-header.png) top left repeat-x; font-family: "Times New Roman", Times, serif; height: 100%;}
a {color: #fff; text-decoration: none;}
a:hover {color: #e1413a; text-decoration: underline;}
h1 {text-transform: uppercase; margin-bottom: 5px; font-size: 14px; color: #666; font-family:MuseoLight, Geneva, sans-serif; letter-spacing: 1px;}
h2 {font-size: 24px; font-family:MuseoLight, Geneva, sans-serif; margin-bottom: 20px; }
h3 {font-size: 14px; font-family:MuseoLight, Geneva, sans-serif; margin-bottom: 20px; font-weight: bold;}


div#wrap {width: 1053px;margin: 0 auto; position: relative;}
div#container {width: 960px; margin: 0 auto;}
div#tertiary {
	width: 960px; 
	margin: 0 auto; 
	text-align: right; 
	background-color: transparent; color: #fff; 
	font-size: 70%; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	padding: 0px; 
	}


div#header {
	margin: 30px auto 20px auto; 
	width: 960px; 
	background: transparent url(../images/dottedline.png) bottom left no-repeat; 
	height: 95px; 
	position: relative;

}

#logo
{
	background: url(../images/logo.png);
    width: 446px;
    height: 84px;
    position: relative;
	float: left;
   
}

#logo a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 446px;
    height: 84px;
}

#logo a h1
{
   display: none;
}



div#navigation {
	/*float: right; margin-right: 0px; width: 475px;*/
	/*position: absolute;
	top: 0;
	right: 0px;*/
	float: left;
	width: 480px;
	margin-left: 15px;
	

}


	
ul#nav  {
	padding: 0px;
	width: 475px;
	
	list-style: none; 
	font-style: italic; 
	margin: 27px 0 0 0 ; 
}


ul#nav li {
	float: right;
	margin: 0 0 0 6px ; 
	}
	
#nav a  { 
	/*position:relative;*/ 
	color:#000; 
	padding:6px 6px 6px 6px; 
	line-height:18px; 
	text-decoration:none; 
	text-shadow:0 1px 0 #d0f5fa;  
	font-size: 1.1em; 
	letter-spacing: -.5px;
	}	
#nav a:hover {
	background-color: #61c7d8; 
	color: #fff; 
	text-decoration: none;
	}
#home li.home a {
	background-color: #61c7d8;
	}
#about li.about a {
	background-color: #61c7d8;
	}
#services li.services a {
	background-color: #61c7d8;
	}
#appointment li.appointment a {
	background-color: #61c7d8;
	}
#contact li.contact a {
	background-color: #61c7d8;
	}
	

div#content-wrap {
	width: 960px; 
	margin: 15px auto; 
	padding: 0px 0; 
	margin-bottom: 50px; 
	min-height: 609px; 
	background: transparent url(../images/bg-clouds.png) top left no-repeat;
	}
div#content {
	padding: 15px 20px;
	}
div#col1 {
	float: left; 
	width: 490px; 
	margin-left: 25px;
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 1em; 
	line-height: 1.3em; 
	}
div#col2 {
	float: right; 
	width: 330px; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: .8em;
	}

#about #col1 {width: 600px;}
#about #col2 {width: 220px;}

div#col2 ul {
    margin-bottom: 1.5em;
    padding: 0 0 0 15px;
}
div#col2 ul li {
	list-style-type: disc; 
	margin-bottom: 5px; 
	margin-left: 0px; 
	list-style-image: url("../images/arrow.png") ;
}

/*#footer-container {
  clear: both;
 position: relative;
 z-index: 10;
 height: 8em;
 margin-top: -6em;
 background-color: #000;}	*/
#footer-puzzle { width: 40px; height: 41px; z-index: 100;  position: absolute; bottom: 81px; left: 50%;}
#footer-content {margin: 0px auto 0px auto; width: 960px; color: #727272; position: relative;padding-top: 20px;}
#footer-content a {color: #949494;}
#footer-content a:hover {color: #fff;}
#footer-logo {}
.floatleft {float: left; }
.floatright {float: right; }
.f1 {width: 210px;}
.f2 {width: 240px;margin-left: 10px; margin-top: 6px; }
.f3 {width: 430px;margin-left: 10px;margin-top: 6px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 80%;}
#footer-nav {width: 490px;}
#nav-footer {
	width: 100%;
	float: right;
	margin: 0 0px 4px 0;
	padding: 0;
	list-style: none; font-style: italic; }
#nav-footer li {
	float: left;margin: 0 0px; }
	
#nav-footer a  { 
	position:relative; 
	color:#949494; 
	padding:0px 2px 0px 2px; 
	line-height:18px; 
	text-decoration:none;  
	font-size: 1.2em; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic; }	
#nav-footer a:hover {color: #fff; text-decoration: underline;}
.copyright {font-style: normal; font-size: .9em;}

.clear {clear: both;}


/*--------------------------------------- Fix for sticky footer */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative; background-color: #000;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/*--------------------------------------- Fix for FONTS */

@font-face { /* declare fonts */
	font-family: "MuseoLight";
	src: url("../fonts/Museo300-Regular.eot");
	src: local("Museo300"), local("Museo-300"),
		url("../fonts/Museo300-Regular.woff") format("woff"),
		url("../fonts/Museo300-Regular.otf") format("opentype"),
		url("../fonts/Museo300-Regular.svg#Museo-300") format("svg");
		}
	
	

/*--------------------------------------- Fix for HOME */		
div#slider {
	width: 1053px; 
	margin: 20px auto;
	}
div#features {
	width: 960px; 
	margin: 15px auto; 
	padding: 20px 0; 
	margin-bottom: 125px;
	padding-bottom: 30px;
	}
div#feature1 {
	width: 192px; 
	margin: 15px 7px 10px 0px;  
	height: 113px;
	}
div#feature2 {
	width: 190px; 
	margin: 15px 7px 10px 7px;   
	padding: 25px 20px 5px 20px;  
	background-color: #7ac9d5; height: 93px;
	}
div#feature3 {
	width: 190px; 
	margin: 15px 7px 10px 7px;    
	padding: 25px 20px 5px 20px ;  
	background-color: #7ac9d5; 
	height: 93px;
	}
div#feature4 {
	width: 210px;
	margin: 15px 0px 10px 7px;   
	height: 113px;}
.feature {
	font-size: 120%; 
	font-style: italic; 
	letter-spacing: -1px;
	}
.featurelink {
	color: #e1413a; 
	text-transform: uppercase; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 10px; 
	text-decoration: none; 
	letter-spacing: 1px; 
	}
a.featurelink:hover {text-decoration: underline;}

#introtext {
	z-index: 200; 
	position: absolute; 
	width: 295px; 
	top: 280px; 
	left: 78px; 
	font-size: 19px; 
	font-style: italic; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	line-height: 1.4em; 
	text-shadow:0 2px 0 #90dce8;
	}
#introtext h1 {
	font-size: 40px; 
	line-height: 40px;
	font-style: normal; 
	text-transform: capitalize; 
	color: #000; margin-top: 0px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: normal; 
	margin-bottom: 10px;  
	padding: 0px;
	}