/* $Id: */

/**
* SCREEN & PROJECTION MEDIA STYLESHEET
*/

/**
* GENERIC GLOBAL STYLES
*
* Please be very careful adding anything in this area. Consider 
* using a more region specific CSS selector instead. 
*/

* {
    font-size: 1em;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-decoration: none;
}

hr, p, ul, ol, dl, pre, address, table, form {
    margin-bottom: 1.6em;
font-family:arial;
}

a:link, a:active, a:visited{
 color: #1628A7;
 text-decoration:none;
}
a:hover {
 color: #447bce;
}




p + p {
    margin-top: 1.2em;
}

body {
	background-color: #fff;
	font-family: 'Open Sans', sans-serif;
}


.not-front #container {
  margin-top: 501px;
}

#container, #inner-page  {
	margin: 0 auto;
	position: relative;
	background-color: #1628a7;
	width:938px;
	-moz-box-shadow:  0 5px 5px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow:  0 5px 5px 5px rgba(0, 0, 0, .1);
	box-shadow:  0 5px 5px 5px rgba(0, 0, 0, .1);
}

#page  {
	background: #fff url(images/background.png) 0 0 repeat-x;
	width:100%;
padding-top:20px;
}

.skip-to-links {
	left: -8000px;
	position: absolute;
}
div.error, .error {
    font-size:0.8em;
}

.breadcrumb {
	display:none;	
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
}


.front h2 {
    line-height: 1em;
}

.front h2, h1 {
    font-size: 2.6em;
    font-weight:600;
    margin: 1em 0 0.5em;
    color: #1628a7;
}

.front h3, h2 {
font-size: 1.5em;
    margin: 1.07em 0 0.535em;
    font-weight:600;
    color: #000;
    font-style: normal;
}

.slogan, h3 {
    font-size: 1.4em;
    margin: 1.14em 0 0.57em;
    color:#3147e6;
    font-style: italic;
    font-weight:bold;
}

.page-node-32 table, .page-node-32 table td {
    border: none;
}



/**
* HEADER REGION
*/
#header p.site-name,
#header p.site-slogan {
	margin: 0;
}

#header {
	background: #1628a7 url(images/header-bg.jpg) 0 0 no-repeat;
	
}

.front #header h1 {
text-indent: -999em;
}

#logo-name {
    float: left;
    height: 100px;
    margin-left: 20px;
    margin-top: 15px;
    width: 260px;
}

#block-block-3 {
    color: #fff;
    float: right;
    font-family: 'Open Sans',sans-serif;
    font-size: ;
    margin-top: 28px;
    text-align: right;
    width: 295px;
	 margin-right: 49px;
	     text-align: center;
}

#block-block-3 p{
	font-size:18px;
}

#block-block-3 .number{
	font-size:24px;
	color:#ffd601;
margin-top:-20px;
}

#block-block-3 .number a{
	color:#ffd601;
}

#header-images {
	height: 420px;
    left: 43px;
    position: absolute;
    top: 155px;
    border: 1px solid #CCCCCC;
}

/**
* PREFACE REGION
*/
#block-block-4, #block-block-8, #block-block-9, #block-block-10, #block-block-11, #block-block-12 {
	position: absolute;
    right: 26px;
    top: -97px;
    z-index: 100;
	background-color:#000;
	margin-bottom: 0;
}

#block-block-4 p, #block-block-8 p, #block-block-9 p, #block-block-10 p, #block-block-11 p, #block-block-12 p {
	margin-bottom: 0;
	color:#ffd601;
	font-size:16px;
	padding: 0 15px;
	height: 57px;
}

/**
* PRIMARY REGION
*/
#container {
    margin-top: 500px;
	background-color: #FFFFFF;
}

#primary {
	background-color:#FFFFFF;
	margin-top:128px;
	margin-right: 347px;
	padding-top:1px;
}

.logged-in #primary {
	margin-top:150px;
}

#primary .inside {
	margin-left:68px;
	margin-right:68px;
}

/**
* COMMON SECONDARY & TERTIARY STYLES
*
* Do NOT add margins, padding or borders CSS properties directly 
* to the secondary or tertiary divs since this will break the layout. 
* Instead, consider adding those properties to the regions divs. 
*/


/**
* SECONDARY REGION
*/
#secondary {
    background: #90C9FF;
}

/**
* TERTIARY REGION
*/
#tertiary {
	float: left;
    margin-left: -333px;
    margin-top: 160px;
    width: 265px;
margin-bottom:20px;
}
/**
* GET A QUOTE
*/

#webform-client-form-14 {
	margin-left:-5px;
	padding-bottom: 0;
	margin-bottom:0;
	margin-top: -20px;
}

#block-webform-client-block-14 h2 a {
	display:none;
}
#block-webform-client-block-14 .webform-component {
	display:block;
	margin:5px;
	height:25px;
}

