/*  Site Tab */
#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 */
#home #wrapperWit { background-color:	#fff;	background-image: none; border-top: 1px solid #fff;}
	#home #wrapperWit #gooey {	background: transparent url(../image/home/wrapper_solid_bottom.gif) bottom left no-repeat; }
	#home #wrapperWit #content {	padding-top:12px;	padding-left: 12px;width: 900px;}
	#home #wrapperWit #shell { background-color: #fff; background-image: none; }

#home #content {
	width: 900px;
}

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

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

#section-3 .text {	width: 432px;	padding: 50px 0 0 36px;float:left; font-size:14px;}
#section-3 .screenshot {	float: right;	margin: 0;}
#section-4 .screenshot{	float:right; margin:0px;}
#section-4 .text {	width: 432px;	padding: 50px 0 0 36px;float:left; font-size:14px;}

#section-5 .text {	width: 432px;	padding: 50px 0 0 36px;float:left; font-size:14px;}
#section-5 .screenshot{	float:right; margin:0px;}
/*  Headline Replacement */
#container-1 h2 span { font-family:'Lucida Grande', 'Trebuchet MS', verdana, arial, sans-serif;
					   color: #fff;}
#section-2,#section-3,#section-4,#section-5 {display:none;}




.button_try {
margin-right:5px;
}

.blurb {
 padding: 0 12px 0 0;
 margin: 0;
}
.tout {
 color: #0063a9;
font-size: 18px;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

h3.replacement span {height:0;width:0; overflow:hidden; font-size:.1em; color:#fff;display:block;background-color:transparent;}
h3.replacement { background: #fff; width:335px; height:36px;padding:0; margin:0;}

.msmHeader span, .recentBlogHeader span, .tagHeader span {
	height:0;width:0; overflow:hidden; font-size:.1em; color:#fff;display:block;background-color:transparent;
}
.msmHeader {
	background: #fff url(msm_header_text.gif) top left no-repeat; width:335px; height:36px;padding:0; margin:0;
}

.tagHeader {
	background: #fff url(tag_header_text.gif) top left no-repeat; width:335px; height:36px;padding:0; margin:0;
}

.recentBlogHeader {
	background: #fff url(recent_entries_header_text.gif) top left no-repeat; width:335px; height:36px;padding:0; margin:0;		
}

.informationSet {
	border-top:1px solid #ccc;
	clear:both;
}

.user_types img {float:left; margin-left:-15px;}
.user_types img.alt {float:right; margin-left:5px;}

.user_types {
	padding: 25px 0 25px 13px;
	width: 500px;
	float: left;
}

.user_types p{
	padding: 5px 0;
	line-height: 16px;
	color: #3C5768;
}


.user {
	width: 150px;
	padding-right: 25px;
	float: left;
}

.user p {
	color: #4D687A;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 0;
	margin: 0;
	}



.user ul{	
	font-size: 11px;
}

.user li{
		background:				transparent url(../image/home/footer_list_bullet.gif) 0 3px no-repeat;
	padding:				0 0 4px 12px;
}
.user a:link, .user a:hover {
	color: #1F6C9C;
}

.featured_user{
	float: right;
	width: 350px;
	padding: 25px 10px 25px 0;

}

.featured_user .screenshot{
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	color: #394852; 
}

.featured_user p{
	padding-bottom: 6px;
}

.featured_user p.title {
	font-weight: bold;
	color: #394852;
	line-height: 16px; 
}

.featured_user p.title em{
	font: italic 12px georgia, 'times new roman', serif;
}

.featured_user blockquote {
	padding: 0;
	margin: 0;
	font: normal 12px/16px georgia, 'times new roman', serif;
	color: #394852; 
}

.featured_user ul {
	line-height: 16px;
}

.featured_user li {
	line-height: 16px;
}
/*

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;
    }
}



#container-1 {
	background: #afff59 url(../image/home/home_banner_bg.jpg) top left no-repeat;
	width: 901px;
	padding: 0;
	margin: 0;
	min-height:362px;
}

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

.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(../image/home/tab_hover_1.jpg) top left no-repeat; width: 189px;}
.anchors .tab2 {	background: url(../image/home/tab_hover_2.jpg) top left no-repeat; width: 175px;}
.anchors .tab3 {	background: url(../image/home/tab_hover_3.jpg) top left no-repeat; width: 175px;}
.anchors .tab4 {	background: url(../image/home/tab_hover_4.jpg) top left no-repeat; width: 175px;}
.anchors .tab5 {	background: url(../image/home/tab_hover_5.jpg) top left no-repeat; width: 187px;}


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


/* Tab Rollovers */
.anchors .tab1 a:link, .anchors .tab1 a:visited { background: url(../image/home/tab_normal_1.jpg) top left no-repeat; width: 189px; position:static;}
.anchors .tab2 a:link, .anchors .tab2 a:visited { background: url(../image/home/tab_normal_2.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab3 a:link, .anchors .tab3 a:visited { background: url(../image/home/tab_normal_3.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab4 a:link, .anchors .tab4 a:visited { background: url(../image/home/tab_normal_4.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab5 a:link, .anchors .tab5 a:visited { background: url(../image/home/tab_normal_5.jpg) top left no-repeat;width: 187px;position:static;}

.anchors .tab1 a:hover { background: url(../image/home/tab_hover_1.jpg) top left no-repeat; width: 189px; position:static;}
.anchors .tab2 a:hover { background: url(../image/home/tab_hover_2.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab3 a:hover { background: url(../image/home/tab_hover_3.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab4 a:hover { background: url(../image/home/tab_hover_4.jpg) top left no-repeat;width: 175px;position:static;}
.anchors .tab5 a:hover { background: url(../image/home/tab_hover_5.jpg) top left no-repeat;width: 187px;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(../image/home/tab_active_1.jpg) top left no-repeat; width: 189px;}
.anchors .tabOn2 {	background: url(../image/home/tab_active_2.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn3 {	background: url(../image/home/tab_active_3.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn4 {	background: url(../image/home/tab_active_4.jpg) top left no-repeat; width: 175px;}
.anchors .tabOn5 {	background: url(../image/home/tab_active_5.jpg) top left no-repeat; width: 187px;}

