#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

body {
    background: #FFFFFF url('/images/bg.png') repeat-x;
    color: #000;
    font-family:Arial,Tahoma,serif;
    font-size:12px;
    margin: 0;
    padding: 0;
}

img {
	margin: 0px;
    border: 0px;
	padding: 0px;
}

input[type=text],textarea {
	border:1px solid #DDD;
}

div#wrapper {
	width: 900px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	height: 100%;
	min-height: 500px;
}

div#banner {
	height:115px;
	width:100%;
}

div#banner ul#nav {
	margin-top:-10px;
}

div#banner #bt {
	height:82px;
	background: transparent url('/images/banner_top.png') top left no-repeat;
}

div#banner #logo {
	cursor:pointer;
	height: 72px;
	width: 170px;
	background: transparent url('/images/logo.png') top left no-repeat;
	float:left;
	margin-top:12px;
	margin-left:12px;
}

div#banner ul#nav {
	list-style:none;
	margin-top:-5px;
	margin-right:11px;
	float:right;
}

div#banner ul#nav li {
	float: left;
}

div#banner ul#nav li a {
	color:#33758E;
	font-weight:bold;
	font-size:13px;
	padding:5px 10px;
	text-decoration:none;
	color:#33758E;
}

div#banner ul#nav li a:hover {
	color: #FFF;
}

div#banner ul#nav li#nav-home a:hover {
	background-color:#70B1CB;
}

div#banner ul#nav li#nav-home a:hover {
	background-color:#70B1CB;
}

div#banner ul#nav li#nav-solutions a:hover {
	background-color:#9CB56E;
}

div#banner ul#nav li#nav-customers a:hover {
	background-color:#6C8192;
}

div#banner ul#nav li#nav-news a:hover {
	background-color:#666666;
}

div#banner ul#nav li#nav-about-us a:hover {
	background-color:#BB6644;
}

div#banner ul#nav li#nav-contact-us a:hover {
	background-color:#33758E;
}

div#banner ul#nav li#nav-careers a:hover {
	background-color:#70B1CB;
}

div#banner ul#nav li#nav-fanconnect a:hover {
	background-color:#70B1CB;
}

div#banner #quicklinks {
	float:right;	
}

div#banner #quicklinks #ql {
	float:left;
}

div#content {
	margin-top:0px;
}

div#content #ctop {
	height:15px;
	background: transparent url('/images/ctop.png') top left no-repeat;	
}

div#content #cmiddle {
	background: transparent url('/images/cmiddle.png') top left repeat-y;	
	padding-left:3px;
	padding-top:0px;
	padding-bottom:5px;
}

div#content #cmiddle #one-column {
	
}

div#content #cmiddle #inner-content {
	background-color: #FFF;
	margin: 0px 22px 0px 10px;
	padding:10px;
	padding-bottom:0px;
}

div#content #cmiddle #inner-bottom {
	height:9px;
	background: transparent url('/images/inner_content_bottom.png') bottom left no-repeat;
	margin-left: 10px;
}

div#content #cmiddle #left-col {
	float:left;
	margin-right:10px;
}

div#content #cmiddle #right-col {
	float:left;
	color:#FFF;
	font-size:13px;
}


div#content #cmiddle #flashcontent {
	width: 845px;
	height: 270px;
	background-color: #EEE;
}

div#content #cbottom {
	height:50px;
	background: transparent url('/images/cbottom.png') top center no-repeat;
}

div#footer {
	font-size:11px;
	font-family: Tahoma;
	text-align:center;
	color:#000;
	height:30px;
	line-height:28px;
	background: transparent url('/images/footer.png') top left no-repeat;	
}

div.roundedBoxContent {
	margin:10px;
}

div.roundedBoxContent h2.subHeading {
	margin:0px;
}

div.greyRoundedBox .greyRoundedBoxContent {
	background: transparent url('/images/one_col_rounded_box_middle.png') top left repeat-y;
}

div.greyRoundedBox .greyRoundedBoxTop {
	height:14px;
	width:845px;
	background: transparent url('/images/one_col_rounded_box_top.png') top left no-repeat;
}

