/*  Site Tab */

p, div, h1, h2, h3, h4, ul, li, form, input, select, option {
	margin:					0;
	padding:				0;
}

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

ul {
	list-style:				none;
}

a {
	outline:				0;
}

.alert {
 font-weight: bold;
 color: #990000;
}


/*----------------*/
#home #siteNav li.current a, #home #siteNav li.current a:link, #home #siteNav li.current a:visited { background-color:#fff;	background-image: none; color: #37454e; border-bottom: 1px solid #fff;}

/*  Structure */



/*#container-1 p{	color: #fff;	line-height: 18px;	padding-bottom: 10px;}
*/	
#section-1 .screenshot {	float:right; margin-top:20px;}
#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; 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;}
#section-3 .modules .icon {float:left; margin-right:6px;}



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


/*

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: 920px;
	padding: 0;
	margin: 0;
	min-height:100%;
	margin-top: -20px;
}


.anchors {list-style: none; margin: 0; padding: 0; height: 85px;}
.anchors li { margin: 0; float: left;}

/* attaching active state to background of li for pre-loading */
.anchors .tab1 {	background: url(tab_hover_1.jpg) top left no-repeat; width: 306px;}
.anchors .tab2 {	background: url(tab_hover_2_br.jpg) top left no-repeat; width: 306px;}
.anchors .tab3 {	background: url(tab_hover_3.jpg) top left no-repeat; width: 306px;}



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


/* Tab Rollovers */
.anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(tab_normal_1.jpg) top left no-repeat; width: 306px; position:static;}
.anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(tab_normal_2_br.jpg) top left no-repeat;width: 306px;position:static;}
.anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(tab_normal_3.jpg) top left no-repeat;width: 306px;position:static;}


.anchors .tab1 a:hover { background:url(tab_hover_1.jpg) top left no-repeat; width: 306px; position:static;}
.anchors .tab2 a:hover { background: url(tab_hover_2_br.jpg) top left no-repeat;width: 306px;position:static;}
.anchors .tab3 a:hover { background: url(tab_hover_3.jpg) top left no-repeat;width: 306px;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(tab_active_1.jpg) top left no-repeat; width: 306px;}
.anchors .tabOn2 {	background: url(tab_active_2_br.jpg) top left no-repeat; width: 306px;}
.anchors .tabOn3 {	background: url(tab_active_3.jpg) top left no-repeat; width: 306px;}