/*
Theme Name:CODA BLUE
Theme URI:http://wordpress.bustatheme.com/coda-blue/
Description:The Coda Slider inspired wordpress theme by <a href="http://greg-j.com/">Greg Johnson</a>.
Version:1.0
Author:Greg Johnson
Author URI:http://greg-j.com/
Tags:coda, jquery, slider, dark, fixed
*/



/* CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline
}

:focus { outline:0 }

ol, ul { list-style:none }

blockquote:before, blockquote:after, q:before, q:after { content:"" }

blockquote, q { quotes:"" "" }

strong { font-weight:bold }

em { font-style:normal }

body {
font-family:Arial, Helvetica, sans-serif;
background:#5c91c7 url(images/body_bg.jpg) center top repeat-x;
}

#header {
background:transparent url(images/header_bg.png) no-repeat scroll center top;
height:160px;
margin:0 auto 0 auto;
padding:10px 0 0 100px;
position:relative;
width:900px;
}

#header h1 a {
background:url(images/logo.gif) top left;
width:236px;
height:92px;
overflow:hidden;
float:left;
margin-right:40px;
text-indent:-999em;
}

#header h2 { display:none; }

#header-links { text-align:center; }

#header span a {
background:transparent url(images/header-links.gif) no-repeat scroll left top;
color:#000000;
display:inline-block;
font-size:1.1em;
font-weight:bold;
height:15px;
line-height:15px;
margin-right:100px;
padding-left:22px;
position:relative;
text-align:left;
text-transform:uppercase;
}

#header span a:hover {
background-position:bottom left;
color:#5b91c7;
}

#header-graphics {
float:left;
width:525px;
margin-top:9px;
background:url(images/header-blocks.gif) top right no-repeat;
height:112px
}

#header-graphics img { margin-right:4px; }

h2#page_header {
background:transparent url(images/page_header_bg.gif) no-repeat scroll 50% 50%;
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
height:30px;
line-height:30px;
margin:10px auto;
text-align:center;
width:100%;
}

#page {
width:900px;
margin:0 auto;
background:url(images/page_bg.png) 50% 50px no-repeat;
}

#page .navigation a { text-decoration:none; }

#slider {
width:800px;
margin:0 auto;
position:relative;
}

#page .navigation {
padding-left:73px;
height:50px;
}

#page .navigation li {
height:50px;
float:left;
padding:0 2px 0 0;
cursor:pointer;
position:relative;
}

#page .navigation li.board { background:url(images/boards-background.jpg) top left repeat-x; }

#page .navigation a {
display:block;
height:50px;
line-height:65px;
float:left;
padding:0 1px 0 0;
font-size:13px;
font-weight:bold;
cursor:pointer;
}

#page .navigation a:hover, #page .navigation a.selected {
color:#8faae1;
background:url(images/page_navigation_a.png) right top no-repeat;
}

#page .navigation a.selected {
color: #fff;
cursor:default;
}

#page .navigation a.selected span { cursor:default; }

span.boardtype {
background:transparent none repeat scroll 0 0;
color:#FFF;
font-size:14px;
left:10px;
position:absolute;
}

#page .navigation a span {
display:block;
height:50px;
float:left;
padding:0 10px;
text-align:center;
color:#e2e2e2;
cursor:pointer;
}

#page .navigation a:hover span, #page .navigation a.selected span {
background:url(images/page_navigation_span.png) left top no-repeat;
color:#fff;
}

#page .navigation a:focus { outline:none; }

#page .scroll {
height:590px;
width:760px;
margin:0 auto;
overflow:auto;
position:relative;
clear:left;
}

#page .scrollContainer .panel {
padding:20px 10px;
height:530px;
width:736px;
overflow:hidden;
}

#page .panel p {
padding:0 0 1em 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#3e414c;
}

#page .panel h3 {
font-size:28px;
padding:0 0 .5em 0;
letter-spacing:-2px;
color:#000;
font-weight:bold;
}

#page .panel h4 {
padding:0 0 .5em 0;
font-size:15px;
letter-spacing:-0.5px;
font-weight:bold;
color:#3e414c;
}

#page .panel strong { color:#33333e; }

#page .panel em { font-style:italic; }

#page .panel a {
white-space:nowrap;
color:#19234c;
font-weight:bold;
}

#page .panel a:hover { text-decoration:underline; }

#page .panel .gallery img {
padding:2px;
border:solid 1px #c0c5d6;
}

#page .panel blockquote, #page .panel ul, #page .panel ol, #page .panel pre {
background:#E6EFFF;
clear:both;
font-size:13px;
margin:0 0 1em;
padding:3px 30px;
border:1px solid #e2e2e2;
}

#page .panel blockquote p {
padding:.4em 0 !important;
text-indent:0 !important;
}

#page .panel li {
list-style-position: inside;
padding: 0 0 .5em 0;
}

#page .panel ul li {
margin:0 0 0 1em;
list-style:square;
}

#page .panel ol li {
margin:0;
list-style-position:outside !important;
padding-left:5px;
list-style:decimal;
}

#page .panel pre {
line-height:1em;
color:#19234c;
font-size:13px;
overflow:auto;
background:#f8f8f8;
border:solid 1px #e5e5e5;
}

#page .panel code {
padding:0 3px;
color:#33333e;
background:#f8f8f8;
border:solid 1px #e5e5e5;
font-size:13px !important;
}

#page .scrollButtons {
width:30px;
height:30px;
position:absolute;
top:280px;
cursor:pointer;
}

#page .scrollButtons a {
display:block;
height:30px;
width:30px;
}

#page .scrollButtons span { display:none; }

#page .scrollMeLeft {
left:-40px;
display:none;
}

#page .scrollMeLeft a { background:transparent url(images/left_right.png) no-repeat scroll -4px -38px; }

#page .scrollMeLeft a:hover { background:url(images/left_right.png) -4px -2px no-repeat; }

#page .scrollMeRight { right:-40px; }

#page .scrollMeRight a { background:url(images/left_right.png) -37px -37px no-repeat; }

#page .scrollMeRight a:hover { background:url(images/left_right.png) -37px -2px no-repeat; }

#page_footer {
width:900px;
margin:15px auto;
}

#page_footer h5 {
padding:20px 90px;
font-size:28px;
letter-spacing:-2px;
font-weight:bold;
color:#3c508e;
}

#page_footer p {
padding:0 70px 30px 70px;
font-size:13px;
color:#2f4077;
line-height:1.5em;
}

#page_footer p a { color:#fff; }

#page_footer p a:hover { text-decoration:underline; }

#footer {
height:90px;
border-top:solid 1px #0b194d;
background:#000 url(images/footer_bg.png) center top no-repeat;
font-size:13px;
font-family: "Lucida Grande", Calibri, Arial;
}

#footer p {
width:900px;
overflow:hidden;
margin:0 auto;
color:#374051;
}

#footer span {
display:block;
height:90px;
line-height:90px;
}

#footer .left { float:left; }

#footer .right { float:right; }

#footer a { color:#727fa1; }

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

div#fancy_overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
background-color:#333;
}

div#fancy_loading {
position:absolute;
height:40px;
width:40px;
cursor:pointer;
display:none;
overflow:hidden;
background:transparent;
z-index:100;
}

div#fancy_loading div {
position:absolute;
top:0;
left:0;
width:40px;
height:480px;
background:transparent url(images/fancy_progress.png) no-repeat;
}

div#fancy_close {
position:absolute;
top:-12px;
left:-12px;
height:30px;
width:30px;
background:transparent url(images/fancy_closebox.png);
cursor:pointer;
z-index:100;
display:none;
}

div#fancy_content {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:0;
margin:0;
z-index:96;
}

#fancy_frame {
position:relative;
width:100%;
height:100%;
display:none;
}

img#fancy_img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:92;
cursor:pointer;
}

div#fancy_title {
position:absolute;
bottom:-35px;
left:0;
width:100%;
z-index:100;
display:none;
}

div#fancy_title table { margin:0 auto; }

div#fancy_title div {
color:#FFF;
font:bold 12px Arial;
padding-bottom:2px;
}

td#fancy_title_left {
height:32px;
width:15px;
background:transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
height:32px;
background:transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
height:32px;
width:15px;
background:transparent url(images/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
position:absolute;
top:0;
left:0;
z-index:90;
padding:18px 18px 58px 18px;
margin:0;
overflow:hidden;
background:transparent;
display:none;
}

div#fancy_inner {
position:relative;
width:100%;
height:100%;
border:1px solid #fff;
background:#fff;
}

a#fancy_left, a#fancy_right {
position:absolute;
bottom:10px;
height:100%;
width:35%;
cursor:pointer;
background-image:url(images/data:image/gif;base64,AAAA);
z-index:100;
}

a#fancy_left { left:0px; }

a#fancy_right { right:0px; }

a#fancy_left:hover { background:transparent url(images/fancy_left.gif) no-repeat 0% 100%; }

a#fancy_right:hover { background:transparent url(images/fancy_right.gif) no-repeat 100% 100%; }

#fancy_bigIframe, #fancy_freeIframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:10;
}

div#fancy_bg { display:none; }

div.fancy_bg {
position:absolute;
display:block;
z-index:70;
}

div.fancy_bg_n {
top:-18px;
width:100%;
height:18px;
background:transparent url(images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
top:-18px;
right:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
right:-13px;
height:100%;
width:13px;
background:transparent url(images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
bottom:-18px;
right:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
bottom:-18px;
width:100%;
height:18px;
background:transparent url(images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
bottom:-18px;
left:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
left:-13px;
height:100%;
width:13px;
background:transparent url(images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
top:-18px;
left:-13px;
width:13px;
height:18px;
background:transparent url(images/fancy_shadow_nw.png) no-repeat;
}

.alignleft {
float:left;
margin-right:8px;
margin-bottom:8px;
}

.alignright {
float:right;
margin-left:10px;
margin-bottom:10px;
}

#page p.wp-caption-text {
font-size:.8em;
font-weight:bold;
padding:3px 5px;
}

div.wp-caption {
background:#E6EFFF;
border:1px solid #e2e2e2;
text-align:center;
}

div.wp-caption img {
margin:5px auto;
display:block;
}

.last { margin-right:0; }

/*cform over-ride*/

