@charset "UTF-8";
/* CSS Document */

body {background-image:url(../images/backdrop.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.container {
	position:relative;
	width:909px;
	text-align:left;
}
#infotelsolutionslogo {position:relative; float:left; width:176px; height:49px;}
.ad1{
	position:relative;
	float:left;
	width:909px;
	height:366px;
	background-image:url(../images/ad1.png);
	
}
.ad1b{
	position:relative;
	float:left;
	width:909px;
	height:366px;
	background-image:url(../images/ad1b.png);
	
}
.ad1c{
	position:relative;
	float:left;
	width:909px;
	height:366px;
	background-image:url(../images/ad1c.png);
	
}
.thecompany{
	position:relative;
	float:left;
	width:909px;
	height:266px;
	background-image:url(../images/thecompany.png);
	margin-top:25px;
}
.sustainability{
	position:relative;
	float:left;
	width:909px;
	height:266px;
	background-image:url(../images/sustainability.png);
	margin-top:25px;
}
.contactus{
	position:relative;
	width:909px;
	height:266px;
	background-image:url(../images/contactus.png);
	margin-top:25px;
	float: left;
	clear: both;
}
.ourbrands{
	position:relative;
	float:left;
	width:909px;
	height:266px;
	background-image:url(../images/ourbrands.png);
	margin-top:25px;
}
.ad2bg {position:relative; float:left; width:909px; height:131px; background-image:url(../images/ad2bg.png); margin-top:55px;}
.ad2 {
	position:relative;
	float:left;
	width:294px;
	height:131px;
}
.ad2div {
	position:relative;
	float:left;
	width:13px;
	height:124px;
	background-image:url(../images/ad2div.png);
}
.foot {
	position:relative;
	float:left;
	width:909px;
	text-align:left;
	margin-top:50px;
}
.navbutton {
	position:relative;
	float:right;
	top:35px;
	margin-left:15px;
	padding: 5px;
	color: #663399
}

.navbutton A:link {text-decoration:none; color:#222222}
.navbutton A:active {text-decoration:none; color:#FFFFFF}
.navbutton A:visited {text-decoration:none; color:#222222 }
.navbutton A:hover {text-decoration:none; color:#FFFFFF}

.2one { background-image:url(../images/ad2one.png); height:126px; width:290px}
.2two { background-image:url(../images/ad2two.png); height:126px; width:290px}
.2three { background-image:url(../images/ad2three.png); height:126; width:290px}

.lefthandcolcopy {
	position:relative;
	width:350px;
	font-size:12px;
	margin-top:20px;
	left: 0px;
	top: 0px;
	float: left;
}


/*  SCRIPTACULOUS FADE CLASSES */

/* class styles */
			.fade-box {
	margin-left: 0px;
	position: absolute;
	width: 909px;
	height: 366px;
	left: 0px;
	top: 0px;
	margin-top:10px;
			}
			.fade-box p {
				width: 280px;
				padding: 5px 10px 0 10px;
				margin: 0;
				background: #E0EADF;
			}
			.fade-box h2 {
				width: 290px;
				margin-top: 29px;
				padding-left: 10px;
				background: #E0EADF;
			}
			
			/* id styles */
			#content-body {
				margin: 0 auto 0 auto;
				width: 764px;
				background: #FFF;
			}
			#title-box {
				width: 764px;
				height: 30px;
				/* the following is a hack to work around IE's box model */
				//height: 64px;
				padding-top: 34px;
				
			}
			#page-title {
				margin: 0 0 0 30px;
				display: block;
				width: 160px;
				height: 30px;
				padding: 2px 0px 0px 4px;
				

			}
			#crossfade-container {
				margin: 0px 0px 0px 0px;
				width: 909px;
				height: 366px;
				
					
			}
			#introduction p {
				width: 290px;
				padding: 5px 10px 0 10px;
				margin: 0;
			}
			#introduction h2 {
				width: 290px;
				margin-top: 10px;
				padding-left: 10px;
			}
			
			/* the boxes that fade */
			#box-1 {
				
			}
			#box-2 {
				
			}
			#box-3 {
				
			}

/* END OF SCRIPTACULOUS FADE CLASSES*/