@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	width: 760px;
	background: #cccccc url(../images/general/bodyrepeat.jpg) top repeat-x;
	font: normal small "Arial", Helvetica, sans-serif;
	color: #333333;
}

a {
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

img { border: none; }

/* Header */

#header {
	width: 760px;
	height: 125px;
	margin: 0 auto;
	padding: 0;
	background: #2d4051 url(../images/general/headertop.jpg) 0 bottom no-repeat;
}

/* Menu */

.navContainer {
	width: 750px;
	height: 30px;
	margin: 0 auto;
	padding: 0 5px 0 5px;
	background: #2d4051 url(../images/general/menuback.jpg) 0 bottom no-repeat;
}

#navMenu {
	display: inline;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

#navMenu li {
	float: left;
	display: inline;
	padding: 4px 0 0 0;
}

#navMenu li.first {
	float:left;
	display:inline;
	width: 70px;
	height: 22px;
}

a.navHome, a.navHome_a {
	display:block;
	float:left;
	width: 60px;
	height: 22px;
	background: url(../images/menu/home.jpg) 0 0 no-repeat;
	background-repeat:no-repeat;
}

a.navHome:hover { background: url(../images/menu/home.jpg) 0 -22px no-repeat; }

a.navHome_a { background: url(../images/menu/home.jpg) 0 4px no-repeat; }

a.navLocations, a.navLocations_a {
	display:block;
	float:left;
	width: 82px;
	height: 22px;
	background: url(../images/menu/locations.jpg) 0 0 no-repeat;
	background-repeat:no-repeat;
}

a.navLocations:hover { background: url(../images/menu/locations.jpg) 0 -22px no-repeat; }

a.navLocations_a { background: url(../images/menu/locations.jpg) 0 4px no-repeat; }

a.navExperience, a.navExperience_a {
	display:block;
	float:left;
	width: 91px;
	height: 22px;
	background: url(../images/menu/experience.jpg) 0 0 no-repeat;
	background-repeat:no-repeat;
}

a.navExperience:hover { background: url(../images/menu/experience.jpg) 0 -22px no-repeat; }

a.navExperience_a { background: url(../images/menu/experience.jpg) 0 4px no-repeat; }

a.navFAQs, a.navFAQs_a {
	display:block;
	float:left;
	width: 58px;
	height: 22px;
	background:  url(../images/menu/faqs.jpg) 0 0 no-repeat;
	background-repeat:no-repeat;
}

a.navFAQs:hover { background: url(../images/menu/faqs.jpg) 0 -22px no-repeat; }

a.navFAQs_a { background: url(../images/menu/faqs.jpg) 0 4px no-repeat; }

a.navSuccessStories, a.navSuccessStories_a {
	display:block;
	float:left;
	width: 116px;
	height:22px;
	background: url(../images/menu/successstories.jpg) 0 0 no-repeat;
	background-repeat: no-repeat;
}

a.navSuccessStories:hover { background: url(../images/menu/successstories.jpg) 0 -22px no-repeat; }

a.navSuccessStoriese_a { background: url(../images/menu/successstories.jpg) 0 4px no-repeat; }

a.navContact, a.navContact_a {
	display:block;
	float:left;
	width: 71px;
	height: 22px;
	background: url(../images/menu/contact.jpg) 0 0 no-repeat;
	background-repeat: no-repeat;
}

a.navContact:hover { background: url(../images/menu/contact.jpg) 0 -22px no-repeat; }

a.navContact_a { background: url(../images/menu/contact.jpg) 0 4px no-repeat; }

/* Page */

#border {
	width: 760px;
	margin: 0 auto;
	background: url(../images/general/contentrepeat.jpg) top repeat-y;
}

#container { padding: 0 5px 0 5px; }

.colclear { clear: both; height: 2px; }

.lrgclear { clear: both; height: 15px; }

.mainleft { height: 200px; width: 225px; float: left; }

.mainright { height: 200px; width: 525px; float: left; }

.topborder { width: 750px; height: 2px; background: #486278; clear: both; }

/* Content */

#content { padding: 10px 10px 0 10px; }

.leftcontainer { float: left; width: 200px; padding: 0 15px 0 0; }

.rightcontainer { float: left; width: 515px; }

/* Locations */

.locationinfo { padding: 0 0 0 20px; font-size: 11px; color: #666; }

.locationinfo h1 { font-size: 14px; font-weight: bold; color: #2d4051; border-bottom: dotted 1px #2d4051; margin: 0 15px 4px 0; }

.locationinfo h2 { font-size: 12px; font-weight: bold; color: #2d4051; }

.locationbackground { width: 512px; background: url(../images/locations/locationback.gif) 0 top no-repeat; }

.locationbackground img { padding: 8px; float: left; }

.locationbackground p { padding: 10px 0 0 0; }

.locationphnumber { text-align: center; font-weight: bold; padding: 10px 0 0 0; }

/* Experience */

.certification { padding: 10px 0 10px 15px; color: #2d4051; }

.portrait { float: right; padding: 0 5px 10px 15px; }

/* FAQs */

.faqleftquestion { text-align: right; width: 200px; padding: 0 15px 0 0; font-size: 16px; font-weight: bold; color: #2d4051; float: left; }

.faqrightquestion { width: 515px; font-size: 16px; font-weight: bold; color: #2d4051; float: left; }

.faqleftanswer { text-align: right; width: 200px; padding: 10px 15px 0 0; font-size: 12px; font-weight: bold; float: left; }

.faqrightanswer { width: 515px; padding: 10px 0 0 0; font-size: 12px; float: left; }

/* Success Stories */

.successimage { text-align: right; width: 185px; padding: 0 30px 0 0; float: left; font-size: 12px; color: #2d4051; }

.successtext { font-size: 12px; width: 515px; float: left; border-bottom: dotted 1px #2d4051; padding: 0 0 10px 0; }

.dearspace { padding: 0 0 5px 0; }

/* Contact */

.contacttext { float: left; width: 200px; padding: 0 0 0 40px; }

.contacttext h1 { font-size: 14px; font-weight: bold; color: #2d4051; border-bottom: dotted 1px #2d4051; margin: 0 10px 4px 0; }

.contacttext h2 { font-size: 12px; font-weight: bold; color: #2d4051; }

.contacttext h3 { font-size: 10px; padding: 0 0 20px 0; }

/* Footer */

#footer { width: 760px; height: 80px; margin: 0 auto; clear: both; background: url(../images/general/footer.jpg) 0 top no-repeat; }

.footerwho { padding: 30px 0 0 25px; font-size: x-small; color: #b3c4d4; }

.footerwho a { text-decoration: none; color: #b3c4d4; }

.footerwho a:hover { text-decoration: underline; color: #5c7e9a; }

/* Form Stuff */

form {
  margin: 0;
  padding: 0;
  width: 500px;
}

form label {
	float: left; 
	width: 125px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form .input,
form select,
form textarea {
	width: 250px;
	margin: 5px 0 0 10px;
}

form input#reset {margin-left:0px;}

textarea {overflow: auto;}

form .required {font-weight:bold;}

form br {clear:left;}