/* CSS Document */

/* ---------- Arnet CSS ---------- */

	* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}

	body {
		background-repeat: repeat-x;
		background-image: url(../images/arnetunderground.jpg);
		background-color:#C6CBCF;
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		/*background-color:#C6CBCF;*/
		margin-bottom:-340px; /* half of container's height */
		float:left;
		}
		
	
	#container {
		background-repeat: no-repeat;
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:680px;
		width:810px;
		clear:left;
		background-image: url(../images/arnetbackground.gif);
		background-color:#284A66;
		}
		
		
	div.containerin {
		float:left;
		height:680px;
		width:680px;
		padding-right: 65px;
		padding-left: 65px;
		padding-top: 0px;
		padding-bottom: 0px;
		}
		
	div.titlebar{
		float:left;
		height:105px;
		width:680px;
		padding-top: 30px;
		/*background-image: url(../images/title.jpg);
		background-repeat: no-repeat;*/
		}
		
	div.titlejpg{
		float:left;
		height:105px;
		width:680px;
		background-image: url(../images/arnettitle.jpg);
		background-repeat: no-repeat;
		}
		
	div.flashhold{
		float:left;
		height:285px;
		width:680px;
		padding-top: 20px;
		/*background-repeat: repeat-x;
		background-image: url(../images/fdbotground.jpg);*/
		}
		
	div.flashplay{
		float:left;
		height:285px;
		width:680px;
		background-color:#ffffff;
		/*background-repeat: repeat-x;
		background-image: url(../images/fdbotground.jpg);*/
		}
		
	div.contenthold{
		float:left;
		height:355px;
		width:680px;
		padding-top: 20px;
		/*background-repeat: repeat-x;
		background-image: url(../images/productbg.jpg);*/
		}
		
	div.contentplay{
		background-repeat: repeat-y;
		background-image: url(../images/productbg.jpg);
		float:left;
		height:355px;
		width:680px;
		background-color:#ffffff;
		overflow: scroll;
		overflow-x: hidden;
		scrollbar-arrow-color:#ffffff;/*edited*/
		scrollbar-base-color:#0D202F;/*edited*/
		scrollbar-shadow-color:#F3F3F3;/*edited*/
		scrollbar-face-color:#0D202F;/*edited*/
		scrollbar-highlight-color:#808B91;/*edited*/
		scrollbar-dark-shadow-color:#113C45;/*edited*/
		scrollbar-3d-light-color:#93C1DB;/*edited*/
		}
		
	div.contentcopyin{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 60px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #284A66;
		float:left;
		height:auto;
		width:600px;
		}
		
	b{

	font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 20px;
		color: #284A66;
		}
		
		
		
	div.contacthold{
		float:left;
		height:395px;
		width:680px;
		padding-top: 20px;
		/*background-repeat: repeat-x;
		background-image: url(../images/fdbotground.jpg);*/
		}
		
	div.contactplay{
		float:left;
		height:395px;
		width:680px;
		/*background-color:#ffffff;
		overflow: scroll;
		overflow-x: hidden;
		scrollbar-arrow-color:#ffffff;
		scrollbar-base-color:#C50068;
		scrollbar-shadow-color:#F3F3F3;
		scrollbar-face-color:#C50068;
		scrollbar-highlight-color:#c48c6f;
		scrollbar-dark-shadow-color:#113C45;
		scrollbar-3d-light-color:#3399ff;*/
		}
		
	div.contactplayleft{
		float:left;
		height:395px;
		width:340px;
		}
		
	div.contactplayright{
		float:left;
		height:395px;
		width:340px;
		}
		
	div.contacttitlelr{
		
		float:left;
		height:20px;
		width:340px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 14px;;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		padding-bottom: 20px;
		}
	
	div.contactpicr{
		
		float:left;
		height:100px;
		width:340px;
		padding-bottom: 20px;
		text-align:right;
		}
		
	div.contactphoneemail{
		float:left;
		height:40px;
		width:340px;
		padding-bottom: 20px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		text-align:right;
		}
		
	div.contactaddress{
		float:left;
		height:40px;
		width:340px;
		padding-bottom: 20px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		text-align:right;
		line-height: 16px;
		}
		
	div.contacthtmlcopy{
		float:left;
		height:50px;
		width:340px;
		padding-bottom: 20px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		line-height: 14px;
		text-align:right;
		}
		
		/* ---------NEWS---------- */
	div.newsplaycopy{
		overflow: scroll;
		overflow-x: hidden;
		scrollbar-arrow-color:#ffffff;/*edited*/
		scrollbar-base-color:#0D202F;/*edited*/
		scrollbar-shadow-color:#F3F3F3;/*edited*/
		scrollbar-face-color:#0D202F;/*edited*/
		scrollbar-highlight-color:#808B91;/*edited*/
		scrollbar-dark-shadow-color:#113C45;/*edited*/
		scrollbar-3d-light-color:#93C1DB;/*edited*/
		float:left;
		height:285px;
		width:395px;
		background-color:#ffffff;
		/*background-repeat: repeat-x;
		background-image: url(../images/fdbotground.jpg);*/
		}
		
	div.newsplayimage{
		float:left;
		height:285px;
		width:285px;
		background-color:#999999;
		/*background-repeat: repeat-x;
		background-image: url(../images/fdbotground.jpg);*/
		}
		
	div.newstitle{
		float:left;
		height:30px;
		width:375px;
		padding-top: 15px;
		padding-left: 20px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 18px;
		color: #96C0DC;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		}
		
	div.newsdate{
		float:left;
		height:10px;
		width:375px;
		padding-left: 20px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #284A66;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		}
		
	div.newspic{
		float:left;
		height:95px;
		width:117px;
		padding-top: 20px;
		padding-right: 258px;
		padding-left: 20px;
		}
		
	div.newscopy{
		float:left;
		height:auto;
		width:345px;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 30px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #284A66;
		text-decoration: none;
		font-style: normal;
		
		}
		
	div.newsend{
		float:left;
		height: 1px;
		width:355px;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 1px;
		color: #284A66;
		text-decoration: none;
		font-style: normal;
		
		}
		
		/* ---------NEWS-END----96C0DC----- */
	
	div.titleflash{
		float:left;
		height:160px;
		width:500px;
		padding-right: 165px;
		padding-left: 235px;
		}
	
	div.titlehtmlhold{
		float:left;
		height:40px;
		width:680px;
		padding-top: 20px;
		}
		
	div.titlehtmllefthome{
		float:left;
		height:40px;
		width:300px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 24px;
		color: #8ADBFF;
		text-decoration: none;
		font-style: normal;
		}	
		
	div.titlehtmlright{
		float:right;
		height:28px;
		width:380px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 12px;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		padding-top: 12px;
		text-align:right;
		}
		
	div.copyhtmlhold{
		float:left;
		height:60px;
		width:280px;
		padding-top: 10px;
		padding-right: 400px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		line-height: 14px;
		}
		
	div.phonehtmlhold{
		float:left;
		height:30px;
		width:280px;
		padding-top: 10px;
		padding-right: 400px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		font-weight: bold;
		}
		
	span.bluetxt{
	color: #8ADBFF;
		}
	

	div.credhtmlhold{
		float:left;
		height:40px;
		width:680px;
		padding-top: 10px;
		}
		
	div.credhtmlleft{
		float:left;
		height:40px;
		width:300px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		line-height: 14px;
		}	
		
	div.credhtmlright{
		float:right;
		height:40px;
		width:380px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 9px;
		color: #ffffff;
		text-decoration: none;
		font-style: normal;
		line-height: 14px;
		text-align:right;
		}
		
	span.smalltxt{
	font-size: 9px;
		}
	
/* ---------- buttons's ---------- */

span.b1{
color: #333333;
}

.b1 a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
} 

.b1 a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
} 

