/* CSS Document */



body {
	background-color: #e5f2f3;
	margin: 0;
	padding: 0;
	font-family:"Lucida Grande", verdana, sans-serif;
	font-size: 11px;
	line-height: 1.7em;
}

.marge {
margin-left: 5em;
}

h1 {
	font-family:"Lucida Grande", verdana, sans-serif;
	font-size: 15px;
	line-height: 1.7em;
	color: #01B5BC;
	}

h1 a {
	
	color: #575757;
	text-align: left;
}

h2 {
	color: #01B5BC;
	font-size: 1.2em;
}

h3 {	font-size: 1.4em;
	color: #828282;
}

p {

}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

img, a {
	border: 0;
}

a:link {

}

a:hover {

}

a:visited {

}




#container {

	width: 100%;
	height: 100%;

}

#content {
	border: 1px #0ca5b1;
	background-color: #fff;
	margin-top :10px;
	width: 800px;
	height: 600px;
}
#contentarlexoffice {
	border: 1px #0ca5b1;
	background-color: #e5f2f3;
	margin-top :30px;
	width: 900px;
	height: 600px;
}

#header {
	width: 800px;
	height: 30px;
	background-image: url("../images/header.gif");
	background-color: #e5f2f3;

	background-repeat: no-repeat;
}

#banner {
	width: 900px;
	height: 100px;
	}
#logoarlex {
	margin-top: 15px;
	float: left;
	width: 250px;
	height: 83px;
	background-image: url("../images/arlexlogosite.png");
	background-repeat: no-repeat;
	}

#flashpromo {
	margin-top: 15px;
	width: 900px;
	height: 300px;
	}
#flashgallery {
	border-color: #e5f2f3;
	}

#footer {

	width: 800px;
	height: 30px;
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
	background-color: #e5f2f3;
}

#footerengineering {
	margin-top: 90px;
	width: 800px;
	height: 30px;
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
	background-color: #e5f2f3;
}

#contentcontainer {
	width: 800px;
	height: 450px;
	background-image: url("../images/contentcontainer.gif");
	background-repeat: no-repeat;

}

#contentcontainer2 {
	width: 800px;
	height: 550px;
	background-image: url("../images/contentcontainer.gif");
	background-repeat: no-repeat;

}
#footerarlexoffice {
	width: 900px;
	height: 20px;
	background-color: #e5f2f3;
	float: left;
}

#arlexlogo {
	width: 616px;
	height: 100px;
	background-image: url("../images/arlexlogo.jpg");
	background-repeat: no-repeat;
}

#arlimexlogo {
	width: 272px;
	height: 100px;
	background-image: url("../images/arlimexlogo.png");
	background-repeat: no-repeat;
}

#navcontainer {
	
	float: left;
	margin: 0;
	padding: 0;
	background-color: #888;
	width: 690px;	
}

#topnav {
	
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;	
}

#topnavleft {

	float: left;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 30px;


	

}

ul#navlist li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	background: url("../images/button1off.gif");
	text-align: center;
}

#navlist li a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 115px;
	height: 25px;
	padding-top: 5px;
/*	background-color: #0ff; /**/
}

#navlist li#active {
	background: url("../images/button1on.gif") no-repeat;
}

#navlist li a:hover {
	background: url("../images/button1hover.gif") no-repeat;
}

//erase if this doesn't work

#navlist ul .submenu {
border:solid 1px #c9dea1;
border-top:none;
background:#FFFFFF;
position:relative;
top:4px;
width:150px;
padding:6px 0;
clear:both;
z-index:2;
display:none;
}
#navlist ul .submenu li{
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #DEDEDE;
}
#navlist .submenu li a{
background:none;
display:block;
float:none;
padding:6px 6px;
margin:0;
border:0;
height:auto;
color:#105cbe;
line-height:normal;
}
#navlist .submenu li a:hover{
background:#e3edef;
}

//submenu
#navcontainer ul .submenu {
border:solid 1px #c9dea1;
border-top:none;
background:#FFFFFF;
top:4px;
width:90px;
padding:0px 0;
margin-top: 30px;
clear:both;
z-index:2;
display:none;
}
#navcontainer ul .submenu li{
background:none;
display:block;
float:none;
margin:0 0px;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #DEDEDE;
}
#navcontainer .submenu li a{
background:none;
display:block;
float:none;
padding:6px 1px;
margin:0;
border:0;
height:auto;
color: #0097a4;
line-height:normal;
}
#navcontainer .submenu li a:hover{
	background: url("../images/button1on.gif");
