/* Start of CMSMS style sheet 'base' */
/*
Gomez & Sullivan
Website: http://www.gomezandsullivan.com/
Base Style Sheet
*/

/* ============================================================================
OVERALL STYLES
=============================================================================== */
body {
background:#fff url(uploads/images/background_body.gif) no-repeat center 310px;
min-width:929px;
text-align:center;
font:normal 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
padding-bottom:2em;
}

#wrapper {
width:929px;
text-align:left;
margin:0 auto;
}

hr {
display:none;
}

/* Framework Classes -------------------------------------------------- */

.right {
float:right;
}

img.right {
margin:0 0 2.5em 25px;
}

.left {
float:left;
}

img.left {
margin:0 25px 2.5em 0;
clear:both;
}

/* ============================================================================
HEADER STYLES
=============================================================================== */
#header {
padding:4.5em 55px 2em 25px;
position:relative;
background-color:#fff;
}

/* Branding -------------------------------------------------- */

h1 {
text-indent:-9999em;
width:288px;
height:48px;
margin-bottom:1.5em;
}

h1 a {
display:block;
width:288px;
height:48px;
background:transparent url(uploads/images/logo.gif) no-repeat left top;
}

#home h1 a:hover {
cursor:default;
}

h2 {
font:bold 1.2em Arial, Helvetica, sans-serif;
color:#939598;
padding-left:60px;
}

/* Navigation -------------------------------------------------- */

#navigation {
overflow:hidden;
position:absolute;
right:55px;
top:2.5em;
}

#navigation li {
float:left;
font-size:1.4em;
margin-left:25px;
text-transform:lowercase;
}

#navigation a {
color:#008a7f;
text-decoration:none;
}

#navigation a:hover {
color:#003e88;
}

#home #navHome a,
#about #navAbout a,
#news #navNews a,
#services #navServices a,
#careers #navCareers a,
#contact #navContact a {
color:#003e88;
cursor:default;
}


/* ============================================================================
CONTENT STYLES
=============================================================================== */
#content {
background:#082946 url(uploads/images/background_content.gif) no-repeat center top;
color:#fff;
padding:10em 55px 0 25px;
overflow:hidden;
}

#home #content,
#contact #content {
padding-left:85px;
}

h3 {
text-align:right;
font:normal 1.8em "Adobe Caslon", Georgia, "Times New Roman", Times, serif;
margin-bottom:2.5em;
}

/* Main Content -------------------------------------------------- */

#mainContent {
float:right;
width:645px;
}

#home #mainContent {
float:left;
width:530px;
}

#contact #mainContent {
float:none;
width:auto;
}

h4 {
font:small-caps 2.5em "Adobe Caslon", Georgia, "Times New Roman", Times, serif;
border-bottom:1px solid #fff;
margin-bottom:.75em;
}

h4#case {
margin-top: 3.5em;
}

h5 {
font-size:1.6em;
font-weight:bold;
color:#cfe293;
margin-bottom:.75em;
}

#mainContent p,
#mainContent dt,
#mainContent dd {
font-size:1.5em;
line-height:1.5em;
margin-bottom:1.7em;
}

#mainContent dl {
margin-bottom:2em;
}

#mainContent dt,
#mainContent dd {
margin-bottom:.1em;
line-height:1.3em;
}

#mainContent dt {
font-weight:bold;
}

#mainContent a {
color:#75bee9;
}

#mainContent a:hover {
color:#3e9fd8;
}

ul#list {
margin-bottom:2.5em;
}

#list li {
font-size:1.5em;
line-height:1.5em;
list-style:disc inside;
}

#jobs {
margin-bottom:2.5em;
}

#jobs li {
font-size:1.5em;
line-height:1.5em;
}

/* Events */

#upcoming {
float:left;
width:385px;
}

#calendar {
float:right;
width:235px;
}

#calendar table {
width:100%;
}

#calendar th {
font-size:1.7em;
font-weight:bold;
text-align:center;
padding-bottom:.5em;
vertical-align:middle;
}

#calendar .next,
#calendar .previous {
display:block;
text-indent:-9999em;
width:12px;
height:12px;
margin:0 auto;
}

#calendar .next {
background:transparent url(uploads/images/calendar_next.gif) no-repeat left bottom;
}

#calendar .previous {
background:transparent url(uploads/images/calendar_previous.gif) no-repeat left bottom;
}

#calendar td {
background:transparent url(uploads/images/calendar_inactive.gif) no-repeat left bottom;
width:14%;
padding:1em 8px .3em 5px;
text-align:right;
font-size:1.4em;
font-weight:bold;
}

#calendar td.empty {
background-image:none;
}

#calendar td.event {
background-image:url(uploads/images/calendar_active.gif);

}

#calendar td a {
color:#002144;
text-decoration:none;
}

#calendar td a:hover {
color:#fff;
}

/* Contact Form */

#contactExecutives {
float:left;
width:296px;
}

