/*

Theme Name: Surf Pacific Standard

Theme URI: http://www.surfpacific.com.au

Description: A WordPress theme designed and built by Surf Pacific.

Author: Surf Pacific

Author URI: http://www.surfpacific.com.au

Version: 2.2

*/



/*------------------------------------*\

    CONTENTS

\*------------------------------------*/



/*



1. BASE........Resets and default styles

2. LAYOUT.......Main and unique elements

3. MODULE............Reusable components

4. STATE..................Current states

5. THEME............Branding and colours



*/



/*------------------------------------*\

    1. $BASE

\*------------------------------------*/



html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

}



body {

    background: #fff;

    font: normal 16px/1.618em "Akko W01 Regular", Arial, Helvetica, sans-serif;

    color: #777;

    overflow-y: scroll; 

}

strong, bold { font-family:"Akko W01 Medium"; font-weight:normal;}



/* Give elements the same bottom margin to create consistent vertical rhythm */



p, ul, ol, blockquote, table, hr, iframe, .navigation, .grid, .cta, .message, .button, .feature, .promo, .banner, .content, .has-mb { margin-bottom: 1.1618em; } 



.logo { margin-bottom:15px;}



/*------------------------------------*\

    $TYPOGRAPHY

\*------------------------------------*/



h2, h3, h4, h5, h6 {font-family:Akko W01 Medium; font-weight: normal; }



.content h1, .content h2, .content h3 { color:#2b5796;}



h1, .alpha {

	font-family:"Akko W01 Regular";

	font-weight: normal;

    font-size: 30px;

    line-height: 38px;

	margin-bottom: 18px;

}



h2, .beta {

    font-size: 25px;

    line-height: 33px;

	margin-bottom: 18px;

}



h3, .gamma {

    font-size: 21px;

    line-height: 29px;

	margin-bottom: 18px;

	color:#2b5796;

}



h4, .delta {

    font-size: 19px;

    line-height: 27px;

	margin-bottom: 18px;

}



h5, .epsilon {

	font-size: 16px;

    line-height: 24px;

	margin-bottom: 18px;

}



h6, .zeta {

	font-size: 14px;

	line-height: 22px;

	margin-bottom: 18px;

}



small, .small {

    font-size: 0.875em;

    line-height: 1.4em;
	margin-top:25px;

}



a:link, a:visited {

    text-decoration: none;

    color: #2B5796;

    font-weight: normal;

	-webkit-transition: all .1s linear;

       -moz-transition: all .1s linear;

        -ms-transition: all .1s linear;

         -o-transition: all .1s linear;

            transition: all .1s linear;

}



a:hover {

    color: #000;

    text-decoration: underline;

    outline: none;

}



a:focus, a:active { outline: none }



a.button {

    display: inline-block;

    zoom: 1;

    *display: inline;

    font-size: 1em;

    line-height: 1em;

    padding: 0.75em 1.618em;

    color: #fff;

    background-color: #808080;

}



a.button:hover {

    text-decoration: none;

    color: #fff;

    background-color: #333;

}



a.button:active {

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);

       -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);

            box-shadow: inset 0 0 5px rgba(0,0,0,0.25);

}



.button + .button { margin-left: 0.75em; }



