/*global*/
body{	
color:#606060;
font-family: verdana, helvetica, arial, sans-serif;
font-size: .8625em;
line-height: 1em;
background-color: #fff;
width: 100%;
height:100%;
margin: auto;
}

/*****************typography*****************/
p{font-size: 95%; color: #606060; line-height: 175%;}
a{color: #235B9C; text-decoration: none;}
a:hover{color: #4483C7; text-decoration: underline;}
h1, h2, h3, h4, h5, h6{margin: 0px 0px 12px 0px;}
img{border: 0px;}


/*****************Header*****************/

.header{
	background: #000 url(../grafx/index_head_bg.gif) repeat-x bottom;
	width: 100%;
	height: 384px;
	margin: auto;
	position: relative;
	top: 0px;
	}
	
	
/****BRAND****/	
		.logo{
			width: 173px;
			height: 45px;
			margin: 0px 0px 0px 0px;
			position: absolute;
			top: 0px;
			left: 0px;
			}
			.logo a{
				width: 173px;
				height: 45px;
				display: block;	
				background: transparent url(../grafx/logo_2.gif) no-repeat;
				text-indent: -9999px;
				}
				
				
/***top nav***/
.top_nav_bg{
	width: 100%;
	height: 36px;
	background: #000 url(../grafx/top_bg.gif) repeat-x;
	}
	
	.top_nav{
	width: 910px;
	height: 36px;
	margin: auto;
	}
	
	.top_tab{
		background: #000 url(../grafx/top_tab.gif) no-repeat;
		width: 268px;
		height: 36px;
		display: block;
		position: relative;
		top: 0px;
		left: 640px;
		}
		.top_tab span{
			width: 90%;
			position: absolute;
			right: 10px;
			top: 14px;
		}
			.top_tab span a{color: #fff; font-size: 70%;}
			.top_tab span a:hover{color: #ffff00;}
			
/***main nav***/
.main_nav{
	width: 910px;
	height: 45px;
	margin: auto;
	position: relative;
	top: 20px;
	z-index: 1;
	}
	.main_nav span{
	width: 200px;
	position: absolute;
	right: 8px;
	top: 31px;
		}
		.main_nav span a{color: #ffff00; font-style: italic; font-size: 90%;}
		.main_nav span a:hover{color: #fff;}
		
  
  
  
  
  
  
  
  
  
  

/*********ROTATOR*********/  
  
  .holder {
	background: #fff url(../grafx/Accubid_home_banner.jpg) no-repeat;
  position:relative;
  display:block;
  width:910px;
  height:286px;
  margin:0 auto;
  overflow:hidden;
  top: 33px;
}
   

.slider {
  position:absolute;
  width: auto;
  height:286px;
  top: 0px;
  margin:0;
  padding:0;
}

/***article containers***/
   
.slide {
  	float:left;
	width: 910px;
	height: 286px;
	position: relative;
	display: block;
	margin: auto;
	top: 0px;
	left: 0px;
	z-index: 0;
}

	.slide .right_panel{
		width: 435px;
		height: 275px;
		padding: 5px 5px 5px 5px;
		margin: 1px 0px 0px 0px;
		position: absolute;
		top: 0px;
		right: 0px;
		}
		.slide .right_panel_menu{
			width: 100%;
			height: 50px;
			position: absolute;
			bottom: 12px;
			left: 8px;
			display: block;
			}
			.slide .right_panel_menu ul{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				position: absolute;
				float: right;
				top: 6px;
				right: 40px;
				}
				.slide .right_panel_menu ul li a{color: #464646;}
				.slide .right_panel_menu ul li a:hover{color: #000;}
	.slide h2{
		font-family: arial;
		font-size: 200%;
		font-weight: bold;
		color: #606060;
		line-height: 120%;
		position: absolute;
		width: 500px;
		top: 138px;
		left: 12px;
		}

	.slide h3{
		font-size: 110%;
		font-weight: bold;
		line-height: 120%;
		position: absolute;
		width: 500px;
		top: 168px;
		left: 38px;
	}
		.slide h3 a{color: #fff;}

	.slide img.screenclip{
		position: absolute;
		top: 9px;
		left: 12px;
		}
		
	.slide ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		position: absolute;
		top: 220px;
		right: 360px;
		font-size: 90%;
		line-height: 150%;
		font-weight: bold;
		height: 36px;
		}

	
	.slide ul{
		position: absolute;
		top: 205px;
		left: auto;
		}
	
	
	.slide .clicks{
		width: 910px;
		height: 280px;
		display: block;
	}



/**TWDIA**/
.wrapper{
	width: 443px;
	height: 284px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	}
	.together{
		width: 414px;
		height: 170px;
		position: relative;
		top: 28px;
		left: 14px;
		}
	.together .headline{
		position: relative;
		top: -20px;	
	}
		.together p{
			margin: -20px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			width: 280px;
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 90%;
			line-height: 130%;
			}
		.together img.neca{
			float: right;
			}
			
	.wrapper ul.logos{
		list-style-type: none;
		margin: 24px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 225px;
		height: 25px;
		position: absolute;
		bottom: 0px;
		left: 10px;
		}
	.wrapper ul.logos li{float: left; padding: 0px 10px 0px 0px;}

/***markers***/

#markers{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
	position: absolute;
	z-index: 1000;	
	bottom: 0px;
	left: 0px;
	width: auto;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}
#markers li{
	background: url(../grafx/marker.png) no-repeat;
	color: #fff;
	width: 18px;
	height: 17px;
	display: block;
	position: relative;
	float: left;
	margin: 10px 4px 0px 4px;
	padding: 1px 0px 0px 0px;
	text-align: center;
	cursor: pointer;
}
	




.enter{
	background: url(../grafx/black_tab.gif) no-repeat; 
	width: 447px;
	height: 40px;
	z-index: 1;
	position: relative;
	top: -36px;
	right: 0px;
	float: right;
	}
	.enter ul{
		list-style-type: none;
		margin: -4px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		}
		.enter ul li{
			line-height: 18px;
			}
			.enter ul li a{
				color: #ffff00;
				font-size: 11px;
				font-weight: bold;
				}
			.enter ul li a:hover{color: #fff;}

/*****************Content*****************/
.content_bg{
	width: 100%;
	height: 74px;;
	position: absolute;
	top: 420px;
	left: 0px;
	display: block;
	clear: both;
	z-index: 0;
	background: #fff url(../grafx/index_body_bg.gif) repeat-x top;
	}
	
.content{
	width: 910px;
	height: 100%;
	margin: auto;
	position: inherit;
	top: 50px;
	padding: 50px 0px 0px 0px;
	}
	
	.content_left{
		width: 440px;
		height: 100%;
		padding: 10px 0px 0px 0px;
		top: 0px;
		left: 14px;
		float: left;
		clear: right;
		position: relative;
		}
		
		.content_left h5{margin: 30px 0px 8px 0px;}
		.content_left h2{margin: 0px 0px 4px 0px;}
		.content_left p.contact{margin: 0px 0px 0px 0px; font-size: 80%;}
		
		.content_left p.image{
			border-bottom: #fff000 8px solid;
			margin: 0px 0px 22px 0px;
			}
		
	.content_right_margin{
		width: 400px;
		height: 100%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		top: 0px;
		position: relative;
		float: right;
		clear: right;
		}
		
	.content_right_margin ul{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}
		
		.news_item_main, .news_items, .news_item_noborder{
			width: 350px;
			height: auto;
			padding: 12px 18px 6px 18px;
			background: #fff;
			}
		
		.news_item_main img, .news_items img, .news_item_noborder img{
			margin: 0px 0px -6px 0px;
			}
			
		
		.news_item_main p, .news_items p, .news_item_noborder p{
			font-size: 80%;
			color: #404040;
			line-height: 150%;
			}
		
		.news_item_main{
			border: #ccc 1px solid;
			}
		.news_items{
			border-bottom: #ccc 1px solid;
			padding: 21px 18px 21px 18px;
			}
		.news_item_noborder{
			border: none;
			}
			.news_item_noborder a, .news_item_noborder li{font-size: 90%;}
			.news_item_noborder img{padding: 0px 8px 0px 0px;}
	
/*****************footer*****************/

.footer{
	background: #000 url(../grafx/index_head_bg.gif) repeat-x bottom;
	width: 100%;
	height: 100%;
	top: 80px;
	min-height: 500px;
	position: relative;
	display: inline-block;
	}
	.footer_menus{
		width: 975px;
		height: auto;
		margin: auto;
		position: relative;
		top: 20px;
		}
	
	.footer_menus p.list_head{
		color: #EFE121;
		font-size: 118%;
		margin: 0px 0px 8px 0px;
		}
	
	.footer_menus a{color: #fff; font-size: 80%;}
	.footer_menus a:hover{color: #fff000;}
	
	.footer_menus ul{
		margin: 0px 0px 24px 0px;
		padding: 0px;
		list-style-type: none;
		}
	.footer_menus li{line-height: 130%;}
	.footer_menus li.head{color: #b3b3b3; font-size: 100%; margin: 0px 0px 6px 0px;}
	.footer_menus li.state{color: #b3b3b3; font-size: 80%; font-style: italic; margin: 0px 0px 6px 0px;}
			
		.footer_menus_left, .footer_menus_mid, .footer_menus_right{
			width: 300px;
			border-right: #202020 1px solid;
			position: relative;
			float: left;
			padding: 0px 0px 0px 24px;
			}
			
			
		.footer_menus_right{border: none;}


.clearit{
	height: 68px;
	margin: auto;
	clear: left;
	position: relative;
}


.legal{
	width: 100%;
	height: 48px;
	position: absolute;
	bottom: 14px;
	margin: auto;
	z-index: 1;
}
	.legal_copy{
		width: 975px;
		height: 100%;
		position: relative;
		color: #b3b3b3;
		font-size: 75%;
		margin: auto;
		}
		.legal_copy a{color: #fff;}

		.legal_copy ul{
			list-style-type: none;
			width: 620px;
			height: 100%;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			position: relative;
			bottom: 40px;
			}
		.legal_copy ul li{
			float: left;
			width: auto;
			height: 100%;
			padding: 0px 10px 0px 0px;
			}
		.copy{
			padding: 0px 0px 0px 0px;
			color: #b3b3b3;
			margin: 0px 0px 0px 0px;
			line-height: 150%;
			position: relative;
			bottom: 15px;
			}

.bottom_bg{
	width: 100%;
	height: 45px;
	background: transparent url(../grafx/bottom_bg.gif) repeat-x;
	position: relative;
	bottom: 0px;
	margin: 48px 0px 0px 0px;
	}
	
	.bottom_copy{
		width: 400px;
		height: 45px;
		position: relative;
		color: #b3b3b3;
		font-size: 75%;
		margin: auto;
		left: 300px;
		z-index: 1;
		}
		.bottom_copy a{color: #fff;}
		.bottom_copy span{
			width: 650px;
			height: 20px;
			margin: 18px 0px 0px 0px;
			float: left;
			border: #eee 1px solid;
			display: block;
		}
	
	.bottom_tab{
		background: transparent url(../grafx/bottom_tab.gif) no-repeat;
		width: 320px;
		height: 45px;
		display: block;
		position: relative;
		bottom: 0px;
		float: right;
		}
		
		.bottom_tab_items{
			width: 140px;
			height: 28px;
			color: #b3b3b3;
			margin: 4px 4px 4px 4px;
			font-size: 90%;
			line-height: 110%;
			float: left;	
			}
		
			.bottom_tab_items img{
				width: 18px;
				height: 19px;
				float: left;
				padding: 4px 8px 2px 8px;
				}