html,body,h1,h2,h3,h4,h5,h6,ul,li{
padding:0;margin:0;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
}
body{
  background-color: #2967A3;
}


#container{
  margin: 0 auto;
  width: 850px;height: 650px;display:block;
  background: #FFFFFF url(images/bg-home.jpg) no-repeat bottom;
}
#container2{
  margin: 0 auto;
  width: 850px;height: 650px;display:block;
  background: #FFFFFF url(images/bg-home3.jpg) no-repeat bottom;
}
#head{
  height:118px;
  padding: 30px 12px 0px 12px;
}

#header{
  background: transparent url(images/header-bg.png) no-repeat top left;
  height:110px; width: 826px; display:block;
}
#home{
 color: #FFFF33;
  position: relative;
  top: 22px;left:17px;
  font-size: 11px;
  font-weight: bold;
}
#home a, #navigation a, #sub-navigation a, .h2 a{color: #FFFFFF; text-decoration: none;}
#home a:hover, #navigation a:hover,#sub-navigation a:hover, .h2 a:hover{color: #FFFF33;}
#navigation ul{
  display:block;
  margin: 22px 5px 5px 200px
}
#navigation li{
 display:inline;
 color: #FFFF33;
 font-weight: bold;
 padding: 0px 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px
}
#sub-navigation{
  display:block;
  margin: 12px 5px 5px 2px;
  color: #FFFF33;
 font-weight: bold;
 padding: 0px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}


#logo{
  width:119px;height:33px;
  float:right;display:block;
  text-indent:-9999px;
  background: transparent url(images/logo.png) no-repeat top left;
  margin: 40px 5px 5px 10px;
}

#loader{position: absolute; right:21px; bottom:43px;}


#page {position: absolute; top:80px; left:50px; right:175px; bottom:20px;}

#page_home {position: absolute; top:0px; left:50px; right:175px; bottom:20px;}
#page-about {position: absolute; top:35px; left:50px; right:175px; bottom:20px;}

#content-block{height:330px; position: relative;}
#images{width:140px;position: absolute; top: 30px; left: 80px;overflow: visible;}
#images img{margin:12px 0;}

#content, #careers, #services, #services1, #services2, #services3, #services4, #services5, #contacts, #about{
  height: 504px;position: relative;
}
#services1 #page, #services2 #page, #services3 #page, #services4 #page, #services5 #page{
  position: absolute; top:80px; left:0px; right:251px; bottom:20px;
}
#careers #images{width:140px;position: absolute; top: 30px; left:110px;overflow: visible;}
#careers {background: url(images/bg-services.jpg) transparent no-repeat bottom;}
#services {background: url(images/bg-services.jpg) transparent no-repeat bottom;}
#services1 {background: url(images/bg-pm.jpg) transparent no-repeat bottom;}
#services2 {background: url(images/bg-mac.jpg) transparent no-repeat bottom;}
#services3 {background: url(images/bg-paos.jpg) transparent no-repeat bottom;}
#services4 {background: url(images/bg-sd.jpg) transparent no-repeat bottom;}
#services5 {background: url(images/bg-adv.jpg) transparent no-repeat bottom;}
#contacts {background: url(images/bg-contacts.jpg) transparent no-repeat bottom;}
#about{
background: url(images/bg-about.jpg) transparent no-repeat bottom;
}

#swirl {
background: #FFFFFF url(images/bg-home3.jpg) no-repeat bottom;
}

#sub-service{
   display:block;width: 142px;
   position: absolute; right:20px;top:180px;

}
#sub-service li{
  list-style-type: none;
  color: #DFDFDF;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 20px;
}



#h1{
  position: relative; left:200px; top:7px;
  font:35px normal Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF;
}
.h2{
  padding-bottom:15px;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #DFDFDF
}



.gpl{
  background: transparent url(images/trp80.png) repeat top;
  padding:20px;display:block;float:right;
  position: relative;
  width: 420px;height:350px;
  overflow: auto;
  right: 0px
}
.text{padding-left:40px;}
.text ul{margin-left: 20px; color: #2F2F2F;}
.text h3{margin:8px 0; color: #2F2F2F;}

.address{
border:1px solid #B6B6B6; 
position: absolute;left: 400px;bottom:40px;
background: transparent url(images/trp80.png) repeat top; 
padding:5px;
width: 150px; height:110px; 
}

.address h3{font-size:10px; color:#454545;}


.home-text h1, .home-text h2, .about-text h1, .about-text h2{
width:433px; height:40px;
text-indent:-9999px;
}
.home-text{color: #FFFFFF;width:400px;padding-top:0px;}
.home-text h1{background: url(images/wharfit.png) no-repeat top left;}
.home-text h2{background: url(images/home-title.png) no-repeat top;}

.home-contacts {width:500px;padding-top:0px; color: #122679; background-color: white; filter: alpha(opacity=80); -moz-opacity:0.8;}
.home-contacts table {border: 1px dotted #ccc;}
.home-contacts table.td {border-right: 1px dotted black;}

.about-text{color: #FFFFFF;width:400px;padding-top:10px;}
.about-text h1{background: url(images/wharfit-w.png) no-repeat top left;}
.about-text h2{background: url(images/home-title-w.png) no-repeat top;}
.about-text h3{margin-bottom:20px; line-height: 18px; color: #EFEFEF;}

.services-list{
 display:block;width: 235px;
 padding-top:20px;
 text-align:right;
}

.contact_form {
	position: relative;left: 150px;bottom:20px;
 	font-size: 11px;
}

.contact_images{
	width:140px;position: absolute; top: 0px; left: 20px;overflow: visible;
			   }

.button {
	height:17px; 
	width:50px; 
	font-size:11px;
	border: 1px solid #666666;
	background-color: blue;
    color: white;

}