/*  Site Tab */


#container-1 p{	color: #fff;	line-height: 18px;	padding-bottom: 10px;}
	
#section-1 .screenshot {	float:right; margin-top:27px;}
#section-1 .text {	width: 432px;	padding: 50px 0 0 36px;float:left;}

#section-2 .screenshot {	float: right;	margin: 0;}
#section-2 .text {	width: 432px;	padding: 50px 0 0 36px; float:left;}

#section-3 .text {	width: 432px;	padding: 50px 0 0 36px;float:left;}
#section-3 .modules {width:370px;float:right;color:#fff; font-size:11px; padding-right:0px;margin-top:40px;}
#section-3 .modules strong {display:block; text-shadow:0px 0px 0px #fff; font-size:12px; padding:0 0 2px 0;}
#section-3 .modules em {font-style:normal;}
#section-3 .modules ul{ width:165px; float:left;padding-right:15px;}
#section-3 .modules ul li{ padding: 10px 0; height:40px; }
#section-3 .modules h3 { 	width:350px;margin: 0 5px 0 0;	padding: 0 0 4px 0;color:#fff;font-size:14px; border-bottom:1px solid #578BD5;text-shadow:0 0 0 #fff;}
#section-3 .modules .icon {float:left; margin-right:6px;}

#section-4 .screenshot{	float:left; margin:0px;}
#section-4 .text {	width: 435px;	padding: 60px 55px 0 0;float:right;}

#section-5 .pronet{ float:left; margin-top:24px; padding-left:20px; width:360px;}
 #section-5 .pronet a:link, #section-5 .pronet a:visited{padding:3px; background-color:#fff; border: 1px solid #293459;float:left; margin:0 0 10px 10px;display:block;}
 #section-5 .pronet a:hover{padding:3px; background-color: #C5DCE7; border: 1px solid #fff;float:left; margin:0 0 10px 10px;display:block;}
#section-5 .text {	width: 432px;	padding: 40px 55px 0 0;float:right;}

/*  Headline Replacement */
#container-1 h2 span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}
	#section-1 h2{ 	width: 422px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(text_home_tab1.gif) top left no-repeat;}
	#section-2 h2{ 	width: 426px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(text_home_tab2.gif) top left no-repeat;}
	#section-3 h2{ 	width: 318px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(text_home_tab3.gif) top left no-repeat;}
	#section-4 h2{ 	width: 436px;	height: 31px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(text_home_support.gif) top left no-repeat;}
	#section-5 h2{ 	width: 384px;	height: 63px;	margin: 0 0 3px 0;	padding: 0;	background: transparent url(home_text_tab5.gif) top left no-repeat;}

#section-2,#section-3,#section-4,#section-5 {display:none;}


img, div { behavior: url(iepngfix.htc) }

/*

Tabs - important styles to ensure accessibility in print

*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print {
    .anchors {
        display: none;
    }
}

/*

Tabs - not important for accessibility, just for the look of it...

*/

#container-1 {
	width: 649px;
	padding: 0;
	margin: 0 0 0 0;
	min-height:139px;
	background-color:#6A81DB;
}

.fragment1,.fragment2,.fragment3,.fragment4,.fragment5 { min-height: 139px;}
.fragment2,.fragment3,.fragment4,.fragment5 { display:none;}

.anchors {list-style: none; margin: 0; padding: 0 0 4px 0; height: 41px; background-color: #F3F3F3; border-bottom:1px solid #DFDFDF;}
.anchors li { margin: 0; float: left;}

/* attaching active state to background of li for pre-loading */
.anchors .tab1 {	background: url(images/intro_o.jpg) top left no-repeat; width: 142px;}
.anchors .tab2 {	background: url(images/media_gallery_o.jpg) top left no-repeat; width: 103px;}
.anchors .tab3 {	background: url(images/areas_o.jpg) top left no-repeat; width: 112px;}
.anchors .tab4 {	background: url(images/news_alerts_o.jpg) top left no-repeat; width: 110px;}



.anchors a {display: block; position: relative; top: 0px; left:0; z-index: 2; padding: 0px; color: #000; height: 41px;}


/* Tab Rollovers */
.anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(images/intro.jpg) no-repeat top left; width: 142px; position:static}
.anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(images/media_gallery.jpg) top left no-repeat;width: 103px;position:static;}
.anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(images/areas.jpg) no-repeat top left;width: 112px;position:static}
.anchors .tab4 a:link, .anchors .tab4 a:visited { background: url(images/news_alerts.jpg) top left no-repeat;width: 110px;position:static;}


.anchors .tab1 a:hover { background: url(images/intro_o.jpg) top left no-repeat; width: 142px; position:static;}
.anchors .tab2 a:hover { background: url(images/media_gallery_o.jpg) top left no-repeat;width: 103px;position:static;}
.anchors .tab3 a:hover { background: url(images/areas_o.jpg) top left no-repeat;width: 112px;position:static;}
.anchors .tab4 a:hover { background: url(images/news_alerts_o.jpg) top left no-repeat;width: 110px;position:static;}



/* Makes the text disappear */
.anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}


.anchors .tabOn1 {	background: url(images/intro_o.jpg) top left no-repeat; width: 142px;}
.anchors .tabOn2 {	background: url(images/media_gallery_o.jpg) top left no-repeat; width: 103px;}
.anchors .tabOn3 {	background: url(images/areas_o.jpg) top left no-repeat; width: 112px;}
.anchors .tabOn4 {	background: url(images/news_alerts_o.jpg) top left no-repeat; width: 110px;}


.contentbox-wrapper {
	padding: 5px 14px 1px 13px;
	text-decoration: none;
	border: 3px solid #ebebeb;
	margin-bottom: 10px;
	}

.contentbox-wrapper h3 {
	font-size: 15px;
	padding: 0 0 2px 0;
	color: #890406;
	margin: 0;
	}
	
	
.contentbox-wrapper img {
float: right;
margin: 0 0 5px 5px;
		}

.contentbox-wrapper p {
	font-size:12px;
		}
.contentbox {
	padding: 0;
	}
.contentbox a {
	font-size: 100%;

	color: #223c99;
	font-weight: bold;
	text-decoration: underline;
	}
.learnmore {
	font-size: 12px;
	color: #22389b;
	position: relative;
	background: url(images/arrow_learn.gif) left center no-repeat;
	padding: 0 0 0 10px;
	
	}
.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 */

#call {
	position: absolute;
	right: -59px;
	margin-top: -49px;
	width: 151px;
	z-index: 900;
}
.news {
	overflow:hidden;
	}