color: #ffffff;

}

ul.submenu { position: absolute; }

#search {
	width: 160px;
	height: 30px;
	background: url("../images/searchform.png") no-repeat right top;
	float: left;
	padding-top: 5px;

}

.formbutton{
cursor:pointer;
border: 0px;
background: url("../images/formbg.png") no-repeat left top;
}

.input {color: #ffffff;
	}

#downnav {
	float: right;
	height: 100px;
	width : 200px;



	}
ul#nav2 li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;
}

#nav2 li a {
	color: #0097a4;
	text-decoration: none;
	display: block;
	width: 90px;
	height: 25px;
	padding-top: 80px;
	font-family:"Lucida Grande", verdana, sans-serif;
	font-size: 14px;
	line-height: 1.7em;
/*	background-color: #0ff; /**/
}

#

#shoppingcart {
	float: right;
	width: 50px;
	height: 30px;
	margin-top: 70px;
	background-image: url("../images/shoppingcart.png");
	background-repeat: no-repeat;
}
	
#contentbelow {
	width: 900px;
	margin-top: 50px;
	}
	
#leftnav {
	width: 200px;
	height: 350px;
	background-image: url("../images/leftnav.png");
	background-repeat: no-repeat;
	float: left;
	 
	}
	
	
ul#navleft li {
	list-style-type: none;
	padding 0;
	margin-top: 0;
/*	display: block; */
	float: left;
	background: url("../images/leftoff.gif") no-repeat;
	text-align: center;
	
}


#navleft li a {
	color: #0097a4;
	text-decoration: none;
	display: block;
	width: 200px;
	height: 25px;
	padding-top: 6px;
	font-family:"Lucida Grande", verdana, sans-serif;

	//padding-left: 10px;
/*	background-color: #0ff; /**/
}

#navleft li#active {
	background: url("../images/lefton.gif") no-repeat;
}

#navleft li a:hover {
	background: url("../images/lefthover.gif") no-repeat;
	}


#generalcontent {
	width: 900px;
	height: 350px;

	float: left;

	color:#fff;
	}


#generalcontent, #generalcontent .sb-inner { background:#fff url(grad.png) repeat-x; }
	
#smallbanner {
	width: 800px;
	height: 100px;
	background-image: url("../images/smallarlexlogo.png");
	background-repeat: no-repeat;
	float: left;
	}
	
#bannertext {
	float: right;
		color: #0097a4;
	font-family:"Lucida Grande", verdana, sans-serif;
	font-size: 14px;
	line-height: 1.7em;
	margin-right: 40px;
	margin-top: 20px;
	}
	
#mail {
	width: 30px;
	height: 43px;
	float: right;
	}
	
#engineeringcontent {
	width: 800px;
	height: 600px;
	float: left;
	}
#flashgallerybas {
	float: left;
	margin-left: 10px;
	}

#leftcontainer {
	float:left;
	width: 410px;
	height: 550px;
	}
#arlexgroupsmall {
	float: left;
	margin-left: 30px;
	width: 320px;
	height: 50px;
	background-image: url("../images/smallarlexgrouplogo.png");
	background-repeat: no-repeat;
}
#statement {
	margin-top: -15px;
	width: 350px;
	height: 100px;
	padding-left: 10px;
	margin-left: 30px;
	float: left;
	text-align: justify;
	padding-right: 10px;
	}

#engineeringgallery {
	float: left;
	margin-left: 15px;
	}
	
#textboxengineering {
	width: 350px;
	height: 350px;
	float: right;
	margin-right: 35px;
	}
#textboxengineering, #textboxengineering .sb-inner { background:#fff url(grad.png) repeat-x; }


#textboxbas {
	width: 330px;
	height: 550px;
	float: left;
	margin-right: 10px;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 5px;
	}
#textvak {
		padding-right: 10px;
		text-align: justify;
		width: 320px;
		height: 540px;
		overflow:auto;
		}

#textboxbas, #textboxbas .sb-inner { background:#fff url(grad.png) repeat-x; }

#bannerdown {
	width: 800px;
	height: 90px;
	float: left;
	}

#contentwrapper {
	clear: both;

}