/*
Theme Name: Cleaner WordPress Theme
Theme URI: http://wpexplorer.com
Description: A clean and professional Premium Business Theme
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 1.09
Modified: 31/12/2012
/* ----------------------  Reset Browser A Bit &Clear Floats -------------------------- */
*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit}
a img, 
a{outline:0; border:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, 
blockquote:after, 
q:before, 
q:after{content:""}
blockquote, 
q{quotes:""""}
.clear{clear:both}

/* ----------------------  Body -------------------------- */
body{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.8em; background:#EEE; color:#555}

/* ----------------------  Main Elements -------------------------- */
a{text-decoration:none; color:#057AD4}
a:hover{text-decoration:underline}
p{margin:0 0 1em}
strong{font-weight:700; color:#333}
em{font-style:italic}
small{font-size:12px; color:#666}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}

/* ----------------------  Headings -------------------------- */
h1, h2, h3, h4, h5, h6{color:#666; font-weight:100; line-height:130%; text-transform:capitalize}
h1{font-size:26px; margin:0; padding:0 0 10px 0; }
h2{font-size:21px; margin:30px 0 10px 0}
h3{font-size:16px; margin:30px 0 10px 0}
h4{font-size:14px; margin:30px 0 10px 0}
#archive-title{margin:0 0 30px 0; text-transform:capitalize}
#custom-post-title{margin:0 0 20px 0}
.entry-title{margin:0; padding:0 0 10px 0; line-height:110%; border-bottom:1px solid #EEE}
.entry-title a{color:#666; font-weight:100}
.entry-title a:hover{text-decoration:none; color:#09F}
.full-width h1{padding:0}

/* ----------------------  Wrap | Main | Full Page -------------------------- */
#wrap{width:1000px; padding:40px 0 0 0; margin:20px auto; background:#FFF}
#wrap ul{margin:0 0 0 50px}
#main{float:left; width:610px; margin:10px 0 40px 40px}
#full-page-wrap{margin:-70px 40px 40px 40px; padding:20px 40px; background:#FFF}

/* ----------------------  Header  | Logo &Phone -------------------------- */
#header{width:920px; margin:0 auto 20px auto;  min-height:40px; position:relative}
#header-logo{width:680px}
#header-logo h2, 
#header-logo h1{margin:0; padding:0; font-size:30px; border:none}
#header-logo h2 a, 
#header-logo h1 a{color:#2c2c2c}
#header-logo p{margin:0}
#phone{right:0; top:20px; position:absolute; text-align: right;}

/* ----------------------  Search Bar | Search Results Page -------------------------- */
#search-wrap{width:230px; right:0; top:60px; position:absolute}
#search{width:180px; height:20px; border:1px solid #CCC; padding:0 5px; line-height:20px; font-size:10px; color:#999; margin-top:180px; display:none; text-transform:uppercase}
#searchbar{width:160px}
#search:focus{color:#333}
#searchsubmit{position:absolute; top:180px; right:0; display:block; background:#2C2C2C; width:30px; height:21px; line-height:21px; text-align:center; border:0; color:#FFF; display:none; cursor:pointer}

#search-title{font-size:18px; color:#999; margin:0 0 40px 0}
.search-item-title a{text-decoration:underline}
.search-item-title{font-size:16px; margin:0 0 10px 0}

/* ----------------------  Sidebar -------------------------- */
#sidebar{float:right; width:250px; margin:40px; color:#666}
#sidebar ul, #sidebar ol{margin:0; list-style:none}
#sidebar li{padding:0 0 5px}
.sidebar-box{margin-bottom:40px}
.sidebar-box a{color:#666}
.sidebar-box a:hover{color:#057AD4; text-decoration:none}

#sidebar h4{margin:0 0 15px; padding-bottom:5px; color:#666; font-weight:bold; font-size:12px; border-bottom:1px solid #EEE}

/* ----------------------  Homepage -------------------------- */
#homepage-wrap{margin:0 0 15px 0}
#homepage-text{padding:15px 0 15px 0; margin:0 40px; border-bottom:1px solid #EEE}
#homepage-boxes{margin:15px 0 0 40px}
.homepage-box{width:280px; float:left; padding:15px 0; margin:0 37px 15px 0}
.homepage-box-content{padding:10px 0 0 0}
.homepage-box-content .zoom-thumb-wrap{padding-bottom:18px}
#homepage-blog{margin:40px; border-bottom:1px solid #EEE}
#homepage-blog-left{float:left; width:600px; margin-top:30px}
#homepage-blog #sidebar{margin-right:0}

#homepage-text h2{margin:0 0 20px 0}
#homepage-boxes h2{padding:0 0 10px 0; margin:0 0 10px; font-weight:100; border-bottom:1px solid #EEE}
#homepage-blog h2{margin-bottom:0}
#homepage-blog .post h2{margin-left:0}

/* ----------------------  Posts | Pages | WP Default -------------------------- */
.post{padding:0 0 30px 0}
.post ul, 
.post ol{margin:20px 40px 20px 40px !important}
.alignleft{float:left; margin:10px 10px 10px 0}
.alignright{float:right; margin:0px 0 10px 10px}
.alignnone{margin:10px 0}
.aligncenter, 
.center{text-align:center; margin:0 auto; display:block}
blockquote{width:450px; padding-left:10px; font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; margin:20px auto; border-left:2px solid #000}
.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}
hr{background-color: #d4d4d4;	border:0; height: 3px; margin-bottom: 20px;}
#post-featured-image{height:200px; margin:0 0 10px 0; padding:0 0 23px 0; background:url('images/post-featured-image-shadow.png') bottom center no-repeat}

/* ----------------------  Portfolio -------------------------- */
#portfolio-page-wrap{padding:0 0 40px 40px}
#portfolio-description{margin:0 40px 40px 0}
.portfolio-item{width:280px; height:440px; float:left; margin:0 35px 0 0}
.zoom-thumb-wrap{padding:0 0 27px 0; background:#FFFFFF}
.zoom-thumb-wrap{margin:0; position:relative}
.zoom-thumb{height:180px; width:280px; background:#000 url('images/portfolio-item-thumb.png') no-repeat}
.zoom-thumb-wrap .zoom-thumb{max-width:100%; z-index:1; position:relative}

#portfolio-title{padding:0 0 20px 0; margin:40px 40px 30px 0; border-bottom:1px solid #EEE}
.portfolio-item h2{margin:0 0 15px 0}

/* ----------------------  Portfolio Version 2 -------------------------- */
#portfolio-two-page-wrap{padding:0 40px 40px 40px}
#portfolio-two-description{margin:0 40px 40px 0}
.portfolio-two-item{width:920px; min-height:240px; margin:0 0 60px 0; clear:both}
.portfolio-two-item-image{float:left; width:400px; height:240px; padding:0 0 32px 0; background:url(images/services-image-shadow.png) bottom center no-repeat}

.portfolio-two-item-image{float:left; width:400px; height:240px; padding:0; position:relative; z-index:1}
.portfolio-two-item-image{float:left; width:400px; height:240px; padding:0 0 25px 0; background:url(images/services-image-shadow.png) bottom center no-repeat}
.portfolio-two-item-image a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.portfolio-two-item-text{float:right; width:480px}

#portfolio-two-title{padding:0 0 20px 0; margin:40px 0 30px 0; border-bottom:1px solid #EEE}
#portfolio-two-page-title{margin:0 0 30px 0}
.portfolio-two-item-title{margin:0 0 20px 0; line-height:110%}
.portfolio-two-item-title a{color:#666; font-weight:normal}

/* ----------------------  testimonials -------------------------- */
.testimonials h2{text-align:right; margin:20px 0 0; font-style:normal; font-size:12px; font-style:italic; color:#333}
.testimonials{float:left; width:600px; margin:0 10px 40px 10px; min-height:90px; position:relative}
.testimonial-image{width:55px; float:left; margin-top:5px}
.testimonials:after{content:''; position:absolute; top:-2px; left:-7px; width:64px; height:64px; border:1px solid #CCC; background:url(images/avatar-overlay.png) no-repeat; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.testimonial-content{position:relative; width:485px; float:right; border:1px solid #EEE; padding:15px}
span.testimonial-arrow{background:url('images/testimonial-arrow.png') no-repeat; height:20px; width:12px; position:absolute; top:10px; left:-12px}

/* ----------------------  Services -------------------------- */
#services-page-wrap{margin:0 0 40px 40px}
#services-description{margin:0 40px 40px 0}
.service-item{float:left; width:280px; min-height:215px; margin:0 40px 20px 0}
.service-item-image{float:left; width:48px; margin:0 10px 0 0}
.service-item-text{width:222px; float:right}

#services-title{padding:0 0 20px 0; margin:40px 40px 30px 0; border-bottom:1px solid #EEE}
#service-page-title{margin:0 0 20px 0}
.service-item-title{padding:10px 0; margin:0 0 20px 0; border-top:1px solid #EEE; border-bottom:1px solid #EEE}
.service-item-title a{color:#666; font-weight:normal}

/* ----------------------  Services Version 2 -------------------------- */
.service-two-item{margin:0 40px 40px 0}

/* ----------------------  Staff -------------------------- */
.staff{float:left; width:600px; margin:0 10px 40px 10px}
.staff img{float:left; margin:0 25px 0 0; padding:2px; background:#EEE; border:1px solid #CCC}

.staff h2{margin:0 0 15px 0; font-style:normal}

/* ----------------------  Single Byline -------------------------- */
.byline{color:#999; border-bottom:1px solid #EEE; padding:6px 0; margin:0 0 30px 0; font-size:11px}
.byline span{color:#999}

/* ----------------------  Breadcrumbs -------------------------- */
.breadcrumbs{list-style:none; margin:30px 40px 0 40px; font-size:11px; color:#666}
.breadcrumbs li{display:inline}

/* ----------------------  Related Posts -------------------------- */
#related-posts h3{margin:0 0 20px 0; font-weight:700}
#related-posts h4{margin:0 0 5px 0}
#related-posts{padding:30px 0 0 0; border-top:1px dotted #CCC}
#related-posts a img{width:80px; height:60px; float:left; margin:0 15px 0 0}
#related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6}
#related-posts ul{list-style:none; margin:0}
#related-posts ul li{min-height:80px; margin:0 0 20px 0}

/* ----------------------  Archives+Blog Template -------------------------- */
#archive-description{margin:30px 0 10px 0}
#title-wrap{margin:0 0 30px 0}
.read-more{margin:20px 0}
.read-more a{display:inline-block; color:#FFF; padding:6px 15px}
.read-more a:hover{text-decoration:none}

/* ----------------------  Comments -------------------------- */
#comments{font-weight:700}
#comment-wrap{margin:30px 0 0 0; padding:40px 0 0 0; border-top:1px dotted #CCC}
.comment-author{color:#000; font-weight:700}
.commentlist li{margin:0 0 25px 0}
.children li{margin:0 0 0 20px; padding:0; border:none; margin-bottom:0}
.children li li, .children li li li, .children li li{margin:0 0 0 30px}
.comment-wrap{background:#F9F9F9; position:relative; padding:10px; margin:0 0 20px 0; border:1px solid #E1E1E1}
.comment-wrap p{margin:0; padding:0}
.commentlist{list-style:none}
.comment-avatar{float:left; margin-right:30px}
.commentlist .children{list-style:none; margin:0}
.commentlist li#blank{visibility:hidden}
#commentform textarea, 
#commentform input{color:#707070; border:1px solid #898989; padding:5px}
#commentform textarea:focus, 
#commentform input:focus{border:1px solid #999}
#commentform textarea{width:590px}
.comment-reply{padding:0 0 10px 0; margin:10px 0 0 0; text-align:right; line-height:0}
.comment-reply-link{text-decoration:none; font-size:10px}
.comment-reply-link:hover{text-decoration:underline}
input#submit{background:#2C2C2C; padding:10px 15px; border:none; color:#FFF; cursor:pointer}
input#submit:hover{background:#484848}
input#author{border:1px solid #cdcdcd}
input#email{border:1px solid #cdcdcd}
input#url{border:1px solid #cdcdcd}
textarea#comment{border:1px solid #cdcdcd}
#cancel-comment-reply-link{color:#F00; font-weight:bold}
#commentform label{font-size:.857em; color:#898989; padding-left:5px}
span.required{color:#F00}

#comments{margin:0 0 20px 0}
#respond h3{font-size:1.43em; padding:10px 0; margin:0 0 20px 0; font-weight:700}

/* ----------------------  Pagination -------------------------- */
.pagination{clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px}
.pagination span, 
.pagination a{display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#666; background:#EEE}
.pagination a:hover{background:#D7D7D7}
.pagination .current{padding:6px 9px 5px 9px; background:#D7D7D7}

/* ----------------------  Footer -------------------------- */
#footer-wrap{width:1000px; background:#dedede; border:1px solid #999; padding:30px 0 20px 0}
#footer{padding:0 20px; color:#333}
#footer-widget-left, 
#footer-widget-middle-left, 
#footer-widget-middle-right, 
#footer-widget-right{float:left; width:205px}
#footer-widget-left, 
#footer-widget-middle-left, 
#footer-widget-middle-right{margin:0 40px 0 0}
.footer-box{margin:0 0 20px 0}
.footer-box a{color:#333}
.footer-box ul li a:hover{text-decoration:none; color:#FFF}
.footer-box ul{margin:0 !important; list-style:none}
.footer-box ul li{margin:5px 0}

#footer h4{color:#000; margin:0 0 20px 0; font-weight:normal; font-size:20px}

/* ---------------------- Footer Bottom -------------------------- */
#footer-bottom{position:relative; background:#000; height:36px; border-top:1px solid #1B1B1B; color:#575757}
#footer-social ul{margin:0 !important; position:absolute; left:20px; top:10px; list-style:none}
#footer-social ul li{float:left; margin:0 8px 0 0}
#footer-social a img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6}
#footer-social a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1}
#back-to-top{position:absolute; right:20px; top:10px; font-size:12px}
#back-to-top a{color:#999}
#back-to-top a:hover{color:#FFF; text-decoration:none}

/* ----------------------  Navigation Bar -------------------------- */
#primary-nav{width:920px; position:relative; z-index:99; margin:0 auto 15px auto}
#primary-nav ul{margin:0 !important; list-style:none}

/*** ESSENTIAL Navigation Style ***/
.sf-menu, 
.sf-menu *{ margin:0;  padding:0;  list-style:none}
.sf-menu{ line-height:1.0}
.sf-menu ul{ position:absolute;  top:-999em;  width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{ width:100%}
.sf-menu li:hover{ visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{ float:left;  position:relative}
.sf-menu a{ display:block;  position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{ left:0;  top:3em; /* match top ul list item height */ z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{ top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{ left:10em; /* match ul width */ top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{ top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{ left:10em; /* match ul width */ top:0}
/*** SKIN ***/
.sf-menu{ float:left;  margin-bottom:1em}
.sf-menu a{ padding:1em 15px;  text-decoration:none}
.sf-menu a{ color:#878C92}
.sf-menu li ul{}
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active{ outline:0}
.sf-menu ul a:focus, 
.sf-menu ul a:hover, 
.sf-menu ul a:active{}
.sf-menu ul a{}

/* ----------------------  WP Calendar -------------------------- */
table#wp-calendar{margin:0 auto}
#wp-calendar caption{padding:5px; font-size:1.14em; background:#333; color:#FFF; text-shadow:1px 1px #000; text-align:center}
#calendar_wrap table td, 
#calendar_wrap table th{text-align:center; background:#f3f3f3; padding:5px 11px !important}
#calendar_wrap table td#prev{text-align:left; padding:0 0 0 12px}
#calendar_wrap table td a{color:#06F; display:block}

/* ----------------------  NivoSlider | Main Homepage Slider -------------------------- */
#slider-wrap{width:920px; height:300px; background:#FFF url('images/slider-shadow.png') bottom center no-repeat; padding:0 0 25px 0; margin:20px auto 0 auto}
#slider{width:900px; height:300;  margin:0 auto; position:relative; position:relative; background:#fff;     background:url(images/loading.gif) no-repeat 50% 50%}
#slider img{   position:absolute;     top:0;     left:0;     display:none}
#slider a{   border:0;     display:block}
.nivoSlider a.nivo-imageLink{    position:absolute;     top:0px;     left:0px;     width:100%;     height:100%;     border:0;     padding:0;     margin:0;     z-index:6;     display:none}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none}
.nivo-slice{    display:block;     position:absolute;     z-index:5;     height:100%}
.nivo-box{    display:block;     position:absolute;     z-index:5}
.nivo-caption{position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89}
.nivo-caption p{font-size:16px; padding:10px; margin:0}
.nivo-caption a{display:inline !important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute; top:43%; z-index:99; display:block; width:47px; height:60px; text-indent:-9999px; border:0; cursor:pointer}
.nivo-prevNav{background:url('images/left-arrow.png') no-repeat; left:15px}
.nivo-nextNav{background:url('images/right-arrow.png') no-repeat; right:15px}
.nivo-prevNav:hover{background-position:0 -60px}
.nivo-nextNav:hover{background-position:0 -60px}
.nivo-controlNav a{position:relative; z-index:99; cursor:pointer}
.nivo-controlNav a.active{font-weight:bold}
.nivo-controlNav{position:absolute; left:47%; bottom:-20px}
.nivo-controlNav a{display:block; width:10px; height:8px; text-indent:-9999px; border:0; margin-right:3px; float:left}

/* ----------------------  bxSlider | Carousel Slider For Homepage -------------------------- */
#homepage-portfolio-items{margin:20px 0 30px 40px}
#homepage-portfolio-items a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
#homepage-portfolio-items h2{margin:0 0 30px 0}
ul#bxslider{margin:0 !important}
ul#bxslider li{width:235px}
.bx-next{position:absolute; top:40%; right:-10px; z-index:999; width:15px; height:23px; text-indent:-999999px; background:url('images/bx-arrow-right.png') no-repeat}
.bx-prev{position:absolute; top:40%; left:-30px; z-index:999; width:15px; height:23px; text-indent:-999999px; background:url('images/bx-arrow-left.png') no-repeat}
.bx-next:hover, 
.bx-prev:hover{background-position:0 0}
.bx-pager .pager-active, 
.bx-pager a:hover{background-position:0 0}
.bx-auto{text-align:center; padding-top:15px}
.bx-auto a{color:#666; font-size:12px}

/* ---------------------- FancyBox -------------------------- */
#fancybox-loading{position:fixed; top:50%; left:50%; width:40px; height:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none}
#fancybox-loading div{position:absolute; top:0; left:0; width:40px; height:480px; background-image:url('images/fancybox.png')}
#fancybox-overlay{position:absolute; top:0; left:0; width:100%; z-index:1100; display:none}
#fancybox-tmp{padding:0; margin:0; border:0; overflow:auto; display:none}
#fancybox-wrap{position:absolute; top:0; left:0; padding:20px; z-index:1101; outline:none; display:none}
#fancybox-outer{position:relative; width:100%; height:100%; background:#fff}
#fancybox-content{width:0; height:0; padding:0; outline:none; position:relative; overflow:hidden; z-index:1102; border:0px solid #fff}
#fancybox-hide-sel-frame{position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; z-index:1101}
#fancybox-close{position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:transparent url('images/fancybox.png') -40px 0px; cursor:pointer; z-index:1103; display:none}
#fancybox-error{color:#444; font:normal 12px/20px Arial; padding:14px; margin:0}
#fancybox-img{width:100%; height:100%; padding:0; margin:0; border:none; outline:none; line-height:0; vertical-align:top}
#fancybox-frame{width:100%; height:100%; border:none; display:block}
#fancybox-left, #fancybox-right{position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url('images/blank.gif'); z-index:1102; display:none}
#fancybox-left{left:0px}
#fancybox-right{right:0px}
#fancybox-left-ico, #fancybox-right-ico{position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block}
#fancybox-left-ico{background-image:url('images/fancybox.png'); background-position:-40px -30px}
#fancybox-right-ico{background-image:url('images/fancybox.png'); background-position:-40px -60px}
#fancybox-left:hover, #fancybox-right:hover{visibility:visible; /* IE6 */}
#fancybox-left:hover span{left:20px}
#fancybox-right:hover span{left:auto; right:20px}
.fancybox-bg{position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001}
#fancybox-bg-n{top:-20px; left:0; width:100%; background-image:url('images/fancybox-x.png')}
#fancybox-bg-ne{top:-20px; right:-20px; background-image:url('images/fancybox.png'); background-position:-40px -162px}
#fancybox-bg-e{top:0; right:-20px; height:100%; background-image:url('images/fancybox-y.png'); background-position:-20px 0px}
#fancybox-bg-se{bottom:-20px; right:-20px; background-image:url('images/fancybox.png'); background-position:-40px -182px}
#fancybox-bg-s{bottom:-20px; left:0; width:100%; background-image:url('images/fancybox-x.png'); background-position:0px -20px}
#fancybox-bg-sw{bottom:-20px; left:-20px; background-image:url('images/fancybox.png'); background-position:-40px -142px}
#fancybox-bg-w{top:0; left:-20px; height:100%; background-image:url('images/fancybox-y.png')}
#fancybox-bg-nw{top:-20px; left:-20px; background-image:url('images/fancybox.png'); background-position:-40px -122px}
#fancybox-title{font-family:Helvetica; font-size:12px; z-index:1102}
.fancybox-title-inside{padding-bottom:10px; text-align:center; color:#333; background:#fff; position:relative}
.fancybox-title-outside{padding-top:10px; color:#fff}
.fancybox-title-over{position:absolute; bottom:0; left:0; color:#FFF; text-align:left}
#fancybox-title-over{padding:10px; background-image:url('images/fancy_title_over.png'); display:block}
.fancybox-title-float{position:absolute; left:0; bottom:-20px; height:32px}
#fancybox-title-float-wrap{border:none; border-collapse:collapse; width:auto}
#fancybox-title-float-wrap td{border:none; white-space:nowrap}
#fancybox-title-float-left{padding:0 0 0 15px; background:url('images/fancybox.png') -40px -90px no-repeat}
#fancybox-title-float-main{color:#FFF; line-height:29px; font-weight:bold; padding:0 0 3px 0; background:url('images/fancybox-x.png') 0px -40px}
#fancybox-title-float-right{padding:0 0 0 15px; background:url('images/fancybox.png') -55px -90px no-repeat}

/* IE6 */
.fancybox-ie6 #fancybox-close{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_close.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-left-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_left.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-right-ico{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_nav_right.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-over{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_over.png',sizingMethod='scale'); zoom:1}
.fancybox-ie6 #fancybox-title-float-left{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_left.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-float-main{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_main.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-float-right{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_title_right.png',sizingMethod='scale')}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px")}
#fancybox-loading.fancybox-ie6{position:absolute; margin-top:0; top:expression( (-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2 )+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop ))+'px')}
#fancybox-loading.fancybox-ie6 div{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_loading.png',sizingMethod='scale')}
.fancybox-ie .fancybox-bg{background:transparent !important}
.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_n.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_ne.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_e.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_se.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_s.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_sw.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_w.png',sizingMethod='scale')}
.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fancy_shadow_nw.png',sizingMethod='scale')}

/* ---------------------- Shortcodes -------------------------- */
.news, 
.alert, 
.info, 
.warning, 
.download{width:570px; text-align:center; padding:7px; line-height:20px; font-size:14px; margin:20px auto}
.news{background:#f5f5f5; border:1px solid #dadada; color:#666}
.alert{background:#FFC; border:1px solid #FC6; color:#960}
.info{background:#D1F2F5; border:1px solid #AFDEE2; color:#38878E}
.warning{background:#FFB8B8; border:1px solid #FF8C8C; color:#BF2F2F}
.download{background:#CF9; border:1px solid #9C0; color:#360}

.checklist ul{list-style-image:url('images/shortcodes/check.png')}
.fancy_bullets_white ul{list-style-image:url('images/shortcodes/fancy-bullets-white.png')}
.fancy_bullets_black ul{list-style-image:url('images/shortcodes/fancy_bullets_black.png')}
.fancy_bullets_blue ul{list-style-image:url('images/shortcodes/fancy-bullets-blue.png')}
.fancy_bullets_red ul{list-style-image:url('images/shortcodes/fancy-bullets-red.png')}
.fancy_bullets_purple ul{list-style-image:url('images/shortcodes/fancy-bullets-purple.png')}

.dropcap-small{font-size:25px; float:left; font-weight:400; line-height:1em; padding-right:7px; padding-bottom:5px; padding-left:20px; position:relative; font-family:Georgia,"Times New Roman",Times,serif}
.dropcap-big{font-size:42px; float:left; font-weight:400; line-height:1em; padding-right:5px; padding-bottom:4px; padding-left:20px; position:relative; font-family:Georgia,"Times New Roman",Times,serif}

.sticky, 
.stickyleft, 
.stickyright{width:196px; height:206px; background:url('images/shortcodes/stickynote.png') no-repeat; margin-top:10px; padding:20px 15px 0 15px; overflow:hidden; font-size:1.29em; font-style:italic; line-height:160%; font-family:Georgia,"Times New Roman",Times,serif}
.stickyleft{float:left; margin-right:15px}
.stickyright{float:right; margin-left:15px}

.image-border img, 
.image-border a img{border:5px solid #E6E6E6}

.one_half{width:48%; padding-bottom:20px}
.one_third{width:30.66%; padding-bottom:20px}
.one_fourth{width:22%; padding-bottom:20px}
.last{margin-right:0 !important; clear:right}
.one_half, 
.one_third, 
.one_fourth{position:relative;  margin-right:4%;  float:left}
.clearboth{clear:both; display:block; font-size:0; height:0; line-height:0; width:100%}

#contact-form{color:#999}
#contact-form input{width:300px; padding:5px 8px; margin-right:10px; border:1px solid #eee; border-left-color:#ddd; border-bottom-color:#ddd; color:#999}
#contact-form textarea{width:582px; height:200px; padding:5px 8px; border:1px solid #eee; border-left-color:#ddd; border-bottom-color:#ddd; color:#999}
#contact-form input#contact-submit{width:80px; padding:5px 15px; background:#EEE; color:#666; font-size:14px; font-weight:bold; text-transform:lowercase; text-shadow:1px 1px 1px #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #CCC; text-decoration:none; cursor:pointer}
#contact-form input:focus, 
#contact-form textarea:focus{background:#F8F8F8; -moz-box-shadow:0px 0px 5px #9EDAE9;  -webkit-box-shadow:0px 0px 5px #9EDAE9;  box-shadow:0px 0px 5px #9EDAE9; border:1px solid #FFF !important}
#contact-form input#contact-submit:hover{background:#F3F3F3; color:#000; text-decoration:none}
.notification_error{color:#BF2F2F}

/* ----------------------  Contact Form 7 -------------------------- */
.wpcf7-form p{text-align:left}
.wpcf7-text, 
.wpcf7-form p textarea{text-shadow:1px 1px 1px #FFF; background:#EAEAEA; border:1px solid #CCC; padding:5px}
.wpcf7-text:focus, 
.wpcf7-form p textarea:focus{background:#F4F4F4; color:#000}
.wpcf7-submit{background:#2C2C2C; padding:5px 15px; border:none; color:#FFF; cursor:pointer}
.wpcf7-submit:hover{background:#484848}