/*
Theme Name:WP CODA Orange
Theme URI:http://kerrywebster.com/my-themes/
Description:Based on the Coda Slider inspired wordpress theme by <a href="http://greg-j.com/">Greg Johnson</a>.
Version:1.0
Author:Kerry Webster
Author URI:http://kerrywebster.com/
Tags:coda, jquery, slider, orange, fixed
*/


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;
}
ul.navigation {
height:0px;
}
: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;
}
a {
text-decoration : none;
cursor : pointer;
}
body {
font-family : Arial, Helvetica, sans-serif;
background : #a6a6a6 url(images/body_bg.png) repeat-x center top;
}
#header {
margin : 0 auto;
width : 900px;
position : relative;
}
#header h1, #header h2 {
display : none;
}
#header ul {
margin : 0 auto;
width : 800px;
}
#header ul li {
display : none;
float : left;
width : 266px;
height : 0;
}
#header .popup {
position : absolute;
display : none;
width : 175px;
height : 0;
z-index : 50;
font-size : 12px;
color : #262236;
}
#header .popup p {
padding : 2px 0 0 15px;
}
#header .popup img {
vertical-align : middle;
}
#header .popup strong {
color : #000;
}
#header .popup a {
color : #fff;
}
#header .popup a:hover {
text-decoration : underline;
}
#page_header {
margin : 0 auto;
width : 750px;
}
#page_header p {
display : none;
}
#page {
width : 750px;
margin : 0 auto;
background-image : url("images/computer-body.png");
}
#slider {
width : 750px;
margin : 0 auto;
position : relative;
margin-top : -15px;
}
#page .navigation a {
display : none;
height : 50px;
line-height : 50px;
float : left;
padding : 0 10px 0 0;
font-size : 13px;
color : #999;
font-weight : bold;
text-indent : -999999px;
}
#page .navigation a:hover {
color : #999;
}
#page .navigation a.selected {
color : #fff;
}
#page .navigation a span {
display : block;
height : 50px;
float : left;
padding : 0 15px 0 25px;
}
#page .navigation a:focus {
outline : none;
}
#page .scroll {
height : 390px;
width : 503px;
overflow : auto;
position : relative;
clear : left;
padding-top : 118px;
margin-left : 117px;
}
#page .scrollContainer .panel {
padding : 0;
overflow : hidden;
margin-top : -26px;
}
#page .panel p {
padding : 0px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0;
color : #3f3e4c;
height : 306px;
}
#page .panel h3 {
display : none;
}
#page .panel h4 {
padding : 0 0 0.5em 0;
font-size : 15px;
letter-spacing : -0.5px;
font-weight : bold;
color : #3f3e4c;
}
#page .panel strong {
color : #33333e;
}
#page .panel em {
font-style : italic;
}
#page .panel a {
white-space : nowrap;
color : #f60;
font-weight : bold;
}
#page .panel a:hover {
text-decoration : underline;
}
#page .panel .gallery img {
padding : 2px;
border : 1px solid #c0c5d6;
}
#page .panel blockquote, #page .panel ul, #page .panel ol, #page .panel pre {
font-size : 12px;
margin : 1em 2em 2em 2em;
padding : 10px 15px;
}
#page .panel blockquote p {
padding : 0.4em 0 !important ;
text-indent : 0 !important ;
}
#page .panel li {
list-style-position : inside;
padding : 0 0 0.5em 0;
}
#page .panel ul li {
margin : 0 0 0 1em;
list-style : square;
}
#page .panel ol li {
margin : 0 0 0 1.5em;
list-style : decimal;
}
#page .panel pre {
line-height : 1em;
color : #1c194c;
font-size : 13px;
overflow : auto;
background : #f8f8f8;
border : 1px solid #e5e5e5;
}
#page .panel code {
padding : 0 3px;
color : #33333e;
background : #f8f8f8;
border : 1px solid #e5e5e5;
font-size : 13px !important ;
}
#page .panel .gallery {
text-align : center;
}
#page .scrollButtons {
width : 30px;
height : 30px;
position : absolute;
top : 200px;
cursor : pointer;
}
#page .scrollButtons a {
display : block;
height : 90px;
width : 90px;
}
#page .scrollButtons span {
display : none;
}
#page .scrollMeLeft {
left : 50px;
z-index : 100;
}
#page .scrollMeLeft a {
background : url(images/arrow-left.png) no-repeat 0% 0%;
}
#page .scrollMeLeft a:hover {
background : url(images/arrow-left.png) no-repeat 0% 0%;
}
#page .scrollMeRight {
right : 125px;
}
#page .scrollMeRight a {
background : url(images/arrow-right.png) no-repeat 0% 0%;
}
#page .scrollMeRight a:hover {
background : url(images/arrow-right.png) no-repeat 0% 0%;
}
#page_footer {
width : 900px;
margin : 0 auto;
margin-top : -15px;
}
#page_footer h5 {
padding : 13px 261px;
font-size : 27px;
letter-spacing : -2px;
font-weight : bold;
color : #000;
}
#page_footer p {
padding : 0 172px 10px 172px;
font-size : 13px;
color : #000;
line-height : 1.5em;
}
#page_footer p a {
color : #000;
font-weight : bold;
}
#page_footer p a:hover {
text-decoration : none;
font-weight : bold;
color : #fff;
}
#footer {
height : 90px;
font-size : 11px;
}
#footer p {
width : 900px;
overflow : hidden;
margin : 0 auto;
color : #000;
}
#footer span {
display : block;
height : 90px;
line-height : 90px;
}
#footer .left {
float : left;
}
#footer .right {
float : right;
}
#footer a {
color : #fff;
}
#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 : 0;
}
a#fancy_right {
right : 0;
}
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;
}
div#warning {
background-color : #f60;
text-align : center;
}
#warning p.warning_txt {
color : #fff;
font-size : 20px;
font-weight : bold;
text-transform : uppercase;
}
#warning p.warning_sub_txt {
color : #fff;
font-size : 12px;
text-transform : uppercase;
}
div.wpcf7 {
margin : 0;
padding : 0;
}
div.wpcf7-response-output {
margin : 2em 0.5em 1em;
padding : 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
border : 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
border : 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border : 2px solid #ffa500;
}
div.wpcf7-validation-errors {
border : 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
position : relative;
}
span.wpcf7-not-valid-tip {
position : absolute;
top : 20%;
left : 20%;
z-index : 100;
background : #fff;
border : 1px solid #ff0000;
font-size : 10pt;
width : 280px;
padding : 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
color : #f00;
font-size : 10pt;
display : block;
}
span.wpcf7-list-item {
margin-left : 0.5em;
}
.wpcf7-display-none {
display : none;
}
img.ajax-loader {
border : none;
vertical-align : middle;
}
table.jCalendar th {
background : #444;
color : #fff;
font-weight : bold;
padding : 3px 5px;
}
table.jCalendar td {
background : #f0f0f0;
color : #000;
padding : 3px 5px;
text-align : center;
}
table.jCalendar td.other-month {
background : #ddd;
color : #aaa;
}
table.jCalendar td.today {
background : #666;
color : #fff;
}
table.jCalendar td.selected {
background : #f66;
color : #fff;
}
table.jCalendar td.selected:hover {
background : #f33;
color : #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
background : #fff;
color : #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
background : #bbb;
color : #888;
}
div.dp-popup {
position : relative;
background : #d6eafe;
font-size : 10px;
font-family : arial, sans-serif;
padding : 2px;
width : auto;
line-height : 1.2em;
}
div#dp-popup {
position : absolute;
z-index : 199;
border : 2px solid #c2e0f8;
}
div.dp-popup h2 {
font-size : 12px;
text-align : center;
margin : 3px 0 4px;
padding : 0;
}
a#dp-close {
font-size : 11px;
padding : 4px 0;
text-align : center;
display : block;
}
a#dp-close:hover {
text-decoration : underline;
}
div.dp-popup a {
color : #000;
text-decoration : none;
padding : 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position : absolute;
top : 2px;
left : 4px;
width : 100px;
}
div.dp-popup div.dp-nav-prev a {
float : left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor : pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor : default;
}
div.dp-popup div.dp-nav-next {
position : absolute;
top : 2px;
right : 4px;
width : 100px;
}
div.dp-popup div.dp-nav-next a {
float : right;
}
div.dp-popup a.disabled {
cursor : default;
color : #aaa;
}
div.dp-popup td {
cursor : pointer;
}
div.dp-popup td.disabled {
cursor : default;
}
.cform {
margin : 10px auto 0 auto;
width : 450px;
}
.cform fieldset {
margin-top : 10px;
padding : 10px 0 10px 0;
border : none;
}
.cform .cf_hidden {
display : none;
border : none !important ;
background : none !important ;
padding : 0 !important ;
margin : 0 !important ;
}
.cform legend {
margin-left : 0;
padding : 0;
font : bold 20px Verdana;
color : #888;
letter-spacing : 4px;
}
ol.cf-ol {
margin : 0 !important ;
padding : 0 !important ;
}
ol.cf-ol li {
background : none !important ;
margin : 5px 0 !important ;
padding : 0;
list-style : none !important ;
text-align : left;
line-height : 26px;
}
ol.cf-ol li.textonly {
color : #aaaaaa;
letter-spacing : 3px;
padding : 3px 0;
text-align : center;
}
.cform label {
margin : 2px 10px 0 0;
text-align : left;
font-size : 22px;
display : block;
color : #aaa;
padding : 2px;
}
label.cf-before {
display : inline-block;
margin : 1px 5px 0 0;
}
label.cf-before span {
width : 100px;
display : block;
}
label.cf-after {
display : inline-block;
margin : 1px 2px 0 4px;
width : 195px;
text-align : left;
}
label.cf-after span {
width : 195px;
display : block;
}
label.cf-group-after {
display : inline-block;
margin : 1px 5px 0 4px;
width : 190px;
text-align : left;
}
label.cf-group-after span {
width : 190px;
display : block;
}
.cform input, .cform textarea, .cform select {
margin : 0;
padding : 3px;
background : #fbfbfb;
border : none;
border-top : 1px solid #f0f0f0;
vertical-align : top;
color : #777777;
font-weight : bold;
letter-spacing : 1px;
}
.cform input:hover, .cform textarea:hover, .cform select:hover {
background : #cedddf;
}
.cform input:focus, .cform textarea:focus, .cform select:focus {
background : #f3f8f8;
}
.cform textarea, .cform input {
width : 415px;
}
.cform select {
width : 421px;
}
.cform select.cfselectmulti {
height : 6.5em;
}
.cform textarea {
font-family : arial;
font-size : 16px;
height : 6em;
overflow : auto;
}
.cform input.cf_date {
width : 395px;
}
ol.cf-ol li.cf-box-title {
font-size : 16px;
color : #888888;
letter-spacing : 2px;
margin : 20px 0 0 !important ;
}
input.cf-box-a, input.cf-box-b {
margin : 8px 0 0 0;
width : 16px;
height : 22px;
border : none !important ;
background : none !important ;
}
ol.cf-ol li.cf-box-group {
padding : 0 0 5px 0;
}
span.reqtxt, span.emailreqtxt {
display : block;
font-size : 9px;
vertical-align : top;
color : #888888;
text-align : right;
margin : 0 0 0 0;
line-height : 13px;
letter-spacing : 3px;
width : 420px;
}
p.cf-sb {
padding : 0 !important ;
margin : 0;
text-align : right;
}
.cform input.backbutton, .cform input.resetbutton, .cform input.sendbutton {
width : 140px;
padding : 5px;
margin : 0 28px 4px 0;
font-size : 0.8em;
background : url(../images/button-bg.gif) repeat-x;
border : 1px solid #adadad !important ;
border-left-color : #ececec !important ;
border-top-color : #ececec !important ;
}
.cform input.resetbutton {
width : auto;
padding : 5px 1em;
margin-right : 5px;
}
.cform input.backbutton {
width : auto;
padding : 5px 1em;
margin-right : 5px;
}
ol.cf-ol li.cf_li_err {
background : #ffdfdf url(li-err-bg.png) repeat !important ;
border-color : #df7d7d;
border-style : solid;
border-width : 1px 0;
padding : 5px 0 5px 10px !important ;
margin : 5px 0 !important ;
}
ol.cf-ol li ul.cf_li_text_err {
padding : 0 0 0 10px;
margin : 0;
color : #333;
display : inline-block;
}
ol.cf-ol ul.cf_li_text_err li {
background : url(icon-alert.png) no-repeat left 1px !important ;
list-style : none !important ;
font-weight : bold;
text-indent : 0;
margin : 0 0 2px !important ;
padding-left : 15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
content : '';
}
label.seccap {
margin-top : 6px;
}
label.secq {
display : inline-block;
width : auto;
padding : 2px 4px 2px 2px;
}
label.secq span {
display : block !important ;
width : auto;
}
input.secinput {
vertical-align : text-bottom;
}
#cforms_captcha6, #cforms_captcha5, #cforms_captcha4, #cforms_captcha3, #cforms_captcha2, #cforms_captcha {
height : 15px;
width : 196px;
padding : 4px 4px;
margin : 0;
vertical-align : text-bottom;
}
img.captcha {
vertical-align : text-bottom;
margin : 0 0 0 10px !important ;
padding : 0 !important ;
border : none !important ;
float : none !important ;
}
img.captcha-reset {
vertical-align : text-bottom;
background : url(captcha_reset_grey.gif) no-repeat;
margin : 0 0 2px 3px;
width : 21px;
height : 21px;
border : none !important ;
}
img.imgcalendar {
border : none !important ;
}
div.cf_info {
color : #333;
display : none;
padding : 10px 15px !important ;
width : 420px;
line-height : 1.3em;
margin : 10px auto;
}
div.cf_info ol {
margin : 0;
padding : 5px 15px 0 30px;
}
div.cf_info ol li {
padding : 1px 0;
margin : 2px 0;
}
div.cf_info a {
color : red !important ;
text-decoration : underline !important ;
}
div.success {
color : #aaaaaa;
display : block;
letter-spacing : 2px;
text-align : right;
}
div.failure {
display : block;
background : #ffdfdf url(li-err-bg.png) repeat !important ;
border-color : #df7d7d;
border-style : solid;
border-width : 1px 0;
}
div.waiting {
background : #f9f9f9;
color : #aaaaaa;
display : block;
}
.cform .cf_error {
color : #ad2929;
border : 1px solid #ad2929;
}
div.mailerr {
display : block;
}
.mailerr, .cform .cf_errortxt {
color : #ad2929;
}
[disabled] {
color : #dddddd;
border-color : #dddddd !important ;
background : none !important ;
}
.disabled {
border-color : #dddddd !important ;
}
.cform input.cf_upload {
width : 220px;
background : #f9f9f9;
border : 1px solid #888888;
}
.linklove {
width : 410px;
margin : 0 auto 10px !important ;
padding : 0 !important ;
text-align : center !important ;
}
.linklove a, .linklove a:visited {
font-size : 0.8em;
font-family : Tahoma;
color : #aaaaaa !important ;
}
* html .cform legend {
position : absolute;
top : -10px;
left : -7px;
margin-left : 0;
}
* html .cform fieldset {
position : relative;
margin-top : 15px;
padding-top : 25px;
}
* html span.reqtxt, * html span.emailreqtxt {
display : inline-block;
width : 415px;
}
* html ol.cf-ol {
display : inline-block;
}
* html img.captcha {
margin-bottom : 1px !important ;
}
* + html img.captcha {
margin-bottom : 1px !important ;
}