/* Design by Vision Web Design 2013 www.visionwebdesign.co.nz */
* {
	margin:0;
	padding:0;
}

a img {
	border:none;
}
body {
	padding:0;
	margin:0;
	font-family: 'opensans', sans-serif; 
	font-weight: 400; 
	font-size:17px;
	color:#333;
	background-color:#00aac8;
}

@font-face {
    font-family: 'throw';
    src: url('../fonts/throwmyhandsupintheair-webfont.eot');
    src: url('../fonts/throwmyhandsupintheair-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/throwmyhandsupintheair-webfont.woff') format('woff'),
         url('../fonts/throwmyhandsupintheair-webfont.ttf') format('truetype'),
         url('../fonts/throwmyhandsupintheair-webfont.svg#throw_my_hands_up_in_the_aiRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bodyfont';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'h1font';
    src: url('../fonts/h1font.eot');
    src: url('../fonts/h1font?#iefix') format('embedded-opentype'),
         url('../fonts/h1font.woff') format('woff'),
         url('../fonts/h1fontt.ttf') format('truetype');
}
h1 {
	font-family: 'h1font', sans-serif;
	font-size: 3.5em;
	padding:0;
	font-weight:normal;
}
.h1blue {
	color:#00aac8;
	
}
.page {
	width:100%;
}

.clearing {
	clear:both;
}
.maincontainer {
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
}
.bodycontainer {
	width:96%;
	max-width:900px;
	margin:0 auto 0 auto;
	padding: 1em 0 1em 0;
}
.leftcolumn {
	width:100%;
	float:left;
}
/* search box styles start */
.search-search {
	border: solid #ccc 2px;
	padding: 3px 4px 4px 4px;
	margin: 1em 0 0 0;
	width:85%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#fff;
	color:#ccc;
	font-size:1.4em;
}
.search-search label {
	padding:0 .5em 0 .5em;
}
.inputbox-search {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size: .9em;
	width: 70%;
	border:none;
}
	
/* search box styles end */
.logo {
	float:left;
	width:20%;
	max-width:189px;
	padding:2.5%;
}
.rightcolumn {
	float:left;
	width:100%;
}
.rightcolumn p {
	padding:.2em 0 .8em 0;
	font-size:1.2em;
	color:#666;
}
.rightcolumn h2 {
	font-size:1.38em;
	font-weight:normal;
	color:#666;
	text-align:left;
}
.rightcolumn a {
	text-decoration:none;
}
.corners {
	margin: 2em 0 0 -5em;
	padding:3em 3em 3em 5em;
	border:#999 solid 4px;
	-webkit-border-top-left-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-topleft: 100px;
	-moz-border-radius-bottomright: 100px;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 100px;
}
.dots {
	float:right;
	padding:.4em .2em 0 0;
}
img.wsrandom {
	width:100%;
	max-width:600px;
}
.scripttri {
	font-family: 'throw', sans-serif;
	font-weight:400;
	font-size:1.95em;
	color:#00aac8;
	padding: 0 0 .5em 0;
	text-align:left;
	display:inline-block;
}
.rightcolumn .script {
	font-family: 'throw', sans-serif;
	font-weight:400;
	font-size:2em;
	color:#00aac8;
	padding: 0 0 .5em 0;
	text-align:left;
	display:inline-block;
}
p.bluebold {
	font-weight:700;
	font-size:1.2em;
	color:#00aac8;
	padding: 0 0 .5em 0;
	text-align:left;
	display:inline-block;
}
p.blue {
	color:#00aac8;
}
.black {
	color:#000;
}

/*rsforms styles */
.roundedbox {
	margin:1em 0;
	padding:1em 5%;
	border:#ccc solid 4px;
	-webkit-border-radius: 40px;
    border-radius: 40px;
	font-size:1.5em;
	color:#999;
}
.rsform-rsform input,  .rsform-rsform textarea {
	width:96%;
	border:none;
	border-bottom:solid #ccc 1px;
	font-size:1em;
	font-family: 'opensans', sans-serif; 
}
.rsform-rsform input[type="checkbox"]  {
	width: 3%;
}

.form2LinesLayout .formField label {
	width:92%;
	display:inline-block;
	vertical-align: top;
	margin:0 0 0 3%;
}
input#submit {
	background-color:#00aac8;
	display:inline-block;
	padding:.5em 1em;
	font-family: 'h1font', sans-serif;
	font-size:1.8em;
	width:auto;
	color:#fff;
	font-weight:400;
	-webkit-border-radius: 15px;
    border-radius: 15px;
	float:right;
}

/* selectnav.js styles for small screens */
.navigation {
	width:40%;
	padding: 0 0 0 30px;
 	background-image: url(../images/mobi-menu-icon.jpg);
	background-repeat: no-repeat;
	float:left;
	margin:10% 0 0 0;
}
.openhours {
 	width: 99%;
	background-image: url(../../../images/openhours-bg.png);
	background-repeat:no-repeat;
	margin:2em 0 0 0;
	padding:0 0 0 1.5em;
	font-size:1em;
	clear:both;
	font-weight:700;
}
.openhours p {
	padding:.3em 0;
}

.socialicons {
	float:left;
	width:20%;
	padding:0 0 0 1.6em;
}
.socialicons img {
	padding: 0 2.5%;
}
.js #nav { display: none; }
.js .selectnav { 
	display: block; 
	float: left;
}
.imagecaption {
	font-size:.7em;
}
.selectnav {
	border:solid 1px #ccc;
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 4px 0 0 4px;
	padding:.3em;
}

