/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
object {outline: none;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}
.hide {display:none;}
.flash-replaced .alt {display:none;}

/* overrides and hides */

h1.headline {
	display:none;
}

body.braces-diagram p.back-to-top {
	display:none
}

/* fonts */

@font-face {
	font-family: 'HelveticaCYPlain';
	src: url('Helvetica_CY_Plain.eot');
	src: local('Helvetica CY Plain'), local('HelveticaCYPlain'), url('Helvetica_CY_Plain.woff') format('woff'), url('Helvetica_CY_Plain.ttf') format('truetype'), url('Helvetica_CY_Plain.svg#HelveticaCYPlain') format('svg');
}


@font-face {
	font-family: 'HelveticaCYBold';
	src: url('Helvetica_CY_Bold.eot');
	src: local('Helvetica CY Bold'), local('HelveticaCYBold'), url('Helvetica_CY_Bold.woff') format('woff'), url('Helvetica_CY_Bold.ttf') format('truetype'), url('Helvetica_CY_Bold.svg#HelveticaCYBold') format('svg');
}

@font-face {
	font-family: 'BradleyHandITCTTBold';
	src: url('Bradley_Hand_ITC_TT_Bold.eot');
	src: local('Bradley Hand ITC TT'), local('BradleyHandITCTTBold'), url('Bradley_Hand_ITC_TT_Bold.woff') format('woff'), url('Bradley_Hand_ITC_TT_Bold.ttf') format('truetype'), url('Bradley_Hand_ITC_TT_Bold.svg#BradleyHandITCTTBold') format('svg');
}

/* links and typo */

a {
	color:#419639;	
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {}

a:visited:hover {}
	
h1 {
	font-family:'BradleyHandITCTTBold', Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size:27px;
	color:#543019;
	margin-left:238px;
	margin-bottom:10px;
}

h2 {
	margin-left:238px;
	font-size:18px;
	color:#543019;
	margin-right:55px;
}

h3 {
	margin-left:238px;
	font-size:15px;
	color:#543019;
}

p { 
	margin-left:238px;
	margin-right:30px;
	line-height:22px;
	margin-bottom:15px;
	margin-right:55px;
}

p.b4-ul { 
	margin-bottom:2px;
}

span.address {
	font-family:Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	color:#543019;
	float:right;
	margin-right:50px;
	margin-top:45px;
}

span.address2 {
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size:13px;
	letter-spacing:1px;
	color:#543019;
	float:right;
	margin-right:50px;
	margin-top:-3px;
	clear:both;
}

span.phone {
	font-family: Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	color:#543019;
	float:right;
	margin-right:50px;
	margin-top:-6px;
	clear:both;
}

/* main layout */
body {
	background: url(../images/bg.png); 
	background-repeat: repeat-x;
	background-color: #f3ebd4;
	font-family:Helvetica, “Helvetica Neue”, Arial, sans-serif;
	font-size:12px;
	padding-top:9px;
}

#container {
	background: url(../images/container-bg.png); 
	background-repeat:repeat-x;
	-moz-border-radius: 11px; 
	-webkit-border-radius: 11px; 
	border: 1px solid #fff;
	text-align:left;
	margin:0 auto;
	width:970px;
	background-color:#da8e2e; 
}

#green-bg {
	background: url(../images/green-bg.png); 
	background-repeat:no-repeat;
	width:1200px;
	height:512px;
	z-index:-2;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-600px;	
}

#content {
	padding-bottom:30px;
	min-height:375px;
	position:relative
	
}

#hd {
	background: url(../images/hd-bg.png); 
	background-repeat:no-repeat;
	background-position:top right;
	min-height:551px;
}

#nav-and-flash-bg {
	background: url(../images/nav-and-flash-bg.png); 
	background-repeat:no-repeat;
	height:428px;
	width:896px;
	position:absolute;
	top:148px;
	margin-left:37px;
}

#sidebar {
	width:240px;
	float:left;
	text-align:center;
	position:absolute;
	top:621px;
	margin-left:3px; z-index:5;
}

#bd {
	background: url(../images/bd-bg.png); 
	background-repeat:no-repeat;
	background-position:top;
	background-color:#d9eaad;
	border:1px solid #000;
	width:869px;
	margin-left:50px;
	margin-top:-147px;
	padding-top:132px;
	margin-bottom:50px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	
}