#block-webform-client-block-14 label {
	position:relative;
	left:-999em;
}
#block-webform-client-block-14 label span.form-required {
	position:absolute;
	left:999em;
}
#block-webform-client-block-14 input {
    width: 180px;
}
#block-webform-client-block-14 input#edit-submit--2 {
    position:relative;
    width: 180px;
}

#block-webform-client-block-14 #edit-submit {
	    width: 60px;
}

#block-webform-client-block-14 textarea,
#block-webform-client-block-14 .grippie {
   
}
#block-webform-client-block-14 #webform-component-enquiry label {
	float:left;
}
#block-webform-client-block-14 #webform-component-enquiry .form-textarea-wrapper {
	float: left;
	margin-top:5px;
}
#block-webform-client-block-14 #webform-component-enquiry.webform-component-textarea:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#block-webform-client-block-14 {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(PIE/PIE.htc);
	    background: #ffd601;
}

#block-webform-client-block-14 h2{
	color: #000000;
    font-family: 'Swanky and Moo Moo',cursive;
	margin: 28px 0 10px 40px;
    font-size: 32px;
    line-height: 0;
    text-decoration: none;
}

#block-webform-client-block-14 .content{
	margin: 28px 0 10px 16px;
    width: 196px;
}

/**
* POSTSCRIPT REGION
*/


/**
* NAVIGATION REGION
*/

#navigation {
    background-color: #000;
    clear: none;
    float: left;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 110px;
    width: 700px;
	margin-left:18px;
}

#block-superfish-1, #superfish-1 {
    background-color: #000;
    color: #FFFFFF;
    float: left;
    font-family: 'Open Sans',sans-serif;
    height: 45px;
    width: 830px;
}

sf-menu.sf-style-default li, .sf-menu.sf-style-default.sf-navbar {
    background: none repeat scroll 0 0 #000;
}

.sf-menu.sf-style-default a, .sf-menu.sf-style-default a:visited {
    background-color: #000;
    border: 0 none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    padding:0 15px;
	height: 45px;
	line-height: 45px;
}

.sf-menu.sf-style-default a:active, .sf-menu.sf-style-default a:hover {
    background-color: #000;
	color:#ffd601;
}

.sf-menu.sf-style-default li, .sf-menu.sf-style-default.sf-navbar {
    height: 45px;	
}

.sf-menu.sf-style-default {
margin-bottom:0;	
}

.sf-menu.sf-style-default li.first {
	text-indent:10px;
}


/**
* FEATURE BOX REGION
*/

#feature-boxes {
    font-size: 11px;
    left: 43px;
    margin: 0 auto;
    position: absolute;
    top: -17px;
    width: 872px;
}

#feature-boxes a {
color: #fff;
}

#block-views-feature-boxes-block {
	background-color:#f0efef;
	margin-right: 16px;
	height: 160px;
}


#block-views-feature-boxes-block .views-row {
    float: left;
    width: 264px;
	height: 140px;
	margin: 10px 0 0 15px;
	color:#fff;
	background-color:#000;
	font-family: 'Open Sans',sans-serif; 
}

#block-views-feature-boxes-block .views-row .views-field-title, #block-views-feature-boxes-block .views-row .views-field-title a {
    font-size:19px;
	text-decoration:none;
	margin-top:6px;
}


#block-views-feature-boxes-block .subheading {
    font-size:14px;
	text-decoration:none;
	color:#ffd601;
}

#block-views-feature-boxes-block .views-field-field-fb-image {
	    float: left;
		width: 95px;
		margin-left: 10px;
		margin-top: 10px;
}

#block-views-feature-boxes-block .views-field-field-fb-teaser {
	    float: left;
		width: 150px;
}

#block-views-feature-boxes-block .views-field-field-sub-title {
	    float: left;
		width: 150px;
		font-size:13px;
		text-decoration:none;
		color:#ffd601;
		margin: 4px 0;
}

#block-views-feature-boxes-block .field-content {
	    line-height:1.1em;
}

#block-views-feature-boxes-block .subtitle a{
	font-family: 'Swanky and Moo Moo', cursive;
	font-size:17px;
	color:#ffd601;
	text-decoration:none;
}



/**
* FOOTER REGION
*/
#footer  {
	background: #1628A7;
	width:939px;
    color: #FFFFFF;
}

#block-block-5 {
	width:250px;
    margin-left: 60px;
}

#block-block-5, #block-block-6 {
	float:left;
    margin-top: 25px;
	color: #FFFFFF;
}
#block-block-6 {
	float:left;
    margin-top: 85px;
	float:left;
}

#block-block-6 a{
    color:#fff;
}

#footer-seo, #footer-seo a {
	clear: both;
    color: #FFFFFF;
    float: none;
    font-size: 10px;
    margin: 0 auto;
    width: 960px;
	text-align: center;
	 padding-bottom: 15px;
}

/**
* Extra details
*/

#brands {
	position: absolute;
    right: -28px;
    top: 363px;
    z-index: 100;
}

#block-block-7 {
    margin: 20px 180px 40px;
}

#node-14 p {  
margin-bottom: 0;
}



/**
* CLOSURE REGION
*/