@charset "utf-8";

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

CSS Framework by Ben King 
Methodology :: html5, css3 responsive framework, one style sheet for everything
Version 5 :: Oct 2012

1. BASE
	> Reset
	> HTML5 Elements
	> Clearfix

2. DEFAULT STYLES / COMMON
	> Body
	> Typography, Links
	> Buttons
	> Lists
	> Other
	
3. LAYOUT
	> Container
	> Header
	> Navigation
	> Content Layouts
	> Footer
	  
4. PAGE SPECIFIC
	> Home
	
5. FORMS
	> Form Styles	

6. RESPONSIVE / MEDIA
	> Responsive Content Layouts
	> Extra Media Queries
	
7. PRINT
	> Print Styles
	  
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */


/* 1. BASE 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Reset ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
html { overflow-y: scroll; font-size: 100%; }
html a, html:focus { outline: none; }
body, ul, li, img { margin: 0; padding: 0; }
li { list-style: none; }
img, img a { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
.hide { display: none; visibility: hidden; }
.invisible { visibility: hidden; }


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HTML5 Elements ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

figure {
	margin: 0; 
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Clearfix ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}


/* 2. DEFAULT STYLES / COMMON
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Body ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

body {
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	color: #222;
	background: #f2f2f2 url(../images/bg-body.png) repeat;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Typography, Links ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^^^^^ Reset ^^^^^^^^^^ */
del {
	text-decoration: line-through;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: 80%;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #999;
	cursor: help;
}

/* ^^^^^^^^^^ Blockquote ^^^^^^^^^^ */
blockquote, blockquote p { 
	line-height: 24px; 
	color: #000; 
	font-style: italic;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

blockquote {
	margin: 20px 0 0 0; 
	padding: 9px; 
	border-left: 4px solid #ddd;
	border-bottom: 1px solid #ddd;
}

blockquote cite {
	display: block; 
	font-size: 12px; 
	color: #555;
}

blockquote cite:before {
	content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
	color: #555;
}

/* ^^^^^^^^^^ Headings ^^^^^^^^^^ */
h1, h2, h3, h4, h5, h6 {
	color: #000;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
	text-decoration: none;
}

h1 {
	font-size: 24px; 
	margin: 0 0 10px 0;
}

h2 {
	font-size: 21px; 
	margin: 0 0 10px 0; 
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

/* ^^^^^^^^^^ Copy ^^^^^^^^^^ */
p {
	font-size: 16px; 
	margin: 0 0 10px 0;
}

p img {
	margin: 0;
}

p.lead {
	font-size: 21px; 
	color: #777;
	margin: 0 0 20px 0;
}

/* ^^^^^^^^^^ Links ^^^^^^^^^^ */
a {
	color: #165a99; 
	text-decoration: none;
}

a:hover {
	color: #165a99; 
	text-decoration: underline;
	outline: 0;
}

/* ^^^^^^^^^^ Other Cool Stuff ^^^^^^^^^^ */
mark {
	background: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

a:link {
	-webkit-tap-highlight-color: #cccc00;
}

::-moz-selection {
	background: #cccc00;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #cccc00;
	color: #fff;
	text-shadow: none;
}

.spin:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1.1s ease-in-out;
	-moz-transition: all 1.1s ease-in-out;
	-o-transition: all 1.1s ease-in-out;
	-ms-transition: all 1.1s ease-in-out;
	transition: all 1.1s ease-in-out;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Buttons ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	background: #cccc00; /* Old browsers */
	background: #cccc00 -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
	background: #cccc00 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
	background: #cccc00 -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #cccc00 -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
	background: #cccc00 -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
	background: #cccc00 linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #a0a008;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .55);
	cursor: pointer;
	margin: 10px 0 0 0;
	line-height: normal;
	padding: 8px 10px;
}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	color: #4f4f02;
	background: #c3c30a; /* Old browsers */
	background: #c3c30a -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
	background: #c3c30a -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
	background: #c3c30a -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
	background: #c3c30a -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
	background: #c3c30a -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
	background: #c3c30a linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	border: 1px solid #9a9a07;
	text-decoration: none;
}

.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
	border: 1px solid #a0a008;
	background: #9a9a07; /* Old browsers */
	background: #9a9a07 -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
	background: #9a9a07 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
	background: #9a9a07 -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
	background: #9a9a07 -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
	background: #9a9a07 -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
	background: #9a9a07 linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
}

.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Lists ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Other ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

hr {
	border: solid #999; 
	border-width: 1px 0 0; 
	clear: both; 
	margin: 20px 0; 
	height: 0; 
}

.call-button {
	display: none;
}

.right {
	float: right;
}

.fb-icon {
	position: relative;
	top: 4px;
}
	