#ft {
	text-align:center;
	margin-top:22px;
	margin-bottom:25px;
	font-size:11px;
	
}
#ft p {
	margin-left:0;
	margin-right:0;
	margin-bottom:25px;
	padding-right:0px;
}

#ft p a{
	padding-right:14px;
	
}

/* secondary layout structures * /

/* miscellaneous */

#logo {
	background-image:url(../images/logo.png);
	width:330px;
	height:141px;
	margin-left:30px;
	position:absolute;
	top:29px;
	padding-top:0px;
}

#logo a {
	width:330px;
	height:141px;
	text-indent:-999px;
	position:absolute;
}

#flash-homepage {
	margin-left:-1px;
	position:absolute;
	top:-396px;
}

img.main {
	position:absolute;
	top:-396px;
	margin-left:-1px;
}

#flash-braces-diagram, #flash-brace-painter, #flash-color-your-retainer, #flash-patient-care, #video-invisalign, #flash-emergency-care {
	margin-left:238px;

}

ul {
	padding-left:290px;
	margin-bottom:15px;
	margin-right:55px;
}

ul li {
	padding-bottom:5px;
}

ul.sb {
	margin:0;
	list-style:none;
	padding-left:0;
}

ul.sb li {
	padding-bottom:30px;
}

ul.sb li.aao {
	padding-bottom:22px;
}

ul.sb li.iv {
	padding-left:3px;
}

ul.logos {
	margin:0;
	list-style:none;
	padding-left:0;
}

ul.logos li {
	padding-bottom:30px;
}

ol {}

#saa-button {
	background:url(../images/schedule-an-appointment-button.png) no-repeat;
	width:120px;
	height:120px;
	background-position:0 0;
	position:absolute;
	top:489px;
	margin-left:20px;
	z-index:500;
}

#saa-button a  {
	display:block;
	width:120px;
	height:120px;
}

#saa-button a:hover  {
	background:url(../images/schedule-an-appointment-button.png) no-repeat;
	width:120px;
	height:120px;
	background-position:0 -118px;
}

#cic-button {
	background:url(../images/cic-button.png) no-repeat;
	width:100px;
	height:100px;
	background-position:0 0;
	position:absolute;
	top:480px;
	margin-left:140px;
	z-index:500;
}

#cic-button a  {
	display:block;
	width:100px;
	height:100px;
}

#cic-button a:hover  {
	background:url(../images/cic-button.png) no-repeat;
	width:100px;
	height:100px;
	background-position:0 -98px;
}

/*hides iframe <a> tag*/
	.iframe {display: none;}
	.map {
		width: 530px;  /*your width in px*/
		height: 350px; /*your height in px*/
		border: 1px solid; /*optional but it looks nice*/
		overflow: hidden; /*VERY IMPORTANT, ensures the frame doesn't show scrollbars*/
		display: block; 
		margin: 0 0 18px 238px; /*use what you like here*/
		padding: 9px; /*create some padding around your map*/
		background: #DA8E2E;/*background color shows around iframe*/
		-moz-border-radius: 9px; /*optional - rounded corners for Mozilla browsers*/
		-webkit-border-radius: 9px; /*optional for Webkit browsers (Safari, Chrome…)*/
		}


/* topnav */
#topnav {
position:absolute;
top:151px;
left: 50%;
margin-left: 323px;
}

#topnav ul {
padding-left:0;
}

#topnav ul li {
display:inline;
float:left;
}

#topnav ul li a {
display:block;
}

#topnav #contact-us, #topnav #home {
text-indent:-999em;
}

#topnav ul li #contact-us {
background:url(../images/topnav-contact-us.png) no-repeat;
width:80px;
height:80px;
background-position:0 0;
}

#topnav ul li #home {
margin-top:30px;
margin-left:-7px;
background:url(../images/topnav-home.png) no-repeat;
width:61px;
height:61px;
background-position:0 0;
}

#topnav ul li:hover #contact-us, #contact-us, #topnav ul li.active #contact-us {
background-position:0 -92px;
}

