/* BASIC SETUP */
* { margin: 0; padding: 0; font-size: 1em; }
body { font-size: 0.9em; font-family: gotham-book, Arial, Helvetica, sans-serif; color: #414141; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

p { margin-bottom: 1em; line-height: 1.2em; }
p.error { color: #FF0000; text-align: center; background-color: #FFDDDD; margin: 0 0 10px 0; padding: 3px; }
ul, ol { margin-left: 1.5em; margin-bottom: 1em; }
li { margin-bottom: 0.3em; }

img { border: 0; }
a { text-decoration: none; color: #777777; }
a:hover { color: #aaaaaa; }

.hr hr, .hr-testimonial hr, .hr-section hr { display: none; }
.hr { border-bottom: 2px solid #414141; margin-bottom: 1em; }
.hr-testimonial { border-bottom: 2px solid #414141; width: 500px; margin-left: 100px; margin-top: 30px; }
.hr-section { display: block; border-top: 4px solid #1e72b7; height: 27px; margin-bottom: 35px; background-image: url(../images/section-hr-arrow.png); background-position: top center; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.8em; font-family: gotham-bold; font-weight: normal; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; text-align: center; text-transform: uppercase; margin-bottom: 35px; }
h3 { font-size: 1.1em; margin-bottom: 0.2em; }
h4, h5, h6 { font-size: 1em; }

body.single h2 {
	font-size: 1.4em;
	margin: 1.5em 0 1em;
	text-align: left;
	text-transform: none;
}

/* USEFUL SHARED PROPERTIES */
.br10 { position: absolute; bottom: 10px; right: 10px; }
strong, b { font-weight: normal; font-family: gotham-bold; }

/* FORMS */
fieldset { border: 0; }
input.text { color: #000000; }
input.text-ghosted { color: #808080; }
input, select, textarea { vertical-align: middle; -webkit-appearance:none; height: 16px; border: none; font-family: gotham-book, Arial, Helvetica, sans-serif; }
.form-button, .button { height: 21px; border: 0; background-color: #FFFFFF; color: #414141; padding: 0 13px; line-height: 21px; text-transform: uppercase; font-family: gotham-bold; }




/* DEFAULT PAGE STRUCTURES */
#root { width: 100%; margin: 0px auto; }

	#header { }
		#logo { display: block; width: 283px; height: 48px; margin: 0 auto; padding: 96px 0 46px; }

	#main-image { position: relative; }

	.content { width: 700px; margin: 0 auto 45px; }
		.content-text { position: relative; }
		.para-icon { position: absolute; left: -40px; top: 0; }
		.footer-link:hover { color: #FFFFFF; background-color: #27AAE1; }

		.logo { display: block; float: left; margin: 15px 15px 0 0; }

		.testimonial { color: #27AAE1; font-family: gotham-light; font-size: 1.1em; margin-top: 30px; margin-bottom: 1em; font-size: 1.1em; text-align: center; }
			.testimonial-text { position: relative; width: 650px; margin: 0px auto; }
				.left-quote { position: absolute; left: -70px; top: 0; font-size: 6em; font-family: gotham-bold; }
				.right-quote { position: absolute; right: -70px; bottom: 0; font-size: 6em; font-family: gotham-bold; }

	#google-map { width: 700px; height: 550px; }

	#contact-form { float: right; background-color: #27AAE1; width: 330px; height: 228px; padding: 10px; background-image: url(../images/form-bg.png); background-position: bottom left; background-repeat: no-repeat; }
		#contact-form label { float: left; color: #FFFFFF; width: 100px; }
		#contact-form .text { float: right; width: 215px; padding: 3px; margin-bottom: 5px; }
		#contactform, #contactform-thanks { color: #FFFFFF; }
		#contactform-thanks { padding: 25px; height: 168px; text-align: center; }
			#contact-form h2 { color: #FFFFFF; margin: 30px 0 15px; }

	#footer { background-color: #27AAE1; padding: 20px; color: #FFFFFF; text-transform: uppercase; font-size: 0.8em; }
		#footer a { color: #FFFFFF; }
		#footer .float-left { width: 350px; }
		#footer .float-right { width: 300px; text-align: right; }/* GOTHAM */

@font-face {
    font-family: 'gotham-book';
    src: url('fonts/gotham-book.eot');
    src: url('fonts/gotham-book.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-book.woff') format('woff'),
         url('fonts/gotham-book.ttf') format('truetype'),
         url('fonts/gotham-book.svg#AppleGaramondLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-bold';
    src: url('fonts/gotham-bold.eot');
    src: url('fonts/gotham-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-bold.woff') format('woff'),
         url('fonts/gotham-bold.ttf') format('truetype'),
         url('fonts/gotham-bold.svg#AppleGaramondLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham-light';
    src: url('fonts/gotham-light.eot');
    src: url('fonts/gotham-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-light.woff') format('woff'),
         url('fonts/gotham-light.ttf') format('truetype'),
         url('fonts/gotham-light.svg#AppleGaramondLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_line.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.main-navigation { /*float: left;*/ width: 100%; overflow:hidden; position: fixed; z-index: 100; background-color: #1e72b7; background-image: url(../images/main-nav-bg.png); background-position: top; background-repeat: repeat-x; text-align: left; }
* html .main-navigation { padding-bottom: 0; }
	.main-navigation ul { list-style-type: none; margin: 0; padding: 0; clear:left; float:left; position: relative; left:50%; }
		.main-navigation li { display: block; float: left; position: relative; right:50%; margin: 0; padding: 0; }
			.main-navigation a { display: block; padding: 0 13px 0; height: 50px; line-height: 50px; color: #FFFFFF; text-transform: uppercase; text-align: center; }
			.main-navigation a.active { font-family: gotham-bold; }
			.main-navigation a.active:hover { color: #FFFFFF; }
			.main-navigation a.lastnavigation {  }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.main-navigation ul ul { margin: 0; padding: 0; visibility: hidden; position: absolute; width: 200px; height: 0; top: 30px; left: 0; }
/* another hack for IE5.5 */
* html .main-navigation ul ul { top: 43px; t\op: 44px; }

/* position the third level flyout menu */
.main-navigation ul ul ul { left: 164px; top: 0px; width: 170px; border-top: 0; }

/* position the third level flyout menu for a left flyout */
.main-navigation ul ul ul.left { left: -153px; }

/* style the table so that it takes no part in the layout - required for IE to work */
.main-navigation table { position: absolute; top: 0; left: 0; }

/* style the second level links */
.main-navigation ul ul a { text-align: left; padding: 10px 0px 8px 13px; height: auto; text-transform: none; border: 0; background-color: #999999; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; color: #FFFFFF; }

.main-navigation ul ul li { float: none; margin: 0px; padding: 0px; }
/* yet another hack for IE5.5 */
* html .main-navigation ul ul a { width: 140px; w\idth: 139px; }

/* style the third level links */
.main-navigation ul ul ul a {  }
.main-navigation ul ul ul a:hover {  }

/* style the top level hover */
.main-navigation a:hover, .main-navigation :hover > a, .main-navigation ul ul :hover > a { color: #96D0EA; }
/* style the second level hover */
.main-navigation ul ul a:hover, .main-navigation ul ul :hover > a {  }


/* make the second level visible when hover on first level list OR link */
.main-navigation ul li:hover ul,
.main-navigation ul a:hover ul{ visibility: visible; }
/* keep the third level hidden when you hover on first level list OR link */
.main-navigation ul :hover ul ul{ visibility: hidden; }
/* make the third level visible when you hover over second level list OR link */
.main-navigation ul :hover ul :hover ul{ visibility: visible; }.large-paragraph { font-size: 1.3em; }
.right-image { float: right; display: block; margin: 0 0 25px 25px; }

.footer-link { display: inline-block; margin: 30px 0; color: #FFFFFF; background-color: #414141; text-transform: uppercase; font-size: 1.2em; padding: 7px 23px; font-family: gotham-bold; }