.b1 a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}


span.b2{
color: #FF9900;
}

.b2 a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	font-style: normal;
	color: #FF9900;
	text-decoration: none;
} 

.b2 a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
	font-style: normal;
} 

.b2 a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}


span.b3{
color: #FBAEFF;
}

.b3 a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	font-style: normal;
	color: #FBAEFF;
	text-decoration: none;
} 

.b3 a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FBAEFF;
	text-decoration: none;
	font-style: normal;
} 

.b3 a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}


span.b4{
color: #CCFF42;
}

.b4 a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	font-style: normal;
	color: #CCFF42;
	text-decoration: none;
} 

.b4 a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #CCFF42;
	text-decoration: none;
	font-style: normal;
} 

.b4 a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}


span.b5{
color: #8ADBFF;
}

.b5 a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	font-style: normal;
	color: #8ADBFF;
	text-decoration: none;
} 

.b5 a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #8ADBFF;
	text-decoration: none;
	font-style: normal;
} 

.b5 a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}


span.b6{
color: #FFFF3E;
}

.b6 a:link {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	font-style: normal;
	color: #FFFF3E;
	text-decoration: none;
} 

.b6 a:visited {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFF3E;
	text-decoration: none;
	font-style: normal;
} 

.b6 a:hover {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
}

/* ---------- contact ---------- */

form.formd{
	float: left;
	height:335px;
	width:340px;
	
}

input.formniv {
background-color: #ffffff; 
font-weight: light; 
font-size: 10px; 
color: #113C45;
border-width: 0px;
height: 14px;
text-indent: 3px;
width: 200px; 
}

textarea.textniv {
background-color: #ffffff; 
font-weight: light; 
/*font-size: 10px; */
color: #113C45;
border-width: 0px;
overflow-x: hidden;
text-indent: 3px;
width: 200px; 
}


div.sizeitb{
height: 24px;
width: 340px;
float: left;
font-size: 10px;
}

div.sizeitb2{
height: 90px;
width: 340px;
float: left;
font-size: 10px;
}

div.sizeitb2b{
height: 120px;
width: 340px;
float: left;
font-size: 10px;
}

div.sizeitbhold{
height: 14px;
width: 100px;
float: left;
font-size: 10px;
color: #ffffff;
}

div.sizeitbholdr{
height: 14px;
width: 240px;
float: left;
font-size: 10px;
}

div.sizeitc{
width: 240px;
padding-left: 100px;
float: left;
}


.sizeitc a:link {
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-size: 15px;
	color: #8ADBFF;
	font-weight: bold;
	text-decoration: none;
} 

.sizeitc a:visited {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	color: #8ADBFF;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
} 

.sizeitc a:hover {
	font-family: Verdana, sans-serif;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

.contentcopyin a:link {
	font-family: Verdana, sans-serif;
	font-style: italic;
	font-size: 14px;
	color: #000000;
	font-weight: none;
	text-decoration: none;
} 

.contentcopyin a:visited {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: none;
	text-decoration: none;
	font-style: italic;
} 

.contentcopyin a:hover {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #FF9900;
	font-weight: none;
	text-decoration: none;
	font-style: italic;
}