body,div,p,img,form,table, h1, h2, h3,h4,h5,fieldset,legend,span,ul,li { border: 0; margin: 0; padding: 0;}
hr,input,select {margin: 0; padding: 0;}
body {
	font-family:'Open Sans',arial,sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	color: #333;
	margin: 0 auto;
	background: #4aaccf;
	background: url('/images/body-bg.jpg') no-repeat top right fixed #4aaccf;
	padding: 0;
}
body a, body a:visited {
	color: #3366CC;
	text-decoration: none;
}
body a:hover {
	
}
h1, h2, h3 {
	margin-bottom: 1em;
}
div#page-title-wrapper h2.h1 {
	margin-bottom: 10px;
	color: #004379;
}
div#page-title-wrapper h1.h2 {
	font-size: 23px;
	margin-bottom: 1.5em;
	color: #666699;
}
#background {
	padding-left: 1.618em;
	padding-right: 1.618em;
}
div.contain { 
	max-width:1000px;
	width: auto;
	padding: 0;
	margin: 0 auto;
	background: rgb(255, 255, 255) transparent;
	/* RGBa with 0.8 opacity */
	background: rgba(255, 255, 255, 0.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF); /* IE 6/7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF)"; /* IE8 */
	overflow: hidden;
}
.home div#content-wrapper img, .treatments div#content-wrapper img, .stop-smoking div#content-wrapper img,
.weight-loss div#content-wrapper img, .anxiety div#content-wrapper img, .phobias div#content-wrapper img, 
.insomnia div#content-wrapper img, .faqs div#content-wrapper img, .iemt div#content-wrapper img {
	float: right;
}
.phobias blockquote {
	margin-left: 0;
	margin-right: 0;
}
.clear {
	clear: both;
}
div#header-wrapper {
	height:120px;
	padding: 20px 1.618em 0;
	color:#000033;	
	}
	h1 { font-weight:normal;font-size:42px;padding:0 0 0 5px;clear:left; }
	/**//*h1 { background-color:#FFF;color:#333;width:215px; }*/
		div#header-wrapper h2 { font-weight:normal;font-size:26px;margin:-10px 0 0 89px; } /*was 100px margin:-10px 0 0 100px;*/
		/**//*div#header-wrapper h2 { margin:-10px 0 0 70px; padding-left:12px;background-color:#FFF;color:#333;width:290px; }*/
		
div#header-wrapper { font-family:'Lato',arial,sans-serif;color:#FFF; }
	h1 { letter-spacing:-2px;padding:5px 0 0 10px;font-family:'Lato',arial,sans-serif; };
.clear {
	clear: both;
}
div#navigation-wrapper-outside { padding: 0 1.618em; }
div#navigation-wrapper { font-size:18px; margin: 0; }
	div#navigation-wrapper ul { list-style:none;height:auto;padding: 0; }
		div#navigation-wrapper ul li { float:left; }
		div#navigation-wrapper ul li a, div#navigation-wrapper ul li a:visited { color:#00437A; padding: 11px 14px; }
		div#navigation-wrapper ul li.social a, div#navigation-wrapper ul li.social a:visited { color:#00437A; padding: 10px 14px; }
		div#navigation-wrapper ul li a:hover, div#navigation-wrapper ul li:hover { background-color:#99CAE7; }
		div#navigation-wrapper ul li#active a { background-color:#FFF;color:#3366CC; }
		#nav {
			/* Clear floats */
			float:left;
			width:100%;
			background: #CCE4F3;
			/* Bring the nav above everything else--uncomment if needed.
			position:relative;
			z-index:5;
			*/
		}
		#nav ul{
			background:#99CAE7; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
			list-style:none;
			position:absolute;
			left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
		}
		#nav li{
			float:left;
			position:relative;
		}
		#nav a {
			display:block;
			padding:5px;
			text-decoration:none;
		}
		#nav li ul li a:hover{
			text-decoration: underline;
			background:#99CAE7;
		}
		#nav ul li{
			float:none;
		}
		#nav ul a{
			white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
		}
		#nav li:hover ul{ /* Display the dropdown on hover */
			left:0; /* Bring back on-screen when needed */
		}
		#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
			background:#99CAE7;
		}
		#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
			text-decoration:none;
		}
		#nav li.about ul li, #nav li.about {
			width: 115px;
			margin-right: 0px;
		}
		#nav li.treatments ul li {
			width: 181px;
			margin-right: 0px;
		}
		#nav li.practices {
			padding: 0 10px;
			color: #000033;
		}
		#nav li.practices, #nav li.practices ul li {
			width: 92px;
			margin-right: 0px;
		}
		#nav li.worcs a {
			width: 92px;
		}
		#nav li.social {
			float: right;
		}
		#nav li.social a:hover, #nav li.social:hover {
			background: none;
		}
		#nav ul li a {
			padding: 6px 14px !important;
		}
		#nav ul li:first-of-type > a {
			padding-top: 3px !important;
		}
		#nav ul li:last-of-type > a {
			padding-bottom: 11px !important;
		}