/* Generic horizontal menu code for RWD */

/* SEO tags code.  Use <h1 class="tags"> to make h1 live */
h1.tags {
 font-size: .7em;
 font-weight: normal;
 color: #e4e4e4;
}

.tags {
 font-size: .7em;
 font-weight: normal;
 color: #e4e4e4;
}

.tags a {
 color: #e4e4e4;
 text-decoration: none;
}
/*footer styles */
.footer {
	margin:1.5em auto 4em auto;
	padding:.5em 0 2em 0;
	width:96%;
	max-width:900px;
	color:#fff;
}
.footer a{
	text-decoration:none;
	color:#fff;
}
.custom-followus {
	width:100%;
}
.custom-followus img {
	width:25%;
	padding:1em 8% 0 0;u
	float:left;
}

.footer li {
	padding:.4em 0;
}
.whitetriangle {
	background-image:url(../../../images/white-tri.gif);
	background-repeat:no-repeat;
	padding:0 0 .5em 1.5em;
	margin: 0 0 0 -1.5em;
	text-align:left;
	height: 40px;             /* Specifying the height and line-height prevents */
	line-height: 30px; 
	font-weight:600;
}

.custom-followus {
	width:100%
}
.custom-helpfulinfo {
	width:100%
}
.custom-contact {
	width:100%
}

.webdesigner {
	color:#00D9FF;
	text-align:center;
	font-size:.6em;
	padding:3em 0 2em 0;
	margin:0 auto 0 auto;
	width:96%;
	max-width:900px;
	clear:both;
}
.webdesigner a {
	color: #00D9FF;
	text-decoration: none;
}

/* Small screen - target = 600px */
@media screen and (min-width: 600px) {
/* selectnav.js styles for bigger screens */
.js .selectnav { 
	display: none; 
}

.js #nav {
	display:block;
}
.maincontainer {
	margin:0 auto 0 auto;
}
.bodycontainer {
	padding:4em 0 0 0;
}
.leftcolumn {
	width:33%;
}
.logo {
	float:left;
	width:100%;
	max-width:189px;
	padding:2.5%;
}
.socialicons {
	float:left;
	width:50%;
	margin:10.2em 0 0 0;
}
.rightcolumn {
	width:67%;
	margin:3.5em 0 0 0;
}
	
.navigation {
 	width: 99%;
	/* to hide mobi menu icon */
	background-image: none;
	margin:1em 0 0 0;
	padding:0;
	border-left:solid #999 1px;
	font-size:1em;
}


.navigation li {
 float: left;
 list-style-type: none;
 color: #333333;
 text-decoration: none;
 width: 100%;
}

.navigation a {
	letter-spacing: .1em;
	padding: .25em .8em .25em 1.2em;
}

.navigation li a:link{
	display: block;
	text-decoration: none;
	color: #999;
}

.navigation li a:visited {
 	display: block;
 	text-decoration: none;
 	color: #999;
}

.navigation li a:hover {
 	text-decoration: none;
 	color: #000;
 	background-image:url(../images/button-bg-line.gif);
 	background-repeat:no-repeat;
}
.navigation li a:active {
 	display: block;
 	text-decoration: none;
	color: #666;
}
li.current.active a{
	color:#00aac8;
	background-image:url(../images/button-bg-line.gif);
 	background-repeat:no-repeat;
}

/* Work Menu Style */
.moduletable-menuwork li {
	float:left;
	list-style:none;
	background-color:#ccc;
	font-size:1.2em;
	margin:0 2% 0 0;
	width:23%;
	text-align:center;
}
.moduletable-menuwork li a {
	color:#fff;
	padding:.3em .7em .4em .7em;
	text-decoration:none;
	display:block;
}
/* rounded menu first */
.moduletable-menuwork li.item-140 {
	-webkit-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}
/* rounded menu last */
.moduletable-menuwork li.item-143 {
	-webkit-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}
.moduletable-menuwork li.current.active a{
	background-image:none;
}


.scripttri {
	background-image:url(../../../images/script-tri.gif);
	background-repeat:no-repeat;
	padding:0 0 0 1em;
	margin: 0 0 0 -1em;
	text-align:left;
	height: 40px;             /* Specifying the height and line-height prevents */
	line-height: 40px; 
	font-weight:600;
}
.rightcolumn .script {
	font-weight:600;
}
/*footer styles */
.custom-followus {
	width:26.66%;
	border-right:3px solid #fff;
	float:left;
	padding: 0 5% 0 0;
}
.custom-followus img {
	width:25%;
	padding:1em 8% 0 0;
	float:left;
}
.custom-helpfulinfo {
	width:22.66%;
	float:left;
	padding:0 0 0 5%;
	border-right:3px solid #fff;
}
.custom-helpfulinfo ul {
	padding:1em 0 0 0;
}
.custom-helpfulinfo li {
	list-style:none;
}
.custom-contact {
	width:37%;
	float:left;
	padding:0 0 0 3%;
}
.custom-contact p {
	font-size:.8em;
	line-height:1.8em;
}
	

/* Desktop computers and most tablets - target = 860px */
@media screen and (min-width: 860px) {

/* Custom Backgrounds */
body.id-6 .bodycontainer { /* custom blueline bg for services pg */
	background-image: url(../../../images/bg-servicespg.png);
	background-repeat: no-repeat;
	background-position: 0 320px;
}
}