/*********************************** [ Banners ] */


/*********************************** [ Body ] */

/* ---(MODIFIERS)--- */
.thumb_filebox_list {
	margin: 0px 20px 30px 20px;
}

/* ---(Main Body)--- */
div#mainbody {
	position		: relative;
	clear			: both;
	z-index			: 1;
	margin			: 0px 0px 0px 0px;
}

#mainbanner {
	position: relative;
	width: 915px;
	height: 296px;
	overflow: hidden;
	margin: 0px 23px 10px 24px;
}
	
	#mainbanner > .advert_groups {
		position: absolute;
		top: 246px;
		height: 49px;
		width: 918px;
		list-style: none;
		padding: 0px;
		margin: 0px;
		z-index: 2;
	}
	
	#mainbanner > .advert_groups > li {
		display: block;
		float: left;
		height: 49px;
		width: 306px;
		padding: 0px;
		margin: 0px;
		background: url('/images/tab_item.png') no-repeat;
	}
	
	#mainbanner > .advert_groups > li > a {
		display: block;
		height: 49px;
		padding: 9px 20px 0px 30px;
		background: url('/images/tab_arrows.gif') no-repeat 10px 13px;
	}
	
	#mainbanner > .advert_groups > li > a > h1 {
		font-size: 12px;
		margin: 2px 0px;
		font-weight: bold;
		color: #373737;
	}
	
	#mainbanner > .advert_groups > li > a > h2 {
		font-size: 9px;
		font-weight: normal;
		color: #7a7a7a;
	}
	
	#mainbanner > .advert_groups > li.selected {
		background: url('/images/tab_selected.png') no-repeat;
	}
	
	#mainbanner > .advert_groups > li.selected > a {
		display: block;
		height: 49px;
		background: url('/images/tab_arrows.gif') no-repeat 10px -38px;
		padding: 9px 20px 0px 30px;
	}
	
		#mainbanner > .advert_groups > li.selected > a > h1 {
			color: #005596;
		}
		
		#mainbanner > .advert_groups > li.selected > a > h2 {
			color: #333333;
		}
	
	#mainbanner > .advert_groups > li > .advert_list {
		display: block;
		position: absolute;
		right: 2px;
		bottom: 47px;
		width: 236px;
		list-style: none;
		padding: 0px;
		margin: 0px;
		z-index: 2;
	}
	
	#mainbanner > .advert_groups > li > .advert_list > li > a{
		display: block;
		padding: 7px 10px 7px 37px;
		margin: 0px;
	}
	
	#mainbanner > .advert_groups > li > .advert_list > li > a > div.for {
		position		: absolute;
		right			: 10px;
		width			: 32px;
		height			: 16px;
	}
	#mainbanner > .advert_groups > li > .advert_list > li > a > div.for > img {
		float			: right;
	}
	
	#mainbanner > .advert_groups > li > .advert_list > li.selected > a{
		background		: url('/images/advert_selected_leftarrow.png') no-repeat right top;
	}
	
	#mainbanner > .advert_groups > li > .advert_list > li > a > h3 {
		font-size: 12px;
		font-weight: bold;
		color: #005596;
	}
	
	#mainbanner > .advert_groups > li > .advert_list > li > a > h4 {
		font-size: 9px;
		font-weight: normal;
		margin: 0px;
		color: #00aaef;
	}
	
	#mainbanner > .advert_groups > li > .advert_list > li.selected > a > h3{
		color: #fff;
	}
	#mainbanner > .advert_groups > li > .advert_list > li.selected > a > h4{
		color: #f19120;
	}
	
	
	#mainbanner > .advert_item {
		position: absolute;
		z-index: 1;
		display: none;
		top: 0px;
		left: 0px;
		width: 915px;
		height: 248px;
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	
	#mainbanner > .advert_item.selected {
		display: block;
	}
	
	#mainbanner > .advert_item > li {
		position: absolute;
		display: none;
		float: left;
		width: 915px;
		height: 246px;
		list-style: none;
	}
	
	#mainbanner > .advert_item > li.selected {
		display: block;
	}
	
	#mainbanner > .advert_item > li > a {
		position: absolute;
		display: block;
		width: 915px;
		height: 246px;
		list-style: none;
	}
	
	#mainbanner > .advert_item > li > a > h1 {
		position: absolute;
		display: block;
		top: 82px;
		left: 20px;
		list-style: none;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
	}
	#mainbanner > .advert_item > li > a > h2 {
		position: absolute;
		display: block;
		top: 118px;
		left: 20px;
		width:	580px;
		list-style: none;
		line-height: 18px;
		color: #ffba00;
		font-size: 12px;
		font-weight: bold;
	}
	
	#mainbanner > .advert_item > li > .action {
		position: absolute;
		bottom: 20px;
		display: block;
		background-color: #000000;
		list-style: none;
		padding: 0px 0px 0px 20px;
		margin: 0px;
	}
	#mainbanner > .advert_item > li > .action > li {
		float: left;
		display: block;
		background-color: #000000;
		padding: 5px 10px;
		font-size: 11px;
	}
	
	#mainbanner > .advert_item > li > .action > li > a {
		position: static;
		display: block;
		background-color: #000000;
		color: #fff;
		font-weight: bold;
		padding: 0px 0px 0px 10px;
		background: url('/images/bullet_action.gif') no-repeat 0px 4px;
	}
	#mainbanner > .advert_item > li > .action > li > a:hover {
		color: #ffba00;
	}

