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

* {
  margin: 0px;
  padding: 0px;
}

body {
  background: #fff url(images/bg.png) repeat left top;
  font-family: Arial, Helvetica, sans-serif;
  color: #73360d;
  text-align: justify;
  
}

#container {
  width: 748px;
  margin: 40px auto
  
}


#title {
  height: 175px;
  width: 748px;
  float: left;
  position:relative;
}
  
  h1 {
  text-indent: -999px;
  float: left;
}

h1 a {
  display: block;
  background: url(images/vitellogo.png) no-repeat left top;
  float: left;
  height: 175px;
  width: 748px;
}

#navigation {
  float: left;
  width: 748px;
  height: 25px;
  margin-bottom: 3px;
}

.navlinks li {
  list-style-type: none;
  display: block;
  float: left;
  width: 106px;
  text-align: center;
  margin-top: 5px;
  background: url(images/bottomnav.png) center no-repeat;
}

.navlinks li a {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0px;
}

.navlinks li a:hover { color: #eeeeee; }

#featured {
  -moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #111111;
border-color:#000000 #353535 #353535 #000000;
border-style:solid;
border-width:1px;
color:#FFFFFF;
float:left;
height:458px;

width:745px;

}		

#featured-text {
  float: left;
  height: 130px;
  width: 748px;
  
}

h2.featured-work {
  background: url(images/indextext.png) no-repeat;
  height: 130px;
  width: 748px;
  text-indent:-9999px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-top: 30px;
}

#featured-image {
  float: right;
  width: 696px;
  height: 234px;
}

#slider{
	margin: 0 auto
	}	
#slider ul, #slider li{
	position: relative;
	list-style:none;
	auto: true;
	
	}
	
#slider li{ 
	width:696px;
	height:241px;
	overflow:hidden; 
	}	

#footer {
  background: url(images/bottomnav.png) no-repeat;
  position: relative;
  float: left;
  height: 43px;
  width: 748px;
  margin-top: 5px;
}

#footer p {
  color:#FFFFFF;
  font-size:0.7em;
  letter-spacing:-3;
  margin-left:0px;
  margin-top:6px;
  text-align:center;
}

h2.servicesinfo {
  background: url(images/servicesinfo.png) no-repeat;
  height: 280px;
  width: 748px;
  text-indent:-9999px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-top: 30px;
}

h2.clientsinfo {
  background: url(images/clients.png) no-repeat;
  height: 420px;
  width: 748px;
  text-indent:-9999px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-top: 30px;
}

h2.aboutus {
  background: url(images/about.png) no-repeat;
  height: 420px;
  width: 748px;
  text-indent:-9999px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-top: 30px;
}

h2.liveu {
  background: url(images/about.png) no-repeat;
  height: 420px;
  width: 748px;
  text-indent:-9999px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-top: 30px;
}

h2.our-aims {
  background: url(images/aims.png) no-repeat;
  height: 420px;
  width: 748px;
  text-indent:-9999px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-top: 30px;
}

h2.facilities  {
background:url("images/facilities.png") no-repeat scroll 0 0 transparent;
height:772px;
margin-bottom:20px;
margin-left:30px;
margin-top:30px;
text-indent:-10242px;
width:748px;
}



#facilitiesbg {
  -moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #111111;
border-color:#000000 #353535 #353535 #000000;
border-style:solid;
border-width:1px;
color:#FFFFFF;
float:left;
height:808px;
width:745px;
}


#container #title #phone {
background:url("images/phone.png") no-repeat scroll right 0 transparent;
height:60px;
position:absolute;
right:7px;
top:7px;
width:250px;
}





#container #title #phone p {
  font-size: 20px;
  color: #000000;
  overflow: hidden;
}

#container #title #phone h6 {
  font-size: 11px;
  color: #000000;
  overflow: hidden;
  
}

h2.contact {
  background: url(images/contact.png) no-repeat;
  height: 420px;
  width: 748px;
  text-indent:-9999px;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-top: 30px;
}

#featured-text #mailus {
  background: url(images/mailus.png) no-repeat right 0px;
  float: left;
  width: 170px;
  height: 60px;
  margin-left: -5px;
  margin-top: -70px;
  z-index: 1;
}

a.image { background: url(mailus.jpg); width:170px; height:60px; display:block; cursor:pointer; }


#facilities {
-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 #111111;
border-color:#000000 #353535 #353535 #000000;
border-style:solid;
border-width:1px;
color:#FFFFFF;
float:left;
height:816px;
width:745px;
}