div.greyRoundedBox .greyRoundedBoxBottom {	
	height:14px;
	width:845px;
	background: transparent url('/images/one_col_rounded_box_bottom.png') top left no-repeat;
}

div.whiteRoundedBox {
	margin-top:0px;
}

div.whiteRoundedBox .whiteRoundedBoxTop {
	height:14px;
	width:825px;
	background: transparent url('/images/one_col_rbox_wtop.png') top left no-repeat;
}

div.whiteRoundedBox .blackRoundedBoxTop {
	height:7px;
	width:825px;
	background: transparent url('/images/one_col_rbox_btop.png') top left no-repeat;
}

div.whiteRoundedBox .whiteRoundedBoxContent {
	width:805px;
	background: transparent url('/images/one_col_rbox_wmid.png') top left repeat-y;
}

div.whiteRoundedBox .whiteRoundedBoxBottom {	
	height:14px;
	width:825px;	
	background: transparent url('/images/one_col_rbox_wbot.png') top left no-repeat;
}


div.smlWhiteBox {
	padding-top:5px;
	margin-top:10px;
	height: 330px;
	width: 480px;
	background: transparent url('/images/sml_white_rounded_box.png') top center no-repeat;	
}

div.lrgGreyBox {
	height: 400px;
	width: 845px;
	background: transparent url('/images/lrg_grey_rounded_box.png') top center no-repeat;	
}

div.greyBox {
	height: 400px;
	width: 500px;
	background: transparent url('/images/grey_box.png') top center no-repeat;	
}

div.darkGreyBox {
	height: 400px;
	width: 335px;
	background: transparent url('/images/dark_grey_rounded_box.png') top center no-repeat;	
}

div.smlRoundedBox {
	height: 400px;
	width: 335px;
}

div.smlRoundedBox .smlRoundedBoxContent {
	margin-top:5px;
	padding-top:10px;
}

div.turqRoundedBox {
	background: transparent url('/images/turq_rounded_box.png') top center no-repeat;	
}


#one-column div.roundedBox h2.sectionHeading,
#left-col.greyBox h2.sectionHeading {
	font-size:26px;
	font-weight:normal;
	border-bottom:1px solid #000;
	letter-spacing:-1px;
	color:#000;
}

.smlRoundedBox h2.smlSectionHeading {
	margin:0px;	
	font-size:18px;
	font-weight:normal;
	border-bottom: 1px solid #FFF;
	color: #FFF;
}

h2.greySectionHeading {
	color: #4686A1;
}


h4.sectionSubText, h4.greySectionSubText {
	margin:0px;
	margin-top: 5px;
	margin-left: 10px;
	font-size:18px;
	font-weight:bold;	
}

h4.greySectionSubText {
	color: #666666;
}

/*-------------------------------------------------
	CLEAR FIX BEGIN
-------------------------------------------------*/

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

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------
	CLEAR FIX END
-------------------------------------------------*/



/*-------------------------------------------------
	HOME BEGIN
-------------------------------------------------*/

div#banner #bb.home {
	height: 33px;
	width: 900px;
	background: transparent url('/images/aqua_banner_bottom.png') top left no-repeat;
}

body.home #home-content {
	width:65%;
}

body.home div.greyBox {
	height: 275px;
	width: 560px;
	background: transparent url('/images/home_grey_box.png') top center no-repeat;
}

body.home div.smlRoundedBox {
	height: 275px;
	width: 275px;
	background: transparent url('/images/aqua_rounded_box.png') top center no-repeat;
}

body.home div.smlRoundedBox .smlRoundedBoxContent {
	width:255px;
	height:225px;
	background: transparent url('/images/home_wht_rounded_box.png') top center no-repeat;
}

body.home div.smlWhiteBox {
	padding-top:5px;
	margin-top:10px;
	height: 212px;
	width: 540px;
	background: transparent url('/images/home_wht_box.png') top center no-repeat;	
}

body.home div#banner ul#nav li#nav-home a {
	color:#FFF;
	background-color:#70b1cb;
}

body.home #home #title {
	color:#000;
	font-weight:bold;
}

body.home #home ul li {
	list-style:url('/images/arrows.png');
}

body.home #news-box {
	float:right;
}

body.home #news,
body.home #careers {
	margin-left:10px;
	margin-right:10px;
}