a.btn {

	background: #ee3827; /* Old browsers */

	background: -moz-linear-gradient(top,  #ee3827 0%, #cc2f20 51%, #b2281b 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3827), color-stop(51%,#cc2f20), color-stop(100%,#b2281b)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3827', endColorstr='#b2281b',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 3px;

	border-radius: 3px;

	border-bottom:2px solid #720a00;

	font-weight:normal;

	padding: 6px 16px;

	color:#FFF;

	text-shadow: 1px -1px 1px #720a00;

    filter: dropshadow(color=#720a00, offx=1, offy=-1);

		-webkit-transition: all .1s linear;

       -moz-transition: all .1s linear;

        -ms-transition: all .1s linear;

         -o-transition: all .1s linear;

            transition: all .1s linear;

	}

a.btn:hover {
	text-decoration:none;
	background: #cc2222; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc2222 0%, #ad1b1b 50%, #961818 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc2222), color-stop(50%,#ad1b1b), color-stop(100%,#961818)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc2222 0%,#ad1b1b 50%,#961818 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc2222 0%,#ad1b1b 50%,#961818 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc2222 0%,#ad1b1b 50%,#961818 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc2222 0%,#ad1b1b 50%,#961818 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2222', endColorstr='#961818',GradientType=0 ); /* IE6-9 */
			-webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
         -o-transition: all .1s linear;
            transition: all .1s linear;
	}	


a.btnalt {
		background: #FFFFFF; /* Old browsers */
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:2px solid #ee3827;
	font-weight:normal;
	padding: 6px 16px;
	color:#ee3827;
}	

a.btnalt:hover {
	text-decoration:none;
	background:#ffd9d6;
}

a.btnalt2 {
		background: #dc3323; /* Old browsers */
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:2px solid #FFFFFF;
	font-weight:normal;
	padding: 6px 16px;
	color:#FFFFFF;
}	

a.btnalt2:hover {
	text-decoration:none;
	background:#b21a0b;
}

a.btnalt3 {
		background: #4e80c7; /* Old browsers */
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:2px solid #FFFFFF;
	font-weight:normal;
	padding: 6px 16px;
	color:#FFFFFF;
	margin-right:5px;
}	

a.btnalt3:hover {
	text-decoration:none;
	background:#2b5796;
}


a.btn2 {

	line-height: 23px;
	background: #346cbb; /* Old browsers */
	background: -moz-linear-gradient(top,  #346cbb 0%, #2f61a8 50%, #2b5797 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#346cbb), color-stop(50%,#2f61a8), color-stop(100%,#2b5797)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #346cbb 0%,#2f61a8 50%,#2b5797 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #346cbb 0%,#2f61a8 50%,#2b5797 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #346cbb 0%,#2f61a8 50%,#2b5797 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #346cbb 0%,#2f61a8 50%,#2b5797 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#346cbb', endColorstr='#2b5797',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom:2px solid #00255a;
	font-weight:normal;
	padding: 8px 16px;
	color:#FFF;
	text-shadow: 1px -1px 1px #00255a;
    filter: dropshadow(color=#00255a, offx=1, offy=-1);
		-webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
         -o-transition: all .1s linear;
            transition: all .1s linear;
}



a.btn2:hover {

	text-decoration:none;
background: #1c54af; /* Old browsers */
background: -moz-linear-gradient(top,  #1c54af 0%, #18519b 50%, #213b72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c54af), color-stop(50%,#18519b), color-stop(100%,#213b72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c54af 0%,#18519b 50%,#213b72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c54af 0%,#18519b 50%,#213b72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c54af 0%,#18519b 50%,#213b72 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c54af 0%,#18519b 50%,#213b72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c54af', endColorstr='#213b72',GradientType=0 ); /* IE6-9 */
}



/*------------------------------------*\

    $FORMS

\*------------------------------------*/



input, select, textarea {

    font-family: inherit;

	font-size: inherit; 

    line-height: 1em;

    border-top: 1px solid #d5d5d5;

    border-right: 1px solid #d5d5d5;

    border-bottom: 1px solid #b5b5b5;

    border-left: 1px solid #b5b5b5;

	padding: 3px 5px;

}



input[type="submit"] {
    line-height: 1em;
    padding: 1em 1.618em;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color: #2b5796;
    -webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
         -o-transition: all .1s linear;
            transition: all .1s linear;
    -webkit-border-radius: 3px;
     -opera-border-radius: 3px;
     -khtml-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
			border-bottom: 2px solid #00255a;
			text-shadow: 1px -1px 1px #00255a;
			filter: dropshadow(color=#00255a, offx=1, offy=-1);
}



input[type="submit"]:hover { background-color: #183a6c; }



/*------------------------------------*\

    $OTHER ELEMENTS

\*------------------------------------*/



hr {

	border: solid #d5d5d5;

    border-width: 1px 0 0 0;

    clear: both;

}



img, iframe { vertical-align: top; }











/*------------------------------------*\

    2. $LAYOUT

\*------------------------------------*/



.home .main {

	padding-top: 210px;

	padding-bottom:30px;

}
.main {
	padding-top:30px;
}


.homecontent { color:#FFF; padding-bottom:30px;}

.homecontent h1 { text-align:center; font-size:40px; margin-bottom:50px;}



.container, .header, .navigation, .main, .footer { width: 980px; }



.navigation {margin-bottom:0px;}



.container { margin: 0 auto; }



.top { padding: 0;}



.contact { width: 400px; margin-top:35px; }



.contact h2 {

    font-size: 30px;

	line-height: 55px;

    margin-bottom: 0px;

	border-right: 1px solid #333;

	padding-right: 15px;

	color:#ee3827;

}



.contact h3 {

    font-size: 1.0em;

	line-height: 1.0em;

	margin-bottom: 0;

	padding-top: 7px;

}

.map {

	background-image:url(images/map-bg.jpg);

	display:block;

	width:100%;

	height:372px;

	position: relative;

}

.map .details {

	display:block;

	width:336px;

	position:absolute;

	background-color:#2b5796;

	top: 25px;

	color:#FFF;

	line-height:20px;

	padding: 16px;

}

.details h2 {

	font-family: "Akko W01 Regular", Arial, Helvetica, sans-serif;

	margin-bottom:10px;

	font-size:20px;

}



.newsmedia {

	text-align:center;

	padding: 30px 0px;

}

.newsmedia a {

	font-weight:normal;

}

.newsmedia p {

	margin-bottom: 32px;

}

.newsmedia h2 {

	text-align:center;

	color:#2b5796;	

}

.newsmedia h3 {

	text-align:center;

}

.subscribe-form {

	margin-left: 50px;

}



/*------------------------------------*\

    $PRIMARY NAVIGATION

\*------------------------------------*/



.nav-primary { background-color: #FFFFFF; }



.nav-primary li {

    position: relative;

    z-index: 500;

}



/* 1st level links */



.nav-primary a {
    color: #2b5796;
    display: block;
    line-height: 40px;
    padding: 0 13px;
    text-decoration: none;
    text-transform: normal;
	font-size:20px;
}



.nav-primary li:hover > a {

    background: #FFF;

    color: #ee3827;

}



/* 2nd level links */



.nav-primary li:hover > ul { display: block }



.nav-primary ul {

	display: none;

    position: absolute;

    top: 100%;

    left: 0;

    float: left;

    width: 240px;

    z-index: 99999;

    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);

	   -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);

	        box-shadow: 0px 5px 5px rgba(0,0,0,0.25);   

}



.nav-primary ul li { 

	min-width: 240px;

}



.nav-primary ul a {

	color:#FFF;

    background: #2b5796;

    line-height: 1.4em;

    padding: 10px 23px;

    width: 198px;

    height: auto;
	font-size:16px;

}



.nav-primary ul :hover > a {

    background: #0f3162;

    color: #fff;

}



/* 3rd level links */



.nav-primary ul ul {

    left: 100%;

    top: 0;

}



/* Current menu items */



.nav-primary li.current_page_item > a, .nav-primary li.current-menu-ancestor > a, .nav-primary li.current-menu-item > a, .nav-primary li.current-menu-parent > a {

    background: #FFF;

    color: #ee3827;

}



* html .nav-primary li.current_page_item a, * html .nav-primary li.current-menu-ancestor a, * html .nav-primary li.current-menu-item a, * html .nav-primary li.current-menu-parent a, * html .nav-primary li a:hover {

    background: #444;

    color: #fff;

}



/* 2nd level current menu items */



.nav-primary ul li.current-menu-item a { background-color: #1d3f71; }



/*------------------------------------*\

    $CAROUSEL

\*------------------------------------*/

.feature {

	margin-bottom:0px;

}



.feature, .feature ul, .feature li, .feature img {

    width: 980px;

    height: 569px;

}



.feature, .feature ul { position: relative; }



.feature ul {

    list-style: none;

    z-index: 1;

}



.feature li { display: none; }



.feature .first { display: block }



.feature img {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

}

.feature .promotional .feature-content {
	
	background-color:#df002b;
	padding:20px;
	color:#FFF;
}

.promotional h2 { color:#FFF!important;}
.promotional p {color:#FFF!important;}

.feature-content, .banner-content {

    position: absolute;

    top: 4em;

    left: 0em;

    z-index: 3;

    width: 400px;

}



.feature h2, .banner h2 {

	color: #2b5796;

	text-transform: uppercase;

	font-size: 32px;

	line-height: 1em;

	margin-bottom: 0.5em;

}



.feature p, .banner p {

    font-size: 16px;

    line-height: 1.4em;

	color: #2b5796;

}



.carousel-pager, .carousel-nav {

    position: absolute;

    z-index: 3;

    width: 100%;

}



.carousel-pager {

	bottom: 230px;

	left: 120px;

}



.carousel-pager a {

    display: inline-block;

    zoom: 1;

    *display: inline;

	width: 13px;

	height: 13px;

    margin: 0 3px;

	border-radius: 100%;

	cursor: pointer;

	background: #808080;

	border: 1px solid #fff;

	-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);

	     box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);	

}



.carousel-pager a:hover, .carousel-pager .activeSlide { background: #2b5796; }



.carousel-nav {

    height: 51px;

    left: 0;

    top: 50%;

    margin-top: -25px;

}



.carousel-nav a {

    display: block;

    position: absolute;

    width: 52px;

    height: 51px;

    text-indent: -99em;

    background: url(images/sprite-carousel.png) 0 0 no-repeat;

}



a.carousel-nav-previous { left: 1em; }



a.carousel-nav-next {

    right: 1em;

    background-position: -52px 0;

}



.feature .btnalt { margin-right:5px; }

.feature .btn {padding: 7px 16px 6px 16px;}

/*------------------------------------*\

    $PROMO

\*------------------------------------*/



.promo {

	position: absolute;

	bottom: -170px;

	z-index: 1000;

	-webkit-box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, .25);

	}

.promo-item {

	width: 238px;

	margin-right: 9px;

    text-align: center;

    box-shadow:  0px 0px 5px 1px rgba(0, 0, 0, .25);

	background-color:#FFF;

}



.promo a {

	display: block;

	float: left;

	width: 238px;

	text-decoration: none;

	font-weight: normal;

}



.promo a:hover { color: inherit; }



.promo-image { margin-bottom: 1em; }



.promo-heading { margin-bottom:  0.75em; }

h3.promo-heading { font-size:19px; margin-bottom:  0.75em; }

.promo p {

	line-height: 1.5em;
	background: #ee3827;
	font-size: 16px;
	padding: 5px;
	color: #FFF;
	margin: 0px 60px -10px 60px;
	z-index: 1000;
	display: block;
}





/*------------------------------------*\

    $BANNER

\*------------------------------------*/



.banner {

    width: 980px;

    height: 402px;

	padding-bottom: 4px;

	position: relative;
	
	margin-bottom:0px;

}



.banner-content {

	top: 6em;

	left: 2em;

}



/*------------------------------------*\

    $CONTENT

\*------------------------------------*/

.homerepeaters {

	background-position:bottom;

	background-repeat:repeat-x;

	background-image:url(images/homerepeaters-bg.gif);

}

.itemone { height:311px;}

.itemone .text {

	display:block;

	width:980px;

	float:left;	

}

.homerepeaters .text h2 {

		margin-top:1.3em;

}

.itemone img {

	float:right;

	display:block;

	height:307px;

}

.itemtwo {

	height: 560px;

}

.itemtwo .text {

	display:block;

	width:980px;

	float:right;	

}

.itemtwo img {

	float:left;

}



.content {

    float: left;

    width: 640px;

}



.content-right { float: right; }



.content-full { 

    float: none;

    width: 100%;

}



.page-title {

	font-family:"Akko W01 Medium";

    font-weight: normal;

}



.content table {

    border-top: 1px solid #d5d5d5;

    border-right: 1px solid #d5d5d5;

    border-collapse: collapse;

}



.content table th {

	color: #fff;

	padding: 5px 10px;

	text-align: left;

}



.content table td {

    border-bottom: 1px solid #d5d5d5;

    border-left: 1px solid #d5d5d5;

    padding: 5px 10px;

}



.content ul {

    list-style: disc;

    margin-left: 42px;

}



.content ol {

    list-style: decimal;

    margin-left: 42px;

}



.content li {

    margin-bottom: 14px;

}



.content li > ul, .content li > ol { 

    margin-top: 10px; 

    margin-bottom: 0;

}



/* Styling for call to action links */

.cta a {

	text-align:center;
	font-size:18px;
	margin-top: 30px;
	background: #ee3827; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee3827 0%, #cc2f20 51%, #b2281b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3827), color-stop(51%,#cc2f20), color-stop(100%,#b2281b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3827', endColorstr='#b2281b',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom:2px solid #720a00;
	font-weight:normal;
	color:#FFF;
    display: block;
	padding: 1em 4em;
	line-height: 1.4em;
		-webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
         -o-transition: all .1s linear;
            transition: all .1s linear;
			margin-bottom:0px;
}

.cta a:hover, .home .cta a:hover {
		text-decoration:none;
	background: #cc2222; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc2222 0%, #ad1b1b 50%, #961818 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc2222), color-stop(50%,#ad1b1b), color-stop(100%,#961818)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc2222 0%,#ad1b1b 50%,#961818 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc2222 0%,#ad1b1b 50%,#961818 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc2222 0%,#ad1b1b 50%,#961818 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc2222 0%,#ad1b1b 50%,#961818 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc2222', endColorstr='#961818',GradientType=0 ); /* IE6-9 */
			-webkit-transition: all .1s linear;
       -moz-transition: all .1s linear;
        -ms-transition: all .1s linear;
         -o-transition: all .1s linear;
            transition: all .1s linear;
}

.home .cta a {

	margin-top: 40px;

	background: #ee3827; /* Old browsers */

	background: -moz-linear-gradient(top,  #ee3827 0%, #cc2f20 51%, #b2281b 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee3827), color-stop(51%,#cc2f20), color-stop(100%,#b2281b)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #ee3827 0%,#cc2f20 51%,#b2281b 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3827', endColorstr='#b2281b',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 3px;

	border-radius: 3px;

	border-bottom:2px solid #720a00;

	font-weight:normal;

	color:#FFF;

    display: block;

	padding: 1em 4em;

	line-height: 1.4em;

		-webkit-transition: all .1s linear;

       -moz-transition: all .1s linear;

        -ms-transition: all .1s linear;

         -o-transition: all .1s linear;

            transition: all .1s linear;

			margin-bottom:0px;



}







.cta {margin-bottom:0px;}

.cta p {margin-bottom:0px;}





.cta a:hover { 

	text-decoration: none;

	background-color: #454545;

}



/* Two column list */



ul.list-double {

	margin-left: 0;

	clear: both;

	overflow: hidden;

}



ul.list-double li {

	float: left;

	width: 40%;

	margin-left: 10%;

}



/* Page lists displayed with [list-pages] and [child-pages] */



ul.child-pages, ul.list-pages {

	list-style: none;

	margin-left: 0;

	border-top: 1px solid #efefef;

}



ul.child-pages li, ul.list-pages li { 

	border-bottom: 1px solid #efefef; 

	margin-bottom: 0;

}



ul.child-pages a, ul.list-pages a { 

	display: block; 

	padding: 10px 5px;

}



blockquote {

	border: double #d5d5d5;

	border-width: 4px 0;

	padding: 1.618em;

	font-size: 1em;

	line-height: 1.618em;

	text-align: center;

}



blockquote p { margin: 0 }



/*------------------------------------*\

	$MESSAGES

\*------------------------------------*/



.message {

    padding: 0.875em 1.618em;

    border: 1px solid;

    color: #555;

}



.note {

	background: #fcffc5;

	border-color: #fbffa3;

}



.highlight {

	background: #A9E8FA;

	border-color: #79dbf7;

}



.warning {

    background-color: #ef1000;

    border-color: #cf0000;

    color: #fff;

}



/*------------------------------------*\

    $BLOG

\*------------------------------------*/



.post-divider {

    display: block;

    height: 1px;

    background: #ccc;

    margin-bottom: 1.618em;

}



.post-meta p {

	font-size: 0.875em;

	line-height: 1.4em;

}



.post-navigation {

    font-size: 0.875em;

    list-height: 1.5em;

    border-top: 1px solid #d5d5d5;

    padding: 1em 0;

}



.archive-navigation {

    display: block;

    clear: both;

    padding: 1em 0;

    text-align: center;

    border-top: 1px solid #d5d5d5;

}



.archive-navigation span, .archive-navigation a {

    padding: 3px 6px;

    border: 1px solid #d5d5d5;

	-webkit-border-radius: 2px;

     -opera-border-radius: 2px;

     -khtml-border-radius: 2px;

 	   -moz-border-radius: 2px;

            border-radius: 2px;

    

}



.post-share h5 {

    float: left;

    margin: 0 10px 0 0;

    font-size: 0.875em;

	line-height: 1.5em;

    text-transform: uppercase;

}



#___plusone_0 { vertical-align: top !important; }



/*------------------------------------*\

    $CONTENT IMAGES

\*------------------------------------*/



.alignright {

    float: right;

    margin: 0 0 23px 23px;

    padding: 8px;

	background-color: #fff;

    border: 1px solid #ddd;

}



.alignleft {

    float: left;

    margin: 0 23px 23px 0;

    padding: 8px;

	background-color: #fff;

    border: 1px solid #ddd;

}



.aligncenter {

    display: block;

    margin: 0 auto 23px auto;

    padding: 8px;

	background-color: #fff;

    border: 1px solid #ddd;

}



.alignnone {

    display: block;

    margin-bottom: 23px;

    padding: 8px;

	background-color: #fff;

    border: 1px solid #ddd;

}



a .alignright {

    float: right;

    margin: 0 0 23px 23px;

}



a .alignleft {

    float: left;

    margin: 0 23px 23px 0;

}



a .aligncenter {

    display: block;

    margin: 0 auto 23px auto;

}



a .alignnone {

    display: block;

    margin-bottom: 23px;

}



.wp-caption {

	margin-bottom: 23px;

	padding: 0;

	border: none;

}



.wp-caption img {

    margin: 0;

}



.wp-caption p.wp-caption-text {

    font-size: 0.875em;

    line-height: 1.4em;

	margin: 0;

	padding: 10px 0;

	text-align: center;

	border-bottom: 1px solid #d5d5d5;

	color: #808080;

}



#gallery-1 img {

    border: 1px solid #d5d5d5 !important;

    background: #fff;

    padding: 6px;

}



#gallery-1 img:hover { border: 1px solid #808080 !important }



#sb-wrapper-inner { border: 10px solid #fff !important; } /* Border around lightbox */



/*------------------------------------*\

    $RIGHT SIDEBAR

\*------------------------------------*/



.sidebar {
    float: right;
    width: 280px;
}



.sidebar > div, .sidebar-blog > div { margin-bottom: 1.1618em; }



.island {
	color: #333333;
}
.island img {
	padding:10px 0px;
}



.island-heading { color: #2b5796; }



.list ul {

    list-style-type: none;

    border-top: 1px solid #d5d5d5;

	margin: 0;

}



.list li { border-bottom: 1px solid #d5d5d5; }



.list a {

    display: block;

    padding: 10px 5px;

	line-height: 1.4em;

}



.list a:hover, .list .current_page_item a { text-decoration: none; }



.search {

	background-color: #fff;

	border: 1px solid #d5d5d5;

	-webkit-border-radius: 20px;

     -opera-border-radius: 20px;

     -khtml-border-radius: 20px;

 	   -moz-border-radius: 20px;

            border-radius: 20px;

}



#s {

    display: block;

	width: 83%;

    padding: 5px 10px 5px 30px;

    color: #777;

	border: none;

    background: url(images/icon-search.png) 10px 50% no-repeat;

	-webkit-border-radius: 20px;

     -opera-border-radius: 20px;

     -khtml-border-radius: 20px;

 	   -moz-border-radius: 20px;

            border-radius: 20px;

}



#s:focus {

    background-color: #fff;

    outline: none;

}



#searchsubmit { display: none }



/*------------------------------------*\

    $LEFT SIDEBAR

\*------------------------------------*/



.sidebar-left {

    float: left;

    width: 280px;

    border: solid #d5d5d5;

    border-width: 1px 1px 0 1px;

}



.sidebar-left div {

    padding: 15px 15px 15px 45px;

    border-bottom: 1px solid #d5d5d5;

}



.sidebar-left h4 {
    font-size: 17px;
    line-height: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: #333;
}

.sidebar-left td {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}

.sidebar-left .icon {

    margin-left: -30px;

    position: absolute;

}



.sidebar-left p {

    font-size: 14px;

    line-height: 18px;

    margin: 0;

}



.sidebar-left p + p { margin: 10px 0 0 0 }



.sidebar-left hr {

    color: #fff;

    background-color: #fff;

    border-bottom: 1px solid #d5d5d5;

    margin: 0 0 10px 0;

    height: 1px;

    border-style: solid;

    border-width: 1px;

    margin-left: -15px;

    margin-right: -15px;

}



/*------------------------------------*\

    $NEWSLETTER SUBSCRIPTION

\*------------------------------------*/



.subscribe {

	padding: 0px 0px;

	border: 0px solid #d5d5d5;

	line-height: 30px;

}



.subscribe .one-of-two {

	width: 44%;

	margin-right: 1%;

}



.subscribe .two-of-two { width: 55%; }



.subscribe-heading {

	line-height: 30px;

	margin-bottom: 0;

}



.subscribe input { 

	margin: 0 0 0 5px;

}



.subscribe input[type="text"] {

    border: 1px solid #ccc;

    width: 170px;

    background: #fff;

    padding: 5px;

    color: #777;

}



.subscribe input[type="submit"] {

	margin-top: 21px;

	line-height: 21px;

	background: #346cbb; /* Old browsers */

	background: -moz-linear-gradient(top,  #346cbb 0%, #2f61a8 50%, #2b5797 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#346cbb), color-stop(50%,#2f61a8), color-stop(100%,#2b5797)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #346cbb 0%,#2f61a8 50%,#2b5797 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #346cbb 0%,#2f61a8 50%,#2b5797 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #346cbb 0%,#2f61a8 50%,#2b5797 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #346cbb 0%,#2f61a8 50%,#2b5797 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#346cbb', endColorstr='#2b5797',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 3px;

	border-radius: 3px;

	border-bottom:2px solid #00255a;

	font-weight:normal;

	padding: 6px 16px;

	color:#FFF;

	text-shadow: 1px -1px 1px #00255a;

    filter: dropshadow(color=#00255a, offx=1, offy=-1);

		-webkit-transition: all .1s linear;

       -moz-transition: all .1s linear;

        -ms-transition: all .1s linear;

         -o-transition: all .1s linear;

            transition: all .1s linear;



	-webkit-appearance: none; /* Remove iOS default styles */

}



.subscribe input.btn-subscribe:hover {

background: #1c54af; /* Old browsers */

background: -moz-linear-gradient(top,  #1c54af 0%, #18519b 50%, #213b72 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c54af), color-stop(50%,#18519b), color-stop(100%,#213b72)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #1c54af 0%,#18519b 50%,#213b72 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #1c54af 0%,#18519b 50%,#213b72 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #1c54af 0%,#18519b 50%,#213b72 100%); /* IE10+ */

background: linear-gradient(to bottom,  #1c54af 0%,#18519b 50%,#213b72 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c54af', endColorstr='#213b72',GradientType=0 ); /* IE6-9 */

}



/*------------------------------------*\

    $FOOTER

\*------------------------------------*/



.footer {

    clear: both;

	text-align: center;

    font-size: 0.75em;

    line-height: 1em;

	padding: 40px 0px;

}



.footer p, .footer a { color: #FFF; margin-bottom:0px; line-height: 32px; }



.footer a:hover { color: #999; }



.footer img { margin-left:10px;}

.contact-bar { height:78px; clear:both; }

.contact-bar h2 { float:left; font-size:25px; line-height:78px; margin: 0px 20px 0px 0px; color:#FFF;}

.contact-bar p { float:left; font-size:18px; line-height:78px; margin: 0px 15px; color:#FFF;}

.contact-bar a { float:right; margin-top:20px;}





/*------------------------------------*\

    3. $MODULE

\*------------------------------------*/ 



/*------------------------------------*\

    $NAV

\*------------------------------------*/ 



ul.nav, .nav ul { 

    list-style: none; 

    margin: 0;

    padding: 0;

}



.nav li { float: left; }



.nav a { display: block; }



ul.nav-secondary {

    text-transform: uppercase;

    width: 100%;

    margin-bottom: 1.618em;

}



.nav-secondary li { 

    float: none;

    display: inline; 

}



.nav-secondary a {

    display: inline-block;

    zoom: 1;

    *display: inline;

    padding: 0 1.5em;

}



ul.nav-stacked li { float: none; }



/*------------------------------------*\

    $PADDING

\*------------------------------------*/



.has-padding-all { padding: 1em 1.618em; }

.has-padding-v { padding: 1em 0; }

.has-padding-h { padding: 0 1.618em; }



/*------------------------------------*\

    $HELPER

\*------------------------------------*/



.clr { clear: both }



.left { float: left }



.right { float: right }



.text-center { text-align: center; }



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



.upper { text-transform: uppercase; }



.lower { text-transform: lowercase;}



.under { border-bottom: 1px solid; }



.spaced { letter-spacing: 2px; }



.no-mb { margin-bottom: 0; }



.inline-block {

    display: inline-block;

    zoom: 1;

    *display: inline;

}



.cf:before, .cf:after, .grid:before, .grid:after, .main:before, .main:after, .content:before, .content:after, .nav-primary:before, .nav-primary:after {

    content: " ";

    display: table;

}

.cf:after, .grid:after, .main:after, .content:after, .nav-primary:after { clear: both; }

.cf, .grid, .main, .content, .nav-primary { *zoom: 1; }



/*------------------------------------*\

    $GRID

\*------------------------------------*/ 



.grid-item { float: left; }



.one-half { 

    width: 48%;

    margin-right: 4%;

}



.one-third {

    width: 30%;

    margin-right: 5%;

}



.two-thirds {

    width: 65%;

    margin-right: 5%;

}



.grid .last { margin-right: 0; } 



/*------------------------------------*\

    $ICONS

\*------------------------------------*/



.icon {

    display: inline-block;

    zoom: 1;

    *display: inline;

    vertical-align: middle;

    width: 16px;

    height: 16px;

    background: url(images/sprite.png) 0 0 no-repeat;   

}



.icon-m {

	width: 24px;

	height: 24px;

}



.icon-l {

	width: 32px;

	height: 32px;

}

.icon-xl {

	width: 38px;

	height: 38px;

	margin-right:6px;

}

.icon-xxl {
	width:50px;
	height:50px;
}



.icon-phone { background-position: 0 0; }

.icon-fax { background-position: -50px 0; }

.icon-email { background-position: -100px 0; }

.icon-address { background-position: -150px 0; }

.icon-hours { background-position: -200px 0; }



.icon-payment { background-position: 0 -50px; }

.icon-info { background-position: -50px -50px; }

.icon-search { background-position: -100px -50px; }

.icon-arrow-white { background-position: -150px -50px;}

.icon-arrow-colour { background-position: -200px -50px;}



.icon-facebook { background-position: 0 -100px; }

.icon-twitter { background-position: -50px -100px; }

.icon-linkedin { background-position: -100px -100px; }

.icon-googleplus { background-position: -150px -100px;}

.icon-youtube { background-position: -200px -100px;}



.icon-pinterest { background-position: 0 -150px; }

.icon-instagram { background-position: -50px -150px; }



.icon-phonewhite { background-position: -50px -200px; }

.icon-addresswhite { background-position: -100px -200px;}



.icon-hourswhite { background-position: -150px -200px;}



.icon-xlblog { background-position: -200px -200px;}

.icon-xlnewsletter { background-position: 0px -250px;}



.icon-phoneblack { background-position: -100px -150px; }





.icon-twitter-sm { background-position: -150px -150px;}

.icon-googleplus-sm { background-position: -200px -150px;}

.icon-facebook-sm { background-position: -0px -200px;}



ul.socialicons {list-style-type:none;}

.socialicons li { float:left; margin-right:3px;}




.icon-star { background-position: -50px -250px; }







/*------------------------------------*\

    $INLINE LIST

\*------------------------------------*/



.list-inline { list-style: none; }



.list-inline li { display: inline; }



.list-inline a {

    display: inline-block;

    zoom: 1;

    *display: inline;

}



/*------------------------------------*\

    $ICON LIST

\*------------------------------------*/



.list-icon { font-size: 0; }



.list-icon li { margin-right: 10px; }









/*------------------------------------*\

    4. $STATE

\*------------------------------------*/



.is-hidden { display: none; }











/*------------------------------------*\

    5. $THEME

\*------------------------------------*/



/*------------------------------------*\

    $COLOURS

\*------------------------------------*/



/* Brand primary and secondary colours */

.bpc { color: #2b5796; }

.bsc { color: #ee3827; }



.text-light { color: #fff; }

.text-dark { color: #333; }

.text-neutral { color: #808080; }



/*------------------------------------*\

    $BACKGROUNDS

\*------------------------------------*/



/* Brand primary and secondary background colours */

.bpb { background-color: #2b5796; }

.bsb { background-color: #ee3827; }

.island {}

.bg-dark {background-color:#333333;}



::selection {

    background: #1dbdef;

    color: #fff;

    text-shadow: none;

}



/*------------------------------------*\

    $BORDERS

\*------------------------------------*/



.has-border-all { border: 1pxs solid #d5d5d5; }



.has-border-v {

    border: solid #d5d5d5;

    border-width: 1px 0;

}



.has-border-h {

    border: solid #d5d5d5;

    border-width: 0 1px;

}





.featbox {

	position:relative;

}

.welcomepack { background-color:#dc3323; height:60px; padding-top:20px;}
.welcomepack h1 { text-transform:uppercase; float:left; width:590px; color:#FFF;}
.welcomepack a { float:right; margin-right:20px;}
.welcomepack .icon { float:left; margin-top: -5px; padding-right:95px;}

.no-border { border:0px!important;}