/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html, body							{ height: 100%; }
body								{ font-size: 100%; font-family: Arial, sans-serif; color: #000;  }
a									{ outline: none; text-decoration: none; color: #31c8dd; }
a:hover								{ color: #ffcc00; }
a img								{ border: none; background: none; }
img									{
	text-align: center;
}
p									{ margin: 1.1em 0; line-height: 1.4em; font-size: 0.75em; color: #000; }


/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.img-left							{ float: left; border: 2px solid #FFF; }
.img-right							{ float: right; border: 2px solid #FFF; }
.push								{ clear: both; height: 130px; }


/*
	STRUCTURE
*/
#page-wrap							{ width: 974px; margin: 0 auto -60px; min-height: 100%; height: auto !important; height: 100%; background: url(../images/bg_content.png) center repeat-y #FFF; }
#content-wrap						{ width: 900px; margin: 0 auto; background: url(../images/bg_content_wrap.png) repeat-y; padding-bottom: 40px; } 
#content-wrap #left					{ float: left; width: 590px; }
#content-wrap #right				{ float: right; width: 280px; text-align: center; }
#header								{ position: relative; width: 930px; height: 89px; margin: 0 auto; background: url(../images/header.png); }
#footer								{ width: 974px;  height: 80px; margin: 0 auto;background: url(../images/bg_content.png) center repeat-y #FFF; }
#footer .inner						{ margin: 0 auto; width: 930px; height: 80px; background: #b9cfdf; }
#footer .inner a { color:#1A5CA1;}
#footer .inner a:hover { color:#000;}

/*
	HEADER
*/
img.logo							{
	position: absolute;
	top: 25px;
}
#header .contact					{ position: absolute; top: 25px; right: 15px; width: 270px; height: 50px; text-align: right; }

/*
	NAVIGATION
*/
#nav								{ width: 930px; height: 30px; margin: 15px auto 0; background: #256AB1; }

/*
	SLIDER
*/
#slider							{ width: 930px; height: 227px; margin: 0 auto 25px; background: url(../images/bg_slider.png); border-bottom: 1px solid #a4bcd5;
								  position: relative; overflow: hidden; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ position: absolute; top: 30px; left: 20px; font-family: Helvetica, Sans-Serif; font-size: 26px; letter-spacing: -1px;
								  color: #1763b0; width: 600px; }
.slide p						{ position: absolute; top: 50px; left: 20px; color: #333; font-size: 12px; line-height: 22px; width: 600px; }
.slide li {color:#333; font-size:12px; }
.slide img						{ position: absolute; top: 50px; left: 620px; }
#slider-stopper					{ position: absolute; top: 210px; right: 0px; background: #256AB1; color: white; border: 1px solid #FFF;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

/*
	TYPOGRAPHY
*/
h2									{ margin: 0 0 10px 0; padding: 0; font-size: 1.4em; color: #1763b0; }
#page-wrap #content-wrap #right table {
	text-align: center;
}
#page-wrap #content-wrap #right table tr td {
	font-size: 7pt;
}

#page-wrap #content-wrap #left ul {
	margin-left:15px;
}
#page-wrap #content-wrap #left div p {
	text-align: left;
}

#left li{
	margin-left:15px;
}

#left p a, #left a, #left td, #left td b, #left td strong{
	font-size:12px;
}