/*
Theme Name: Surf Pacific Standard
Theme URI: http://standard-theme.surfpacificworldwide.com/
Description: A WordPress 3.2 compatible theme.
Author: Surf Pacific
Author URI: http://www.surfpacific.com.au
Version: 1.2
*/

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 url(images/bg-content.jpg) 50% 0 repeat-x;
    font: normal 13px/21px "Droid Sans", Arial, Helvetica, sans-serif;
    color: #777;
}

body.home {
    background: #fff url(images/bg.jpg) 50% 0 repeat-x;
    font: normal 13px/21px "Droid Sans", Arial, Helvetica, sans-serif;
    color: #777;
}

.footer-slice { background: url(images/footer-slice.jpg) 0 0 repeat-x;}

/*------------------------------------*\
    $GLOBAL
\*------------------------------------*/

.clr { clear: both }

.left { float: left }

.right { float: right }

.col-01 {
    float: left;
    width: 350px;
    margin-right: 76px;
}

.col-02 {
    float: right;
    width: 283px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table, hr, .cta, .note, .highlight, .button { margin: 0 0 21px 0; }

h1, h2, h3, h4, h5, h6, a {font-family: 'Droid Serif', serif;}

h1 {
    font-size: 22px;
    line-height: 40px;
    font-weight: normal;
    color: #58595b;
	margin: 0 0 10px 0;
    text-transform: uppercase;
}

h2 {
	font-size: 16px;
	line-height: 26px;
	color: #003E6C;
	margin: 0 0 16px 0;
}

h3 {
    font-size: 14px;
    line-height: 27px;
    color: #003e6c;
    text-transform: none;
    margin: 0 0 4px 0;
    font-weight: normal;
}

h4 {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
}

small {font-size: 11px;}

a:link, a:visited {
    text-decoration: none;
    color: #003e6c;
    font-weight: bold;
}

a:hover {
    color: #003e6c;
    text-decoration: underline;
    outline: none;
}

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

input[type="submit"] {
    width: auto;
    padding: 10px 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -opera-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #777;
}

input[type="submit"]:hover { background: #333 }

input, select, textarea {
    font: normal 13px Arial, Helvetica, sans-serif;
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #b5b5b5;
    border-left: 1px solid #b5b5b5;
}

hr {
    color: #fff;
    background-color: #fff;
    border-bottom: 1px dotted #ccc;
    height: 1px;
    border-style: dotted;
    border-width: 1px;
    clear: both;
}

/*------------------------------------*\
    $STRUCTURE
\*------------------------------------*/

.container {
    margin: 0 auto;
    width: 980px;
}

.header {
    width: 980px;
    float: left;
}

.top {
    float: left;
    width: 980px;
    height: 125px;
}

.logo { float: left }

.logo img {
    width: 335px;
    height: 106px;
	margin-top: 17px;
}

.contact {
    float: right;
    width: 300px;
    text-align: right;
    padding: 41px 0;
}

.contact h2 {
    font-size: 25px;
	line-height: 30px;
    margin: 0 0 5px 0;
    color: #114b83;
    font-weight: normal;
}

.contact p {
    font-size: 13px;
    text-transform: none;
	color: #4c4d4f;
	font-family: 'Droid Serif', serif;
}

/*------------------------------------*\
    $NAVIGATION
\*------------------------------------*/

.access {
    background: transparent;
    display: block;
    float: left;
    width: 980px;
	
    margin: 4px 0 11px 0;
}

.access .menu-header, div.menu {
    font-size: 12px;
    width: 980px;
    height: 37px;
}

.access .menu-header ul, div.menu ul {
    list-style: none;
    margin: 0;
}

.access .menu-header li, div.menu li {
    float: left;
    position: relative;
    z-index: 500;
}

/*------------------------------------*\
    $TOP LEVEL
\*------------------------------------*/

.access a {
    color: #eee;
    display: block;
    line-height: 37px;
    padding: 0 32px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
	font-family: 'Droid Serif', serif;
	border-right: 1px #0a68a3 solid;
	border-left: 1px #001729 solid;
}

.access li.menu-item-33 a{
    padding: 0 0 0 17px;
	border-right: none;
}

.access li.menu-item-25 a {
	border-left: none;
}

/*------------------------------------*\
    $DROPDOWNS
\*------------------------------------*/

.access ul ul {
    box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
    display: none;
    position: absolute;
    top: 37px;
    left: 0;
    float: left;
    width: 240px;
    z-index: 99999;
    border: none;
}

.access ul ul li { 
	min-width: 240px;
}

.access ul ul ul {
    left: 100%;
    top: 0;
}

.access ul ul a {
    background: #004475;
    line-height: 40px;
    padding: 0 21px;
    width: 198px;
    height: auto;
	color: #fff;
}

.access li:hover > a {
    background: transparent;
    color: #00bdff;
	text-decoration: underline;
}

.access ul ul :hover > a {
    background: #004475;
    color: #00bdff;
	text-decoration: underline;
}

.access ul li:hover > ul { display: block }

/*------------------------------------*\
    $CURRENT PAGE
\*------------------------------------*/

.access ul li.current_page_item > a, .access ul li.current-menu-ancestor > a, .access ul li.current-menu-item > a, .access ul li.current-menu-parent > a {
    background: transparent;
    color: #00bdff;
    text-decoration: underline;
}

* html .access ul li.current_page_item a, * html .access ul li.current-menu-ancestor a, * html .access ul li.current-menu-item a, * html .access ul li.current-menu-parent a, * html .access ul li a:hover {
    background: #444;
    color: #fff;
}

.access ul ul li.current_page_item > a, .access ul ul li.current-menu-ancestor > a, .access ul ul li.current-menu-item > a, .access ul ul li.current-menu-parent > a {background:#004475 }

/*------------------------------------*\
    $JQUERY FEATURED AREA
\*------------------------------------*/

.feature {
    width: 684px;
    height: 352px;
    position: relative;
	margin: 0 0 21px 0;
	float: left;
}

.feature ul {
    list-style-type: none;
    width: 684px;
    height: 352px;
    position: relative;
    z-index: 1;
}

.feature li {
    display: none;
    width: 684px;
    height: 352px;
}

.feature .first { display: block }

.feature img {
    width: 684px;
    height: 352px;
    position: absolute;
    z-index: 2;
}

.feature .text {
    position: absolute;
    bottom: 92px;
    left: 15px;
    z-index: 3;
    width: 185px;
    padding: 21px;
}

.feature h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 32px;
	margin: 0 0 11px 0;
}

.feature p {
    font-size: 16px;
    line-height: 26px;
	color: #fff;
    margin: 0;
}

.cycle-pager {
    position: absolute;
    bottom: 262px;
    left: 25px;
    z-index: 3;
}

.cycle-pager a {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	border-radius: 100%;
	cursor: pointer;
	background: #00b0ed;
	margin: 0 0 0 5px;
}
.cycle-pager a:hover, .cycle-pager .activeSlide {
    background: #003e6c;
}

/*------------------------------------*\
    $PROMO
\*------------------------------------*/

.promo {
	overflow: auto;
	padding: 21px 0;
	border: dashed #9a9a9a;
	border-width: 1px 0;
}

.promo > div {
	float: left;
	width: 312px;
	margin: 0 21px 0 0;
}

.promo h3 {
	line-height: 42px;
	margin: 0;
	text-transform: uppercase;
}

.promo p {
	font-size: 12px;
	line-height: 19px;
	margin: 0;
}

.promo a {
	display: block;
	float: left;
	width: 312px;
	text-decoration: none;
	font-weight: normal;
}

.promo a:hover {
	color: inherit;
}

.promo:hover > div {
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.promo:hover > div:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

/*------------------------------------*\
    $MEDIA GRID
\*------------------------------------*/

.media-grid {
	overflow: auto;
}

.media-grid > div {
	float: left;
	width: 199px;
	margin: 0 21px 21px 0;
}

.media-grid img {width: 100%;}

.media-grid h4 {
	line-height: 21px;
	margin: 0;
	text-transform: uppercase;
}

.media-grid p {
	font-size: 12px;
	line-height: 19px;
	margin: 0;
}

.media-grid a {
	display: block;
	float: left;
	width: 199px;
	text-decoration: none;
	font-weight: normal;
}

.media-grid a:hover {
	color: inherit;
}

.media-grid:hover > div {
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.media-grid:hover > div:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}

div.last {margin: 0;}

/*------------------------------------*\
    $BANNER
\*------------------------------------*/

.banner {
    width: 980px;
    height: 232px;
    margin: 10px 0 0 0;
}

.map {height: 300px;}

/*------------------------------------*\
    $MAIN CONTENT AREA
\*------------------------------------*/

.main {
    width: 980px;
	padding: 50px 0 21px 0;
    overflow: auto;
}

.content {
    float: left;
    overflow: auto;
    width: 640px;
}

.home .content {
    float: left;
    overflow: auto;
	width: 710px;
}

.content-full { width: 980px }

.content-right {
    float: right;
    width: 640px;
}


.breadcrumbs { 
	font-size: 12px;
	line-height: 21px;
}

.breadcrumbs a { color: #808080 }

.breadcrumbs a:hover { text-decoration: underline }

.breadcrumbs .current { color: #333 }

/*------------------------------------*\
    $CONTENT SPECIFIC TYPOGRAPHY
\*------------------------------------*/

.content table {
    border-top: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    margin: 0 0 20px 0;
    border-collapse: collapse;
}

.content table th {
	color: #fff;
	background: #808080;
	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: 0 0 10px 0;
}

blockquote {
	border: double #d5d5d5;
	border-width: 3px 0;
	padding: 21px;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
}

blockquote p { margin: 0 }

/*------------------------------------*\
    $CALL TO ACTION
\*------------------------------------*/

.cta {
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -opera-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.cta:hover { background: #fff; color: #004e8a; text-decoration: underline; }

.cta p {
    margin: 0;
}

.cta a {
    color: #004e8a;
    display: block;
}

.cta a:hover { text-decoration: none }

.note {
	padding: 10px 15px;
	background: #fcffc5;
	border: 1px solid #fbffa3;
}

.note p {
	color: #555;
	margin: 0;
}

.highlight {
	padding: 10px 15px;
	background: #A9E8FA;
	border: 1px solid #79dbf7;
}

.highlight p {
	color: #555;
	margin: 0;
}

.button {
	overflow: auto;
	clear: both;
}

.button a {
	padding: 5px 15px;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	background: #808080;
	color: #fff;
	border-radius: 3px;
}

.button a:hover {
	text-decoration: none;
	background: #444;
}

.button a:active {
	box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);
}

.cta-btm {
	background: #fff;
	width: 565px;
	border-top: 1px dashed #CCC;
	padding: 12px 0 0 0;
	height: 164px;
}

.cta-btm img {
	width: 196px;
	height: 102px;
	margin: 0 0px 6px 0;
	float: left;
}

.cta-btm h3 {
	color: #4c4d4f;
	font-weight: normal;
	margin: 0 0 8px 0;
	font-size: 18px;
}

.cta-btm p {
	color: #737272;
	float: right;
	width: 357px;
	margin: 0 0 10px 6px;
}

.cta-btm a {
	padding: 5px 18px;
	display: block;
	width: 42px;
	height: 20px;
	margin: 0 10px;
	background: #00b0ed;
	color: #fff;
	border-radius: 12px;                    
	-webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, .2);                   
	box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, .2);
	float: left;
	text-transform: uppercase;
}

.cta-btm a:hover {
	text-decoration: none;
	background: #f8dfdf;
}

/*------------------------------------*\
    $FAQ
\*------------------------------------*/

.faq_approve {display: none;}

ol.faq {
	list-style: none;
	margin: 0;
}

ol.faq > li {
	margin: 0 0 11px 0;
}

ol.faq li {padding: 0}

ol.faq h3 {
	line-height: 31px;
	padding: 0 11px 0 30px;
	background: #005c95 url(images/open.png) 10px 50% no-repeat;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
}

ol.faq h3:hover {background-color: #00a8e2;}

ol.faq h3.active {background: #00a8e2 url(images/close.png) 10px 50% no-repeat;}

ol.faq .answer {padding: 21px 21px 0 21px;}

ol.faq p, ol.faq p:last-child {margin: 0 0 21px 0;}

/*------------------------------------*\
    $BLOG
\*------------------------------------*/

.post-divider {
    display: block;
    height: 1px;
    background: #d5d5d5;
    margin: 0 0 21px 0;
}

.post-meta { 
	margin: 0 0 21px 0;
}

.post-meta p {
	font-size: 12px;
	line-height: 19px;
	margin: 0;
}

a.more-link {
    display: block;
    clear: both;
    margin: 14px 0;
    float: right;
    padding: 5px 10px;
    background: #808080;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}

a.more-link:hover {
    background: #454545;
    text-decoration: none;
}

.post-navigation {
    overflow: auto;
    border-top: 1px solid #d5d5d5;
    font-size: 11px;
    text-transform: uppercase;
    padding: 14px 0;
}

.archive-navigation {
    display: block;
    clear: both;
    padding: 14px 0;
    text-align: center;
    border-top: 1px solid #d5d5d5;
}

.archive-navigation span, .archive-navigation a {
    padding: 3px 6px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    font-size: 12px;
}

.post-share {
	border: dashed #d5d5d5;
	border-width: 1px 0;
	padding: 11px 11px 0 11px;
	margin: 0 0 21px 0;
}

.post-share h5 {
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 21px;
}

/*------------------------------------*\
    $COMMENTS
\*------------------------------------*/

#respond {
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    padding: 14px;
    position: relative;
    margin: 0 0 23px 0;
    color: #666;
}

#respond input, #respond textarea {
    display: block;
    clear: both;
}

#respond input {
    width: 50%;
    padding: 5px;
}

#respond textarea {
    width: 80%;
    padding: 5px 10px;
}

#respond label {
    font-weight: bold;
    color: #555;
}

#respond p { margin: 0 0 15px 0 }

#respond input#submit {
    width: auto;
    padding: 10px 15px;
}

.form-allowed-tags {
    font-size: 12px;
    line-height: 18px;
}

#comments { padding: 23px 0 0 0 }

ol.commentlist {
    margin: 0;
    padding: 0;
}

ol.commentlist .comment-body {
    padding: 10px;
    background: #EFEFEF;
    border: solid thin #DEDEDE;
    margin: 10px 0;
    position: relative;
}

ol.comment-body a.comment-reply-link {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #AEAEAE;
}

ol.commentlist li {
    list-style: none;
    margin: 0 0 5px 0;
}

ol.commentlist .thread-even { background: #f5f5f5 }

ol.commentlist .thread-odd { background: #e5e5e5 }

ol.commentlist img.avatar {
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    float: left;
    display: block;
    margin: 10px 15px 10px 10px;
    width: 40px;
    height: 40px;
}

ol.commentlist .comment-author {
    font-size: 11px;
    line-height: 30px;
}

.comment-body cite.fn {
    font-size: 14px;
    font-style: normal;
}

.commentmetadata a {
    margin: 0;
    font-size: 11px;
    color: #999;
}

.comment-body p { margin: 5px }

.comment-body .comment-author.vcard {
    margin: 0;
    font-size: 11px;
}

.comment-author, .comment-content { margin: 0 }

.reply {
    text-align: right;
    display: block;
    font-size: 12px;
    padding: 0 7px 5px 0;
}

.comment-content { margin: 0 0 0 77px }

/*------------------------------------*\
    $CONTENT IMAGES
\*------------------------------------*/

img.alignright {
    float: right;
    margin: 0 0 21px 21px;
    background: #fff;
    padding: 8px;
    border: 1px solid #ddd;
}

img.alignleft {
    float: left;
    margin: 0 21px 21px 0;
    padding: 8px;
    border: 1px solid #ddd;
}

img.aligncenter {
    display: block;
    margin: 0 auto 21px auto;
    padding: 8px;
    border: 1px solid #ddd;
}

a img.alignright {
    float: right;
    margin: 0 0 21px 21px;
}

a img.alignleft {
    float: left;
    margin: 0 21px 21px 0;
}

a img.aligncenter {
    display: block;
    margin: 0 0 21px 0;
}

.wp-caption {
    background-color: #f3f3f3;
    nowhitespace: afterproperty;
    border: 1px solid #ddd;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /* optional rounded corners for browsers that support it */ margin: 10px; padding-top: 4px; text-align: center;;
}

.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

#gallery-1 img {
    border: 1px solid #d5d5d5 !important;
    background: #fff;
    padding: 6px;
}

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

/*------------------------------------*\
    $FEATURE BOXES 
\*------------------------------------*/

.feature-boxes {
	width: 980px;
	height: 245px;	
	margin: 0 auto;
	padding: 31px 0 18px 0;
}

.feature-boxes div {
	float: left;
	margin-right: 19px;
}

.feature-boxes .last {
	float: left;
	margin: 0;
}

.feature-boxes:hover > div {filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; -webkit-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
.feature-boxes:hover > div:hover {filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
/*------------------------------------*\
    $CONTACT FORMS
\*------------------------------------*/

.contact-forms {
    float: right;
    width: 640px;
}

.contact-forms small { font-size: 11px }

.contact-forms h3 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin: 15px 0;
    color: #444;
}

.contact-forms p {
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    color: #444;
}

.contact-forms p.note { margin: 0 0 15px 0 }

.contact-forms input, .contact-forms select { padding: 5px }

.contact-forms input, .contact-forms select {
    margin: 0 0 10px 0;
    width: 85%;
}

.contact-forms textarea {
    width: 95%;
    padding: 5px;
    margin: 0 0 10px 0;
}

.contact-forms .captcha img, .contact-forms .captcha input { float: left }

.contact-forms .captcha input {
    width: 30%;
    margin: 0 0 0 10px;
}

.contact-forms input.btn-submit {
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    background: #00a8e2;
    border: none;
    font-weight: bold;
    font-size: 14px;
    margin: 15px 0 0 0;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 15px;
    width: auto;
}

.contact-forms input.btn-submit:hover {
    cursor: pointer;
    background: #00a8e2;
	text-decoration: underline;
}

.half {
    float: left;
    width: 50%;
}

.required { color: #e10000 }

.tab-heading h2 {
    float: left;
    margin: 0;
    height: 35px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    line-height: 35px;
    display: block;
    padding: 0 25px;
    outline: none;
    border: none;
    cursor: pointer;
}

.tab-heading h2.active {
    background: #eee;
    color: #333;
    border: none;
}

.tabs ul {
    margin: 0;
    overflow: hidden;
    clear: both;
    float: left;
    width: 100%;
    background: #eee;
}

.tabs ul li {
    list-style-type: none;
    margin: 0;
    padding: 20px;
	overflow: auto;
}

/*------------------------------------*\
    $RIGHT SIDEBAR
\*------------------------------------*/

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

.home .sidebar {
    float: right;
    width: 230px;
}

.sidebar > div, .sidebar-blog > div { margin: 0 0 20px 0 }

.sidebar h3 {
    text-transform: uppercase;
    margin: 0 0 14px 0;
}

.island {
	padding: 0 0 60px 32px;
	background: #fff;
	width: 196px;
	border-left: 1px dashed #CCC;
}

.island img {
	width: 196px;
	height: 102px;
	margin: 0 0 6px 0;
}

.island h3 {
	color: #4c4d4f;
	font-weight: normal;
	margin: 0 0 8px 0;
}

.island p {
	color: #737272;
}

.island a {
	padding: 5px 18px;
	display: block;
	width: 63px;
	height: 20px;
	margin: 0 10px 0 0;
	background: #00b0ed;
	color: #fff;
	border-radius: 12px;                    
	-webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, .2);                   
	box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, .2);
	margin: 0 auto;
	text-transform: uppercase;
}

.island a:hover {
	text-decoration: none;
	background: #f8dfdf;
}

.island a:active {
	box-shadow: inset 1px 1px 10px rgba(0,0,0,0.6);
}

.list {
    padding: 5px 10px;
    width: 259px;
    float: right;
	-webkit-border-radius: 0px 15px 15px 15px;
    border-radius: 0px 15px 15px 15px;
	background: #00a8e2;
}

.list h2 {
    font-size: 21px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 15px 0;
}

.list ul {
    list-style-type: none;
	margin: 0;
}

.list li {
    border-bottom: 1px solid #fff;
    font-size: 12px;
	color: #fff;
}

.list a {
    display: block;
    padding: 5px 3px 4px 20px;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
	background: url(images/logo-icon.jpg) 0px 5px no-repeat;
}

.list a:hover, .list .current_page_item a {
    color: #fff;
    text-decoration: underline;
}

.sidebar-blog ul {
    list-style: none;
    border-top: 1px solid #d5d5d5;
}

.sidebar-blog li {
    border-bottom: 1px solid #d5d5d5;
    font-size: 12px;
}

.sidebar-blog li a {
    display: block;
    padding: 5px 0;
}

.search {
	border: 1px solid #d5d5d5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#s {
    display: block;
    padding: 5px 10px 5px 30px;
    color: #777;
	border: none;
    background: url(images/icon-search.png) 10px 50% no-repeat;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#s:focus {
    background-color: #fff;
    outline: none;
}

#searchsubmit { display: none }

a.rss {
    display: block;
    border-radius: 3px;
    padding: 5px 10px 5px 30px;
    background: #FF6200 url(images/icon-rss.png) 10px 50% no-repeat;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,0.25);
    font-size: 12px;
}

a.rss:hover {
    background-color: #ee5b00;
    text-decoration: none;
}

.share {
    padding: 7px 0;
    background: url(images/bg-share.jpg) 55px 50% no-repeat;
    overflow: auto;
    display: block;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
}

.share h4 {
    float: left;
    margin: 0;
    font-size: 12px;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 7px;
}

.share > div {
    float: left;
    margin: 0 0 0 30px;
}

/*------------------------------------*\
    $LEFT SIDEBAR
\*------------------------------------*/

.sidebar-left {
    float: left;
    width: 300px;
    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: 14px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    color: #333;
}

.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;
}

.contact-phone { background: url(images/icon-phone.png) 15px 15px no-repeat }

.contact-fax { background: url(images/icon-fax.png) 15px 15px no-repeat }

.contact-email { background: url(images/icon-email.png) 15px 15px no-repeat }

.contact-address { background: url(images/icon-location.png) 15px 15px no-repeat }

.contact-hours { background: url(images/icon-hours.png) 15px 15px no-repeat }

.contact-payment { background: url(images/icon-payment.png) 15px 15px no-repeat }

/*------------------------------------*\
    $NEWSLETTER SUBSCRIPTION
\*------------------------------------*/

.subscribe {
    width: 950px;
    height: 34px;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0 auto;
    background: url(images/newsletter.jpg) 0px -12px no-repeat;
}

.subscribe h6 {
    float: left;
    font-weight: bold;
    color: #666;
    line-height: 30px;
    font-size: 12px;
    margin: 0 15px 0 0;
}

.subscribe > div { float: right }

.subscribe form { height: 30px }

.subscribe form input {
    float: left;
    border: 1px solid #ccc;
    width: 155px;
    background: #fff;
    padding: 5px;
    float: left;
    color: #999;
    margin: -2px 5px 0 0;
}

.subscribe input.btn-subscribe {
    border: 0;
    float: left;
    text-align: center;
    width: 60px;
    height: 27px;
    padding: 5px 0;
    background: #00a8e2;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

.subscribe input.btn-subscribe:hover {
    background: #00a8e2;
	text-decoration: underline;
    cursor: pointer;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/

.footer {
    clear: both;
    overflow: auto;
    padding: 15px 0;
}

.footer p, .footer a {
    font-size: 11px;
    color: #777;
}

.footer a:hover { color: #444 }

.footer-nav { padding: 0 0 15px 0 }

.footer-nav a {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 6px;
}

.table {
    margin: 0 auto;
    display: table;
    width: 980px;
}

.footer ul {
    list-style-type: none;
    margin: 0 auto;
}

.footer ul li { float: left }

.footer ul li ul { margin: 10px 0 0 0 }

.footer ul li ul li {
    float: none;
    display: block;
}

.footer ul li ul li a {
    text-transform: none;
    font-size: 11px;
    line-height: 18px;
}

.copyright { text-align: center }
.copyright p {margin: 0;}
.copyright a {font-weight: normal;}