/*----------------------------------------------------------------------------------------------------
///////////////////      Genral Style Sheet Rules       //////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

- ID and Classname selectors should be semantically named.
 
- Use comments liberally as they will be removed on the server.

- All attempts to avoid css filters should be exhausted before using a filter. If a filter must 
be used please use the underscore ie 6 hack (ex. _property:value;) to target IE 6 only, and the star 
hack to target IE 7 and IE 6 (ex. *property:value;).

- ID and Classname selectors will use Hungarian Naming. Underscores or hyphens should not be used.

- All font declarations are done in the global file by adding selectors to the font size section.

- Be sure to maintin the style sheet information by creating logical sections of content for
each style sheet and making sure you identify the pages that the style sheet will be include on.
 
- Make sure you do not re-create the wheel, use the Common Styles! Add ones if neccessary.

- Be exact with selectors ".XXX" - not - "table tr td.XXX"

- This style sheet was tested in the follow browsers:
 
	* Firefox 2.x+ OSX and Windows XP
    * Firefox 3.x+ OSX, Windows XP, Vista
    * Safari 3.x+ OSX, Windows XP, Vista
    * IE 6 windows XP service pack 2
    * IE 7 windows XP and Vista


------------------------------------------------------------------------------------------------------
///////////////////      Global Style Sheet Rules       //////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

- Use the body ID to create unique styles for page specific scenarios. The idea being that by using
the body #id you can overight styles in global style sheet for page specifics needs

------------------------------------------------------------------------------------------------------
///////////////////      Style Sheet Information       /////////////////////////////////////////////
------------------------------------------------------------------------------------------------------

Author: cody lindley (cody@fluid.com)
Version & Date: 8/14/08
Included on the following .html page:
	=All .html pages

Contains:
	=Font Sizing
	=Base Links/Anchors/Buttons
	=Common Styles
	

----------------------------------------------------------------------------------------------------*/
/* =Base/Reset Styles
----------------------------------------------------------------------------------------------------*/

* {/* set all elements to have 0 margin and padding */
	margin:0;
	padding:0;
}

p, ul, ol, dl {/* reset specific elements */
	text-align:left;
	list-style:none;
}

p {
	line-height:1.4em;
}

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

q:before, q:after { content:''; }

abbr, acronym {
	border:0;
	font-variant:normal;
}

sup, sub {
	line-height:-1px;
	vertical-align: text-top;
}

sub { vertical-align:text-bottom; }

hr {
	border-top: 1px solid #333;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin:7px 0;
	*margin:0 0; /* IE 7 & 6 filter, by default IE adds 7px margin */
}

html {
	
}

body {
	background-color:#fff;
	color:#9f9f9f; /* global font color, except for form elements */
	font-family: Arial, Helvetica, sans-serif;
	line-height:1;
	font-size:100%;
}

input, textarea, select { 
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
}

select option {padding:0px 4px;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:99%;
}

legend{
	margin:0;
	padding:0;
	color:#000000;
	font-weight:normal;
}

img {
	vertical-align: bottom;	
}

/* =Font Sizing
----------------------------------------------------------------------------------------------------*/
/*

!!!!!!! VERY IMPORTANT !!!!!!!!!

If you do not need to support text sizing in IE 6 & 7 then remove the *font-size:XX% below. If you
leave it in this styles sheet then you will have to deal with font size inheritence. Its the
opinion of the this developer that font sizing in IE 6 and IE 7 is not worth the hacks and 
inheritence issues. Choose wisely.

Fonts sizes for all elements should be define in this style sheet and each selector should be 
on its own line with comments following (base styles are the exception).

Ex.

.menu, 
.errorMessage p,
#fe .fi .fo
{ font-size:15px; *font-size: 100% }

*/

/*Base Size*/
add selectors here 
{ font-size:13px; /**font-size: 85%;*/ } /* =13 */

.offeringsSubNav, .offeringsLink
{ font-size:14px; /**font-size: 93%;*/} /* =14 */

content,h3, .colleft, .colright
{ font-size:15px; /**font-size: 100%;*/} /* =15 */

add selectors here 
{ font-size:16px; /**font-size: 108%;*/ } /* =16 */

add selectors here 
{ font-size:17px; /**font-size: 114%;*/ } /* =17 */

add selectors here 
{ font-size:18px; /**font-size: 122%;*/ } /* =18 */

.continueReading, .learnMore
{ font-size:19px; /**font-size: 136%;*/ } /* =19 */

add selectors here 
{ font-size:20px; /**font-size: 144%;*/ } /* =20 */

add selectors here 
{ font-size:21px; /**font-size: 152%;*/ } /* =21 */

add selectors here 
{ font-size:22px; /**font-size: 159%;*/} /* =22 */