div#midsection {
	position		: relative;
	height			: 553px;
	width			: 962px;
	background		: url('/images/hashed_frontpage.png') no-repeat top left;
}
	div#midsection #personalities {
		position		: relative;
		top				: 41px;
		left			: 0px;
		width			: 600px;
		height			: 460px;
	}
		/* Tabs */
		div#midsection #personalities ul.tabs {
			position		: absolute;
			top				: 0px;
			left			: 50px;
			list-style		: none;
			padding			: 0px 0px 0px 0px;
			margin			: 0px;
		}
			div#midsection #personalities ul.tabs li {
				display			: inline;
				float			: left;
				height			: 32px;
				padding			: 0px;
				margin			: 0px 10px 0px 0px;
			}
			div#midsection #personalities ul.tabs li a{
				display			: block;
				background		: url('/images/tab_cap.png') no-repeat left top;
				height			: 32px;
				padding			: 0px 0px 0px 16px;
				margin			: 0px;
			}
			div#midsection #personalities ul.tabs li.selected a{
				background		: url('/images/tab_cap_selected.png') no-repeat left top;
			}
			div#midsection #personalities ul.tabs li a span{
				display			: block;
				color			: #666;
				padding			: 10px 15px 10px 0px;
				margin			: 0px;
				font-size		: 10px;
				background		: url('/images/tab_bg.png') no-repeat right top;
			}
			div#midsection #personalities ul.tabs li.selected a span{
				color			: #000;
				background		: url('/images/tab_bg_selected.png') no-repeat right top;
			}
			div#midsection #personalities ul.tabs li.selected a:hover span{
				color			: #000;
			}
			div#midsection #personalities ul.tabs li a:hover span{
				color			: #f19120;
			}
		/* Content */
		div#midsection #personalities .tabcontent {
			display			: none;
			position		: relative;
			top				: 60px;
			margin			: 0px 0px 0px 55px;
		}
			div#midsection #personalities .tabcontent .kits {
				position		: relative;
				display			: block;
				width			: 170px;
				height			: 156px;
				float			: right;
				margin			: -5px 0px 0px 30px;
				cursor			: pointer;
			}
				div#midsection #personalities .tabcontent .kits  h4 {
					color			: #000;
					font-size		: 11px;
					font-weight		: normal;
					position		: absolute;
					top				: 101px;
					left			: 61px;
				}
				div#midsection #personalities .tabcontent .kits  h5{
					color			: #005596;
					font-size		: 9px;
					font-weight		: normal;
					position		: absolute;
					top				: 114px;
					left			: 61px;
				}
			div#midsection #personalities .tabcontent .kits .hovercontent {
				position			: absolute;
				top					: -240px;
				left				: -125px;
				width				: 445px;
				height				: 267px;
				background			: url('/images/pop_upward.png') no-repeat left top;
				z-index				: 8;
				display				: none;
			}
			div#midsection #personalities .tabcontent h3 {
				font-size		: 16px;
				font-weight		: bold;
				display			: inline;
			}
			div#midsection #personalities .tabcontent p {
				font-size		: 10px;
				font-weight		: normal;
				margin-top		: 8px;
				line-height		: 14px;
			}
			/* Feature Content */
			div#midsection #personalities .tabcontent ul.material-advert-pages {
				position	: absolute;
				top			: 160px;
				right		: 0px;
				width		: 14px;
				list-style	: none;
				margin		: 20px 0px 0px 0px;
			}
				div#midsection #personalities .tabcontent ul.material-advert-pages li {
					display		: inline;
				}
				div#midsection #personalities .tabcontent ul.material-advert-pages li a{
					display		: block;
					width		: 14px;
					height		: 15px;
					margin-bottom : 10px;
					background	: url('/images/pagination_dots.gif') no-repeat;
				}
					div#midsection #personalities .tabcontent ul.material-advert-pages li a.selected{
						background-position: -14px 0px;
					}
			div#midsection #personalities .tabcontent #feature {
				position		: absolute;
				top				: 165px;
				left			: 10px;
				width			: 500px;
				height			: 168px;
				background		: url('/images/personality_feature_bg.png') no-repeat left top;
				margin			: 0px;
				padding			: 0px;
				overflow		: hidden;
			}
				div#midsection #personalities .tabcontent #feature  ul.material-advert-content {
					position		: relative;
					width			: 500px;
					margin			: 0px;
					padding			: 0px;
					list-style		: none;
				}
				div#midsection #personalities .tabcontent #feature  ul.material-advert-content li {
					position		: absolute;
					width			: 500px;
					height			: 168px;
					list-style		: none;
					margin			: 0px;
					padding			: 0px;
					display			: none;
				}
				div#midsection #personalities .tabcontent #feature  ul.material-advert-content li a {
					display			: block;
					width			: 275px;
					height			: 128px;
					background		: url('') no-repeat left top;
					padding			: 30px 10px 30px 195px;
				}
				div#midsection #personalities .tabcontent #feature  ul.material-advert-content li a h4 {
					margin			: 0px 0px 10px 0px;
					padding			: 0px;
					font-size		: 13px;
					font-weight		: bold;
					color			: #005596;
				}
				div#midsection #personalities .tabcontent #feature  ul.material-advert-content li a h5 {
					margin			: 0px 0px 0px 0px;
					padding			: 0px;
					font-size		: 11px;
					font-weight		: bold;
					color			: #333;
				}
				div#midsection #personalities .tabcontent #feature  ul.material-advert-content li a p {
					margin			: 0px;
					padding			: 0px;
					font-size		: 10px;
					font-weight		: normal;
					line-height		: 14px;
				}
			div#midsection #personalities .tabcontent .learn {
				position	: absolute;
				top			: 350px;
				left		: 10px;
				width		: 545px;
				height		: 20px;
			}
				div#midsection #personalities .tabcontent .learn h4 {
					position	: absolute;
					top			: 0px;
					left		: 0px;
					font-size	: 11px;
					color		: #9f9f9f;
				}	
				div#midsection #personalities .tabcontent .learn ul {
					display		: block;
					position	: relative;
					left		: 70px;
					list-style	: none;
					margin		: 0px;
					padding		: 0px;
				}
				div#midsection #personalities .tabcontent .learn ul li {
					display		: block;
					float		: left;
					width		: 210px;
					height		: 12px;
					margin		: 0px 10px 0px 10px;
					padding		: 0px 0px 0px 20px;
					font-size	: 9px;
					font-weight	: bold;
					margin		: 2px 10px 5px 0px;
					background	:url('/images/small_bullet_arrow.gif') no-repeat 2px 2px;
				}
					div#midsection #personalities .tabcontent .learn ul li a {
						color		: #005596;
					}
					div#midsection #personalities .tabcontent .learn ul li a span {
						color		: #333;
					}
					div#midsection #personalities .tabcontent .learn ul li a:hover span {
						color		: #f19120;
					}
	
