/***************
 * CSS for Largetail page 
 * 5/22/08
 ***************/
 
 body, html{
 	font-size:100%;
 }
 
 body{
 	padding:0;
	margin:0;
	font-size:.625em;
	font-family:"Courier New", Courier;
	color:#fff;
	text-align:center;
 }
 
 img{
 	border:none;
 }
 
 .green{
 	color:#8dc942;
 }
 
 .blue{
 	color: #17addc;
 }
 
 .pink{
 	color:#dd0081;
 }
 
 .orange{
 	color:#f3902a;
 }
 
 p, th, td, label, input, li{
 	font-size:1.4em;
 }
 
 .pre{
	white-space:pre;
	font-size:1.4em;
	background-color:#000;
 }
 
 br.clear{
 	clear:both;
 }
 
 h2{
	text-transform:uppercase;
	font:2.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:30px 0 8px;
	display:block;
	position:relative;
	clear:both;
 }
 
 h2 span{
 	position:absolute;
	width:147px;
	height:145px;
	line-height:1px;
	display:block;
	top:-20px;
	left:-222px;
	color:#fff;
 }
 
 div.header{
 	width:980px;
	margin:0 auto;
	text-align:left;
	background:#fff url(../images/header.gif) top center no-repeat;
	height:1139px;
 	position:relative;
 }
 
 div.page{
 	width:800px;
	margin:0 auto;
	padding:175px 90px 0px;
	text-align:left;
	background:#fff url(../images/bg.gif) 0px -1139px repeat-y;
	position:relative;
 }
 
 .page p{
 	 margin-left:90px;
	 width:580px;
	 display:block;
 }
 
 .page strong{
 	font-weight: bold;
 	font-style: italic;
 }
 
 .page h2, .page form, .page ul{
 	margin-left:90px;
 }
 
 /***** Header ****/
 
 h1{
 	margin:0;
	padding:0;
	display:block;
	color:#fff;
 }
 
 .header p{
 	position:absolute;
	top:750px;
	left:500px;
	width:300px;
 }
 
 /* header */
 
 /***** Partners *****/
 
	p.green_pre{
 	background:#000 url(../images/green_pre.png) top left no-repeat;
	padding:0;
	margin:0;
	line-height:1px;
	width:202px;
	height:243px;
	position:absolute;
	left:350px;
	top:-110px;
 }
 
 p.partner{
 	width:240px;
	padding-bottom:390px;
	padding-right:75px;
	background:url(../images/blue_pre.png) bottom right no-repeat;
	font-size:1.2em;
 }
 
 h2#partner{
 
 }
 
 #partner span{
 	background:url(../images/x-green.png) top left no-repeat;
 }
 
 div.video_container{
 	margin-left:90px;
 }
 
 /***** Network ****/
 
 h2#network{
 	margin-top:40px;
 }
 
  #network span{
 	background:url(../images/x-blue.png) top left no-repeat;
 }
 
 table.network{
 	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
 	margin-left:170px;
	margin-right:-15px;
	margin-top:70px;
	margin-bottom:250px;
 }
 
 p.network{
 	font:1.2em Arial, Helvetica, sans-serif;
 }
 
 img.network{
 	margin-left:90px;
	margin-top:10px;
	margin-bottom: 30px;
 }
 
 .network tr{
 }
 
 .network th, .network td{
 	text-align:center;
	vertical-align:middle;
 }
 
 .network td{
	 color:#3aa2c0;
	 text-transform:uppercase;
	 font-size:1.6em;
	}
	
 .network .alt td{
 	background-color:#151515;
	
 }
 
 .network th, .network td.th{
 	text-transform:uppercase;
	color:#000;
	background-color:#3aa2c0;
	font-weight:bold;
	padding:5px 10px;
	font-size:1.1em;
 }
 
 .network th{
 	width:67px;
	padding:5px;
 }
 
 .network td.th{
 	border-bottom:1px #000 solid;
	width:110px;
 }
 
 .network th.blank{
 	background:none;
 }
 
 /* end network */
 
 /***** Contact ******/
 #contact span{
 	background:url(../images/x-pink.png) top left no-repeat;
 }
 
 form.contact{
 	background:url(../images/pink_pre.png) top right no-repeat;
	padding-top:300px;
	padding-right:165px;
	width:380px;
	margin-top:-285px;
	margin-bottom:440px;
 }
 
 .contact label{
 	position:absolute;
	left:-9000px;
 }
 
 .contact fieldset{
 	border:none;
	padding:0 6px 0 0;
	margin:0;
	border-collapse:collapse;
	width:180px;
	height:160px;
	float:left;
	display:block;
	position:relative;
 }
 
 .contact input, .contact select, .contact textarea{
		border:1px #e10980 solid;
		color:#fff;
		font:1.2em "Courier New", Courier;
		text-transform:uppercase;
		background:#000 url(../images/black.gif) top left repeat;
 }
 
 .contact input#name, .contact input#email, .contact div.who, .contact div.industry, .contact textarea, .contact input#submit{
 	position:absolute;
	left:0px;
 }
 
 .contact textarea, .contact input#name{
	top:0px;
 }
 
 .contact input#email{
 	top:31px;
 }
 
 .contact div.who{
 	top:63px;
 }
 
 .contact div.industry{
 	top:94px;
 }
 
 .contact input#submit{
 	top:125px;
 }
 
 .contact input{
 	width:164px;
	padding:4px 5px 4px 8px;
	margin-bottom:7px;
	text-align:left;
	height:14px;
 }
 
 input.submit{
 	width:178px;
	color:#fff;
	background:#000 url(../images/btn_submit_bg.gif) center no-repeat;
	height:26px;
 }
 
 .contact select{
 	width:178px;
	margin-bottom:7px;
	padding:4px 5px;
 }
 
 .contact textarea{
 	width:170px;
	height:139px;
	padding:5px;
	float:left;
	margin:0;
 }
 
 /** custom for FF and safari **/
 .contact div.select{
 	overflow:hidden;
	width:176px;
	height:18px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px #e10980 solid;
	margin-bottom:7px;
 }
 
 .contact div.select select option{
 	background-color:#fff;
	color:#000;
 }
 
 .contact div.select select{
 	border:none;
	border-collapse:collapse;
	width:200px;
	width:175px;
	background:#000 url(../images/black.gif);
	margin:0;
	padding-top:0;
 }
 
 /* end custom for FF and safari */
 
 .contact legend{
 	display:none;
 }
 
 p.error, p.success{
 	margin-left:167px;
	font-size:1.2em;
	width:300px;
 }
 
 p.success{
 	background:url(../images/pink_pre.png) top right no-repeat;
	padding-top:300px;
	padding-right:165px;
	width:380px;
	margin-top:-285px;
	margin-bottom:440px;
	
 }
 
 /* end contact */
 
 /****** Downloads *****/
 
  #downloads span{
 		background: url(../images/x-orange.png) top left no-repeat;
 }
 
 ul.downloads{
 	padding:0;
	list-style:none;
	list-style-position:inside;
	background:url(../images/orange_pre.png) top right no-repeat;
	padding-right:82px;
	width:250px;
	padding-top:355px;
	padding-bottom:300px;
	margin-top:-345px;
 }
 
 .downloads li{
 	margin:0;
	padding:0;
 	margin-bottom:15px;
	display:block;
	font-size:1.2em;
 }
 
 .downloads li a{
 	color:#fff;
	background-color:#f3902a;
	text-decoration:none;
	padding:0 3px;
 }
 
 /* end downloads */
 
 /***** Footer ****/
 
 h2#footer{
 	border-top:1px #fff dashed;
	display:block;
	padding:15px 0;
	margin:0;
	margin-top:200px;
	font-size:1.1em;
 }
 /* end footer */
 
 img.mascot{
 	bottom:0px;
	right:-82px;
	position:absolute;
 }
 
 ul.footer{
 	margin:0;
	padding:0 0 30px;
	height:60px;
 }
 
 .footer li{
 	display:block;
	float:left;
	margin-right:30px;
	height:50px;
	line-height:50px;
 }
 
 .footer li img{
 	vertical-align:middle;
 }
 
 
 
 /***************
 * navigation
 **************/
