/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, 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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 40px 0 40px 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
/*
END -html5doctor.com Reset Stylesheet v1.6.1
*/
h1,h2,h3,h4,h5,h6 {
line-height: 1em;
margin-bottom: 5px;
}
p {
line-height: 20px;
margin-bottom: 15px;
}
a,a:link,a:hover,a:visited,a:active{
text-decoration: none;
}
.clear{
clear: both;
}
.smallPbottom{
margin-bottom: 10px;
}
.removeBottomMargin{
margin-bottom: 0px;
}
.noBottomMargin{
margin-bottom: 0px !important;
}
.left-align{
float: left;
}
.styledHr{
background-repeat: repeat-x;
background-position: 0 0;
height: 2px;
width: 100%;
}
.horizontalRule{
background-repeat: repeat-x;
background-position: 0 bottom;
}
body{
overflow-x: hidden;
}
#backgroundImage{
position: fixed;
width: 100%;
height: 100%;
background-repeat: no-repeat;
}
#slider{
position: relative;
width: 883px;
height: 400px;
padding: 11px;
}
.sliderWrapper{
position: relative;
}
#wrapper{
position: relative;
}
#preHeader{
position: relative;
z-index: 99999;
}
#preHeader ul, #post_footer_widget_area ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#preHeader ul li, #post_footer_widget_area ul li{
position: relative;
display: inline;
float: left;
}
#preHeader .widget_nav_menu ul li{
padding-top: 10px;
padding-bottom: 10px;
}
#preHeader ul li a{
display: block;
padding-left: 10px;
padding-right: 10px;
}
#post_footer_widget_area ul li a{
display: block;
padding: 10px;
}
#post_footer_widget_area ul li:last-child a{
padding-right: 0px;
}
#preHeaderContent{
display: table;
width: 100%;
}
#preHeaderContent ul li:first-child a{
padding-left: 0px;
}
#preHeaderContent ul li:last-child{
padding-right: 0px;
}
#preHeaderContent .socialIcons{
padding-top: 8px;
padding-bottom: 6px;
}
#preHeaderContent .socialIcons ul li a{
padding: 0px;
}
#footerWrapper{
background-repeat: no-repeat;
}
#logoWrap{
position: relative;
float: left;
}
.phoneIcon{
width: 46px;
height: 46px;
background-repeat: no-repeat;
}
#phoneText{
text-align: right;
z-index: 8000;
position: absolute;
}
.addTitle, .noTitle, .justCrumbs, .justFeatured{
background-repeat: repeat-x;
}
.justCrumbs{
padding-top: 20px;
}
#pageTitle{
width: 920px;
height: 101px;
display: table;
margin: 0 auto;
}
#crumbsOnly{
width: 960px;
height: 40px;
display: table;
margin: 0 auto 20px auto;
}
#pageTitle h1,
#pageTitle h2,
#pageTitle h3,
#pageTitle h4,
#pageTitle h5,
#pageTitle h6{
display: inline;
}
#title{
position: relative;
display: table-cell;
vertical-align: middle;
}
#title h1{
margin-bottom: 0px;
}
#breadcrumbs{
margin-top: 11px;
}
#copyright{
display: table-cell;
vertical-align: middle;
}
#postFooter .textwidget{
margin-top: 0px;
}
#postFooterContent{
display: table;
}
#post_footer_widget_area{
display: table-cell;
vertical-align: middle;
float: right;
min-height: 30px;
}
/* jQuery SlideMenu Styling */
.jqueryslidemenu{
background-repeat: repeat-x;
background-position: 0 0;
height: 36px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
z-index: 999;
}
.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
background-repeat: no-repeat;
background-position: top right;
}
.jqueryslidemenu ul li:first-child{
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.jqueryslidemenu ul li:last-child{
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.jqueryslidemenu ul li ul li:first-child{
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.jqueryslidemenu ul li ul li:last-child{
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.jqueryslidemenu ul li a{
display: block;
padding: 10px;
text-decoration: none;
letter-spacing: 0.4px;
}
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
margin-left: 0px;
}
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background-image: none;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}
.jqueryslidemenu ul li ul{
padding-bottom: 13px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.jqueryslidemenu ul li ul li:first-child{
padding-top: 13px;
}
.jqueryslidemenu ul li ul li ul{
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.jqueryslidemenu ul li ul li a{
display: block;
width: 166px;
text-decoration: none;
padding: 10px 10px 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
letter-spacing: .4px;
}
.jqueryslidemenu ul li ul li ul{
margin-left: 0px;
}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block !important;
}
#mainContent.fullLayout{
width: 920px;
}
#mainContent.leftLayout{
width: 670px;
float: right;
}
#mainContent.rightLayout{
width: 670px;
float: left;
}
.headerPhoneTitle{
font-style: italic;
margin-bottom: 0px;
}
h3.headerPhoneText{
margin-top: -3px;
}
#searchDiv{
display: table-cell;
vertical-align: middle;
width: 182px;
}
#search_field{
display: inline;
float: left;
padding: 0 8px;
width: 128px;
height: 33px;
line-height: 33px;
border: none;
outline: none;
opacity: 0;
filter: alpha(opacity = 0);
}
#submit_search{
display: inline;
float: left;
width: 38px;
height: 33px;
border: none;
outline: none;
cursor: pointer;
}
#endOfContent{
width: 100%;
background-repeat: repeat-x;
background-position: 0 0;
}
/* POST STYLING */
.post, .hentry{
padding: 25px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.postContentWrap{
float: left;
width: 459px;
}
.postContentWrap.fullWidthPosts{
width: 717px;
}
.postContentWrap.noMeta{
width: 100%;
}
.postMetaWrap{
float: left;
width: 126px;
margin-right: 25px;
}
/* Post Title Bar */
.post-head{
margin-bottom: 10px;
}
.meta-comments{
background-repeat: no-repeat;
padding-left: 22px;
line-height: 16px;
float: right;
}
.post-title{
float: left;
}
.post-comments{
float: right;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 20px 6px;
margin-top: 7px;
}
/* Post Text */
.post-entry-content p, .post-entry p{
/*padding-right: 12px;*/
}
/* Post Meta */
.post-meta{
padding-top: 7px;
}
.post-meta li{
display: block;
background-repeat: no-repeat;
background-position: left 0px;
line-height: 16px;
margin-bottom: 12px;
padding-bottom: 12px;
}
.meta-icon{
float: left;
padding-right: 10px;
}
.meta-info{
float: left;
width: 84px;
}
.meta-date-icon, .meta-cat-icon{
width: 32px;
height: 32px;
background-repeat: no-repeat;
}
/*Post Share */
.post-share{
margin-top: 25px;
height: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.post-share li{
float: left;
}
.twitter-like{
min-width: 120px;
}
.facebook-like{
min-width: 97px;
}
.google-like{
width: 83px;
}
/* Post Images */
#pageContent .post-entry-content .imageWrap.img-left{
padding-right: 15px;
padding-top: 15px;
}
#pageContent .post-entry-content .imageWrap.img-right{
padding-left: 15px;
padding-top: 15px;
}
/* Post Pagination */
#post-pagination .buttonPro{
margin-right: 6px;
}
#post-pagination .page-count{
margin-right: 15px;
}
/* Post Comments Section */
#comments{
margin-top: 40px;
}
#commentsHeader{
position: relative;
}
#commentsTitle{
float: left;
}
#commentsTitle h2{
margin-bottom: 0px !important;
}
#commentsPagination{
position: absolute;
right: 0px;
top: 37%;
}
#commentsPrevious, #commentsNext{
display: inline;
}
#commentsNext{
margin-left: 20px;
}
.list-o-comments{
margin-top: 20px;
}
.comment-wrapper{
padding: 20px 0;
}
.list-o-comments ul{
margin-left: 40px;
}
.comment-gravatar{
float: left;
height: 92px;
}
.comment-gravatar img{
padding: 5px;
line-height: 0;
}
.comment-body{
min-height: 92px;
padding-left: 20px;
overflow: hidden;
}
.comment-author{
float: left;
padding-right: 12px;
}
.comment-date{
float: left;
font-size: 11px;
line-height: 19px;
}
.comment-edit{
float: left;
font-size: 11px;
line-height: 19px;
}
.comment-text p{
margin: 9px 0;
clear: both;
}
#respond{
margin-top: 30px;
}
#respond form{
margin: 20px 0 30px;
}
#respond h3 a{
font-size: 26px;
}
#respond h3.sub a{
font-size: 18px;
}
#respond .nameInput, #respond .emailInput, #respond .webInput{
width: 50%;
}
#respond .messageInput{
width: 65%;
height: 150px;
}
#respond label{
color: #999;
}
/* Wordpress default styles */
.alignleft{
float: left;
}
.alignright{
float: right;
}
.aligncenter{
float: none;
margin-left: auto;
margin-right: auto;
}
.alignnone{
float: none;
}
.wp-caption .wp-caption-text,
.gallery-caption {
padding: 10px 0;
text-align: center;
}
.sticky{
}
.bypostauthor .comment-wrapper{
padding-left:20px;
}
/* SIDEBAR & Widgets */
#sideContent{
width: 215px;
padding-top: 25px;
}
#sideContent.leftLayout{
float: left;
}
#sideContent.rightLayout{
float: right;
}
#sideBar h4{
margin-bottom: 10px;
}
#sideBar h4.sub{
margin-top: -10px;
margin-bottom: 20px;
}
#sideBar.rightSide{
min-height: 100px;
overflow: hidden;
}
#sideBar.leftSide{
min-height: 100px;
overflow: hidden;
}
#sideBarEnd.rightSide, #sideBarEnd.leftSide{
/*line-height: 0;*/
}
#sideBar .widget{
margin-bottom: 50px;
}
/* WIDGETS */
#footer .widgetColumnTitle{
position: relative;
padding-top: 10px;
display: table;
width: 100%;
}
#footer .widgetTitle{
width: 100%;
display: table-cell;
vertical-align: middle;
padding-bottom: 13px;
}
#footer .widgetColumnTitle{
background: url(../images/footerColumnTitleBg.png) repeat-x 0 0;
}
#footer .widgetTitle{
background: url(../images/footerColumnTitleBg.png) repeat-x 0 bottom;
}
#footer .widgetColumnContent{
margin-top: 35px;
}
#footer h5{
margin-bottom: 0 !important;
}
#footer h4.sub{
margin-top: 3px;
margin-bottom: 0 !important;
}
#footer, #footer p{
line-height: 19px;
}
#footer .fancy{
padding: 3px;
width: 60px;
}
#pageContent .fancy, #featuredArea .fancy{
padding: 3px;
line-height: 0;
}
#pageContent .widget_wb_flickr .fancy{
width: 50px;
}
/* Flickr Thumbnails */
.widget_wb_flickr .fancy{
}
#footer .smallTitle{
margin-bottom: 2px !important;
}
#footer .responseTxt, #footer label{
margin-bottom: 7px !important;
}
#pageContent .smallTitle{
margin-bottom: 0px !important;
}
#pageContent .textHolder p{
margin-bottom: 0px;
}
/* WIDGET - RECENT POSTS */
#footer .widgetRecentPost{
width: 100%;
margin-bottom: 20px;
}
#pageContent .widgetRecentPost{
margin-bottom: 15px;
width: 100%;
}
#pageContent .widgetRecentPost .textHolder p{
line-height: 18px;
}
.widget_wb_recent_posts .widgetColumnContent{
margin-top: 15px;
}
.widget_wb_contact_form .widgetColumnContent{
margin-top: 20px;
}
.thumbHolder{
float: left;
margin-right: 10px;
line-height: 0px;
}
.textHolder{
float: left;
display: block;
margin: 0 0 0 0;
width: 122px;
}
/* WIDGET - TWITTER */
#pageContent .tweet li{
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 24px;
padding-right: 15px;
margin-bottom: 15px;
}
#footer .tweet li{
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 29px;
padding-right: 15px;
margin-bottom: 15px;
}
.tweet_time{
display:block;
padding-top: 4px;
}
.tweet_time a{
font-size:11px;
}
.tweet_text p{
margin-bottom:0px;
}
/* WIDGET - RECENT COMMENTS */
.widget_wb_recent_comments p{
margin-bottom: 0px;
line-height: 20px;
background-repeat: repeat-x;
background-position: 0 bottom;
padding: 10px 0;
}
.widget_wb_recent_comments .comment-time{
font-size: 11px;
font-style: italic;
}
.widget_wb_recent_comments .bubble{
background-repeat: no-repeat;
width: 15px;
height: 14px;
padding-left: 15px;
padding-bottom: 30px;
}
/* WIDGET - CONTACT FORM */
.nameInput, .emailInput, .webInput{
width: 75%;
height: 28px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-top: 1px solid #bbb;
padding-left: 12px;
color: #999;
}
.messageInput{
font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
width: 90%;
height: 100px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-top: 1px solid #bbb;
padding-top: 12px;
padding-left: 12px;
color: #999;
}
label{
display: block;
margin-bottom: 4px;
}
.nameInput:hover, .emailInput:hover, .webInput:hover, .messageInput:hover{
border: 1px solid #aaa;
}
.nameInput:focus, .emailInput:focus, .webInput:focus, .messageInput:focus{
outline: none;
background-color: #fafafa;
color: #666;
}
.responseTxt{
margin-top: 15px;
padding-left: 5px;
}
/* WordPress default Widgets
Categories, Recent Comments,
Archive, Recent Posts, Links
Meta, Pages, Custom Menu
*/
#sideBar .widget_categories li,
#sideBar .widget_recent_comments li,
#sideBar .widget_pages li,
#sideBar .widget_archive li,
#sideBar .widget_recent_entries li,
#sideBar .widget_links li,
#sideBar .widget_nav_menu li,
#sideBar .widget_meta li {
line-height: 30px;
background-repeat: repeat-x;
background-position: 0 bottom;
}
#sideBar .widget_categories ul li ul{
padding-left: 20px;
background-repeat: repeat-x;
background-position: 0 top;
}
#sideBar .widget_categories li a,
#sideBar .widget_archive li a,
#sideBar .widget_pages li a,
#sideBar .widget_recent_entries li a,
#sideBar .widget_links li a,
#sideBar .widget_nav_menu li a,
#sideBar .widget_meta li a{
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 20px;
}
/* WP -Search Form Widget Styling */
.widget_search .screen-reader-text {
display:none;
}
.widget_search {
position:relative;
}
#s{
width: 120px;
height: 28px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-top: 1px solid #bbb;
padding-left: 12px;
color: #999;
vertical-align: top;
}
#s:hover{
border: 1px solid #aaa;
}
#s:focus{
outline: none;
background-color: #fafafa;
color: #666;
}
.widget_search #searchsubmit {
margin-top: 0px;
margin-left: 10px;
}
/*WordPress Tag Cloud Widget */
.widget_tag_cloud a{
margin-right: 8px !important;
margin-bottom: 8px;
display: inline-block;
text-decoration: none;
outline: none;
cursor: pointer;
font: normal 11px HelveticaNeue, Arial, sans-serif !important;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
padding-right: 8px;
color: #555;
background-image: url(../images/tag-small.png);
background-repeat: no-repeat;
background-position: 2px 3px;
background-color: #fafafa;
border: 1px solid #dedede;
border-color: #dedede #d8d8d8 #d3d3d3;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.widget_tag_cloud a:hover{
background-color: #fff;
}
.tagcloud{
padding-top: 10px;
}
.widget_tag_cloud .jetBlack a{
}
/*WordPress Calendar Table Widget */
#calendar_wrap{
width: 95%;
cursor: default;
}
#calendar_wrap caption{
font-size: 16px;
padding-bottom: 12px;
}
#calendar_wrap table{
width: 100%;
text-align: left;
border: 1px solid #e4e4e4;
background: #f5f5f5;
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f5f5f5));
background: -moz-linear-gradient(top, #fafafa, #f5f5f5);
}
#calendar_wrap table td th{
vertical-align: middle;
}
#calendar_wrap table td{
padding: 7px;
text-align: center;
}
#calendar_wrap table th{
padding: 10px;
text-align: center;
font-weight: normal;
background: #f5f5f5;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
}
#calendar_wrap tfoot tr td{
padding: 12px;
text-align: center;
font-weight: normal;
background: #f0f0f0;
}
#calendar_wrap table tbody td{
color: #aaa;
border: 1px solid #e4e4e4;
}
#calendar_wrap table tbody td a{
color: #333;
}
#calendar_wrap table tbody td a:hover{
color: #333;
}
#calendar_wrap table tbody td:hover{
background-color: #fcfcfc;
}
#calendar_wrap table thead{
border-bottom: 1px solid #dedede;
font-size: 14px;
}
#calendar_wrap table tfoot{
border-top: 1px solid #dedede;
font-size: 13px;
font-style: italic;
}
/* SHORTCODE - columns */
.fullWidth{
float: left;
width: 920px;
clear: both;
}
.outerOneHalf{
float: left;
width: 447px;
margin-right: 26px;
}
.outerOneThird{
float: left;
width: 290px;
margin-right: 25px;
}
.outerTwoThirds{
float: left;
width: 605px;
margin-right: 25px;
}
.outerOneFourth{
float: left;
width: 211px;
margin-right: 25px;
}
.outerThreeFourths{
float: left;
width: 684px;
margin-right: 25px;
}
.outerOneFifth{
float: left;
width: 164px;
margin-right: 25px;
}
.outerTwoFifths{
float: left;
width: 353px;
margin-right: 25px;
}
.outerThreeFifths{
float: left;
width: 542px;
margin-right: 25px;
}
.outerFourFifths{
float: left;
width: 731px;
margin-right: 38px;
}
.outerOneSixth{
float: left;
width: 132px;
margin-right: 25px;
}
.outerFiveSixths{
float: left;
width: 763px;
margin-right: 25px;
}
.innerFullWidth{
float: left;
width: 100%;
clear: both;
}
.innerOneHalf{
float: left;
width: 48%;
margin-right: 4%;
}
.innerOneThird{
float: left;
width: 30.4%;
margin-right: 4%;
}
.innerTwoThirds{
float: left;
width: 65.3334%;
margin-right: 4%;
}
.innerOneFourth{
float: left;
width: 22%;
margin-right: 4%;
}
.innerThreeFourths{
float: left;
width: 74%;
margin-right: 4%;
}
.innerOneFifth{
float: left;
width: 16.8%;
margin-right: 4%;
}
.innerTwoFifths{
float: left;
width: 38.4%;
margin-right: 4%;
}
.innerThreeFifths{
float: left;
width: 57.6%;
margin-right: 4%;
}
.innerFourFifths{
float: left;
width: 79.2%;
margin-right: 4%;
}
.innerOneSixth{
float: left;
width: 14%;
margin-right: 3.2%;
}
.innerFiveSixths{
float: left;
width: 82.8%;
margin-right: 3.2%;
}
.last{
margin-right: 0px !important;
clear: right;
}
/*Portfolio Inner Columns */
.portInnerFullWidth{
float: left;
width: 670px;
}
.portInnerOneHalf{
float: left;
width: 322px;
margin-right: 25px;
}
.portInnerOneThird{
float: left;
width: 206px;
margin-right: 25px;
}
.portInnerOneFourth{
float: left;
width: 148px;
margin-right: 25px;
}
.portInnerOneFifth{
float: left;
width: 114px;
margin-right: 25px;
}
.portInnerOneSixth{
float: left;
width: 90px;
margin-right: 25px;
}
/* SHORTCODE - blockQuote */
.blockQuote{
display: block;
line-height: 28px;
margin-top: 10px;
margin-bottom: 10px;
font-style: italic;
background-repeat: no-repeat;
background-position: 0 0;
}
.blockQuote.left-align{
float: left;
padding: 0 0 0 45px;
margin-right: 10px;
width: 190px;
background-repeat: no-repeat;
background-position: 0 0;
}
.blockQuote.right-align{
float: right;
padding: 0 0 0 45px;
margin-left: 10px;
width: 190px;
background-repeat: no-repeat;
background-position: 0 0;
}
.blockQuote.center-align{
float: none;
padding: 0 0 0 45px;
background-repeat: no-repeat;
background-position: 0 0;
}
/* SHORTCODE - pullQuote */
.pullQuote{
display: block;
line-height: 28px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 15px;
}
.pullQuote.left-align{
float: left;
margin-right: 10px;
width: 190px;
}
.pullQuote.right-align{
float: right;
margin-left: 10px;
width: 190px;
}
.pullQuote.center-align{
float: none;
}
/* SHORTCODE - toggle */
.toggle{
float:left;
padding-right: 10px;
}
.toggleImage.up{
width:20px;
height:20px;
background-repeat: no-repeat;
background-position: center center;
cursor:pointer;
float:left;
}
.toggleImage.down{
width:20px;
height:20px;
background-repeat: no-repeat;
background-position: center center;
cursor:pointer;
float:left;
}
.toggleWrapper{
clear:both;
padding-top:20px;
padding-bottom:20px;
background-repeat: repeat-x;
background-position: 0 0;
}
.toggleText{
float:left;
width:95%;
}
.toggle_content{
cursor: pointer;
margin: 0;
}
.toggle_show{
margin-top: 20px;
}
/* SHORTCODE - pre */
pre, code {
display: block;
margin: 0 0 20px;
padding: 20px 10px;
font-family: Consolas, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New";
font-size: 12px;
line-height: 20px;
overflow: auto;
white-space: pre-wrap;
white-space: pre;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.code {
background-position: 0 0;
background-repeat: repeat;
}
/* SPACER SHORTCODES */
.spacer{
clear: both;
}
/* SHORTCODE - Ordered List */
ol.listItem{
margin-left: 25px;
list-style-position: outside;
list-style-type: decimal;
}
ol.listItem li{
padding-left: 5px !important;
}
ol.style13 li{
list-style-type: decimal;
}
ol.style14 li{
list-style-type: decimal-leading-zero;
}
ol.style15 li{
list-style-type: upper-roman;
}
ol.style16 li{
list-style-type: lower-roman;
}
ol.style17 li{
list-style-type: upper-alpha;
}
ol.style18 li{
list-style-type: lower-alpha;
}
/* SHORTCODE - Un-Ordered List */
ul{
list-style-type: none;
}
ul.listItem li, ol.listItem li{
font-size: 12px;
line-height: 18px;
font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
background-repeat: no-repeat;
background-attachment: scroll;
padding-left: 22px;
margin: 10px 0 0 5px;
}
ul.listItem li{
background-image: url("../images/li-icons2.png");
}
ul.style1 li{
background-position: -165px 0px;
}
ul.style2 li{
background-position: -150px -15px;
}
ul.style3 li{
background-position: -135px -30px;
}
ul.style4 li{
background-position: -120px -45px;
}
ul.style5 li{
background-position: -105px -60px;
}
ul.style6 li{
background-position: -90px -75px;
}
ul.style7 li{
background-position: -75px -90px;
}
ul.style8 li{
background-position: -60px -105px;
}
ul.style9 li{
background-position: -45px -120px;
}
ul.style10 li{
background-position: -30px -135px;
}
ul.style11 li{
background-position: -15px -150px;
}
ul.style12 li{
background-position: -0px -165px;
}
ul.colorpick li{
font-size: 12px;
line-height: 18px;
color: #666;
font-family: "Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
background-image: url("../images/ui-color-picker.png");
background-repeat: no-repeat;
background-attachment: scroll;
padding-left: 22px;
margin: 10px 0 0 5px;
}
/* SHORTCODE - Images */
.imageWrap{
line-height: 0;
display: block;
position: relative;
}
.imageHolder{
margin-left: auto;
margin-right: auto;
}
.imageHolder, .imageHolder img{
line-height: 0;
display: block;
}
.imagePreloader{
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
}
.iconHolder{
display: block;
position: absolute;
display: none;
cursor: pointer;
}
.magnifyIcon{
background: rgb(0,0,0) url(../images/magnifyIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/magnifyIcon.png) no-repeat center center;
}
.attachmentIcon{
background: rgb(0,0,0) url(../images/attachmentIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/attachmentIcon.png) no-repeat center center;
}
.playIcon{
background: rgb(0,0,0) url(../images/playIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/playIcon.png) no-repeat center center;
}
.documentIcon{
background: rgb(0,0,0) url(../images/documentIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/documentIcon.png) no-repeat center center;
}
.linkIcon{
background: rgb(0,0,0) url(../images/linkIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/linkIcon.png) no-repeat center center;
}
.youtubeIcon{
background: rgb(0,0,0) url(../images/youtubeIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/youtubeIcon.png) no-repeat center center;
}
.vimeoIcon{
background: rgb(0,0,0) url(../images/vimeoIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/vimeoIcon.png) no-repeat center center;
}
.zipIcon{
background: rgb(0,0,0) url(../images/zipIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/zipIcon.png) no-repeat center center;
}
.flashIcon{
background: rgb(0,0,0) url(../images/flashIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/flashIcon.png) no-repeat center center;
}
.pdfIcon{
background: rgb(0,0,0) url(../images/pdfIcon.png) no-repeat center center;
background: rgba(0,0,0,.65) url(../images/pdfIcon.png) no-repeat center center;
}
.img-left{
float: left;
}
.img-right{
float: right;
}
.img-center{
float: none;
}
.smallBorder{
padding: 5px;
}
.mediumBorder{
padding: 10px;
}
.shadowHolder img{
display: block;
margin-left: auto;
margin-right: auto;
}
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../images/preloaders/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}
/* SHORTCODE - Buttons */
#allthebuttons .buttonPro{
margin-right: 20px;
}
#searchsubmit.buttonPro{
margin-right: 0px;
}
.buttonPro{
display: inline-block;
text-decoration: none;
outline: none;
cursor: pointer;
font: bold 12px/1em HelveticaNeue, Arial, sans-serif;
padding: 8px 11px;
color: #555 !important;
text-shadow: 0 1px 0 #fff;
background: #f5f5f5;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
border: none;
}
.buttonPro.addShadow{
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
border: 1px solid #dedede;
border-color: #dedede #d8d8d8 #d3d3d3;
}
.buttonPro:hover, .buttonPro:focus{
color: #555;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
}
.buttonPro:active{
position: relative;
top: 1px;
color: #555 !important;
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
}
.buttonPro.current.white{
position: relative;
top: 1px;
color: #555 !important;
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
cursor: default;
}
.buttonPro.current.white:hover{
position: relative;
top: 1px;
color: #555 !important;
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)) !important;
background: -moz-linear-gradient(top, #eaeaea, #f4f4f4) !important;
cursor: default;
}
.buttonPro.rounded{
padding: 8px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
input.buttonPro, button.buttonPro{
*width: auto; /* IE7 Fix */
*overflow: visible; /* IE7 Fix */
}
.buttonPro img{
border: none;
vertical-align: bottom;
}
.buttonPro.small{
padding: 5px 11px;
font-size: 11px;
font-weight: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.buttonPro.small.rounded{
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
}
.buttonPro.large{
padding: 12px 15px;
font-size: 20px;
font-weight: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.buttonPro.large.rounded{
padding: 12px 22px;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
}
.buttonPro.white{
border: 1px solid #dedede;
border-color: #dedede #d8d8d8 #d3d3d3;
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}
#footer .buttonPro.white{
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
.buttonPro.light_blue{
background: #92dbf6;
background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3));
background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
color: #444 !important;
text-shadow: 0 1px 0 #b6e6f9;
}
.buttonPro.light_blue:hover, .buttonPro.light_blue:focus{
background: #85d6f5;
background: -webkit-gradient(linear, left top, left bottom, from(#b1e9fd), to(#66c6ea)) !important;
background: -moz-linear-gradient(top, #b1e9fd, #66c6ea) !important;
}
.buttonPro.light_blue:active{
background: #92dbf6;
}
.buttonPro.current.light_blue{
position: relative;
top: 1px;
cursor: default;
background: #92dbf6;
}
.buttonPro.current.light_blue:hover{
position: relative;
top: 1px;
cursor: default;
background: #92dbf6 !important;
}
.buttonPro.blue{
background: #377ad0;
background: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0));
background: -moz-linear-gradient(top, #52a8e8, #377ad0);
color: #fff !important;
text-shadow: 0 1px 1px #4081af;
}
.buttonPro.blue:hover, .buttonPro.blue:focus{
background: #206bcb;
background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb)) !important;
background: -moz-linear-gradient(top, #3e9ee5, #206bcb) !important;
}
.buttonPro.blue:active{
background: #3282d3;
text-shadow: 0 -1px 1px #1d62ab;
}
.buttonPro.current.blue{
position: relative;
top: 1px;
cursor: default;
background: #3282d3;
text-shadow: 0 -1px 1px #1d62ab;
}
.buttonPro.current.blue:hover{
position: relative;
top: 1px;
cursor: default;
background: #3282d3;
text-shadow: 0 -1px 1px #1d62ab;
}
.buttonPro.green{
background: #7fbf4d;
background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
background: -moz-linear-gradient(top, #7fbf4d, #63a62f);
color: #fff !important;
text-shadow: 0 1px 0 #53961e;
}
.buttonPro.green:hover, .buttonPro.green:focus{
background: #76b347;
background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a)) !important;
background: -moz-linear-gradient(top, #86c755, #5ea12a) !important;
}
.buttonPro.green:active{
background: #7fbf4d;
}
.buttonPro.current.green{
position: relative;
top: 1px;
cursor: default;
background: #7fbf4d;
}
.buttonPro.current.green:hover{
position: relative;
top: 1px;
cursor: default;
background: #7fbf4d !important;
}
.buttonPro.red{
background: #830000;
background: -webkit-gradient(linear, left top, left bottom, from(#830000), to(#270000));
background: -moz-linear-gradient(top, #830000, #270000);
color: #fff !important;
text-shadow: 0 1px 1px #b10000;
}
.buttonPro.red:hover, .buttonPro.red:focus{
background: #dd3a37;
background: -webkit-gradient(linear, left top, left bottom, from(#b10000), to(#270000)) !important;
background: -moz-linear-gradient(top, #b10000, #270000) !important;
}
.buttonPro.red:active{
background: #830000;
}
.buttonPro.current.red{
position: relative;
top: 1px;
cursor: default;
background: #830000;
}
.buttonPro.current.red:hover{
position: relative;
top: 1px;
cursor: default;
background: #830000 !important;
}
.buttonPro.orange{
background: #ee8f1f;
background: -webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423)) !important;
background: -moz-linear-gradient(top, #f5b026, #f48423) !important;
color: #fff !important;
text-shadow: 0 1px 1px #b85300;
}
.buttonPro.orange:hover, .buttonPro.orange:focus{
background: #e38512;
background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a)) !important;
background: -moz-linear-gradient(top, #ffbb33, #eb7b1a) !important;
}
.buttonPro.orange:active{
background: #ee8f1f;
}
.buttonPro.current.orange{
position: relative;
top: 1px;
cursor: default;
background: #ee8f1f;
}
.buttonPro.current.orange:hover{
position: relative;
top: 1px;
cursor: default;
background: #ee8f1f !important;
}
.buttonPro.yellow{
background: #f9e327;
background: -webkit-gradient(linear, left top, left bottom, from(#fceb4c), to(#ebd611)) !important;
background: -moz-linear-gradient(top, #fceb4c, #ebd611) !important;
color: #444 !important;
text-shadow: 0 1px 1px #ffff98;
}
.buttonPro.yellow:hover, .buttonPro.yellow:focus{
background: #ebd611;
background: -webkit-gradient(linear, left top, left bottom, from(#fffa58), to(#e1cd00)) !important;
background: -moz-linear-gradient(top, #fffa58, #e1cd00) !important;
}
.buttonPro.yellow:active{
background: #f9e327;
}
.buttonPro.current.yellow{
position: relative;
top: 1px;
cursor: default;
background: #f9e327;
}
.buttonPro.current.yellow:hover{
position: relative;
top: 1px;
cursor: default;
background: #f9e327 !important;
}
.buttonPro.pink{
background: #f87bca;
background: -webkit-gradient(linear, left top, left bottom, from(#f87bca), to(#ec56b5)) !important;
background: -moz-linear-gradient(top, #f87bca, #ec56b5) !important;
color: #fff !important;
text-shadow: 0 1px 1px #c02589 !important;
}
.buttonPro.pink:hover, .buttonPro.pink:focus{
background: #f075c3;
background: -webkit-gradient(linear, left top, left bottom, from(#ff85d3), to(#e34dac)) !important;
background: -moz-linear-gradient(top, #ff85d3, #e34dac) !important;
}
.buttonPro.pink:active{
background: #f87bca;
}
.buttonPro.current.pink{
position: relative;
top: 1px;
cursor: default;
background: #f87bca;
}
.buttonPro.current.pink:hover{
position: relative;
top: 1px;
cursor: default;
background: #f87bca !important;
}
.buttonPro.purple{
background: #995dc8;
background: -webkit-gradient(linear, left top, left bottom, from(#c785e5), to(#995dc8)) !important;
background: -moz-linear-gradient(top, #c785e5, #995dc8) !important;
color: #fff !important;
text-shadow: 0 1px 1px #370662;
}
.buttonPro.purple:hover, .buttonPro.purple:focus{
background: #8b50ba;
background: -webkit-gradient(linear, left top, left bottom, from(#cc8aea), to(#884eb8)) !important;
background: -moz-linear-gradient(top, #cc8aea, #884eb8) !important;
}
.buttonPro.purple:active{
background: #995dc8;
}
.buttonPro.current.purple{
position: relative;
top: 1px;
cursor: default;
background: #995dc8;
}
.buttonPro.current.purple:hover{
position: relative;
top: 1px;
cursor: default;
background: #995dc8 !important;
}
.buttonPro.grey{
background: #969696;
background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#818181)) !important;
background: -moz-linear-gradient(top, #ababab, #818181) !important;
color: #fff !important;
text-shadow: 0 1px 1px #444;
}
.buttonPro.grey:hover, .buttonPro.grey:focus{
background: #868686;
background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#6f6f6f)) !important;
background: -moz-linear-gradient(top, #b0b0b0, #6f6f6f) !important;
}
.buttonPro.grey:active{
background: #909090;
}
.buttonPro.current.grey{
position: relative;
top: 1px;
cursor: default;
background: #909090 !important;
}
.buttonPro.current.grey:hover{
position: relative;
top: 1px;
cursor: default;
background: #909090 !important;
}
.buttonPro.black{
background: #525252;
background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343)) !important;
background: -moz-linear-gradient(top, #5e5e5e, #434343) !important;
color: #fff !important;
text-shadow: 0 1px 1px #2e2e2e;
}
.buttonPro.black:hover, .buttonPro.black:focus{
background: #4b4b4b;
background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636)) !important;
background: -moz-linear-gradient(top, #686868, #363636) !important;
}
.buttonPro.black:active{
background: #525252;
}
.buttonPro.current.black{
position: relative;
top: 1px;
cursor: default;
background: #525252 !important;
}
.buttonPro.current.black:hover{
position: relative;
top: 1px;
cursor: default;
background: #525252 !important;
}
/* SHORTCODE - Pricing Box */
.pricingBox{
width: 100%;
background-color: #e4e4e4;
border: 1px solid #d9d9d9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.08, rgb(224,224,224)),
color-stop(0.68, rgb(243,243,243))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(224,224,224) 8%,
rgb(243,243,243) 68%
);
text-align: center;
}
.pricingBox .buttonPro{
margin-right: 0px !important;
}
.pricingBox p{
margin-bottom: 30px !important;
}
.boxTitle{
margin: 20px 0 20px 0;
}
.boxTitle h6, .boxTitle h2{
display: inline;
}
.boxList{
width: 100%;
}
.pricingBox ul{
width: 100%;
background: url(../images/seperator.png) repeat-x 0 top;
padding-top: 2px;
}
.pricingBox ul.listItem li{
margin: 0 !important;
background-position: 0 bottom !important;
text-align: left;
background: url(../images/seperator.png) repeat-x 0 bottom;
}
.pricingBox ul.listItem li:hover{
background-color: #dedede;
cursor: pointer;
}
.two_column ul.listItem li{
padding: 15px 125px 15px 125px;
}
.three_column ul.listItem li{
padding: 15px 50px 15px 50px;
}
.four_column ul.listItem li{
padding: 15px 20px 15px 20px;
}
.checkMe{
background-image: url("../images/li-icons2.png");
background-repeat: no-repeat;
background-attachment: scroll;
padding-left: 25px;
font-size: 13px;
}
.style1 li .checkMe {
background-position: -165px -0px;
}
.style2 li .checkMe {
background-position: -150px -15px;
}
.style3 li .checkMe {
background-position: -135px -30px;
}
.style4 li .checkMe {
background-position: -120px -45px;
}
.style5 li .checkMe {
background-position: -105px -60px;
}
.style6 li .checkMe {
background-position: -90px -75px;
}
.style7 li .checkMe {
background-position: -75px -90px;
}
.style8 li .checkMe {
background-position: -60px -105px;
}
.style9 li .checkMe {
background-position: -45px -120px;
}
.style10 li .checkMe {
background-position: -30px -135px;
}
.style11 li .checkMe {
background-position: -15px -150px;
}
.style12 li .checkMe {
background-position: -0px -165px;
}
.pricingBox.black{
width: 100%;
background-color: #0e0e0e;
border: 1px solid #222222;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.08, rgb(28,28,28)),
color-stop(0.68, rgb(35,35,35))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(28,28,28) 8%,
rgb(35,35,35) 68%
);
text-align: center;
}
.pricingBox.black ul{
background: url(../images/link-divider-jet-black.jpg) repeat-x 0 top;
padding-top: 0px;
}
.pricingBox.black ul.listItem li{
background: url(../images/link-divider-jet-black.jpg) repeat-x 0 bottom;
}
.pricingBox.black ul.listItem li:hover{
background-color: rgb(20,20,20);
cursor: pointer;
}
/* SHORTCODE - Table */
.strong{
font-size:13px;
}
.noRightMargin{
margin-right: 0px !important;
}
.feature{
height: 21px;
vertical-align: middle;
display:inline;
padding-left: 22px;
background-repeat: no-repeat;
}
.included{
background-image: url(../images/smallCheck.png);
}
.notIncluded{
background-image: url(../images/smallX.png);
}
.price{
font-size: 18px;
}
.chromeTable{
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.chromeTable table{
width: 100%;
text-align: left;
border: 1px solid #e4e4e4;
background: #f5f5f5;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
}
.chromeTable table td th{
vertical-align: middle;
}
.chromeTable table td{
padding: 12px;
text-align: center;
border: 1px dotted #e4e4e4;
}
.chromeTable table th{
padding: 15px;
text-align: center;
font-weight: normal;
background: #f5f5f5;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
}
.chromeTable tfoot tr td{
padding: 12px;
text-align: center;
font-weight: normal;
background: #f0f0f0;
}
.chromeTable table tbody tr:hover{
background-color: #fcfcfc;
}
.chromeTable table thead{
border-bottom: 1px solid #dedede;
font-size: 14px;
}
.chromeTable table tfoot{
border-top: 1px solid #dedede;
font-size: 13px;
font-style: italic;
}
.minimalTable{
-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}
.minimalTable table{
width: 100%;
text-align: left;
border: 1px solid #e4e4e4;
background: #ffffff;
color: #999;
}
.minimalTable table td th{
vertical-align: middle;
}
.minimalTable table td{
padding: 12px;
text-align: center;
border: 1px dotted #e4e4e4;
}
.minimalTable table th{
padding: 15px;
text-align: center;
font-weight: normal;
background: #fafafa;
}
.minimalTable tfoot tr td{
padding: 12px;
text-align: center;
font-weight: normal;
background: #fafafa;
}
.minimalTable table tbody tr:hover{
background-color: #fafafa;
}
.minimalTable table thead{
border-bottom: 1px solid #dedede;
font-size: 16px;
}
.minimalTable table tfoot{
border-top: 1px solid #dedede;
font-size: 13px;
font-style: italic;
}
.blueTable table{
width: 100%;
text-align: left;
border: 1px solid #e4e4e4;
background: #f5fbff;
}
.blueTable table td th{
vertical-align: middle;
}
.blueTable table td{
padding: 12px;
text-align: center;
border: 1px dotted #e4e4e4;
}
.blueTable table th{
padding: 15px;
text-align: center;
font-weight: normal;
background: #92dbf6;
background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3));
background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
color: #ffffff;
font-weight: bold;
}
.blueTable tfoot tr td{
padding: 12px;
text-align: center;
font-weight: normal;
background: #92dbf6;
background: -webkit-gradient(linear, left top, left bottom, from(#abe4f8), to(#6fcef3));
background: -moz-linear-gradient(top, #abe4f8, #6fcef3);
color: #ffffff;
font-weight: bold;
}
.blueTable table tbody tr:hover{
background-color: #fff;
}
.blueTable table thead{
border-bottom: 1px solid #dedede;
font-size: 14px;
}
.blueTable table tfoot{
border-top: 1px solid #dedede;
font-size: 13px;
font-style: italic;
}
.darkTable table{
width: 100%;
text-align: left;
border: 1px solid #e4e4e4;
background: #dedede;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
border-color: #dddddd;
color: #000;
}
.darkTable table td th{
vertical-align: middle;
border-color: #dddddd;
}
.darkTable table td{
padding: 12px;
text-align: center;
border: 1px solid #d4d4d4;
}
.darkTable table th{
padding: 15px;
text-align: center;
font-weight: normal;
background: #525252;
background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
background: -moz-linear-gradient(top, #5e5e5e, #434343);
border-color: #dddddd;
color: #ffffff;
}
.darkTable tfoot tr td{
padding: 12px;
text-align: center;
font-weight: normal;
background: #525252;
background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
background: -moz-linear-gradient(top, #5e5e5e, #434343);
border-color: #dddddd;
color: #ffffff;
}
.darkTable table tbody tr:hover{
background-color: #e4e4e4;
}
.darkTable table thead{
border-bottom: 1px solid #0c0c0c;
font-size: 14px;
}
.darkTable table tfoot{
border-top: 1px solid #0c0c0c;
font-size: 13px;
font-style: italic;
}
/* DROP CAP SHORTCODES */
.dropcap1, .dropcap2, .dropcap3, .dropcap4{
display: block;
float: left;
margin: -3px 8px -24px 0;
font-size: 48px;
height: 66px;
}
.dropcap4{
margin-top: -8px !important;
margin-right: 20px !important;
}
.dropcap8{
margin-top: -11px !important;
margin-right: 25px !important;
}
.dropcap12{
margin-top: -15px !important;
margin-right: 30px !important;
}
.dropcap5, .dropcap6, .dropcap7, .dropcap8{
display: block;
float: left;
margin: -4px 8px -18px 0;
font-size: 72px;
}
.dropcap9, .dropcap10, .dropcap11, .dropcap12{
display: block;
float: left;
margin: -4px 8px -18px 0;
font-size: 96px;
}
/* HIGHLIGHT SHORTCODE */
.highlight{
background-color: #007fff;
color: #ffffff;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
/* DELETE */
del {
color: #bdbdbd;
}
/* SOCIAL ICONS */
#floatingSocial ul li{
opacity:0.65;
filter:alpha(opacity=65);
}
.socialIcons ul{
padding:0;
margin:0;
width:100%;
list-style-type: none;
}
.socialIcons li{
float: left;
padding-right: 6px;
}
.social ul{
padding:0;
margin:0;
width:100%;
list-style-type: none;
}
.social li{
float: left;
padding-right: 6px;
}
#postFooter .socialIcons{
float: right;
}
#postFooter .socialIcons ul li{
height: 100%;
}
#postFooter .socialIcons ul li a{
padding-left: 0px;
padding-right: 0px;
}
/* TEAM MEMBER PAGE STYLING */
.teamMemberHolder{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 25px;
}
ul.memberInfo{
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
height: 18px;
}
.memberInfo li{
float: left;
padding-left: 12px;
padding-right: 12px;
display: block;
line-height: 18px;
background-repeat: no-repeat;
background-position: right 2px;
}
.memberInfo li:first-child{
padding-left: 0px;
}
.memberInfo li:last-child{
padding-right: 0px;
background-image: none;
}
.memberSocial{
display: block;
float: left;
}
p#vtip { display: none; position: absolute; padding: 2px 8px 2px 8px; left: 0px; font-family:"Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; color: #ffffff; background-color: #000000; z-index: 9999 }
.memberSocial ul{
margin: 0;
padding-top: 10px;
list-style-type: none;
}
.memberSocial ul li{
float: left;
padding-right: 5px;
}
/*
* jQuery Nivo Slider v2.3
* http://nivo.dev7studios.com
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
/* The Nivo Slider styles */
.nivoPreloader{
background-position: center center;
background-repeat: no-repeat;
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.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:50;
height:100%;
}
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
width:100%;
z-index:89;
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption p {
padding:15px;
margin-bottom:0px !important;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
.nivo-controlNav {
position:absolute;
z-index:99;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
height:44px;
text-indent:-9999px;
border:0;
position:absolute;
top:43%;
z-index:99;
cursor:pointer;
}
a.nivo-nextNav {
background-position:-38px 0;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivo-controlNav {
position:absolute;
line-height: 0;
}
.nivo-controlNav img {
display:inline; /* Unhide the thumbnails */
position:relative;
margin-right:15px;
cursor:pointer;
padding:3px;
}
.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
}
.kwicks li img{
}
.kwicksPreloader{
position:absolute;
top:0px;
background-position: center center;
background-repeat: no-repeat;
}
.kwicks li{
display: block;
overflow: hidden;
padding: 0;
float: left;
}
.kwicks.horizontal li {
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-right: 5px; /*Set to same as spacing option. */
float: left;
}
.kwickShadow{
display: none;
position: absolute;
top: 0px;
right: 0px;
width: 25px;
height: 100%;
background: url(../images/kwickShadow.png) repeat-y;
}
.kwickTitle{
position:absolute;
padding: 15px;
bottom: 0px;
display:none;
}
.kwickDesc{
position:absolute;
padding: 15px;
padding-right:25px;
bottom: 0px;
width: 100%;
display:none;
}
.kwickTitle h1,.kwickTitle h2,.kwickTitle h3, .kwickTitle h4, .kwickTitle h5, .kwickTitle h6, .kwickTitle p{
margin-bottom: 0px !important;
}
.kwickDesc h1, .kwickDesc h2, .kwickDesc h3, .kwickDesc h4, .kwickDesc h5, .kwickDesc h6, .kwickDesc p{
margin-bottom: 0px !important;
}
/*
AnythingSlider v1.5.10+ Default (base) theme
By Chris Coyier: http://css-tricks.com
with major improvements by Doug Neiner: http://pixelgraphics.us/
based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
.sliderAnything{
display:none;
}
div.anythingSlider {
display: block;
/*overflow: hidden; needed for Opera and Safari */
}
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a{
transition-duration: 0;
-o-transition-duration: 0;
-moz-transition-duration: 0;
-webkit-transition-duration: 0;
}
div.anythingSlider .anythingWindow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
div.anythingSlider {
position: relative;
padding: 0;
}
/* anythingSlider base UL */
ul.anythingBase {
background: transparent;
list-style: none;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
ul.anythingBase li.panel {
background: transparent;
display: block;
overflow: hidden;
float: left;
padding: 0;
margin: 0;
}
/* Anything Slider */
.anythingVimeo{
background-position: center center;
background-repeat: no-repeat;
}
div.anythingSlider .arrow {
top: 48%;
position: absolute;
display: block;
z-index:100;
}
div.anythingSlider .arrow a {
display: block;
height: 32px;
margin: -16px 0 0 0; /* half height of image */
width: 34px;
text-align: center;
outline: 0;
}
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
div.anythingSlider .forward { right: 10px; }
div.anythingSlider .back { left: 10px; }
div.anythingSlider .forward a { background-position: -34px 0px; }
div.anythingSlider .back a { background-position: 0px 0px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
div.anythingSlider .back.disabled { display: none; }
/* END Navigation Arrows */
/* Controls - Bullets */
div.anythingSlider .anythingControls {
outline: 0;
display: none;
position:absolute;
line-height:0;
}
div.anythingSlider .thumbNav { margin: 0; padding: 0; line-height:0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
display: inline-block;
text-decoration: none;
padding: 0px 0px;
width: 22px;
height: 22px;
margin: 0 0 0 0;
background-image: url(../images/bullets/bullets-3.png);
outline: 0;
}
div.anythingSlider .thumbNav a:hover, div.anythingSlider .thumbNav a.cur{
background-position: 0 -22px;
}
/* END Controls - Bullets */
/* ADDED TO REMOVE START STOP BUTTON */
div.anythingControls .start-stop{
display:none !important;
}
div.anythingControls span{
display:none !important;
}
/* For Specific Slides */
.textSlide { padding: 10px 30px; }
.textSlide h3 { font: 20px Georgia, Serif; }
.textSlide h4 { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
.textSlide ul { list-style: disc; margin: 0; padding-left: 20px; }
.textSlide ul li { display: list-item; }
.rightside { float: right; margin: 0 0 2px 10px; }
.quoteSlide { padding: 30px; }
.quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
.quoteSlide p { text-align: center; }
/* Set slider1 panel 5 stuff - adding padding directly to the panel will
shift panels after it, so we need a wrapper */
#slider1 .panel5 ul { width: 225px; margin: 0 5px 0 15px; }
/* DEMO SLIDE STYLING */
.vimeoSlide{
background: #e4e4e4;
background: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#eeeeee));
background: -moz-linear-gradient(top, #e4e4e4, #eeeeee);
padding: 35px;
height: 100%
}
.framedSlide{
width: 198px;
padding: 15px;
background-color: #f1f1f1;
border: 1px solid #e2e2e2;
}
.framedFullWidth{
background-color: #F1F1F1;
border: 1px solid #E2E2E2;
padding: 20px;
}
.framedText{
padding-top: 20px;
}
.testimonialQuote{
display: block;
width: 45px;
height: 30px;
margin-top: 6px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.testimonialContent{
width: 335px;
background: rgb(255,255,255);
background: rgba(255,255,255,.7);
position:relative;
top:60px;
left:60px;
padding:30px;
}
#portfolioCategories{
background-repeat: repeat-x;
height:30px;
line-height:30px;
border:none;
width:100%;
overflow:visible;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#portfolioCategories li, #portfolioCategories li{
list-style-type:none;
float:left;
padding-left:10px;
}
#portfolioCategories a{
height:30px;
display:block;
background-repeat: no-repeat;
background-position: top right;
padding-right: 15px;
text-decoration: none;
}
/* TABS STYLING */
/* NON-STYLE SPECIFIC TABS */
.tabs1menu{
float: left;
width: 22%;
height: 389px;
}
.tabs1menu li{
padding: 20px;
background-repeat: repeat-x;
background-position: left bottom;
}
.optionsTabs1 .panels{
float: left;
width: 70%;
padding: 4%;
}
.tabs2menu li:hover, .tabs1menu li:hover{
cursor: pointer;
}
.optionsTabs2 .panels{
padding: 25px;
}
.tabs2menu{
height: 54px;
}
.tabs2menu li{
float: left;
padding: 20px;
background-repeat: repeat-y;
background-position: right top;
}
.tabs2menu ul li:first-child{
padding-left: 25px;
}
.tabs2menu li.current{
border-bottom: none;
}
/* STYLE SPECIFIC TABS -- LIGHT SKIN */
.fancyBoxLight{
background-color: #fff;
-moz-box-shadow: 0 0 4px #d4d4d4;
-webkit-box-shadow: 0 0 4px #d4d4d4;
box-shadow: 0 0 4px #d4d4d4;
border: 1px solid #ffffff;
}
.fancyBoxLight .panels{
background-color: #fff;
}
.fancyBoxLight .tabs1menu{
background-color: #f9f9f9;
border-right: 1px solid #e5e5e5;
}
.fancyBoxLight .tabs1menu li{
background-image: url(../images/tab1divider.png);
}
.fancyBoxLight .tabs2menu li.current, .fancyBoxLight .tabs2menu li.current:hover, .fancyBoxLight .tabs1menu li.current, .fancyBoxLight .tabs1menu li.current:hover{
background-color: #fff;
}
.fancyBoxLight .tabs2menu li:hover, .fancyBoxLight .tabs1menu li:hover{
background-color: #fcfcfc;
}
.fancyBoxLight .tabs2menu{
background-color: #f9f9f9;
border-bottom: 1px solid #e5e5e5;
}
.fancyBoxLight .tabs2menu li{
background-image: url(../images/tab2divider.png);
}
.fancyBoxLight .tabs2menu li.current{
background-color: #fff;
border-bottom: 1px solid #fff;
}
/* STYLE SPECIFIC TABS -- DARK SKIN */
.fancyBoxDark{
background-color: #1d1d1d;
-moz-box-shadow: 0 0 4px #0f0f0f;
-webkit-box-shadow: 0 0 4px #0f0f0f;
box-shadow: 0 0 4px #0f0f0f;
border: 1px solid #242424;
}
.fancyBoxDark .panels{
background-color: #1d1d1d;;
}
.fancyBoxDark .tabs1menu, .fancyBoxDark .tabs2menu{
background-color: #1c1c1c;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.08, rgb(28,28,28)),
color-stop(0.68, rgb(35,35,35))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(28,28,28) 8%,
rgb(35,35,35) 68%
);
}
.fancyBoxDark .tabs2menu{
border-bottom: 1px solid #111;
}
.fancyBoxDark .tabs1menu li{
background-image: url(../images/link-divider-jet-black.jpg);
}
.fancyBoxDark .tabs2menu li{
background-image: url(../images/tab-divider-dark.png);
}
.fancyBoxDark .tabs2menu li:hover, .fancyBoxDark .tabs1menu li:hover{
background-color: #282828;
}
.fancyBoxDark .tabs2menu li.current, .fancyBoxDark .tabs2menu li.current:hover, .fancyBoxDark .tabs1menu li.current, .fancyBoxDark .tabs1menu li.current:hover{
background-color: #2f2f2f;
}