div#midsection #personalities #business-user {
	display			: block;
}

#events	{
	position		: absolute;
	top				: 17px;
	right			: 40px;
	width			: 255px;
	height			: 350px;
	overflow		: hidden;
}
	#events ul.events-advert-content {
		position	: absolute;
		top			: 0px;
		left		: 0px;
		height		: 315px;
		list-style	: none;
		margin		: 0px;
		padding		: 0px;
	}
	
	#events ul.events-advert-content li{
		position	: absolute;
		float		: left;
		width		: 255px;
		height		: 315px;
		display		: none;
	}
	#events ul.events-advert-content li a{
		display		: block;
		width		: 255px;
		height		: 315px;
	}
	
	#events ul.events-advert-content li a span{
		position	: absolute;
		text-indent	: -99999px;
	}

	#events ul.events-advert-pages {
		position	: absolute;
		right		: 50px;
		top			: 330px;
		list-style	: none;
		margin		: 0px 10px 0px 0px;
	}
	
	#events ul.events-advert-pages li {
		display		: inline;
	}
	
	#events ul.events-advert-pages li a{
		display		: block;
		float		: left;
		width		: 14px;
		height		: 15px;
		margin-left : 10px;
		background	: url('/images/pagination_dots.gif') no-repeat;
	}
	#events ul.events-advert-pages li a.selected{
		background-position: -14px 0px;
	}

