/* CSS for Arlon Interactive Marketing*/

html, body, ul, ol, li, p, h1, h2 {
	margin: 0;
	padding:0;
	border: 0;
	font-size: 100%;
}

body {
	color: #666666;
	text-align: left;
	background: #000066;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

p {
line-height:18px;
padding-top:10px;
font-size:85%;
}

.hometext {
font-size:95%;
padding-top:20px;
}

body a {
color:#264390;
text-decoration:none;
}

body ul {
font-size:85%;
line-height:18px;
padding-left:15px;
}


body a:hover {
color: #660000;
text-decoration:none;
}


h1 {
	margin-left:0px;
	color: #284297;
	font-size: 110%;
	position:absolute;
	left:-999em;
}

h2 {
	margin-left:0px;
	color: #666666;
	font-size: 110%;
	font-weight: bold;
}

h3 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 110%;
	color: #666666;
	font-weight: normal;
}



.smalltext { font-size: 73%; padding-top:0px;} 

.rightimage {
float:right;
margin:0px 0px 0px 10px;
}

.leftimage {
float:left;
margin:0px 0px 0px 0px;
}


.righttext p{
float:right;
width:330px;
font-size:85%;
line-height:18px;
padding-top:5px;
}

	.clear { clear:both;}
	.small { line-height:10px; width:200px;}
	.large { line-height:30px;}
	.sitemap { line-height:180px;}
	.sitemap2 { line-height:108px;}


#sitemapright {
float:right;
width:280px;
}

#sitemapleft{
float:left;
}
#itsupport li {
	list-style: circle;

}
#itsupport ul {
padding-left:40px;
}

#clientsright {
float:right;
width:290px;
}

#clientsleft{
float:left;
}


/*Wrapper Details*/
#wrapper {
	margin:20px auto;
	width: 790px;
	background:#FFFFFF;
	}
	
#toplinks {
	
	text-align:left;
	height:21px;
	padding-left:10px;
	background: #D1DEEF;
	padding-top:0px;


	}
	
	#toplinks li{
	display:inline;
		padding-right:15px;
	}
	
	#tops ul{

	}
	
	#toplinks a {
color: #264390;
font-size:80%;
}

#toplinks a:hover {
color: #660000;
text-decoration:none;
}

/*Breadcrumb*/
	#breadcrumb {
	margin:0;
	font-size:75%;
	padding:0px 0px 0px 0px;
	background: url(../images/background_pages.gif);
	list-style:none;
	}

	#breadcrumb li {
	display:inline;
	padding-left:5px;
	}
	
		#breadcrumb ul {
padding-top:5px;
	}
	
	#breadcrumb a {
	text-decoration: none;
	color:#4A1A6E;
	padding-right: 15px;
	font-weight: normal;
	background-image: url(../images/breadcrumb.gif); 
	background-repeat: no-repeat; 
	background-position: right;
	}
	
	#breadcrumb a:hover {
	text-decoration: underline;
	color:#A487C2;
	}

#banner {
	width:560px;
background: #FFF;
}

#logo {
	float:right;
	text-align:right;
width:110px;
	height:550px;
	background: #FFFFFF;
}

#contentarea {
float:left;
	background-color:#FFFFFF;
	width:790px;
}

#homecontentarea {
	float:left;
	width:790px;
	background: url(../images/background.jpg) no-repeat left bottom;
}

#lefthome {
float:left;
width:110px;
padding-top:40px;
padding-bottom:30px;
}


#middle {
	float:left;
	padding-left:40px;
	width:550px;
	font-size:95%;
	margin-top:50px;

}

#mainhome {
	float:left;
	padding-left:40px;
	width:500px;
	font-size:95%;
	margin-top:100px;

}

#phone {
	float:left;
	width:790px;
	height:88px;
}

#phonehome {
	float:left;
	width:612px;
	height:88px;
}

/*Footer*/
#footer {
	clear:both;
	height:25px;
	background: #FFFFFF;
	border-top: 1px solid #D1DEEF;
}


#footerlinks {
	text-align:right;
	margin-left:2px;
	margin-right:5px;
		float:right;
		width:450px;
			padding-top:2px;
}

#footerlinks a{
color: #264390;
padding-left:10px;
text-decoration:none;
font-size:80%;

}

#footerlinks a:hover {
text-decoration: none;
color: #660000;
	}
	
	#footerlinks li {
	display:inline;
	}
	
		#footers ul{
	}
	
	.copyright {
padding-left:2px;
font-size:70%;
float:left;
padding-top:5px;
}