#topnav ul li:hover #home, #home, #topnav ul li.active #home {
background-position:0px -92px;
}

/* navigation */

#nav {
	width: 247px;
	height: 170px;
	position: absolute;
	top: 194px;
	left: 50%;
	margin-left: -377px;
	z-index: 500;
	text-align: left;
}
#nav ul {
	width: 247px;
	height: 170px;
	padding-left:0;
	margin-bottom:0px;
}
#nav ul li {display: inline; padding-bottom:0px;}

#nav ul li a {
	display: block;
}
				
#meet-the-team, #for-new-patients, #about-orthodontics, #about-braces, #orthodontic-treatments, #first-aid  {
	width: 247px;
	height: 32px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/nav.png) no-repeat;
}
					
#nav ul li #meet-the-team {background-position: 0px 0px;}
#nav ul li:hover #meet-the-team, #nav ul li.sfhover #meet-the-team, 
#nav ul li.active #meet-the-team {background-position: -253px 0px}
					
#nav ul li #for-new-patients {background-position: 0px -32px;}
#nav ul li:hover #for-new-patients, #nav ul li.sfhover #for-new-patients, 
#nav ul li.active #for-new-patients {background-position: -253px -32px}
					
#nav ul li #about-orthodontics {background-position: 0px -64px;}
#nav ul li:hover #about-orthodontics, #nav ul li.sfhover #about-orthodontics, 
#nav ul li.active #about-orthodontics {background-position: -253px -64px}

#nav ul li #about-braces {background-position: 0px -96px;}
#nav ul li:hover #about-braces, #nav ul li.sfhover #about-braces, 
#nav ul li.active #about-braces {background-position: -253px -96px}
					
#nav ul li #orthodontic-treatments {background-position: 0px -128px;}
#nav ul li:hover #orthodontic-treatments, #nav ul li.sfhover #orthodontic-treatments, 
#nav ul li.active #orthodontic-treatments {background-position: -253px -128px}
					
#nav ul li #first-aid {background-position: 0px -160px;}
#nav ul li:hover #first-aid, #nav ul li.sfhover #first-aid, 
#nav ul li.active #first-aid {background-position: -253px -160px}
					
/* dropdown styles */

				#nav ul li ul {
					width: 183px;
					height: auto;
					position: absolute;
					top: -999em;
					display: block;
					margin: -20px 0 0 254px;
					border: 1px solid #2e6a28;
					background-color:#419639;
					-moz-border-radius: 9px;
					-webkit-border-radius: 9px;
					-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.35);
					-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.35);
					padding-top:7px;
					padding-bottom:10px;
					background: url(../images/nav-dd-bg.png) no-repeat;
					background-position:bottom;
					}
					
					/* dropdown styles */

				#topnav ul li ul {
					width: 183px;
					height: auto;
					position: absolute;
					top: -999em;
					display: block;
					margin: -12px 0 0 0px;
					border: 1px solid #2e6a28;
					background-color:#419639;
					-moz-border-radius: 9px;
					-webkit-border-radius: 9px;
					-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.35);
					-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.35);
					padding-top:7px;
					padding-bottom:10px;
					background: url(../images/nav-dd-bg.png) no-repeat;
					background-position:bottom;
					}
					
				#nav ul li:hover ul, #nav ul li.sfhover ul,
				  #topnav ul li:hover ul, #topnav ul li.sfhover ul {
						top: auto;
					}

					
					#nav ul li ul li, #topnav ul li ul li {float: none;}
						#nav ul li ul li a, #topnav ul li ul li a {
							display: block;
							font-size: 10px;
							text-transform:uppercase;
							float: none;
							font-weight: normal;
							text-decoration: none;
							line-height: 17px;
							text-align: left;
							color: #f8f8f8;
							padding: 1px 0px;
							text-indent:16px;
							margin-bottom:1px;
							padding-top:5px;
							}
						#nav ul li ul li a:hover, #topnav ul li ul li a:hover {background-color:#2e6a28; position: relative;padding-top:5px;}
						#nav ul li ul li.active a, #topnav ul li ul li.active a {background-color:#2e6a28; position: relative;padding-top:5px;}
	