body.home #news .newsItem,
body.home #careers .newsItem {
	margin-bottom:0px;
	margin-right:5px;
}

body.home #news .newsItem .inner,
body.home #careers .newsItem .inner {
	padding:3px;
}

body.home #news .newsItem .newsDate,
body.home #careers .newsItem .newsDate {
	margin-top:2px;
	font-size:13px;
	font-weight:bold;
	font-style:Arial;
	color: #222222;
}

body.home #news .newsItem .newsTitle,
body.home #careers .newsItem .newsTitle {
	margin-left:5px;
	margin-top:5px;
	font-size:12px;
	font-weight:normal;
	color: #33758E;
}

body.home #news .newsItem .newsTitle a,
body.home #careers .newsItem .newsTitle a {
	font-size:12px;
	color: #000;
}

body.home #news .newsItem .newsTitle a:hover,
body.home #careers .newsItem .newsTitle a:hover {
	text-decoration:underline;
}

body.home button#all-news {
	margin-top:3px;
	border:0px;
	width:75px;
	height:25px;
	background: transparent url('/images/all_news_button.png') top left no-repeat;	
	cursor:pointer;
}


/*-------------------------------------------------
	HOME END
-------------------------------------------------*/


/*-------------------------------------------------
	CAREERS BEGIN
-------------------------------------------------*/

div#banner #bb.careers {
	height: 33px;
	width: 900px;
	background: transparent url('/images/aqua_banner_bottom.png') top left no-repeat;
}

body.careers div#banner ul#nav li#nav-careers a {
	color:#FFF;
	background-color:#70b1cb;
}

body.careers #careers {
	float:left;
}

body.careers #careers .careerItem {
	margin-bottom:20px;
	margin-right:25px;
	padding-top:5px;
}

body.careers #careers .careerItem .careerDate {
	font-size:18px;
	font-weight:bold;
	color: #000;
}

body.careers #careers .careerItem .location {	
}

body.careers #careers .careerItem h3 {
	margin-top:15px;
	padding-top:10px;
	font-size:18px;
	font-weight:bold;
	color: #000;
	border-top: 1px solid #CCC;
}

body.careers #careers .careerItem .careerTitle {
	margin-top:5px;
	margin-bottom:2px;
	font-size:18px;
	font-weight:bold;
	color: #33758E;	
	border:0px;
}

body.careers #careers .careerItem .careerTitle a {
	color: #33758E;
}

body.careers #careers .careerItem table.addlInfo td.label {
	width:150px;
	font-weight:bold;
}


/*-------------------------------------------------
	CAREERS END
-------------------------------------------------*/


/*-------------------------------------------------
	NEWS BEGIN
-------------------------------------------------*/

div#banner #bb.news {
	height: 33px;
	width: 900px;
	background: transparent url('/images/grey_banner_bottom.png') top left no-repeat;
}

body.news div#banner ul#nav li#nav-news a {
	color:#FFF;
	background-color:#666666;
}

body.news #news {
	float:left;
}

body.news #news .newsYear{
	font-size:20px;
	font-weight:bold;
	color: #FFF;
	margin-bottom:0px;
	margin-top:20px;
}

body.news #news .newsItem {
	margin-bottom:20px;
	margin-right:25px;
}

body.news #news .newsItem .newsDate {
	font-size:18px;
	font-weight:bold;
	color: #000;
}

body.news #news .newsItem .newsTitle {
	margin-top:5px;
	font-size:18px;
	font-weight:bold;
	color: #33758E;
}

body.news #news .newsItem .newsTitle a {
	color: #33758E;
}

body.news #news .newsItem .newsDesc {
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	color: #000;
}

body.news #news .newsItem .newsContent {
	margin-top:10px;
	font-size:12px;
	color: #000;
}

body.news #news .newsItem .newsAbstract{
	margin-top:5px;
	font-size:12px;
	color: #000;
}

body.news #news .newsItem .newsLink{
	margin-top:5px;
}

body.news #news .newsItem .newsLink a{
	font-size:12px;
	color: #ea9817;
}

/*-------------------------------------------------
	NEWS END
-------------------------------------------------*/

/*-------------------------------------------------
	SOLUTIONS BEGIN
-------------------------------------------------*/

