@charset "utf-8";
/* CSS Document */

/*  DHM Therapy 2010 - CSS written by Rob Rasmussen on behalf of Payson, LLC */


/* define globals */

body {
	margin: 30px 0 0 0;
	padding: 0px;
	background-color: #fff;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* font face embed */

@font-face {
	font-family: 'CicleSemiItalic';
	src: url('fonts/cicle_semi_italic-webfont.eot');
	src: local('☺'), url('fonts/cicle_semi_italic-webfont.woff') format('woff'), url('fonts/cicle_semi_italic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CicleSemi';
	src: url('fonts/cicle_semi-webfont.eot');
	src: local('☺'), url('fonts/cicle_semi-webfont.woff') format('woff'), url('fonts/cicle_semi-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CicleGorditaItalic';
	src: url('fonts/cicle_gordita_italic-webfont.eot');
	src: local('☺'), url('fonts/cicle_gordita_italic-webfont.woff') format('woff'), url('fonts/cicle_gordita_italic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CicleGordita';
	src: url('fonts/cicle_gordita-webfont.eot');
	src: local('☺'), url('fonts/cicle_gordita-webfont.woff') format('woff'), url('fonts/cicle_gordita-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* page layout */

#content-container {
	width: 820px;
	height: auto;
	margin: 0px auto;
}

#top-container {
	margin-bottom: 20px;
	height: 65px;
	width: 100%;
	overflow: hidden;
}

#logo-container {
	float: left;
	background: url(images/heart-logo.gif) no-repeat top left #fff;
	height: 65px;
	width: 210px;
	padding: 0 0 0 66px;
	display: block;
	overflow: hidden;	
}

#calltoaction {
	float: right;
	width: 195px;
	height: 65px;
	text-align: right;
	overflow: hidden;
}

#navs {
	background: url(images/nav-bg.gif) repeat-x #fff;
	width: 100%;
	height: 33px;
	display: block;
	margin-bottom: 18px;
}

		#navs ul {
		   clear:left;
		   float:left;
		   list-style:none;
		   margin:0;
		   padding:0;
		   position:relative;
		   left:50%;
		   text-align:center;
		}
		
		#navs ul li {
		   display:block;
		   float:left;
		   list-style:none;
		   margin:0;
		   position:relative;
		   right:50%;
		   padding: 7px 0px;	 
		}
		
				#navs ul li a:link, #navs ul li a:visited, #navs ul li a:active {
					color: #5d8085;
					font-weight: normal;
					font-size: 14px;
					font-family: "Century Gothic", Arial, sans-serif;
					font-weight: normal;
					text-decoration: none;
					padding: 8px 46px;
				}	
				
				#navs ul li a:hover, #land {
					color: #002e38;
					padding: 6px 45px;
					border-left: 1px solid #dbe4ec;
					border-right: 1px solid #dbe4ec;	
					background: url(images/nav-hover-bg.gif) repeat-x #fff top left;
				}	

#mainsection {
	width: 100%;
}

#why-choose {
	float: left;
	width: 255px;
	height: 490px;
	background-color: #5da5b4;
}

		#why-content {
			margin: 8px 13px 8px 13px;
		}
		
		

		#why-choose img {
			border-top: 3px solid #fff;
			border-bottom: 1px solid #fff;
		}
		
		a.contact-btn {
			width: 99px;
			height: 28px;
			display: block;
			background: url(images/contact-us-btn.gif);
		}

#mainbody {
	float: right;
	width: 515px;
	padding: 0 17px 0 33px;
}

#footer {
	background: url(images/bottom-gradient.gif) repeat-x bottom left;
	width: 100%;
	height: 150px;
	padding-top: 30px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

	#footer ul li {
		list-style: none;
		display: inline;
		padding: 0 12px 0 12px;
		border-left: 1px solid #bebdbd;
	}
	
	#footer ul li.first {
		margin-left: 0;
		border-left: none;
		list-style: none;
		display: inline;
	}


/* typography */

.dhm-title {
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	font-style: normal;
	text-transform: uppercase;
	color: #5d8085;
}
	
.dhm-secondary {	
	font-family: "Century Gothic", Arial, sans-serif;
	color: #87c4e2;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	line-height: 15px;
	font-style: normal;
	text-transform: uppercase;
}

.address {
	color: #5d8085;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	font-style: normal;	
	text-transform: uppercase;	
}

.phone {
	color: #87c4e2;
	font-size: 30px;
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	font-style: normal;
	text-transform: uppercase;
}

.why-dhm {
	color: #fff;
	font-family: "Century Gothic", Arial, sans-serif;	
	font-size: 16px;	
}

.why-maintext {
	color: #fff;
	font-family: "Century Gothic", Arial, sans-serif;	
	font-size: 12px;	
	line-height: 20px;
}

.maintext {
	font-size: 12px;
	color: #848484;
	font-family: "Century Gothic", Arial, sans-serif;	
	line-height: 22px;
}

#footer ul li a {
	color: #5d8085;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	font-style: normal;	
	text-transform: uppercase;	
}

/* H tags */

h1 {
	font-size: 17px;
	font-weight: normal;
	color: #578086;
	font-family: "Century Gothic", Arial, sans-serif;	
	font-variant: normal;
	line-height: normal;
	font-style: normal;
	text-transform: capitalize;
	margin: 0;
}

h5 {
	font-size: 10px;
	color: #8ebac3;
	font-family: "Century Gothic", Arial, sans-serif;		
	font-weight: normal;
	margin: 0;
}