/* make the fb like box responsive 
#fb-root {
    display: none;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.fb-like {
	margin: 0 0 13px 0 !important;
} */


/* 3. LAYOUT
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Container ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	top: -62px;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Header ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#header {
	width: 100%;
	background: #165a99 url(../images/bg-header.jpg) top repeat-x;
}

#header-inner {
	width: 960px;
	margin: 0 auto;
	height: 210px;
	position: relative;
}

#sitelogo {
	float: left;
	margin: 53px 0 0 55px;
}

#header-inner #free-phone {
	font-family: 'Bad Script', cursive;
	float: right;
	font-size: 16px;
	color: #cccc00;
	position: absolute;
	top: 65px;
	right: 60px;
}

#header-inner #phone-number {
	float: right;
	font-size: 36px;
	color: #fff;
	position: absolute;
	top: 80px;
	right: 60px;
}

#header-inner #phone-number a { color: #fff !important; }


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Navigation  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#navigation select { display: none; }

#navigation {
	width: 100%;
	min-height: 55px;
	background: url(../images/bg-nav.png) top center no-repeat;
	text-align: center;
	padding: 30px 0 0 0;
}

#navigation ul {
	width: 860px;
	margin: 0 auto;
}

#navigation li {
	display: inline;
	line-height: 34px;
}

#navigation li a {
	/*float: left;*/
	background: #165a99;
	padding: 4px 10px 4px 10px;
	margin: 0 3px;
	font-size: 18px;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#navigation li a:hover, #navigation a.current, #navigation a.section {
	background: #000; 
	color: #fff;
	text-shadow: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* ^^^^^^ Sidebar Navigation  ^^^^^^ */
ul#secondary-nav {
	margin: 0 0 20px 0;
	border-bottom: solid 4px #cccc3c;
	padding: 0 !important;
	background: none;
}

#secondary-nav li {
	margin: 0 0 1px 0;
	list-style: none;
	line-height: normal;
}

#secondary-nav li a {
	display: block;
	background: #fff;
    color: #165a99;
	font-size: 16px;
    text-decoration: none;
	padding: 8px 15px;
}

#secondary-nav li a:hover, #secondary-nav a.current, #secondary-nav a.section {
	color: #fff;
	background: #165a99;
}

#secondary-nav a.order {
	color: #000;
	background: #cccc00 url(../images/order.png) left no-repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 8px 15px 8px 45px;
}

a.order2 {
	margin: 20px 0 0 0;
	float: right;
	color: #000;
	background: #cccc00 url(../images/order.png) left no-repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 10px;
	padding: 8px 15px 8px 45px;
}

#secondary-nav a:hover.order {
	color: #fff;
	background: #000 url(../images/order.png) left no-repeat;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Content Layouts ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/*.content,*/ .g1, .g2, .g3, .g4, .g5, .g-content-left, .g-content-right {
	float: left;
	position: relative;
}

.content {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

.content.inner {
	margin: 20px auto 0 auto;
}

.g1 {
	width: 100%;
	margin: 0 0 20px 0;
}

.g2 {
	width: 50%;
}

.g3 {
	width: 33%;
}

.g4 {
	width: 25%;
}

.g5 {
	width: 20%;
}

.g-content-right {
	width: 70%;
	margin: 0 0 0 5%;
}

.g-content-left {
	width: 70%;
	margin: 0 5% 0 0;
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Footer ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#footer {
	width: 100%;
	background: #000;
	margin: 0;
	border-top: solid 4px #cccc3c;
}

#footer-inner {
	width: 960px;
	margin: 0 auto;
	min-height: 80px;
	padding: 30px 0 10px 0;
}

#footer-inner p {
	color: #fff;
	margin: 0 0 10px 0;
	font-size: 13px;
}

#footer-inner a {
	text-decoration: none;
	color: #fff;
}

#footer-inner a:hover {
	text-decoration: underline;
	color: #ccc;
}

#footer .right {
	text-align: right;
}

#footer-inner #siteby span, #footer-inner #siteby span a {
	height: 40px;
	width: 40px;
	float: right;
	margin: 0 0 0 10px;
	position: relative;
	bottom: 10px;
	background: url(../images/siteby.png) right no-repeat;
}

#footer-inner a:hover#siteby span {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 1.1s ease-in-out;
	-moz-transition: all 1.1s ease-in-out;
	-o-transition: all 1.1s ease-in-out;
	-ms-transition: all 1.1s ease-in-out;
	transition: all 1.1s ease-in-out;
}


