*{ margin:0; padding:0;}

body{ background:#F8FCFF;; }

h1{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #FFF ; margin: 15px 0px 15px 60px;}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0085AC;}
h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; font-weight:normal;}
h5{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#0085AC;}
p, li{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px;}
p{ padding: 20px 10px;}
strong{ font-family:Arial, Helvetica, sans-serif; color:#0085AC; font-size:14px; font-weight:bold; }
a{ font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#0085AC; font-weight:bold; text-decoration:underline; }

.wrapper{ width:960px; margin:0px auto;}
.header{ margin:25px 0px 25px 0px;}
.content{ padding:0px;}
.headerimg{ margin:25px 0px 0px 0px;}
.top{ background:#B3E5F2; height:20px;}
.navlogo{float:left; width: 188px; margin: 0px 25px 0px 25px;}
.navlinks{ float: right; margin:25px 0px 0px 0px;  }
.navphone{ float: right; margin:0px 0px 0px 0px;  }

.introcol1{ float:left; width:570px; padding:0px 0px; margin:0px 0px 0px 0px;}
.introcol2{ float:right; width:330px; padding:0px 0px; margin:0px 0px 0px 25px; }

.line{margin:0px 0px 15px 0px;}

.section{ margin: 20px auto;}
.sectionnopad{ margin: 0px auto;}
.sectionheader{ float: left; margin:0px 0px 10px 10px;}
.sectionheaderab{ float: left; margin:0px 0px 0px 0px;}
.sectionarrow{ float: right; }
.sectioncopy{ font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; padding:15px 0px 0px 0px;}
.tickpadd{ margin: 0px 0px 12px 15px;}
.testimonials{ margin: 0px 0px 40px 0px;}
.form{ margin:0px 0px 10px 0px;}
.formcopy{ float:left; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; padding:0px 0px 10px 0px; }
.input{ margin:0px 0px 20px 0px; width:238px; float:left;}
.checkcopy{ text-align:left; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; }

.aboutcol1{ float:left; width:240px; margin:10px 0px 0px 0px;}
.aboutcol2{ float:right; width:640px; margin:10px 0px 0px 40px;}
.aboutblue{ background-color:#0085AC; margin:15px 0px 0px 0px; padding:20px; font-family:Arial, Helvetica, sans-serif; color:#FFF; line-height:24px;}
.aboutcopy{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; margin: 15px 0px 0px 0px;}

.servicescol1{
	float:left; 
	width:274px; 
	margin:20px 20px 10px 0px;
	}
	

.servicescol2{
	float:right; 
	width:623px; 
	margin:20px 20px 20px 0px;
	}


.contact{ margin:50px 10px 60px 10px;}

.footer{ height:30px; background:#0085AC;}

.clear{ clear:both;}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px){
	.wrapper{ width:100%; margin:0;}
	.introcol1{ float:none; width:100%; margin:0;}
	.introcol1{ float:none; width:100%; margin:0;}
}
	
/* JOES ADDITIONS*/
.header_1{
	background:url(../images/header_1.gif) no-repeat top left;
	width:570px;
	height:57px;
	text-indent:-9999px;
}
.header_2{
	background:url(../images/header_2.gif) no-repeat top left;
	width:330px;
	height:57px;
	text-indent:-9999px;
}
.header_3{
	background:url(../images/header_1.gif) no-repeat top left;
	width:150;
	height:40px;
	text-indent:-9999px;
}


.tick_list{
	margin:10px 0px 0px 15px;
}
.tick_listend{
	margin:0px 0px 0px 15px;
}
.tick_list li{
	list-style:none;
	padding:5px 0px 10px 45px;
	margin:0px 0px 10px 0px;
	display:block;
	background:url(../images/tick.gif) no-repeat top left;
	
}

/******************************************************/

.accordionwrapper {
	width: 940px;
	margin:0px auto;
	}


.accordionButton {	
	width: 940px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	background-image:url(../images/service_1.gif);
	background-repeat:no-repeat;
	width: 940px;
	height: 50px;
	margin:10px 0px 0px 0px;
	}


	
.accordionContent {	
	width: 940px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	margin:0px 0px 0px 0px;
	}
	
.accordionContentend {	
	width: 940px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	margin:0px 0px 30px 0px;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background-image: url(../images/service_1a.gif))
	
	
	}
	
.over {
	background-image: url(../images/service_1a.gif)
	}
	
.click{
	background-image:url(../images/service_1a_over.gif)
	}
	



/******************************************************/


.infiniteCarousel {
  width: 940px;
  position: relative;
}

.infiniteCarousel .wrapper2 {
  width: 960px; /* .infiniteCarousel width - (.wrapper2 margin-left + .wrapper2 margin-right) */
  overflow: auto;
  height: 269px;
  margin: 0 0px;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 940px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 269px;
  width: 940px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 199px;
  width: 940px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
}




-->