* { margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6, p, ul, ol, img, pre, blockquote, form, fieldset, table	{ padding: 0px 0px 30px 0px;}

ul,li, ol { list-style-type: none;}


a { outline: none;}

img 					{ border: 0; }
a img					{ vertical-align: middle; }

html 					{ overflow-y: scroll; }
html, body, #pagewrap	{ height: 100%; }
body > #pagewrap 		{ height: auto; min-height: 100%;}

body { 
  font-family: Helvetica, Arial, sans-serif; 
  color: #fff;
  text-align:center;
}

  						
body#home				{ background: url('../images/header-home.jpg') top center no-repeat;   background-color: #00559F;  }
body#about				{ background: url('../images/header-about.jpg') top center no-repeat;    background-color: #00559F; }
body#contact			{ background: url('../images/header-contact.jpg') top center no-repeat;   background-color: #00559F; }
body#prices				{ background: url('../images/header-prices.jpg') top center no-repeat;   background-color: #00559F; }
body#test				{ background: url('../images/header-test.jpg') top center no-repeat;   background-color: #00559F; }


#pagewrap 				{ width: 960px; margin: 0 auto; text-align:left; background: none;  }
#content 				{ width: 960px; padding-bottom: 100px;  } /* STICKY FOOTER: padding bottom must be the same height as the footer. */


.clear 					{ clear: both; }
.floatleft 				{ float: left; }
.floatright 			{ float: right; }
.white					{ color: #fff; }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}

* html .clearfix { height: 1%;}
.clearfix {display: block;}


h1 {  
  font-size: 30px;
  font-family: Helvetica, Georgia, "Times New Roman", Times, serif;
  font-weight: 500; 
  letter-spacing: 0px;
  color: #FBC000;
}

h2 { 
  font-size: 20px;
  font-family: Helvetica, Georgia, "Times New Roman", Times, serif;
  font-weight: 500; 
  letter-spacing: 0px;
  color: #FBC000;
  padding: 0;
  margin: 10px 0px 0px 0px;
}

h3 {  
  font-size: 15px;
  font-weight: 700; 
  letter-spacing: 0px;
  color: #FBC000;
    padding: 0;
  margin: 0;
}

h4 { 
  font-size: 16px;
  font-family: Helvetica, Georgia, "Times New Roman", Times, serif;
  font-weight: 500; 
  letter-spacing: 0px;
  color: #ec008c;
}

h5 {  
  font-size: 14px;
  font-weight: 700; 
  letter-spacing: 0px;
}

h6 { }

#intro p { padding-top: 15px; padding-bottom: 15px; font-size: 15px; line-height: 20px;}
#otherintro p { padding-top: 15px; padding-bottom: 15px; font-size: 14px; line-height: 20px;}
#text p { padding-top: 15px; padding-bottom: 15px; font-size: 14px; line-height: 20px;}
p  { font-size: 12px; line-height: 19px;}
span {color: #FBC000;}



#header 				  { height: 91px; }

#header .phone { height:42px; float:right; background:url(../images/bgcall.png) no-repeat; padding:7px 32px 0 14px;}
#header .phone p { font-size:15px; color:#fff}
#header .phone p span { color:#FBC000; font-weight:bold}

#header .menu { width:500px; height:39px; float:right; margin-top:25px}
#header .menu ul li { float:left; padding-left:9px}
#header .menu ul li span { display:none}
#header .menu ul li a {height:39px; float:left; background:url(../images/bgmenu.png) no-repeat} 


#header .menu ul li a.home { width:67px; background-position:-12px -0px}
#header .menu ul li a.home:hover { width:67px; background-position:-12px -39px}
#header .menu ul li.selected a.home { background-position:-12px -39px}

#header .menu ul li a.about { width:69px; background-position:-89px 0}
#header .menu ul li a.about:hover { background-position:-89px -39px}
#header .menu ul li.selected a.about { background-position:-89px -39px}

#header .menu ul li a.prices { width:71px; background-position:-167px 0}
#header .menu ul li a.prices:hover { width:71px; background-position:-167px -39px}
#header .menu ul li.selected a.prices { width:71px; background-position:-167px -39px}

#header .menu ul li a.testimonials { width:125px; background-position:-250px 0}
#header .menu ul li a.testimonials:hover { width:125px; background-position:-250px -39px}
#header .menu ul li.selected a.testimonials { width:125px; background-position:-250px -39px}

#header .menu ul li a.contact { width:80px; background-position:-377px 0}
#header .menu ul li a.contact:hover { width:80px; background-position:-377px -39px}
#header .menu ul li.selected a.contact { width:80px; background-position:-377px -39px}



a:link, a:visited 	{ color: #FBC000; text-decoration: none; }
a:hover, a:active	{ color: #E5344C; text-decoration: underline; }



#services ul {
	padding:0 0 0 4px;
	margin:16px 0;
	color: #fff;
	font-size: 14px;
	line-height: 27px;}

#services ul li {
	list-style:none;
	position:relative;
	padding:0 0 0 25px;
	margin:0;
	background: url(../images/bullets/tick.png) no-repeat 0px 6px;}
	
	#text ul {
	padding:0 0 0 4px;
	margin:16px 0;
	color: #fff;
	font-size: 14px;
	line-height: 27px;}

#text ul li {
	list-style:none;
	position:relative;
	padding:0 0 0 25px;
	margin:0;
	background: url(../images/bullets/tick.png) no-repeat 0px 6px;}

#logolink  { 
  background: url('../images/logo.png') no-repeat top center;
  height: 80px;
  width: 300px; 
  margin-top: 30px;  
  text-indent: -9999px; 
  display: block;
  cursor: pointer;
  float: left;
}