p.linklove { display:none; }

.gallery {
width:415px;
margin-right:10px;
float:left;
position:relative;
}

ol.homepage-principles {
clear:none !important;
float:right;
width:249px;
}

.specials {
background:#bcd430;
float:right;
padding:5px 5px 0 5px;
width:300px;
border:1px solid #e2e2e2;
}

.specials h2 { padding-left:27px; }

#page div.specials ul, #page div.specials ol {
background:none;
border:none;
}

/*low-gallery */
div.low-gallery { border:1px solid red; }

div.bottom-gallery img {
float:left;
margin:0;
width:110px;
height:110px;
padding:4px;
border:1px solid #e2e2e2;
}

div#ownercontact {
height:295px;
width:260px;
float:right;
margin-top:-334px;
}

div#ownercontact img {
float:none;
margin:0;
}

#page .panel div#ownercontact p { font-size:11px; }

#page div#contact ul, #page div#contact ol {
background:none;
border:none;
}

#page .panel .cf_li_text_err li { padding-left:15px; }

p.clear { clear:both !important; }


/* CASE STUDIES
----------------------------------------------------------------------------------*/

.case-studies {
background:#fff;
background-image:none;
width:750px;
margin:0 auto 0;
color:#3E414C;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.5em;
}

.case-studies-header {
width:751px;
margin:0 auto 10px;
}

.case-studies p { margin-bottom:10px;}
.case-studies h1,.case-studies h2, .case-studies h3, .case-studies h4 { margin-bottom:10px;}

.case-studies .size-thumbnail, .case-studies .size-medium {border:1px solid #e2e2e2; padding:2px;}
.aligncenter {margin:0 auto 10px; display:block;}