#contactForm {
float:right;
width:468px;
}

form {
background:transparent url(uploads/images/background_form.gif) no-repeat left top;
padding:25px;
padding-bottom:1000em;
margin-bottom:-1000em;
overflow:hidden;
}

legend {
display:none;
}

fieldset p {
margin-bottom:1.25em !important;
overflow:hidden;
}

label {
color:#cfe293;
font-weight:bold;
width:85px;
float:left;
text-align:right;
padding-right:15px;
}

fieldset input,
fieldset textarea {
border:1px solid #fff;
width:300px;
font:normal .8em "Helvetica Neue", Helvetica, Arial, sans-serif;
padding:.3em 4px;
color:#2f587c;
float:left;
}

fieldset textarea {
height:100px;
}

fieldset input:focus,
fieldset textarea:focus {
border-color:#082945;
color:#082945;
}

button {
background:none;
border:none;
height:23px;
line-height:23px; /* Fixes button alignment in Opera */
color:#221e1f;
}

button:hover {
cursor:pointer;
}

#submit {
width:69px;
background:transparent url(uploads/images/button_submit.gif) no-repeat center top;
margin:0 10px 0 100px;
}

#clear {
width:59px;
background:transparent url(uploads/images/button_clear.gif) no-repeat center top;
}

/* Sub Content -------------------------------------------------- */

#subContent {
float:left;
width:179px;
}

#home #subContent {
float:right;
width:232px;
}

#subContent h4 {
font-size:2.1em;
}

/* Sub Navigation */

#subNavigation li {
font-size:1.4em;
text-transform:lowercase;
margin-bottom:.5em;
}

#subNavigation a {
color:#bcbec0;
text-decoration:none;
}

#subNavigation a:hover {
color:#3e9fd8;
}

#subNavigation .current a {
color:#75bee9 !important;
font-weight:bold;
cursor:default;
}

#subNavigation2 li {
font-size:1.4em;
margin-bottom:1.2em;
}

#subNavigation2 a {
color:#bcbec0;
text-decoration:none;
}

#subNavigation2 a:hover {
color:#3e9fd8;
}

#subNavigation2 .current a {
color:#75bee9 !important;
font-weight:bold;
cursor:default;
}

/* Featured Services */

#featured {
overflow:hidden;
}

#featured li {
float:left;
width:109px;
height:109px;
margin-bottom:14px;
overflow:hidden;
}

#featuredEngineering,
#featuredEnvironmental,
#featuredDam {
margin-right:14px;
}

#featured a {
display:block;
width:109px;
height:109px;
color:#fff;
text-decoration:none;
display:block;
position:relative;
opacity:.75;
}

#featured a:hover {
opacity:1;
}

#featuredEngineering a {
background:transparent url(uploads/images/featured_engineering.gif) no-repeat left top;
}

#featuredHydropower a {
background:transparent url(uploads/images/featured_hydropower.gif) no-repeat left top;
}

#featuredEnvironmental a {
background:transparent url(uploads/images/featured_environmental.gif) no-repeat left top;
}

#featuredHydrology a {
background:transparent url(uploads/images/featured_hydrology.gif) no-repeat left top;
}

#featuredDam a {
background:transparent url(uploads/images/featured_dam.gif) no-repeat left top;
}

#featuredGeographic a {
background:transparent url(uploads/images/featured_geographic.gif) no-repeat left top;
}

#featured em {
font-size:1.0em;
font-style:normal;
font-weight:bold;
text-transform:uppercase;
display:block;
width:95px;
position:absolute;
bottom:0;
border-top:1px solid #fff;
background:transparent url(uploads/images/featured_bottom.gif) no-repeat left bottom;
padding:.5em 7px .5em 7px;
}

#partners {
background:transparent url(uploads/images/history_founders.gif) no-repeat left top;
width:399px;
height:255px;
float:right;
margin:0 0 2.5em 25px;
display:block;
}

#partners p {
font-size:1.2em;
display:block;
width:399px;
position:relative;
margin-top:255px;
bottom:0;
background:transparent url(uploads/images/featured_bottom2.gif) no-repeat left bottom;
padding:0.5em 15px 0.5em 15px;
}

#partners em {
font-weight:bold;
font-style:normal;
}

/* ============================================================================
FOOTER STYLES
=============================================================================== */
#footer {
background:#082946 url(uploads/images/background_footer.gif) no-repeat center bottom;
padding:6em 55px 3em 85px;
color:#fff;
overflow:hidden;
}

/* Footer Navigation -------------------------------------------------- */

#footer ul {
float:left;
width:232px;
}

#footer li {
float:left;
font-size:1.2em;
margin-right:25px;
}

#footer li a {
color:#fff;
text-decoration:none;
}

#footer li a:hover {
text-decoration:underline;
}

/* Copyright -------------------------------------------------- */

#footer p {
float:right;
font-size:1.2em;
width:530px;
text-align:right;
}
/* End of 'base' */