#maincontent { clear: both; }

#text  { float: left; width: 900px; margin-top: 0px; margin-bottom: 60px; }
#sidebar { float: left; margin-top: 60px; width: 314px; margin-bottom: 60px;  }

#contact-button-home { background:url('../images/contact.png') top center no-repeat; height: 184px; width: 245px; display: block; text-indent: -9999px; }
#contact-button { background:url('../images/contact.png') top center no-repeat; height: 184px; width: 245px; display: block; text-indent: -9999px; margin: 0 auto; }
#facebook-button { background:url('../images/facebook.png') top center no-repeat; height: 184px; width: 245px; display: block; text-indent: -9999px; margin: 0 auto; }
#about-box, #areas-box { width: 250px; float: left; padding-right: 100px; }
#testimonials-box { width: 250px; float: right; }

#about-box p  { font-size: 14px; line-height: 19px; margin: 0px; padding: 0 0 10px 0;}
#about-box h3  { font-size: 20px; line-height: 0px; margin: 0px; padding: 0 0 20px 0;}
#areas-box p  { font-size: 14px; line-height: 19px; margin: 0px; padding: 0 0 10px 0;}
#areas-box h3  { font-size: 20px; line-height: 0px; margin: 0px; padding: 0 0 20px 0;}
#testimonials-box p  { font-size: 14px; line-height: 19px; margin: 0px; padding: 0 0 10px 0;}
#testimonials-box h3  { font-size: 20px; line-height: 0px; margin: 0px; padding: 0 0 20px 0;}

#intro  { height: 300px; width: 515px; padding-top:35px; }
#otherintro  { height: 300px; width: 515px; padding-top:35px; }

#sub-info { background: url('../images/divider.jpg') repeat-x top center; padding-top: 50px; }



#footer {	
	margin-top: -50px; 
    height: 100px; }

#foot {
	text-align: right;
    position: relative;
    margin: 0 auto;
	width: 960px;
}

#logos { width: 251px; height: 48px; margin-top: 30px; float: left; }

#credits { padding-top: 45px; float: right; }




p.readmore { font-weight:bold}
p.readmore a { float:left; color:#FBC000; text-decoration:none; background:url(../images/bullets/link.png) no-repeat 0px 5px; padding-left:12px}
p.readmore a:hover { color:#E5344C; text-decoration:none}



#services { width:960px; float:left;  margin-bottom:65px; background:#0078BC ;}
.philimage {
float : left;
margin : 0 5px 0 0;
padding: 0;
vertical-align : text-top;
}

.serviceslist { width:945px; float:left; background:#0078BC ; padding:20px 0 0 15px}
.serviceslist .set { width:290px; float:left; background:url(../images/divider_services.gif) no-repeat top right; padding-left:20px; padding-right:5px; padding-bottom:15px}
.serviceslist .right { background:none; padding-right:5px;}

.serviceslist .set .photo { width:210px; float:left; padding-bottom:10px}
.serviceslist .set .content { width:270px; float:left; padding-bottom:15px}
.serviceslist .set h3 { padding-bottom:0px; color: #fbc000; margin:line-height:1.5em; margin-top: 5px;}
.serviceslist .set p { line-height:1.5em; color: #000;}
.serviceslist .set p.readmore { font-weight:bold}
.serviceslist .set p.readmore a { float:left; color:#6E2774; text-decoration:none; background:url(../images/arrow.gif) no-repeat 0 8px; padding-left:12px}
.serviceslist .set p.readmore a:hover { color:#6E2774; text-decoration:underline}


#services .buttonservices { float:left; padding-left:30px; margin-bottom:-17px; position:relative}
#services .buttonservices a { width:166px; height:33px; float:left; background: url(../images/bgmenu.png) no-repeat; background-position:0 -150px}

.ticklist { width:945px; float:left; padding:0px 0 0 0px}
.ticklist .set { width:290px; float:left; padding-left:10px; padding-right:5px; padding-bottom:0px}



#services .buttonservices { float:left; padding-left:30px; margin-bottom:-17px; position:relative}
#services .buttonservices a { width:166px; height:33px; float:left; background: url(../images/bgmenu.png) no-repeat; background-position:0 -150px}
  
  
  #contactformbox{
	width: 700px;
	font-size: 100%;
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 10px;}
	
  
  .philimage {
float : left;
margin : 0 20px 20px 0;
vertical-align : text-top;}