/*/// GLOBAL RESETS ///*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*/// GLOBAL ELEMENTS ///*/

html { font: 62.5% arial, verdana, tahoma, helvetica;}

body	{ background: #7694be; color:#000; margin:0; padding:0; font-size: 1.2em; text-align: center;}

p { margin: 0 0 1.2em 0;}

h1 { font-size: 1.8em; color:#fff; background: transparent; font-weight: normal; margin: 0 0 10px 0;}
h2 { font-size: 1.4em; color:#fff; background: transparent; font-weight: normal;}
h3 { font-size: 1.2em; color:#fff; background: transparent; font-weight: normal;}
h4 { font-size: 1.2em; color:#fff; background: transparent; font-weight: normal;}
h5 { font-size: 1.2em; color:#fff; background: transparent; font-weight: normal;}
h6 { font-size: 1.2em; color:#fff; background: transparent; font-weight: normal;}

input, textarea, select { border: 1px solid #000; background: #fff; color: #000;}	

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

img { border: none; vertical-align: bottom;}

/*/// TEMPLATE ELEMENTS ///*/

.googleMap { margin: 15px 0 0; height: 330px; width: 400px; float: right; border: 1px solid #898b8d;}  
#googlePopUp{ font-family: georgia; color: #000; }
#googlePopUp input { background: #c5c5c6; color: #000; border: 1px solid #000;}

/*/// LAYOUT ///*/

/* Header */
#headerContainer { width: 100%; min-width: 850px; background: url('../images/blueGradientBg.jpg') repeat-x #1f3070; min-height: 146px;}
* #headerContainer { height: 146px;}
#header { width: 850px; margin: 0 auto; text-align: left;}
#telephone { float: right; color: #fff; margin: 98px 15px 0 0; font-size: 1.2em; background: transparent;}
img#logo { float: left;}
img#sageLogo { float: right; margin: 95px 5px 0 0;}

/* Mid */
#midContainer { width: 100%; min-width: 850px; background: #fff;}
#mid { width: 850px; margin: 0 auto; padding: 7px 0 7px 0; text-align: left;}
img#mainImage { float: right;}
#midSide { float: left; width: 218px;}
#contact { float: left; color: #232020; padding-left: 5px; margin-top: 15px; font-size: 1.1em;}

/* mainNav */
ul#mainNav { width: 218px; float: left;}
ul#mainNav li {}
ul#mainNav li a { display: block; width: 208px; min-height: 28px; padding: 16px 0 0 10px; background: url('../images/mainNav.jpg') top left no-repeat transparent; margin: 0 0 4px 0; font-size: 1.6em; text-decoration: none; color: #fff;}
* html ul#mainNav li a { height: 28px;}
ul#mainNav li a:hover { background-position: -218px 0px;}
ul#mainNav li a.currentPage { background-position: -436px 0px;}

/* Content */
#contentContainer { width: 780px; margin: 0 auto; padding: 30px 30px 20px 30px; text-align: left; background: url('../images/greyGradientBg.jpg') repeat-x #555a5d; border-bottom: 6px solid #62676a; color: #fff;}
#contentContainer a { color: #fff; background: transparent;}
#contentContainer a:hover { color: #cf751c;}
.quote { font-size: 1.2em; font-style: italic; font-weight: bold;}

/* CURTIS - Please Leave the commented code - I want to compare */
/* ul#subNav {padding-left:0; margin-left:0; margin-bottom:20px;}
ul#subNav li {display:inline; padding-left:0; margin-left:0 ;padding-right:15px;}
ul#subNav li a {font-size: 1.8em; color:#fff; text-decoration:none}
ul#subNav li a:hover,ul#subNav li a.currentPage  {color:#f88b22;} */

/* Paul - It was receiving styling from the Inline bulleted lists on lines 111 and 112. I just gave them better selectors to overwrite the styles. */

/* sub nav  */
#contentContainer ul#subNav { padding: 0; margin: 0 0 20px;}
#contentContainer ul#subNav li {display:inline; padding: 0 35px 0 0;}
ul#subNav li a {font-size: 1.8em; color:#fff; text-decoration:none}
ul#subNav li a:hover,ul#subNav li a.currentPage  {color:#f88b22;}


/* Footer */
#footer { width: 850px; margin: 0 auto; background: #36383a; color: #a9a9a9; padding: 10px 0; text-align: left;}
#valid { float: left; height: auto; width: auto; margin: 0 0 0 20px;}
* html #valid { display: inline;}
#valid img { margin-right: 5px;}

#copyright { float: left; color: #a9a9a9; font-size: .9em; padding: 2px 0 0 0; margin-left: 15px;}
* html #copyright { display: inline;}

ul#minorNav {float: right; margin: 2px 20px 0 0;}
* html ul#minorNav { display: inline;}
ul#minorNav li { display: inline; color: #a9a9a9; float: left; padding: 0;}
ul#minorNav li a {float: left; color: #a9a9a9; font-size: .9em; padding: 0 5px; text-decoration: none;}
ul#minorNav li a:hover, ul#minorNav li a.currentPage { text-decoration: underline; color: #cf751c;}

p#error { width: 100%; text-align: center; padding: 100px 0 90px;}

/* prw */
#contact a {text-decoration: none; color:black; }
#contact a:hover {color:#cf751c;}

/* Inline bulleted lists */
#contentContainer ul {padding-left:35px;}
#contentContainer ul li {padding-left:15px;list-style-type: disc;}

/* Contact Us Form */
/* Contact Us Form */
.formLeft { font-weight:bold; }
.formRight { padding-right: 10px; margin-bottom:10px;}
.contactValidation { }
input, textarea { border: 1px solid #898b8d;}
.formSubmit {display:block; margin-top:15px;margin-left:0px;}
.formSubmit input {font-weight:bold; cursor: pointer;}
.formSubmit input:hover {font-weight:bold; color: #e76800;}

#contactForm { float: left; width: 270px;}