div#content-wrapper { margin: 25px 0; font-family:'Open Sans',arial,sans-serif; padding: 0 1.618em;}
	
	div#page-title-wrapper { margin:0 0 10px; }
	div#page-title-wrapper h2, div#page-title-wrapper h1 { letter-spacing:-1px;font-weight:normal;font-size:28px;color:#004379; font-family: 'Lato',arial,sans-serif; }
	div#page-title-wrapper h1 {padding-left: 0px;}
	div#content-wrapper h3, div#content-wrapper h2 { letter-spacing:-1px;color:#000033;font-family: 'Lato',arial,sans-serif; }
	h1, h2, h3, h4, h5 { font-family: 'Lato',arial,sans-serif; line-height: 1.2em; }
	div#content-wrapper p { font-size:16px;margin-bottom:1.3em; }
	
	div#content-wrapper .testimonial { margin-bottom:30px;clear:both; }
		div#content-wrapper .testimonial div { margin-bottom:5px;background-color:#b1b1df;padding:15px 15px 0; }
		div#content-wrapper .testimonial p { margin:0; }
		div#content-wrapper .testimonial span.quote { line-height:24px; }
		div#content-wrapper .testimonial span.attributedto { float:right;width:30%;background-color:#FFF;padding:5px 10px 10px;margin-left:10px; margin-bottom: 15px; }
		div#content-wrapper .testimonial span.attributedto p { line-height:20px; }
		 
	
	div#content-wrapper img { float:left; margin:10px 0 10px 20px; } /*border:1px solid #CCC;*/
		
	div#content-wrapper ul { padding-left:40px; margin-bottom:15px; }
		div#content-wrapper ul li { line-height:1.2em; margin-bottom: 10px; }