/* subnav */
p.sub_nav { 
	font-family:'HelveticaCY', Helvetica, “Helvetica Neue”, Arial, sans-serif;
	margin-top:6px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	color:#419639;
	z-index:100;
	position:relative;
	line-height:24px;
}

p.sub_nav a.active {
	color:#97a647;
}


/* sitemap / 404 / 500 */

div.col {
	float:left;
	width:20%;
	margin-left:238px;
}

div.col2 {
	width:80%;
	margin-left:470px;
	
}
div.col ul, div.col2 ul {
	list-style:none; 
	padding-left:0; 
	font-size:16px;
	line-height:28px;
	padding-bottom:7px;
	margin-right:0;
}
div.col ul li ul, div.col2 ul li ul {
	list-style:none;  
	font-size:12px; 
	line-height:15px; 
	margin-top:0; 
	padding-left:10px; 
	padding-bottom:0px;
	margin-left:0px;
}

body.site-map #content, body.page-not-found #content, body.internal-server-error #content {
	height:740px;
}






/* SESAME CSS */
img.right {
	margin: 0 55px 15px 15px;
	float: right;
	clear: right;
	}
img.left {
	margin: 0 15px 15px 238px;
	float: left;
	clear: left;
	}
img.left-border {
	float: left;
	clear: left;
	margin: 5px 15px 15px 238px;
	border: solid 1px #DA8E2E; /* Customize me! */
	}
img.right-border {
	float: right;
	clear: right;
	margin: 5px 55px 15px 15px;
	border: solid 1px #DA8E2E; /* Customize me! */
	}
img.right-border-pad {
	float: right;
	clear: right;
	margin: 8px 55px 15px 20px;
	border: solid 1px #DA8E2E; /* Customize me! */
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}
.clear {clear: both;}
/* This styled div acts as the hr for most browsers */
div.hr {
	height: 0px;
	background-color: #419639; /* Customize me! */
	border: solid 1px #419639; /* Customize me! */ 
	border-width: 1px 0 0 0; /* Customize me! */
	margin: 0 55px 20px 238px;;
	padding: 0;
	clear: both;
	}
/* This is the backup for screen readers */
hr {
	display: none;
	height: 0px;
	background-color: #419639;
	border: solid 1px #419639;
	border-width: 1px 0 0 0;
	clear: both;
	}
/* Clear Fix */
.clear {clear: both;}
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}


div.box {
	float: right;
	clear: right;
	width: 334px;
	background-color: #DA8E2E; /* Customize me! */
	padding: 5px 0 5px 5px;
	margin: 0 55px 20px 20px;
	border: solid 1px #333; /* Customize me! */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px;
}
div.box img {
	float: left;
	border: solid 1px #333; /* Customize me! */
	margin-right: 5px;
}
div.box p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