#quotes {
	position		: absolute;
	top				: 380px;
	right			: 40px;
	margin			: 0px 0px;
	width			: 255px;
	height			: 160px;
	background		: url('/images/frontpage_quote.png') no-repeat left top;
}
	#quotes p.quote {
		text-align: right;
		font-size: 10px;
		margin: 30px 20px 0px 20px;
		color		: #005596;
	}
	#quotes h3 {
		text-align: left;
		font-size: 10px;
		color: #000;
		font-weight: bold;
		margin: 10px 0px 0px 50px;
	}
	#quotes h3.source span.name {
		display: block;
	}
	#quotes h3.source span.title {
		font-weight: normal;
		display: block;
	}
	#quotes h3.source span.company {
		font-weight	: bold;
		font-size	: 12px;
		color		: #f19120;
		display		: block;
	}
	#quotes h3.source span.country {
		font-weight	: normal;
		font-size	: 10px;
		color		: #f19120;
		display		: block;
	}

.bottomboxes {
	background: url('/images/box_rep.png') repeat-y;
	width: 209px;
	margin-bottom: 20px;
}

.bottomboxes h3 a {
	background: url('/images/box_top.png') no-repeat;
	width: 209px;
	height: 75px;
	display: block;
	margin-bottom: -20px;
}

.bottomboxes h3 a span {
	display: block;
	padding-top: 40px;
	margin: 0px 20px 0px 15px;
	font-size: 14px;
	text-align: center;
}

.bottomboxes p {
	display: block;
	font-size: 10px;
	margin: 20px 20px 0px 20px;
	padding:0px;
}

.bottomboxes #foot {
	background: url('/images/box_bot.png') no-repeat;
	width: 209px;
	height: 58px;
	display: block;
	margin-top: 0px;
}

.bottomboxes ul {
	list-style: none;
	margin-top: 8px;
	padding: 0px 30px;
}