div#banner #bb.solutions {
	height: 33px;
	width: 900px;
	background: transparent url('/images/green_banner_bottom.png') top left no-repeat;
}

body.solutions div.smlRoundedBox {
	width:275px;
	height:500px;
	background: transparent url('/images/green_rounded_box.png') top center no-repeat;
}

body.solutions div.smlRoundedBox .smlRoundedBoxContent {
	width:255px;
	height:450px;
	background: transparent url('/images/sol_wht_rounded_box.png') top center no-repeat;
}

body.solutions div.frchSmlRoundedBox {
	width:275px;
	height:650px;
	background: transparent url('/images/frch_green_rounded_box.png') top center no-repeat;
}

body.solutions div.smlRoundedBox .frchSmlRoundedBoxContent {
	width:255px;
	height:600px;
	background: transparent url('/images/frch_wht_rounded_box.png') top center no-repeat;
}

body.solutions div.finSmlRoundedBox {
	width:275px;
	height:575px;
	background: transparent url('/images/fin_green_rounded_box.png') top center no-repeat;
}

body.solutions div.smlRoundedBox .finSmlRoundedBoxContent {
	width:255px;
	height:525px;
	background: transparent url('/images/fin_wht_rounded_box.png') top center no-repeat;
}

body.solutions div#banner ul#nav li#nav-solutions a {
	color:#FFF;
	background-color:#9cb56e;
}

#solutions {
}

/*-------------------------------------------------
	SOLUTIONS END
-------------------------------------------------*/

/*-------------------------------------------------
	CUSTOMERS BEGIN
-------------------------------------------------*/

div#banner #bb.customers {
	height: 33px;
	width: 900px;
	background: transparent url('/images/purple_banner_bottom.png') top left no-repeat;
}

body.customers div.smlRoundedBox {
	width:275px;
	height:275px;
	background: transparent url('/images/purple_rounded_box.png') top center no-repeat;
}

body.customers div#banner ul#nav li#nav-customers a {
	color:#FFF;
	background-color:#6c8192;
}

#customers {
}

#customers #cust-box {
	float:right;
}

#customers table#cust-list  {
	margin-top:10px;
}

#customers table#cust-list td {
	padding:5px;
	border:1px solid #CCC;
	border-bottom:0px;
}

#customers table#cust-list td.sector {
	color: #000;
	font-weight:bold;
	background-color: #E5E5E5;
	width:25%;
	border-right:0px;
}

/*-------------------------------------------------
	CUSTOMERS END
-------------------------------------------------*/
/*-------------------------------------------------
	ABOUT US BEGIN
-------------------------------------------------*/

div#banner #bb.aboutUs {
	height: 33px;
	width: 900px;
	background: transparent url('/images/red_banner_bottom.png') top left no-repeat;
}

body.aboutUs div.smlRoundedBox {
	background: transparent url('/images/red_rounded_box.png') top center no-repeat;
}

body.aboutUs div#banner ul#nav li#nav-about-us a {
	color:#FFF;
	background-color:#BB6644;
}

#about-us {
}

#about-us .bio {
	padding:20px 0;
	border-bottom:1px solid #EEE;
}

#about-us .bio .pic {
	float:left;
}

#about-us. bio .info {
	float:left;
}

#about-us .bio h2 {
	font-size:14px;
	font-weight:bold;
	color:#33758E;
	margin: 0;
}

#about-us .bio  h3 {
	font-size:12px;
	font-weight:bold;
	color: #666666;
	margin: 0;
	margin-bottom:15px;
}


/*-------------------------------------------------
	ABOUT US END
-------------------------------------------------*/


/*-------------------------------------------------
	FANCONNECT BEGIN
-------------------------------------------------*/

div#banner #bb.fanconnect {
	height: 33px;
	width: 900px;
	background: transparent url('/images/aqua_banner_bottom.png') top left no-repeat;
}

body.fanconnect div#banner ul#nav li#nav-fanconnect a {
	color:#FFF;
	background-color:#70b1cb;
}

body.fanconnect #fc-sub-menu {
	background: #000 url('/images/fc_menu_bg.png') top left no-repeat;
	height:20px;
}