div.navigation{
	border:1px #000 dashed;
	padding:10px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	width:165px;
	position:fixed;
	background-image:url(../images/nav_bg.png);
	top:50px;
	left:50px;
}

.navigation h2{
	font-size:12px;
	border:1px #000 solid;
	border-width:1px 0px;
	margin:0;
	padding:0 5px;
	line-height:20px;
}

.navigation ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:left;
}

.navigation li{
	margin:0;
	margin-bottom:3px;
	padding:0;
	display:block;
}

.navigation li a, .navigation li a:visited{
	color:#fff;
	text-transform:uppercase;
	display:block;
	line-height:13px;
	height:13px;
	padding-left:35px;
	font-weight:normal;
	text-decoration:none;
	font-size:12px;
}

.navigation li#nav_top a, .navigation li#nav_top a:visited{
	background-color:#000;
}

.navigation li#nav_partner a, .navigation li#nav_partner a:visited{
	background-color:#8dc942;
}

.navigation li#nav_network a, .navigation li#nav_network a:visited{
	background-color:#17addc;
}

.navigation li#nav_contact a, .navigation li#nav_contact a:visited{
	background-color:#dd0081;
}

.navigation li#nav_downloads a, .navigation li#nav_downloads a:visited{
	background-color:#f3902a;
}

.navigation li.current a, .navigation li.current a:visited, .navigation li a:hover{
	margin-left:35px;
	padding-left:5px;
}

#twits{
	margin-bottom: 200px;
	margin-left: 90px;
}


/* nav */
