/*
	ASG Vis Splash Page
	* March 3, 2009
	* Justin Michaliga
	* jmichaliga.com

    -------------------------- 
    Eric Meyer - CSS RESET - v1.0 | 20080212 
	-------------------------- 
*/


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0;
		padding:0;
		border:0;
		outline:0;
		background:transparent;
	}
	body {line-height:1;}
	ol, ul {list-style:none;}
	blockquote, q {quotes:none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content:'';}
	
	/* remember to define focus styles! */
	:focus {outline:0;}
	
	/* remember to highlight inserts somehow! */
	ins {text-decoration:none;}
	del {text-decoration:line-through;}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse:collapse; border-spacing:0;}

body{background-color: #FFF; color: #000;}
#wrapper{margin: 0 auto; width: 750px; margin-top: 100px;}

#header{height: 40px; width: 100%;}
	#logo{text-indent: -9000px; height: 40px; width: 140px; background: #FFF url('../images/asgvis-logo.jpg') no-repeat;}
	
#interaction{float: left; width: 650px; margin: 0px 0px; height: 400px;}
	#flash{float: left; width: 650px !important; overflow: visible; margin: 0px 50px;}
	
#links{float: left; width: 620px;  margin: 0px 0px;}
	#linkbox{float: left; width: 620px;  margin: 0px 65px;}
	#visualization{background: #FFF url('../images/visualization-link.jpg') top left no-repeat;}
		#visualization:hover{background-position: bottom left;}
	#software{background: #FFF url('../images/software-link.jpg') top left no-repeat;}
		#software:hover{background-position: bottom left;}
	.buttonL{ float:left; width: 270px; height: 65px; margin:20px; text-indent: -9000px; z-index: 10; cursor: pointer;}
	.buttonR{ float:left; width: 270px; height: 65px; margin:20px; text-indent: -9000px; z-index: 10; cursor: pointer;}
	
#message{float: left; width: 750px; margin: 0px 0px; height: 200px; text-align: center;}

	.H1{
	color:#999999;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
}

	.H2{
	color:#999999;
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

	.msfonty{color:#999999;font-family:Arial;font-size:10px;font-weight:lighter;}
	.msfonty_link{color:#FF0000;font-family:Arial;font-size:10px;font-weight:lighter;text-decoration:none;}
	.msfonty_link:hover {color:#FF0000;font-family:Arial;font-size:10px;font-weight:lighter;text-decoration:underline;}
	
	
#social{float: left; width: 100%; margin: 40px 0px; height: 90px; text-align: center;}
	#social h4{background: #FFF url('../images/connect.jpg') no-repeat; width: 140px; height: 20px; text-indent: -9000px; margin: 0px auto;}
	#footer{list-style: none; width: 390px; height: 25px; margin: 0px auto; }
		ul#footer li{height: 25px; float: left; display: block; }
		li.linky{float: left; height: 25px; text-indent: -9000px; background: #FFF url('../images/social.jpg') no-repeat; cursor: pointer;}
		li.linky a{height: 25px;}
	
		li.myspace{background-position: 0 0; width: 146px}
			li.myspace:hover{background-position: 0 -25px;}
		li.facebook{background-position: -146px 0; width: 123px;}
			li.facebook:hover{background-position: -146px -25px;}
		li.twitter{background-position: -269px 0; width: 112px;}
			li.twitter:hover{background-position: -269px -25px;}


#contact {float:left; height:60px; text-align:center; width:750px;}			
	.fonty{color:#999999;font-family:Arial;font-size:11px;font-weight:lighter;}
	.fonty_link{color: #FF0000; text-decoration: none;}
	.fonty_link:hover {color:#FF0000; font-family:Arial;font-size:11px;font-weight:lighter;text-decoration:underline;}

.popup_msg{
	z-index:5;   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #999;
	border: none;
	width: 200px;
	height: 200px;
	padding: 40px;
	background: url('../images/tooltip.png') no-repeat;
 	display:none;
}
.popup_msg{position: relative; left: 20px; top: 20px;}
.popup_msg span{font-size: 13px; line-height: 18px; font-weight: bolder; color: #999;}
.popup_msg p{padding: 5px 30px 0px 0px; line-height: 12px; font-size: 9px; font-weight: normal;}
.popup_msg a{color: #F00;}

#sw_div{color: #000;}
#vis_div{color: #000;}

.button_msg{
	z-index:5;   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #999;
	border: none;
	width: 200px;
	height: 200px;
	padding: 40px;
 	display:none;
}
#sw_div.button_msg{background: url('../images/bottom_box_left.png') no-repeat !important;
	position: relative; left: -60px; top: 30px;}
#vis_div.button_msg{background: url('../images/bottom_box_right.png') no-repeat !important;
	position: relative; left: 60px; top: 30px;}

.button_msg span{font-size: 13px; line-height: 16px; font-weight: bold; color: #999;}
.button_msg p{padding: 5px 30px 0px 0px; line-height: 12px; font-size: 9px; font-weight: normal;}
.button_msg a{color: #F00;}


.xx-trig, .x-trig{border: 1px solid #CCC; background: url('../images/close_box.jpg'); 
	position: absolute; left: 210px; top: 28px; width: 10px; height: 10px; z-index: 10;}