/* 4. PAGE SPECIFIC
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Home ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.home {}

.home .intro {
	width: 420px;
	padding: 15px;
	background: #fff;
	border-bottom: solid 4px #cccc3c;
	margin: 20px 0 0 10px;
	float: left;
	min-height: 205px;
}

.home .intro h1 {
	font-size: 18px;
	margin: 0 0 12px 0;
	font-weight: normal;
}

.home .intro-two h1 {
	font-size: 18px;
	margin: 0 0 12px 0;
	font-weight: normal;
	width: 270px;
}

.home .intro-two {
	width: 420px;
	padding: 15px;
	background: #fff url(../images/nz-map.png) right top no-repeat;
	border-bottom: solid 4px #cccc3c;
	margin: 20px 0 0 20px;
	float: left;
	min-height: 205px;
}


.home .service-box {
	float: left;
	width: 263px;
	margin: 10px;
	padding: 15px 15px 0 15px;
	background: #fff;
	min-height: 210px;
	position: relative;
}

.home .service-box h2 {
	font-size: 18px;
	margin: 0;
}

.home .service-box h2 a:hover {
	color: #000;
	text-decoration: none;
}

.home .service-box p {
	margin: 0 0 17px 0;
	min-height: 50px;
}

.home .service-box.grey { border-bottom: solid 4px #4f4b44; }
.home .service-box.blue-dark { border-bottom: solid 4px #4c7ca9; }
.home .service-box.orange { border-bottom: solid 4px #eda653; }
.home .service-box.red { border-bottom: solid 4px #ea4454; }
.home .service-box.blue-light { border-bottom: solid 4px #b3d0eb; }
.home .service-box.brown { border-bottom: solid 4px #b4a97e; }
.home .service-box.yellow { border-bottom: solid 4px #ebde44; }
.home .service-box.pink { border-bottom: solid 4px #d96ce3; }
.home .service-box.green { border-bottom: solid 4px #6cc358; }

.home .service-box img {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	/*position: absolute;
	bottom: 0;
	left: 15px;*/
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Inner ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.inner ul {
	padding: 10px;
	margin: 0 0 10px 0;
}

.inner ul li {
	list-style: circle;
	font-size: 16px;
	color: #000;
	margin: 0 0 0 20px;
	line-height: 30px;
}

.top-image img, .inner img { width: 658px; margin-bottom: 10px; }

table {
	border: solid 1px #ccc;
	width: 100%;
	background: #fff;
}

table p {
	margin: 0;
}

table p.breaker {
	font-size: 5px;
}

table td {
	padding: 8px;
	border: solid 1px #ccc;
	
}

.table-heading {
	background: #165a99;
	color: #fff;
}

img.andy {
	width: 200px !important;
	margin: 0;
	height: auto;
}

ul#pricelister {
	margin: 0px;
	padding: 0px;
}

.pricetable img {
	width: 100% !important;
}

.pricetable h3 {
	font-size: 14px !important;
	margin: 0 0 3px 0 !important;
}

/*  5. FORMS 
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Form Styles ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */	

/* ^^^^^^^^^^ Reset ^^^^^^^^^^ */
select, input, textarea, button { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; font-family: 'PT Sans', Arial, Helvetica, sans-serif; }
label { cursor: pointer; }
button, input { line-height: normal; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder { color: #ccc; }

/* ^^^^^^^^^^ Styles ^^^^^^^^^^ */
form {
	margin: 20px 0 20px 0;
}

form div {
	margin: 0 0 10px 0;
}

label {
	font-size: 16px;
	color: #444;
	width: 100%;
	margin: 8px 0 0 0;
}

label span {
	color: #900;
}

input, textarea, select {
	width: 96%; 
	padding: 2%;
	font-size: 16px;
	color: #000;
	background: #fff;
	border: solid 1px #e6e6e6;
	outline: 0;
	margin: 3px 0 0 0;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
}

input:focus, textarea:focus, select:focus {
	color: #000;
	border: solid 1px #666;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	background: #f3f3f3;
	-webkit-box-shadow: #666 0 0 3px;
	-moz-box-shadow: #666 0 0 3px;
	box-shadow: #666 0 0 3px;
}

textarea {
	overflow: auto; 
	vertical-align: top; 
	resize: vertical;
	height: 150px;
}

button, input[type="submit"], input[type="reset"], input[type="button"] {
	width: 100%;
	padding: 2% 0;
}

/* SS */
form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

form div.Actions {
	margin: 0;
}

p#ForgotPassword {
	margin: 5px 0 0 0;
}

span.message.required, label.required {
	padding: 3px 10px;
	background: #FFF2F9;
	border: solid 1px #FCF;
	color: #600;
	font-size: 14px;
	margin: 10px 0 20px 0;
	position: relative;
	bottom: 5px;
	font-weight: normal;
	display: block;
	width: 260px;
}

label.right {
	width: 170px;
	float: none;
}

input#MemberLoginForm_LoginForm_Remember {
	width: 20px;
	margin: 13px 0 0 0;
}

