/* CSS Document */

body
{ 
	background-image:url(../../images/bg.gif);
margin:0;
padding:0;
LINE-HEIGHT: 1.8em; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
color:#82888c;
font-size:12px;
}

a:link {
	color:Black;
	text-decoration:none;
}

a:visited {
	color:#000000;
	text-decoration:none;
}

a:hover 
{
	color:Orange;
	text-decoration:none;
}

a:active {
	color:#000000;
}

#wrapper
{
width:848px;
height:auto;
margin:0 auto;
background-color:#c6c7ab;
border-bottom:solid 1px #000000;
border-left:solid 1px #000000;
border-right:solid 1px #000000;
border-top:solid 1px #000000;
padding-bottom:15px;
}


#wrap
{
width:788px;
height:auto;
padding:15px;
margin:0 auto;
background-color:#FFFFFF;
}

#top
{
width:100%;
height:auto;
}

#logo
{
width:200px;
height:40px;
background-image:url(../../images/logo2.jpg);

}


.slogan
{
color:#a0b9c5;
font-size:14px;
text-align:center;
font-weight:bold;
width:200px; position:absolute; z-index:100; margin:40px 0 0 2px; overflow:visible;
}


#datetime
{
width:180px; position:absolute; z-index:100; margin:-38px 0 0 450px; overflow:visible;
}
#emailbutton
{
width:45px; position:absolute; z-index:100; margin:-40px 0 0 700px; overflow:visible;
background-image:url(../../images/email.gif);
}

#menucontainer
{
width:788px;
height:29px;
float:right;
margin-top:25px;
background-image:url(../../images/nav.jpg);
}
#menu
{
position:relative;
display:block;
font-size:12px;
font-weight:bold;
text-align:center;
}

#menu ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
text-align:center;
}

#menu ul li
{
display:block;
float:left;
text-align:center;
}


#menu ul li a
{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:2px 15px 2px 15px;
text-align:center
}

#menu ul li a:hover,#menu ul li a.current
{
color:#192e63;
background-color:#f2f3f4;
border:#cbd7de solid 1px;
text-align:center;
}

#banner
{
width:788px;
height:171px;
background-color:#315e7a;
background-image:url(../../images/bannerhome.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:1px;
}
#bannerabout
{
width:788px;
height:171px;
background-color:#315e7a;
background-image:url(../../images/aboutus.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:1px;
}
#bannercontact
{
width:788px;
height:171px;
background-color:#315e7a;
background-image:url(../../images/contact us.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:1px;
}

#bannerservices{
width:788px;
height:171px;
background-color:#315e7a;
background-image:url(../../images/services1.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:1px;
}



#bannerproject{
width:788px;
height:171px;
background-color:#315e7a;
background-image:url(../../images/project.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:1px;
}
#bannerclient{
width:788px;
height:171px;
background-color:#315e7a;
background-image:url(../../images/client.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:1px;
}


#banneremployment{
width:788px;
height:171px;
background-color:#315e7a;
background-image:url(../../images/employment.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:1px;
}

#bannertraining{
width:788px;
height:171px;
background-color:#315e7a;
background-image:url(../../images/training.jpg);
background-repeat:no-repeat;
margin-bottom:1px;
margin-top:1px;
}

#bluebox
{
width:788px;
height:auto;
background-color:#315e7a;
background-image:url(../../images/blueboxbg.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:15px;
color:#d2dee5;
text-align:justify;
}

#allcontents
{
width:780px;
height:auto;
margin-left:2px;
margin-right:2px;
float:left;
}

h1
{
font-family:"Verdana";
margin:0;
padding:0;
font-size:15px;
font-weight:bold;
color:#ffffff;
padding-top:10px;
padding-bottom:10px;
border-bottom:#4783a8 dotted 1px;
margin-bottom:10px;
}

#left
{
width:340px;
word-spacing:0.5px;
height:auto;
margin-left:18px;
float:left;
}

#right
{
width:340px;
word-spacing:0.5px;
height:auto;
margin-right:18px;
float:right;
}

#button
{
width:80px;
height:20px;
background-color:#993300;
border:#ffffff solid 1px;
margin-top:15px;
color:#FFFFFF;
font-size:9px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
padding-top:2px;
}

#button a
{
text-decoration:none;
color:#FFFFFF;
}

#button a:hover
{
text-decoration:none;
color:#000000;
}

#content
{
width:100%;
height:auto;
}


#box01
{
width:233px;
height:auto;
padding-left:10px;
margin-top:15px;
padding-right:10px;
padding-top:8px;
padding-bottom:10px;
border-right:#e5e5e5 solid 1px;
float:left;
margin-right:10px;
font-size:11px;
text-align:justify;
}

#box02
{
width:233px;
height:auto;
padding-left:10px;
margin-top:15px;
padding-right:10px;
padding-top:8px;
padding-bottom:10px;
border-right:#e5e5e5 solid 1px;
float:left;
margin-right:10px;
font-size:11px;
text-align:justify;
}

#box03
{
width:233px;
height:auto;
padding-left:10px;
margin-top:15px;
padding-right:3px;
padding-top:8px;
padding-bottom:10px;
float:right;
font-size:11px;
text-align:justify;
}

#footer
{
width:850px;
height:auto;
margin:5px auto;
color:#939a9c;
font-size:11px;
text-align:center;
}

#footer a
{
font-size:12px;
color:#4f5557;
text-decoration:none;
}

#footer a:hover
{
color:#4f5557;
text-decoration:underline;
}



.ul {
	margin:0;
	padding:0;
	font-family:"Verdana";
margin:0;
padding:0;
	}