add selectors here 
{ font-size:23px; /**font-size: 167%;*/ } /* =23 */

add selectors here 
{ font-size:24px; /**font-size: 174%;*/ } /* =24 */

add selectors here 
{ font-size:25px; /**font-size: 182%;*/ } /* =25 */

add selectors here 
{ font-size:26px; /**font-size: 189%;*/ } /* =26 */

add selectors here 
{ font-size:27px; /**font-size: 197%;*/ } /* =27 */

h1
{ font-size:40px; /**font-size: 197%;*/ } /* =27 */

h2
{ font-size:35px; /**font-size: 197%;*/ } /* =27 */


/* =Base Links/Anchors/Buttons
----------------------------------------------------------------------------------------------------*/

a:link {
	color: #009DDA;
	outline:none;
	text-decoration:none;
}

a:visited {
	color: #009DDA;
	outline:none;
	text-decoration:none;
}

a:hover {
	outline:none;
	text-decoration:none;
	border-bottom:1px dotted #009DDA;
}

a:active {
	color: #009DDA;
	outline:none;
	text-decoration:none;
}

a:focus {
	color: #009DDA;
	outline:none;
	text-decoration:none;
}

:focus {
	-moz-outline-style:none;
	text-decoration: none;
	outline:none;
}

/* =Common Styles
----------------------------------------------------------------------------------------------------*/

.clearFloatNoHeight {
	clear: both;
	line-height: 0;
	height: 0;
	display: block;
	overflow:hidden;
	width:0;
}

.clearFloat {
	clear: both;
	display: block;
}

.floatRight { float:right; }
.floatLeft { float:left; }
.textLeft { text-align:left; }
.textRight { text-align:right; }
.textCenter { text-align:center; }
.displayNone { display:none; }
.displayBlock { display:block; }
.highlightYellow { background-color:#FFFFCC; }
.redTxt { color:#d04461; }
p.last { margin-bottom:0; }
.positionRelative{ position:relative; }







#content{
width:900px;
margin:0 auto 0 auto;
height:100%;
padding:55px 0 55px 0;
}

#imageScroller{
width:900px;
height:355px;
position:relative;
overflow:hidden;
}

#scrollerHomePage{
position:absolute;
width:900px;
height:355px;
}

#imageScrollerNav{
position:absolute;
height:37px;
width:345px;
background-color:#FFFFFF;
text-align:center;
z-index:3;
top:318px;
left:267px;
padding-top:20px;
}

#imageScrollerNav li{
display:inline;
}

#imageScrollerNav li a{
font-weight:bold;
}

#imageScrollerNav li a:link.selected, #imageScrollerNav li a:visited.selected, #imageScrollerNav li a:active.selected, #imageScrollerNav li a:hover.selected{
color:#353735;
border:none;
}


#imageScrollerNav li.spaceRight{
margin-right:30px;
}



h1{
/*font-weight:bold;*/
text-align:center;
line-height:1.2em;
color:#585858;
letter-spacing:-1px;
margin-bottom:15px;
}

h3{
line-height:1.2em;
}

#offeringsDivider{
border-left: 1px dashed #A4A5A4;
position:absolute;
top:47px;
left:450px;
height:193px;
width:1px;
z-index:4;
}

#offerings{
position:relative;
height:240px;
border-bottom: 1px dashed #A4A5A4;
width:900px;
margin-top:40px;
}

.learnMore{
text-align:center;
margin-top:10px;
font-weight:bold;
}

.offeringsSubNav{
text-align:center;
font-weight:bold;
margin:15px 0 15px 0;
}

#fluidHomepageNews dt{
margin-top:40px;
}

#fluidHomepageNews dd{
border-bottom: 1px dashed #A4A5A4;
}

#fluidHomepageNews dt div{
text-transform:uppercase;
color:#BCBCBB;
font-weight:bold;
margin-bottom:17px;
}

#fluidHomepageNews dt div strong{
color:#353735;
}

#fluidHomepageNews dt img{
margin-bottom:25px;
}

h2{
margin-bottom:40px;
/*font-weight:bold;*/
color:#585858;
letter-spacing:-1px;
line-height:1.2em;
}

.colright{
float:right;
width:440px;
height:54px;
overflow:hidden;
position:relative;
}

.colright p{
position:absolute;
top:-54px;
line-height:1.2em;
}

.colleft{
float:left;
width:440px;
line-height:1.2em;
height:54px;
overflow:hidden;
}

.continueReading{
text-align:right;
padding:20px 0 10px 0;
font-weight:bold;
clear:both;
}

#locations{
font-size:15px;
padding:3px 0;
}

#fluidEmails{
margin-top:15px;
font-size:12px;
}

#fluidEmails li, #locations li{
padding:3px 0;
}