body.fanconnect #fc-sub-menu ul {
	list-style:none;
	padding:0;
	margin:0;	
}

body.fanconnect #fc-sub-menu ul li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;	
}

body.fanconnect #fc-sub-menu ul li a {
	padding: 0px 20px 2px 20px;
	color:#FFF;
	text-decoration:none;
}

body.fanconnect #fc-sub-menu ul li a:hover {
	text-decoration:underline;
}

body.fanconnect #fc-sub-menu ul li a.selected {
	font-weight:bold;
}

/*-------------------------------------------------
	FANCONNECT BEGIN
-------------------------------------------------*/


/*-------------------------------------------------
	CONTACT US BEGIN
-------------------------------------------------*/

div#banner #bb.contactUs {
	height: 33px;
	width: 900px;
	background: transparent url('/images/turq_banner_bottom.png') top left no-repeat;
}

body.contactUs div.smlRoundedBox {
	width:450px;
	height:325px;
	background: transparent url('/images/turq_rounded_box.png') top center no-repeat;
}

body.contactUs div#banner ul#nav li#nav-contact-us a {
	color:#FFF;
	background-color:#33758E;
}

#contact-us #form-box {
	float:right;
}

#contact-us table {
}

#contact-us table td {
	padding-top:10px;
}

#contact-us table td input[type=text],
#contact-us table td textarea {
	color:#999;
	width:175px;
	font-size:12px;
	font-weight:bold;
}

#contact-us table td textarea {
	margin-left:18px;
	width:390px;
}

#contact-us button.send {
	margin-left:18px;
	font-weight:bold;
	color:#FFF;	
	background: transparent url('../images/email_button.png') top left no-repeat;
	border:0;
	width:75px;
	height:25px;
	cursor:pointer;
	padding-bottom:5px;
}

/*-------------------------------------------------
	CONTACT US END
-------------------------------------------------*/


/*-------------------------------------------------
	SCROLL BEGIN
-------------------------------------------------*/

/* vertical track */
#scroll-track {
	float: left;
	width: 15px;
	height: 325px;
	margin-left: 5px;
	margin-top: 5px;
	background-color: #ccc;
}

/* vertical track handle */
#scroll-handle {
	width: 15px;
	height: 20px;
	background-color: #4686A1;
	cursor: move;
}

/*-------------------------------------------------
	SCROLL END
-------------------------------------------------*/

/*-------------------------------------------------
	MORE INFO BOX BEGIN
-------------------------------------------------*/

.moreInfoBoxOuter {
	float:right;
	width:305px;
	margin:0px 10px 10px 5px;
	background-color:#FFF;
}

.moreInfoBoxOuter ul { 
	list-style:square;
	margin: 0px;
	margin-left:-10px;
}

.moreInfoBoxOuter .moreInfoBoxInner {
	border:1px solid #999;
}

.moreInfoBoxOuter .moreInfoBoxInner .moreInfoHeading {
	background-color:#666666;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding:5px;
}

.moreInfoBoxOuter .moreInfoBoxInner .moreInfoContent {
	margin:10px 0px 5px 0px;
	font-size:12px;
	padding:0px 10px;
}

.moreInfoBoxOuter .moreInfoBoxInner .moreInfoContent h4 {
	font-weight:bold;	
	color:#3D3D3D;
	font-size:12px;
	margin: 0px;
}

.moreInfoBoxOuter .moreInfoBoxInner .moreInfoContent a.link {
	font-size:90%;
	color:#006;
	text-decoration:none;
}

.moreInfoBoxOuter .moreInfoBoxInner .moreInfoContent a.link:hover {
	text-decoration:underline;	
}

/*-------------------------------------------------
	MORE INFO BOX BEGIN
-------------------------------------------------*/

.rightContentContainer, .logoContainer {
	float:right;
	margin-left:10px;
}

.rightContentContainer .content {
	margin:10px;
	background-color:#e5e5e5;
	border:2px solid #CCC;	
}

.logoContainer .content {
	padding:15px;
	margin:10px;
	background-color:#FFF;
	border:1px solid #CCC;	
}

.imageCaption {
	text-align:center;
	font-size:11px;
}

#middle-initial {
	position:absolute;
	left: -900px;
}