/*-----------------------------------------------
	Forms
	*/
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments {
		width: 100%;
		margin-top: 18px;
		letter-spacing: normal;
	}

	fieldset {border: 0; padding: 0px 0;margin-left:238px; margin-right:55px;}
		fieldset h2 {margin: 0 0 9px;}
		fieldset p {margin: 0 0 18px;}
		fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
		fieldset dl {}
			fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0; color:#e99f1f;}
				fieldset dd ul {margin: 9px 0 0 0; padding-left:0;}
					fieldset dd ul li, fieldset dd ol li {list-style: none;}
					fieldset dd li {
						clear: both;
						margin: 3px 0;
						padding: 5px 0 4px 10%;
						overflow: auto;
						height: auto;
						position: relative;
						}
					fieldset dd li:hover {background: #DA8E2E;/* customize me - this is the hover color change of li */}
					fieldset dd li input:hover, fieldset dd li input:focus,
					 fieldset dd li select:hover, fieldset dd li select:focus,
					 fieldset dd li textarea:hover, fieldset dd li textarea:focus {
					 	background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #537197;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
						fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
						fieldset li div.input-street {width: 85%;}
						fieldset li div.input-city {width: 60%;}
						fieldset li div.input-full-name {width: 85%;}
						fieldset li div.input-phone-full {width: 85%;}
						fieldset li div.input-email {width: 85%;}
						fieldset li div.input-zip {width: 20%;}
						fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
							fieldset li div.radio input {border: none;}
							fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
						/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
						fieldset li div.input-select-full {width: 85%;}
						fieldset li div.input-comments {width: 85%;}
							li div.input-comments textarea {height: 63px; overflow: auto;}
						fieldset li div.input-captcha {width: 50%;}
						fieldset li div.verification {width: 35%;}
							li div.verification img {
								border: 1px solid;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div label {
								line-height: 18px;
								font-weight: bold;
								margin-bottom: 9px;
								font-size: 80%;
								color: #000;/*override to match site*/
								}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block;
								line-height: 18px;
								width: 100%;
								border: 1px solid;
								padding: 4px 0 3px;
								text-indent: 4px;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div select {height: 25px;}
							fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
							fieldset li div div {width: 100%;}
						fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
							clear:both;/*do not change, forces button to sit below floated elements*/
							display: block;
							width: 125px;
							height: 34px;
							text-align: center;
							margin: 0;
							background:#543019;/* customize me! */
							border: 1px solid #2e6a28;
							line-height: 34px;
							color:#2e6a28;/* customize me! */
							font-size:12px;
							font-weight:bold;
							-moz-border-radius: 4px; /*for Moz, optional*/
							-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
							}


	/* appointment form
	* Styles only for the appointment request form
	*/


	/* comment form
	* Styles only for the comments form
	*/
	/*numbering added by jQuery*/
	fieldset ol li span.comment-number {
		font-size: 150%;
		color: #000;/* customize me*/
		position: absolute;
		left: 9px;
		top: 9px;
	}


	/* referral form
	* Styles only for the referral form
	*/
	.referral-form fieldset li div.radio {width: 40%;}

	/* JQuery */
	input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
	div.error {
		background: url(../images/validate_error.gif) 0 0 no-repeat;
		color: #a52003;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		display: block;
		margin: 12px -2% 0 0;
		text-indent: -999em;}
	div.success {
		background: url(../images/validate_ok.gif) 0 0 no-repeat;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
		display: block;
		margin: 12px -2% 0 0;
		text-indent: -999em;}

	.contact-form div.error, .contact-form div.success {margin-left: 0;}


.right-border {
	border: solid 1px #333; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 0 15px 15px;
	}
img.right {
	float: right;
	margin: 0 0 15px 15px;
	}
.left-border {
	border: solid 1px #000;
	margin: 0 15px 15px 0;
	float: left;
	}
img.left {
	margin: 0 15px 15px 0;
	float: left;
	}
span.indent {
	padding-left: 40px;
	}
#invisalign-sidebar {
	background: #fff;
	width: 275px;
	margin: 0 55px 15px 15px;
	padding: 0;
	border: solid 1px #000;
	line-height: 18px;
	font-size: 11px;
	float: right;
	clear: right;
	}
#invisalign-sidebar a {
	color: #036;
	}
#invisalign-sidebar h3 {
	background: #97AFC2;
	margin: 0;
	padding: 15px;
	color: #fff;
	}
#invisalign-sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	}
.thumb {
	border: solid 1px #000;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}
	
/* Invisalign Footer */	
#invisalign-footer {
	float:right;
	background: #fff;
	width: 70%;
	margin: 30px 30px;
	padding: 0;
	border: solid 1px #333; /* Customize me!! */
	font-size: 11px;
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	clear: both;
	}
#invisalign-footer h3 {
	background: #97AFC2; /* Customize me!! */
	margin: 0;
	padding: 8px 15px;
	color: #fff; /* Customize me!! */
	font-size: 14px;
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
#invisalign-footer ul li img {
	margin: 0 10px 0 15px;
	float: left;
	}
#invisalign-footer p {
	padding: 0 15px;
	margin: 30px 0 15px 0;
	}
#invisalign-footer ul {
	margin: 15px; 
	padding: 0 0 15px 0;
	list-style: none;
	border: solid 1px #333; /* Customize me!! */
	border-width: 0 0 1px 0;
	}
#invisalign-footer li {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	}
#invisalign-footer li a {
	float: left;
	}	
.invisalign-footer-logo {
	margin: 0 30px 0 15px;
	float: left;
	}
/* Clear Fix */
.clear {clear: both;}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}