.bottomboxes ul li{
	font-size: 10px;
	color: #333333;
	line-height: 18px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dddddd;
}

.bottomboxes ul li a{
	color: #00aaef;
}
.bottomboxes ul li a:hover{
	color: #f19120;
}
	
#blogfeed {
	position		: relative;
	float			: left;
	width			: 202px;
	background-color: #ddeedd;
	margin			: 0px 20px 0px 48px;
}	

	#blogfeed h3 a {
		background: url('/images/box_blog_top.png') no-repeat;
	}
	
	#blogfeed h3 a span {
		display: block;
		padding-top: 35px;
		margin: 0px 20px 0px 15px;
		font-size: 14px;
		text-align: left;
		color: #7faad3;
	}
	
	#blogfeed h2 a span {
		display: block;
		padding-top: 0px;
		margin: 0px 20px 0px 15px;
		font-size: 18px;
		text-align: left;
		color: #005596;
	}
	
	#blogfeed #foot {
		background: url('/images/box_blog_bot.png') no-repeat;
		margin-top: -15px;
	}

	#blogfeed ul {
		list-style: none;
		margin-top: 5px;
		padding: 0px 20px;
	}
	
	#blogfeed ul li{
		font-size: 10px;
		color: #333333;
		line-height: 18px;
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #dddddd;
	}
	
	#blogfeed ul li a{
		color: #00aaef;
	}
	#blogfeed ul li a:hover{
		color: #f19120;
	}
	
	#blogfeed .smalltext {
		text-align: right;
		padding: 0px 30px;
		font-size: 9px;
	}
	
	#blogfeed .smalltext a {
		color: #000000;
		text-decoration: none;
	}
	
	#blogfeed .smalltext a:hover {
		color: #f19120;
		text-decoration: none;
	}
	
	#blogfeed ul li .msg {
		padding: 0px 0px 5px 0px;
	}
	
	#blogfeed ul li .time a{
		font-weight: bold;
		color: #333333;
		font-style: italic;
		text-decoration: none;
	}

#box2 {
	position		: relative;
	float			: left;
	width			: 202px;
	background-color: #ddeedd;
	margin-right	: 20px;
}

#box3 {
	position		: relative;
	float			: left;
	width			: 202px;
	background-color: #ddeedd;
	margin-right	: 20px;
}

#twitter {
	position		: relative;
	float			: left;
	width			: 202px;
	background-color: #ddeedd;
	margin-right	: 20px;
}

	#twitter h3 a {
		background: url('/images/box_twit_top.png') no-repeat;
	}
	
	#twitter h3 a span {
		display: block;
		padding-top: 35px;
		margin: 0px 20px 0px 15px;
		font-size: 14px;
		text-align: left;
		color: #7faad3;
	}
	
	#twitter h2 a span {
		display: block;
		padding-top: 0px;
		margin: 0px 20px 0px 15px;
		font-size: 18px;
		text-align: left;
		color: #005596;
	}
	
	#twitter #foot {
		background: url('/images/box_twit_bot.png') no-repeat;
		margin-top: -15px;
	}

	#twitter ul {
		list-style: none;
		margin-top: 5px;
		padding: 0px 20px;
	}
	
	#twitter ul li{
		font-size: 10px;
		color: #333333;
		line-height: 18px;
		margin-bottom: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #dddddd;
	}
	
	#twitter ul li a{
		color: #00aaef;
	}
	#twitter ul li a:hover{
		color: #f19120;
	}
	
	#twitter .smalltext {
		text-align: right;
		padding: 0px 30px;
		font-size: 9px;
	}
	
	#twitter .smalltext a {
		color: #000000;
		text-decoration: none;
	}
	
	#twitter .smalltext a:hover {
		color: #f19120;
		text-decoration: none;
	}
	
	#twitter ul li .msg {
		padding: 0px 0px 5px 0px;
	}
	
	#twitter ul li .time a{
		font-weight: bold;
		color: #333333;
		font-style: italic;
		text-decoration: none;
	}