#MemberLoginForm_LoginForm_error {
	padding: 3px 10px;
	background: #FFF2F9;
	border: solid 1px #FCF;
	color: #600;
	font-size: 14px;
}

input#MemberLoginForm_LoginForm_action_dologin.action,
input#MemberLoginForm_LostPasswordForm_action_forgotPassword.action,
input#Form_ContactForm_action_SendContactForm.action {
	padding: 5px 10px;
}

p#ForgotPassword {
	font-size: 12px;
}

h2.contact {
	padding: 10px 20px;
	margin: 20px 0 0 0;
	color: #09F;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .95);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #dceffb;
	border-bottom: solid 2px #cae0ef;
	font-size: 24px;
}

ul#Form_Form_EditableCheckboxGroupField23 {
	margin: 10px 0 0 0;
	padding: 0;
}

#EditableCheckboxGroupField23 {
	margin: 20px 0 0 0;
}

ul#Form_Form_EditableCheckboxGroupField23 li {
	list-style: none;
	display: block;
}

ul#Form_Form_EditableCheckboxGroupField23 li input {
	width: 30px;
	float: left;
	margin: 4px 0 0 0;
}

ul#Form_Form_EditableCheckboxGroupField23 li label {
	margin: 0;
	display: block;
	width: 100%
}


/* 6. RESPONSIVE / MEDIA
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Responsive Content Layouts ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^ Desktop Large, design for width of 1280px ^^^^^^ */
@media only screen and (min-width: 1640px) {
        /* Style adjustments 
		#container { width: 1280px; }
		#footer-inner { width: 1280px; } */
}

/* ^^^^^^ Tablet (Portrait) design for width of 768px ^^^^^^ */
@media only screen and (min-width: 768px) and (max-width: 959px) {
        /* Style adjustments */
		#container, #footer-inner { width: 96%; margin: 0 2%; }
		#header-inner, .content { width: 100%; }
		#navigation, #navigation ul { width: 100%; }
		
		.home .intro, .home .intro-two { width: 44%; padding: 2% 2% 0 2%; margin: 1%; }
		
		.home .service-box { width: 44%; padding: 2% 2% 0 2%; margin: 1%; min-height: 147px; }
		.home .service-box .dsc  { float: right; }
		.home .service-box img { float: left; width: 263px; }
		
		.top-image img, .inner img { width: 100%; }

}

/* ^^^^^^ Mobile (Portrait) design for width of 320px ^^^^^^ */
@media only screen and (max-width: 767px) {
        /* Style adjustments */
		#container, #footer-inner { width: 96%; margin: 0 2%; }
		#header, #header-inner, #navigation, .content, .g1, .g2, .g3, .g4, .g5, .g-content-left, .g-content-right { width: 100%; }
		.g-content-left, .g-content-right { margin: 0; }
		
		#footer .right { text-align: left; margin-top: 10px; }
		#footer-inner #siteby span, #footer-inner #siteby span a { float: left; margin: 0 10px 0 0; }
		#footer-inner { min-height: 135px; }
		#cms-login { display: none; }
	
		.home .intro, .home .intro-two { width: 96%; padding: 2%; margin: 20px 0 0 0; } 
		.home .intro-two { background: #fff; }
		.home .intro-two h2 { width: 100%; }
		
		.home .service-box { width: 96%; padding: 2%; padding-bottom: 0; margin: 0; margin-bottom: 10px; }
		.home .service-box p { margin: 0 0 30px 0; }
		
		#sitelogo { margin: 55px 5px 0 5px; }
		#sitelogo img { width: 100%; }
		
		#header-inner #free-phone, #header-inner #phone-number { display: none; }
		
		a.call-button { display: block; color: #000; background: #cccc00 url(../images/icon-call.png) left no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		border-radius: 4px; margin: 10px 0 0 0; padding: 8px 15px 8px 45px; font-weight: bold; }
		a:hover.call-button { color: #fff; text-decoration: none; background: #000 url(../images/icon-call.png) left no-repeat; }
		
		#navigation { padding: 10px 0 0 0; margin: 0; min-height: 45px; }
		#navigation ul { display: none; }
		#navigation select { display: inline-block; }
		
		ul#secondary-nav { margin: 10px 0 10px 0; }
		
		.top-image img, .inner img { width: 100%; }
		
		table p { font-size: 14px; }
		table td { padding: 1%; }

/* ^^^^^^ Mobile (Landscape) design for width of 480px ^^^^^^ */
@media only screen and (min-width: 480px) and (max-width: 767px) {
        /* Style adjustments */
}


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Extra Media Queries ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* All Mobile Sizes (devices and browser) */
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
		/* styles */
}


/*  7. PRINT
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Print Styles ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}