div#main-wrapper { float:left;width:70%;margin:0; }
	div#main-wrapper div.content {  }
	
	.hitters { margin-bottom:10px; }
	.hitters .bullet { width:5px;height:5px;line-height:5px;float:left;margin-top:9px;margin-right:8px;border:1px solid #000033;background-color:#000033; }
	div#content-wrapper .hitters ul {padding-left: 0; margin-bottom: 30px; }
	div#content-wrapper .hitters li {list-style: square outside none; margin-left: 15px; font-size: 18px;}
	.hitters.resources ul li {
		margin-bottom: 20px;
	}
	.hitters.resources ul {
		margin-top: 15px;
	}
	.hitters h3, .hitters h2 { font-size: 19px; }
	#phonenow { margin-bottom:10px; }
	
	div.contact-form-wrapper, div.practice-info-wrapper { float:left;width:59%; }
	div.contact-info-wrapper { float:right;width:38%; }
	div.contact-info-wrapper p { line-height:22px !important; }
	.contact div.contact-form-wrapper, .contact div.contact-info-wrapper {
		width: 100%;
	}
	.contact #main-wrapper {
		overflow: hidden;
	}
	.contact div.contact-form-wrapper {
		margin-bottom: 40px;
	}
	.contact #main-wrapper ul.form_fields {
		list-style: none outside none;
		padding-left: 0;
	}
	input[type="submit"]{
		background: #b1b1df;
		padding: 7px 10px;
		border: 1px solid #b1b1df;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		cursor: pointer;
		color: #fff;
	}
	input[type="submit"]:hover {
		background: #666699;
		border: 1px solid #666699;
	}
	li.captcha {
		overflow: hidden;
	}
	div.form_input, div.form_textarea {
		margin-top: 5px;
	}
	.stress-test label {
		width: 90%;
	}
	.stress-test input[type="checkbox"] {
		margin-top: 3px;
	}
	.stress-test div.fLeft {
		width: 48%;
		margin-left: 0;
	}
	.stress-test div.fRight {
		width: 48%;
		margin-right: 0;
	}
	.stress-test legend {
		line-height: 1.2em;
	}
	.stress-test a.button.prev, .stress-test a.button.next, .stress-test a.button, .stress-test input#SaveAccount {
		overflow: hidden;
		padding: 7px 10px;
	}
	.iframe { border:1px solid #CCC;margin-top:1px;height:252px;width:250px; }
	
	div.contact-form-wrapper table tr td.label { vertical-align:top;padding-top:2px; }
	div.contact-form-wrapper table tr td.align-right { text-align:right; }
		input.ff { width:90%;height:24px;border:1px solid #CCC;font-size:18px;color:#000033;padding:1px 2px; }
		input#captcha { width:120px; }
		textarea.ff { width:90%;height:150px;border:1px solid #CCC;font-family:'Open Sans',arial,sans-serif;font-size:18px;color:#000033;padding:1px 2px; }
		div#content-contact img#captchaimage { margin:0; }
		
		div#content-contact div.mailsent { margin-bottom:10px; }
		div#content-contact div.mailsent p { color:#000033;font-size:15px;line-height:20px;margin:0; }

span.err { color:red; }

div#right-wrapper { float:right;width:26%;margin:0; }
	div#tag-cloud { margin-bottom:50px; }

div#footer-wrapper { clear:both;margin-bottom:20px;border-top:1px solid #EEE; overflow: hidden; padding: 0 1.618em; }
	div#footer-contact-details { float:left;width:73%;padding-top:20px;font-family:'Open Sans',arial,sans-serif;font-size:14px;letter-spacing:-1px; }

div#idew-wrapper { font-family:'Open Sans',arial,sans-serif;float:right;width:25%;margin:0 0 10px 0;padding:20px 0 0; text-align: right; }
#idew-webdev { font-size:12px;letter-spacing:-1px;line-height:15px;margin:0;padding:0; }
#idew-webdev a, #idew-webdev a:hover, #idew-webdev a:visited { text-decoration:none;color:#333; }
#idew-link { font-size:22px;letter-spacing:-1px;line-height:22px;margin:0;padding:0; }
#idew-link a, #idew-link a:hover, #idew-link a:visited { text-decoration:none;color:#008000; }

div.clear-both { clear:both; }
div#right-wrapper div.sidebarContact p {
	font-size: 26px;
	text-align: left;
	line-height: 150%;
	color: #000033;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.home div#right-wrapper div.sidebarContact p {
	padding-bottom: 0;
}
div#right-wrapper div.sidebarContact strong {
	color: #666699;
	font-size: 30px;
}
div#right-wrapper div.sidebarContact strong a[href^="tel:"] {
	color: #666699;
}
#footer-contact-details a[href^="tel:"] {
	color: #333;
}
#footer-contact-details a[href^="tel:"]:hover, div#right-wrapper div.sidebarContact strong a[href^="tel:"]:hover {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul#nav {
	margin-top: 7px;
}
#right-wrapper a.button, a.stress.button {
	padding: 7px 10px;
	line-height: 120%;
	background: #7f6db0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #f2f2f6;
	margin-top: 20px;
	border: none;
	font-size: 20px;
}
#right-wrapper a.button:visited, a.stress.button:visited {
	color: #f2f2f6;
}
#right-wrapper a.button:hover, a.stress.button:hover {
	text-decoration: none;
	background: #6688a6;
}
#right-wrapper a.button span, a.stress.button span {
	font-size: 18px;
	font-weight: bold;
	padding-left: 15px;
	line-height: 26px;
}
p.button {
	margin-top: 40px;
}
 /* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 15px;
	font-weight: 600;
}
ul.topnav ul li a {
	font-weight: 400;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #555;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 30px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
body br {
	display: none !important;
}
