/*
Theme Name: Classy
Theme URI: http://www.wpexplorer.com
Description: A premium WordPress theme by AJ Clarke from <a href="http://www.wpexplorer.com">WPExplorer.com</a>
Author: AJ Clarke
Version: 1.06
License: GPL
License URI: http://themeforest.net/
*/

/*Import 960GS grid CSS*/
@import url('./css/960.css');

/*-----------------------------------------------------------------------------------*
/*Reset
/*-----------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
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: """" }
/*-----------------------------------------------------------------------------------*
/*Body, Common Classes &Structure
/*-----------------------------------------------------------------------------------*/
body {
    background: #EEE;
    font-size: 12px;
    line-height: 1.6em;
    color: #666;
    font-family: Georgia,"Times New Roman",Times,serif;
    margin: 30px 0;
}
a {
    text-decoration: none;
    color: #2687b4;
}
a:hover {
    text-decoration: none;
    color: #ef4034;
}
p { margin: 0 0 1em }
small{ font-size: 10px; }
strong { font-weight: 700 }
em { font-style: italic }
pre,
code{
	margin: 5px 0;
	background: #F8F8F8 url('images/pre-code-bg.png') repeat;
	border: 1px solid #E0E0E0;
	line-height: 20px;
	padding: 0px 5px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
blockquote {
    border-left: 3px solid #000;
	padding-left: 20px;
    margin: 20px 0;
}
#wrap {
    background: #FFF;
	padding: 0 10px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.10);
}
#main { padding: 30px 0px; }
.remove-margin { margin-right: 0 !important }
/*-----------------------------------------------------------------------------------*
/*Headings
/*-----------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4 {
    line-height: 1.5em;
    font-weight: normal;
    text-transform: capitalize;
    color: #000;
}
h1 {
    margin-bottom: 30px;
    line-height: 1.2em;
    font-size: 28px;
}
h2 { font-size: 21px }
h3 { font-size: 16px }
h4 { font-size: 14px }
h2,
h3,
h4,
h5,
h6 {
    margin-top: 30px;
    margin-bottom: 15px;
}
h1 a,
h2 a,
h3 a,
h4 a { color: #000 }
/*-----------------------------------------------------------------------------------*
/* Alignments & WP Styles
/*-----------------------------------------------------------------------------------*/
/*aligns*/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright {
    float: right;
    margin: 10px 0 10px 10px;
}
.alignleft {
    float: left;
    margin: 10px 10px 10px 0;
}
/*floats*/
.floatleft { float: left }
.floatright { float: right }
/*text styles*/
.textcenter { text-align: center }
.textright { text-align: right }
.textleft { text-align: left }
/*captions*/
.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;
}
/*tagclod*/
.tagcloud a {
    display: block;
    float: left;
	line-height: 1em;
	font-size: 12px !important;
    padding: 6px 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    background: #E4E4E3 url('images/filter-button.png') repeat-x;
    border: 1px solid #CCC;
    color: #555;
    text-shadow: 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.tagcloud a:hover { background: #F8F8F8 }

#footer .tagcloud a{
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*-----------------------------------------------------------------------------------*
/*Header
/*-----------------------------------------------------------------------------------*/
#header {
    position: relative;
    padding: 20px 0;
}
#header-logo h2,
#header-logo h1 {
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
}
#header-logo h2 a,
#header-logo h1 a {
    color: #666;
    text-decoration: none;
}
#header-logo h2 a:hover,
#header-logo h1 a:hover { color: #999 }
#header-details {
    color: #333;
    text-align: right;
}
#header-logo a img,
#header-logo a{
	padding: 0px;
	margin: 0px;
	display: block;
}
/*full-width logo class*/
.full-logo{
	width: 980px;
	min-height: 100px;
	margin: -20px -10px;
}
/*phone number*/
#phone{
	position: absolute;
	right: 25px;
	top: 25px;
	text-align: right;
	font-size: 16px;
	color: #333;
}

/*searchform*/
#search-wrap {
	right: 25px;
	top: 55px;
	position:absolute
}
#search {
	width: 160px;
    font-size: 12px;
	height: 28px;
	line-height: 28px;
    padding: 0px 30px 0px 5px;
    background: #FFF url('images/input-bg.png') top repeat-x;
    border: 1px solid #d5d4d4;
    outline: none;
    color: #999;
}
#search:focus {
   
}
#searchsubmit{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 34px;
	height: 30px;
	background: url('images/search-btn.png') no-repeat;
	outline: none;
	border: none;
	cursor: pointer;
	
}
#searchsubmit:hover,
#searchsubmit:focus{
	background-position: 0px -30px;
}

/*reset absolute sidebar position for use as a widget*/
#sidebar #search-wrap {
	position: relative;
	top: 0;
	left: 0;
}

/*-----------------------------------------------------------------------------------*
/*    6.    Navigation
/*-----------------------------------------------------------------------------------*/
#navigation {
	position: relative;
	z-index: 99;
	margin: 0 -10px;
	padding: 0 20px;
	height: 35px;
	font-size: 1em;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #fff url('images/navigation/nav-default.png') repeat;
}
/*** ESSENTIAL Navigation Style ***/
.sf-menu {
    float: left;
    width: auto;
}
.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;
}
.sf-menu ul li { width: 100% }
.sf-menu li:hover { visibility: inherit }
.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: 35px;
    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;
    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;
    top: 0;
}
/*** navigation skin ***/
.sf-menu {
    float: left;
    border-right: 1px solid #CCC;
	border-left: 1px solid #FFF;
}
.sf-menu a {
	height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #666;
    text-shadow: 0px 1px 0px #fff;
    border-right: 1px solid #FFF;
    border-left: 1px solid #CCC;
    background: #fff url('images/navigation/nav-default.png') repeat;
	overflow: hidden;
}
/*links hover*/
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active,
li.sfHover a,
.sf-menu ul li.sfHover a,
.sf-menu ul li.sfHover li a:hover {
    color: #FFF;
    text-shadow: none;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    background: #DDD url('images/navigation/skins/nav-default-hover.png') repeat;
}
li.sfHover li a,
.sf-menu ul li.sfHover li a {
    color: #666;
    text-shadow: 0px 1px 0px #fff;
    background: #fff url('images/navigation/nav-default.png') repeat;
}
/*second level styling*/
.sf-menu ul {
    border: 1px solid #CCC;
    border-top: none;
}
.sf-menu li ul { border-top: 1px solid #CCC }
.sf-menu li li { }
.sf-menu ul a {
    font-weight: normal;
    padding: 0px 15px;
    margin: 0px !important;
    border: none;
    border-top: 1px solid #ddd;
}
.sf-menu ul li:first-child a,
.sf-menu ul a:hover,
.sf-menu ul li.sfHover li a:hover { border-top: 1px solid transparent }
/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    width: 12px;
    height: 12px;
    text-indent: -999em;
    overflow: hidden;
    background: url('images/navigation/nav_down.png');
}
a >.sf-sub-indicator { top: 1em }
a:focus >.sf-sub-indicator,
a:hover >.sf-sub-indicator,
a:active >.sf-sub-indicator,
li:hover >a >.sf-sub-indicator,
li.sfHover >a >.sf-sub-indicator { background: url('images/navigation/nav_down_white.png') }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    top: 1em;
    background: url('images/navigation/nav_right.png');
}
.sf-menu ul a:focus >.sf-sub-indicator,
.sf-menu ul a:hover >.sf-sub-indicator,
.sf-menu ul a:active >.sf-sub-indicator,
.sf-menu ul li:hover >a >.sf-sub-indicator,
.sf-menu ul li.sfHover >a >.sf-sub-indicator { background: url('images/navigation/nav_right_white.png') }
/*navigation icon main style*/
.navicon-home >a:first-child:before,
.navicon-briefcase >a:first-child:before,
.navicon-image >a:first-child:before,
.navicon-admin >a:first-child:before,
.navicon-chat >a:first-child:before,
.navicon-brush >a:first-child:before,
.navicon-mail >a:first-child:before,
.navicon-pencil >a:first-child:before,
.navicon-preview >a:first-child:before,
.navicon-link >a:first-child:before,
.navicon-download >a:first-child:before,
.navicon-rss >a:first-child:before,
.navicon-shoppingcart >a:first-child:before,
.navicon-piggybank >a:first-child:before,
.navicon-scissors >a:first-child:before,
.navicon-help >a:first-child:before,
.navicon-shoppingbasket >a:first-child:before,
.navicon-map >a:first-child:before,
.navicon-camera >a:first-child:before,
.navicon-globe >a:first-child:before,
.navicon-money >a:first-child:before {
    content: "";
    display: block;
    float: left;
    height: 35px;
    width: 18px;
    margin-right: 7px;
	margin-left: -2px;
    background-position: center center;
    background-repeat: no-repeat;
}
/*navigation icon backgrounds*/
.navicon-home >a:first-child:before { background-image: url('images/icons/home_gray.png') }
.navicon-briefcase >a:first-child:before { background-image: url('images/icons/briefcase_gray.png') }
.navicon-image >a:first-child:before { background-image: url('images/icons/image_gray.png') }
.navicon-admin >a:first-child:before { background-image: url('images/icons/admin_gray.png') }
.navicon-chat >a:first-child:before { background-image: url('images/icons/chat_gray.png') }
.navicon-brush >a:first-child:before { background-image: url('images/icons/brush_gray.png') }
.navicon-mail >a:first-child:before { background-image: url('images/icons/mail_gray.png') }
.navicon-pencil >a:first-child:before { background-image: url('images/icons/pencil_gray.png') }
.navicon-preview >a:first-child:before { background-image: url('images/icons/preview_gray.png') }
.navicon-download >a:first-child:before { background-image: url('images/icons/download_gray.png') }
.navicon-link >a:first-child:before { background-image: url('images/icons/link_gray.png') }
.navicon-rss >a:first-child:before { background-image: url('images/icons/rss_gray.png') }
.navicon-shoppingcart >a:first-child:before { background-image: url('images/icons/shopping_cart_gray.png') }
.navicon-piggybank >a:first-child:before { background-image: url('images/icons/piggy_bank_gray.png') }
.navicon-scissors >a:first-child:before { background-image: url('images/icons/scissors_gray.png') }
.navicon-help >a:first-child:before { background-image: url('images/icons/help_gray.png') }
.navicon-shoppingbasket >a:first-child:before { background-image: url('images/icons/shopping_basket_gray.png') }
.navicon-map >a:first-child:before { background-image: url('images/icons/map_gray.png') }
.navicon-camera >a:first-child:before { background-image: url('images/icons/camera_gray.png') }
.navicon-globe >a:first-child:before { background-image: url('images/icons/globe_gray.png') }
.navicon-money >a:first-child:before { background-image: url('images/icons/money_gray.png') }

/*-----------------------------------------------------------------------------------*
/* Home Static
/*-----------------------------------------------------------------------------------*/
#static-home-content{
	margin-top: -30px;
	margin-left: -25px;
	margin-right: -25px;
}
/*-----------------------------------------------------------------------------------*
/* Home Highlights
/*-----------------------------------------------------------------------------------*/
#home-highlights {
	margin-top: 20px;
	margin-bottom: 30px;
}
#home-highlights h2 {
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.home-highlight-item { padding: 10px; }
/*-----------------------------------------------------------------------------------*
/* Home Services
/*-----------------------------------------------------------------------------------*/
#home-services{
	margin-bottom: 30px;
}
#home-services h2 {
    font-size: 18px;
	margin-top: 0px;
    margin-bottom: 20px;
	height: 46px;
	line-height: 46px;
	text-align: left;
	background: url('images/patterns/home-heading.png') repeat-x;
}
#home-services h2 span{
	background: #FFF;
	margin-left: 30px;
	padding: 0px 10px;
}
#home-services .service-item h3{
	margin-top: 0px;
	font-size: 14px;
}

/*-----------------------------------------------------------------------------------*
/* Home Latest Portfolio
/*-----------------------------------------------------------------------------------*/
#home-portfolio{
	margin-bottom: 30px;
}
#home-portfolio h2 {
    font-size: 18px;
	margin-top: 0px;
    margin-bottom: 20px;
	height: 46px;
	line-height: 46px;
	text-align: left;
	background: url('images/patterns/home-heading.png') repeat-x;
}
#home-portfolio h2 span{
	background: #FFF;
	margin-left: 30px;
	padding: 0px 10px;
}
/* carousel */
#portfolio-carousel {
	position: relative;
	height: 150px;
}
#portfolio-carousel img{
	padding: 4px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
.horizontal {
    width: 930px;
    height: 160px;
}
.horizontal .carousel {
    width: 930px;
    height: 150px;
    position: relative;
}
.horizontal .carousel_container {
    width: 930px;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.horizontal ul {
    margin: 0px;
    nowhitespace: afterproperty;
    padding: 0px;
    height: 150px;
    width: 930px;
    /* will be overwritten by javascript*/
}
.horizontal ul li {
    width: 210px;
    height: 150px;
    display: block;
    float: left;
    margin-right: 30px;
    position: relative;
}
.carousel_prev,
.carousel_next {
    position: absolute;
    bottom: -38px;
	text-indent: -9999px;
	height: 30px;
	width: 30px;
    background: url('images/carousel-arrows.png') no-repeat;
}
.carousel_prev { right: 35px; }
.carousel_next { right:0px; background-position: -30px 0px ; }
.carousel_prev:hover{ background-position: 0px -30px; }
.carousel_next:hover { background-position: -30px -30px; }

#portfolio-carousel .disable{ background: ; }

/*-----------------------------------------------------------------------------------*
/* Homepage - Latest Blog Posts
/*-----------------------------------------------------------------------------------*/
#home-blog { }
.home-blog-item{
	margin-bottom: 20px;
	padding: 15px;
	background: #F4F4F4;
	overflow: hidden;
}
.home-blog-item > .read-more {
	font-size: 10px;
	float: right;
	display: block;
	padding: 2px 7px;
	background: #E4E4E3 url('images/filter-button.png') repeat-x;
    border: 1px solid #CCC;
    color: #555;
    text-shadow: 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
}
.home-blog-item > .read-more:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.home-blog-meta {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
    color: #999;
    margin-bottom: 10px;
	padding-bottom: 5px;
    background: url('images/patterns/dots.png') bottom repeat-x;
}
#home-blog img{
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #CCC;
}
#home-blog h2 {
    font-size: 18px;
	margin-top: 0px;
    margin-bottom: 20px;
	height: 46px;
	line-height: 46px;
	text-align: left;
	background: url('images/patterns/home-heading.png') repeat-x;
}
#home-blog h2 span{
	background: #FFF;
	margin-left: 30px;
	padding: 0px 10px;
}
#home-blog h3 {
    font-size: 14px;
    margin: 0px;
}
/*-----------------------------------------------------------------------------------*
/* Testimonials Page
/*-----------------------------------------------------------------------------------*/
#testimonials-wrap {
	margin-bottom: 40px;
}
.testimonial {
	line-height: 1.8em;
    position: relative;
    padding: 20px 20px 20px 50px;
    border: 1px solid #ECECEC;
	margin-top: 30px;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-image: url('images/quote.png');
	background-position: 18px 26px;
	background-repeat: no-repeat;
}
.testimonial-left{
	margin-right: 200px;
	-moz-box-shadow: 1px 1px 2px #EEE;
    -webkit-box-shadow: 1px 1px 2px #EEE;
    box-shadow: 1px 1px 2px #EEE;
	
}
.testimonial-right{
	margin-left: 200px;
	-moz-box-shadow: -1px 1px 2px #EEE;
    -webkit-box-shadow: 1px 1px 2px #EEE;
    box-shadow: -1px 1px 2px #EEE;
}

.testimonial p {
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.testimonial-avatar{
    position: absolute;
    height: 50px;
    width: 50px;
    margin: 0px;
    position: absolute;
    padding: 3px;
    border: 1px solid #EEE;
    bottom: -75px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.testimonial-left > .testimonial-avatar { left: 0px }
.testimonial-right > .testimonial-avatar{ right: 0px }
.testimonial-meta{
    position: absolute;
    position: absolute;
    bottom: -60px;
	color: #999;
}
.testimonial-meta strong{
	font-weight: normal;
	color: #333;
}
.testimonial-left > .testimonial-meta{ left: 70px }
.testimonial-right > .testimonial-meta{right: 70px }
.testimonial-arrow{
    position: absolute;
    bottom: -12px;
    display: block;
    height: 12px;
    width: 20px;
    background: url('images/testimonial-arrow.png') no-repeat;
}
.testimonial-left > .testimonial-arrow { left: 10px }
.testimonial-right > .testimonial-arrow { right: 10px }
/*typography*/
.testimonial h2 {
    margin-top: 0px;
    margin-bottom: 10px;
	padding-bottom: 5px;
    font-size: 18px;
}
/*-----------------------------------------------------------------------------------*
/* Services Page
/*-----------------------------------------------------------------------------------*/
#services-wrap { }
.service-item {
	position: relative;
}
.service-item p{
	padding: 0px !important;
	margin: 0px !important;
}
.service-item-margin { margin-left: 40px }
.service-item-icon {
    position: absolute;
    top: 0px;
    left: -40px;
}
/*typography*/
.service-item h2 { font-size: 16px }
/*-----------------------------------------------------------------------------------*
/* Staff Page
/*-----------------------------------------------------------------------------------*/
#staff-wrap { margin-top: 20px }
#staff-wrap > .grid_4 { margin-top: 20px }
.staff-member {
    position: relative;
    padding: 9px;
    background-color: #FAF9F5;
    border: 1px solid #EEE;
}
.staff-member:hover { border-color: #CCC }
#staff-wrap h2 {
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}
#staff-wrap h2 a { color: #10587a }
#staff-wrap h2 a:hover { text-decoration: underline }
/*staff categories*/
#staff-cats { padding-bottom: 20px; background: url('images/patterns/dots.png') bottom repeat-x; margin-bottom: 40px }
#staff-cats ul { list-style: none }
#staff-cats span,
#staff-cats a {
	position: relative;
    display: block;
    float: left;
    padding: 0px 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    background: #E4E4E3 url('images/filter-button.png') repeat-x;
    border: 1px solid #CCC;
    color: #555;
    text-shadow: 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
    transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
}
#staff-cats a:hover { background: #EEE }
#staff-cats .current-cat > a { background: #F8F8F8 }
/*single staff page*/
#single-staff-image {
    padding: 5px;
    background-color: #FAF9F5;
    border: 1px solid #CCC;
    -moz-box-shadow: 3px 3px 5px #CCC;
    -webkit-box-shadow: 3px 3px 5px #CCC;
    box-shadow: 3px 3px 5px #CCC;
}
#staff-meta { margin-left: 10px }
#staff-meta span {
    font-weight: bold;
    color: #333;
    margin-right: 10px;
}
#staff-meta p {
    margin: 0 0 15px;
    padding-bottom: 15px;
    background: url('images/patterns/dots.png') bottom repeat-x;
}
#staff-social {
    list-style: none;
    margin: 20px 0px 0px !important;
}
#staff-social > li {
    float: left;
    margin-right: 3px;
}
#staff-social a { display: block }
/*tipsy tooltips for staff page*/
.tipsy {
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(images/tipsy.gif);
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tipsy-south { background-position: bottom center }
/*-----------------------------------------------------------------------------------*
/* Portfolio
/*-----------------------------------------------------------------------------------*/
#portfolio-wrap { }
#portfolio-details {
	font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    background: url('images/patterns/dots.png') bottom repeat-x;
}
/*portfolio categories*/
#portfolio-cats { padding-bottom: 20px; background: url('images/patterns/dots.png') bottom repeat-x; margin-bottom: 40px }
#portfolio-cats ul { list-style: none }
#portfolio-cats span,
#portfolio-cats a {
	position: relative;
    display: block;
    float: left;
    padding: 0px 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    background: #E4E4E3 url('images/filter-button.png') repeat-x;
    border: 1px solid #CCC;
    color: #555;
    text-shadow: 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
    transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
}
#portfolio-cats a:hover { background: #EEE }
#portfolio-cats .current-cat > a { background: #F8F8F8 }
/*portfolio items*/
.portfolio-item { margin-bottom: 40px }
.portfolio-item img{
	padding: 4px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
/*portfolio headings*/
#portfolio-wrap h2 {
    margin: 10px 0px;
    font-size: 12px;
    font-weight: bold;
}
/*
    single portfolio -----------------------> 
*/
#related-portfolio { margin-top: 20px; margin-bottom: 20px; }
#related-portfolio #portfolio-carousel ul { margin: 0px !important }
#related-portfolio h2 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
	height: 46px;
	line-height: 46px;
	text-align: left;
	background: url('images/patterns/home-heading.png') repeat-x;
}

#related-portfolio h2 span{
	background: #FFF;
	margin-left: 30px;
	padding: 0px 10px;
}
/*slider*/
#slides_single .slides_container {
    width: 530px;
	height: auto;
    display: none;
}
#slides_single .slides_container img{
	display: block;
}
#slides_single .single_slide {
    width: 530px;
    height: 100px;
    display: block;
}
#slides_single .single_slide img{
    display: block;
}
#slides_single .pagination { margin: 10px 0px 0px !important }

/* Single Portfolio Right*/
#portfolio-right-below{
	margin-top: 10px;
}
/*
/*-----------------------------------------------------------------------------------*
/* Content Slider
/*-----------------------------------------------------------------------------------*/
#slider-container { margin-bottom: 40px }
.home-slides-slider{
	margin-top: -30px;
	margin-left: -25px;
	margin-right: -25px;
	padding-bottom: 20px;
	background: url('images/patterns/dots.png') bottom repeat-x;
}
#slides .slides_container {
    width: 980px;
    display: none;
	overflow: hidden;
}
#slides .slides_container .single_slide {
    width: 980px;
    min-height: 100px;
    display: block;
}

#slides .slide-image{
	height: 400px;
}

/*slides padding*/
.slide-padding{
	width: 930px !important;
	padding: 25px !important;
}

/*slides pagination*/
.slides-js .pagination {
    margin-top: 20px;
	margin-right: 25px;
    list-style: none;
	float: right;
}
.slides-js .pagination li { float: left }
.slides-js .pagination  a {
    font-size: 10px;
    display: block;
    float: left;
    background: #FFF url('images/navigation/skins/nav-default.png') bottom repeat;
    color: #666;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: bold;
    border: 1px solid #CCC;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 5px;
    -moz-box-shadow: 1px 1px 1px #CCC;
    -webkit-box-shadow: 1px 1px 1px #CCC;
    box-shadow: 1px 1px 1px #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.slides-js .pagination a:hover,
.slides-js .pagination li.current a {
    border-color: #666;
    background: #A2A4A8 url('images/navigation/skins/nav-default-hover.png') bottom repeat;
    color: #FFF;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/*slides typography*/
#slides h2 {
    margin-top: 0px;
    line-height: 1em;
}


/*custom element styling for slider*/
.slides-js .pricing-table-wrap { margin: 0px !important; }

/*-----------------------------------------------------------------------------------*/
/*    NivoSlider
/*-----------------------------------------------------------------------------------*/
#slider_nivo {
    position: relative;
    width: 980px;
	margin-top: -30px;
	margin-left: -25px;
	margin-right: -25px;
	margin-bottom: 30px;
    height: 400px;
    overflow: hidden;
}
.nivoSlider { position: relative }
.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 930px;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}
.nivo-directionNav a {
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 1000;
    top: 178px;
    cursor: pointer;
}
.nivo-prevNav,
.nivo-nextNav {
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.nivo-prevNav:hover,
.nivo-nextNav:hover {
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
.nivo-nextNav {
    background: url('images/sliders/nivo-right-arrow.png');
    right: 20px;
}
.nivo-prevNav {
    background: url('images/sliders/nivo-left-arrow.png');
    left: 20px;
}
.nivo-controlNav a.active { font-weight: bold }
.nivo-caption {
    display: hidden;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #000;
    width: 100%;
    z-index: 8;
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
}
.nivo-caption p {
    color: #fff;
    text-align: left;
    font-size: 14px;
    margin: 0;
}
.nivo-controlNav {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 10px;
    right: 10px;
    padding: 0;
}
.nivo-controlNav a {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url('images/sliders/bullets.png') no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden;
}
.nivo-controlNav a.active {
    background-position: -8px 0;
    margin-right: -1px;
    margin-left: 6px;
}
/*-----------------------------------------------------------------------------------*
/* Entries
/*-----------------------------------------------------------------------------------*/
.entry {
    margin-bottom: 30px;
    padding-bottom: 30px;
    background: url('images/patterns/diagonal.png') bottom repeat-x;
}
.entry img{
	padding: 4px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
.entry h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.post-meta-entry {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    margin: 10px 0px;
    padding-bottom: 7px;
    background: url('images/patterns/dots.png') bottom repeat-x;
}
.loop-full-meta{
	margin-bottom: 20px;
}

.entry > .read-more {
	font-size: 10px;
	float: right;
	display: block;
	padding: 2px 7px;
	background: #E4E4E3 url('images/filter-button.png') repeat-x;
    border: 1px solid #CCC;
    color: #555;
    text-shadow: 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
}
.entry > .read-more:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
/*-----------------------------------------------------------------------------------*
/* Posts & Pages
/*-----------------------------------------------------------------------------------*/
#post {
    float: left;
    width: 650px;
}
.full-width { width: 930px !important }
#page-description {
    font-size: 16px;
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: url('images/patterns/diagonal.png') bottom repeat-x;
}
#page-description p {
    margin: 0;
    padding: 0;
}
#page-header{
	margin: -30px -25px 30px;
}
.post-meta {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
	padding-bottom: 10px;
    margin-bottom: 30px;
	color: #999;
    background: url('images/patterns/dots.png') bottom repeat-x;
}
span.meta-date {
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	padding-left: 25px;
	margin-right: 10px;
	background: url('images/meta-date.png') left center no-repeat;
}
span.meta-category {
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	padding-left: 21px;
	background: url('images/meta-category.png') left center no-repeat;
}
.single-featured-image{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 4px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
/*post elements*/
h1#post-title { margin-bottom: 10px }
#post ul,
#post ol {
    margin-left: 30px;
    margin-bottom: 10px;
}
/*post tags*/
.post-tags { margin-top: 40px }
.post-tags a {
    display: block;
    float: left;
    padding: 0px 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #E4E4E3 url('images/filter-button.png') repeat-x;
    border: 1px solid #CCC;
    color: #555;
    text-shadow: 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.post-tags a:hover { background: #F8F8F8 }
/*post author*/
#post-author {
    margin: 20px 0;
    padding-top: 20px;
    background: url('images/patterns/diagonal.png') top repeat-x;
}
#post-author h3 { margin: 0 0 20px }
#post-author img{
	padding: 2px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
/*related posts*/
#related-posts {
    margin: 20px 0 0;
    padding-top: 30px;
    background: url('images/patterns/diagonal.png') top repeat-x;
}
#related-posts h3 { margin: 0 0 20px }
#related-posts h4 {
    font-size: 14px;
    margin: 0 0 5px;
}
.related-post { margin-top: 20px }
.related-post img{
	padding: 2px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
.related-post a:hover img{
	-moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

/*sitemap template*/
#sitemap-template ul{
	list-style: none;
	margin: 0px;
}
#sitemap-template li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EEE;
}
#sitemap-template li a {
    padding-left: 15px;
    background: url('images/arrow-left.png') left no-repeat;
}
/*-----------------------------------------------------------------------------------*
/* 404 Page
/*-----------------------------------------------------------------------------------*/
#error-page-title{
	font-size: 300px;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif !important;
	color: #D5D5D5;
}
#error-page-text{
	text-align: center;
	font-size: 24px;
}
/*-----------------------------------------------------------------------------------*
/* Comments
/*-----------------------------------------------------------------------------------*/
#comments {
    margin: 20px 0px 40px;
    padding-top: 30px;
    background: url('images/patterns/diagonal.png') top repeat-x;
}
#commentsbox { margin-top: 30px }
#commentsbox ol,
#commentsbox ul {
    list-style: none;
    margin-left: 0 !important;
}
#commentsbox li { }
.children {
    list-style: none;
    margin: 30px 0 0;
    text-indent: 0;
}
.children li.depth-2 { margin: 0 0 0px 50px }
.children li.depth-3 { margin: 0 0 0px 50px }
.children li.depth-4 { margin: 0 0 0px 50px }
.children li.depth-5 { margin: 0 0 0px 50px }
.comment-body {
    background: #000;
    position: relative;
    margin-left: 60px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    background: url('images/patterns/dots.png') bottom repeat-x;
}
#commentsbox .avatar {
    position: absolute;
    left: -60px;
    top: 0px;
	padding: 2px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
.comment-author {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    line-height: 1em;
}
.says { display: none }
.comment-meta a {
    margin-bottom: 10px;
    font-size: 10px;
    font-style: italic;
    color: #666;
}
.comment-meta { margin-bottom: 10px; }
.comment-reply-link { }
.cancel-comment-reply a { color: #F00 }
.cancel-comment-reply a:hover { text-decoration: underline }
#respond { margin: 40px 0 15px }
#comments-respond {
    clear: both;
    margin: 20px 0px;
}
#respond input#author,
#respond input#email,
#respond input#url,
#respond textarea#comment {
    width: 60%;
    padding: 10px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    outline: none;
    background: url('images/input-bg.png') top repeat-x;
}
#respond textarea#comment { width: 80% }
#respond input#author:focus,
#respond input#email:focus,
#respond input#url:focus,
#respond textarea#comment:focus { border-color: #999 }
/*comment submit button*/
#commentSubmit {
    cursor: pointer;
    display: block;
    padding: 0px 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    background: #E4E4E3 url('images/filter-button.png') repeat-x;
    border: 1px solid #CCC;
    color: #555;
    text-shadow: 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
#commentSubmit:hover { background: #EEE !important }
/*-----------------------------------------------------------------------------------*
/* Sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar {
    float: right;
    margin-top: 5px;
    width: 210px;
    overflow: hidden;
}
#sidebar .widget-container { margin-bottom: 20px }
#sidebar .widget-container h4 {
    margin: 0px 0px 15px;
    padding-bottom: 5px;
    border-bottom: double #EEE;
}
#sidebar .widget-container ul {
    list-style: none;
    margin: 0 0 20px;
}
#sidebar .widget-container li {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #EEE;
}
#sidebar .widget-container li a {
    padding-left: 15px;
    background: url('images/arrow-left.png') left no-repeat;
}
/*-----------------------------------------------------------------------------------*
/*Pagination
/*-----------------------------------------------------------------------------------*/
.page-pagination { }
.page-pagination span,
.page-pagination a {
    font-size: 10px;
    display: block;
    float: left;
    background: #FFF url('images/navigation/skins/nav-default.png') bottom repeat;
    color: #666;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: bold;
    border: 1px solid #CCC;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 5px;
    -moz-box-shadow: 1px 1px 1px #CCC;
    -webkit-box-shadow: 1px 1px 1px #CCC;
    box-shadow: 1px 1px 1px #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.page-pagination a:hover,
.page-pagination .current {
    border-color: #666;
    background: #A2A4A8 url('images/navigation/skins/nav-default-hover.png') bottom repeat;
    color: #FFF;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/*-----------------------------------------------------------------------------------*
/* Footer
/*-----------------------------------------------------------------------------------*/
.footer-top-pattern {
    margin: 0 auto;
    width: 980px;
    display: block;
    height: 6px;
    background: #FFF url('images/patterns/diagonal.png') repeat-x;
}
#footer {
    background: #212121 url('images/patterns/diagonal-left.png') repeat;
    padding: 30px 10px;
    color: #666;
    border-bottom: 1px solid #111;
}
#footer ul { list-style: none }
#footer li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url('images/borders/footer-border.png') bottom repeat-x;
}
#footer a {
    color: #999;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
#footer li a:hover {
    margin-left: 2px;
    color: #FFF;
}
#footer h4 {
    margin-bottom: 20px;
    margin-top: 0px;
    font-size: 14px;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
}
/*Extended footer*/
#footer-extended {
	position: relative;
	z-index: 2;
    border-top: 1px solid #333;
    background: #111;
    padding: 10px;
    font-size: 10px;
    color: #666;
}
#footer-extended a { color: #999 }
#footer-extended a:hover { color: #FFF }
#top { text-align: right }

/*-----------------------------------------------------------------------------------*
/* Widgets
/*-----------------------------------------------------------------------------------*/
/* calendar widget */
#wp-calendar { width: 100% }
#wp-calendar caption {
    text-align: right;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}
#wp-calendar thead { font-size: 10px }
#wp-calendar thead th { padding-bottom: 10px }
#wp-calendar tbody { color: #aaa }
#wp-calendar tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 4px;
}
#wp-calendar tbody td:hover { background: #fff }
#wp-calendar tbody .pad { background: none }
#wp-calendar tfoot #next {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
}
#wp-calendar tfoot #prev {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 10px;
}
/*recent posts with thumbnai*/
.widget-recent-posts {
    list-style: none !important;
}
.widget-recent-posts li {
    margin: 0px !important;
	padding: 15px 0px !important;
	border: 0px !important;
	background: url('images/patterns/dots.png') bottom repeat-x;
}
.widget-recent-posts a {
    background: none !important;
    padding: 0px !important;
}
.widget-recent-posts a img {
    float: left;
    margin-right: 10px;
	padding: 2px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
.widget-recent-posts a:hover img {
	-moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.widget-recent-posts .time {
    display: block;
    font-size: 10px;
    color: #666;
}
/*social*/
.widget-flickr a {
    color: #333;
    background: none !important;
    padding: 0px !important;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
/*authors*/
.classy-widget-authors avatar {
    float: left;
    margin-right: 20px;
}
.classy-widget-authors li {
    height: 50px;
    line-height: 40px;
    border: none !important;
}
.classy-widget-authors a { background: none !important }
/*social*/
.classy-widget-social a {
    height: 16px;
    line-height: 16px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left;
}
.classy-widget-social a:hover { margin: 0px !important }
.classy-widget-social li > a.twitter { background-image: url('images/social/twitter.png') }
.classy-widget-social li > a.facebook { background-image: url('images/social/facebook.png') }
.classy-widget-social li > a.flickr { background-image: url('images/social/flickr.png') }
.classy-widget-social li > a.dribbble { background-image: url('images/social/dribbble.png') }
.classy-widget-social li > a.googleplus { background-image: url('images/social/googleplus.png') }
/*-----------------------------------------------------------------------------------*
/* Pricing Tables
/*-----------------------------------------------------------------------------------*/
.pricing-table-wrap {
	margin-top: 40px;
	height: auto;
    text-align: center;
}
.pricing-table {
	position: relative;
	height: inherit;
	border: 1px solid #CCC;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pricing-table-header{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pricing-table-wrap h3 {
    font-size: 14px;
	padding: 0px 10px;
	height: 25px;
	line-height: 25px;
	margin: -1px -1px 0px !important;
	background: #464646 url('images/pricing/pricing-header.png') repeat-x;
	color: #FFF !important;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pricing-table-wrap .price {
    font-size: 36px;
	font-weight: bold;
	padding: 20px 15px;
	color: #666;
	text-shadow: 1px 1px 1px #FFF;
	background: #F8F8F8 url('images/pricing/pricing-head-bg.png') bottom repeat-x;
}

.price span.symbol{ }
.price span.rate{
	font-weight: normal;
	font-size: 14px;
	color: #999;
}
.pricing-table  ul {
	list-style: none;
	margin: 0px !important;
	border-top: 1px solid #FFF;
	text-shadow: 1px 1px 1px #FFF;
	color: #555;
}
.pricing-table li {
	cursor: default;
	padding: 10px 15px;
	background: #EEE url(images/pricing/pricing-list-border.png) bottom repeat-x;
}
.pricing-table li:hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}
.pricing-table li:before{
	content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 8px;
	background: url('images/check.png');
    background-position: center center;
    background-repeat: no-repeat;
}

/*featured pricing tables*/
.pricing-table-wrap .featured .price{
	font-size: 42px;
}
.pricing-table-wrap .featured span.pricing-popular-tag{
	display: block;
	position: absolute;
	top: -4px;
	right: -4px;
	height: 70px;
	width: 70px;
	background: url('images/pricing/pricing-popular-tag.png') no-repeat;
}
/*pricing table button*/
.pricing-table-button{
	padding: 15px 0px;
	background: #EEE url('images/patterns/diagonal-light.png') repeat;
	text-align: center;
}
.pricing-table-button a{
    cursor: pointer;
    display: block;
	width: 100px;
    margin: 0px auto;
    height: 30px;
    line-height: 30px;
	background-color: #E4E4E3;
    background-image: url('images/pricing/pricing-btn.png');
    border: 1px solid #999;
    color: #666;
	font-weight: bold;
    text-shadow: 1px 1px #CCC;
	letter-spacing: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
    transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
}
.pricing-table-button a:hover{
	background-color: #E4E4E3;
	background-image: url('images/pricing/pricing-btn-hover.png');
}
.pricing-table-button a:active{
	margin-top: 1px;
}

/*pricing shadow*/
span.pricing-shadow-four{
	display: block;
	height: 10px;
	width: 210px;
	background-image: url('images/pricing/pricing-shadow-four.png');
	background-position: center top;
	background-repeat: no-repeat;
}
span.pricing-shadow-three{
	display: block;
	height: 10px;
	width: 290px;
	background-image: url('images/pricing/pricing-shadow-three.png');
	background-position: center top;
	background-repeat: no-repeat;
}
/*pricing table random typography*/
.pricing-table strong{ color: #575757; }

/*-----------------------------------------------------------------------------------*
/* Main Shortcodes
/*-----------------------------------------------------------------------------------*/

/*columns*/
.one-half{ width:48%; }
.one-third{ width:30.66%; }
.two-third{ width:65.33%; }
.one-fourth{ width:22%; }
.three-fourth{ width:74%; }
.one-fifth{ width:16.8%; }
.one-sixth{ width:13.33%; }
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth {
	position:relative; margin-right:4%; float:left;
}

.column-last{margin-right: 0px;}
.column-first{margin-left: 0px;}

/*divider with title*/
.divider-title {
    font-size: 18px;
	margin-top: 0px;
    margin-bottom: 20px;
	height: 46px;
	line-height: 46px;
	text-align: left;
	background: url('images/patterns/home-heading.png') repeat-x;
}
.divider-title span{
	background: #FFF;
	margin-left: 30px;
	padding: 0px 10px;
}

/*divider*/
.divider{
	display: block;
	height: 1px;
	background: url('images/patterns/dots.png') repeat-x;
	margin: 20px 0;
}

/*line*/
.line-space{
	display: block;
	height: 1px;
	background: #EEE;
	margin: 20px 0;
}

/*drop captions*/
.dropcap{ float: left; display: block; font-size: 24px; line-height: 42px; text-align: center; width: 42px; height: 42px; padding: 5px; margin-right: 5px; }
.dropcap-gray{ background: url('images/shortcodes/dropcap-gray.png') center center no-repeat; color: #666; text-shadow: 1px 1px 1px #FFF;}
.dropcap-blue{ background: url('images/shortcodes/dropcap-blue.png') center center no-repeat; color: #FFF; }
.dropcap-red{ background: url('images/shortcodes/dropcap-red.png') center center no-repeat; color: #FFF; }
.dropcap-black{background: url('images/shortcodes/dropcap-black.png') center center no-repeat; color: #FFF;}
.dropcap-pink{background: url('images/shortcodes/dropcap-pink.png') center center no-repeat; color: #FFF; }
.dropcap-orange{background: url('images/shortcodes/dropcap-orange.png') center center no-repeat; color: #FFF; }
.dropcap-purple{background: url('images/shortcodes/dropcap-purple.png') center center no-repeat; color: #FFF; }
.dropcap-green{background: url('images/shortcodes/dropcap-green.png') center center no-repeat; color: #FFF; }

/*image styles*/
span.image-shadow img{
	padding: 4px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
img.image-shadow{
	padding: 4px;
	border: 1px solid #CCC;
	-moz-box-shadow: 0px 0px 2px #CCC;
    -webkit-box-shadow: 0px 0px 2px #CCC;
    box-shadow: 0px 0px 2px #CCC;
}
span.image-border img{
	padding: 4px;
	border: 1px solid #CCC;
}
img.image-border{
	padding: 4px;
	border: 1px solid #CCC;
}

/*toggle*/
h3.trigger {
	margin: 0px !important;
	font-size: 18px;
	padding: 10px;
	padding-left: 30px;
	background-image: url('images/shortcodes/toggle-plus.png');
	background-position: 10px center;
	background-repeat: no-repeat;
}
h3.trigger a {
	color: #333;
	text-decoration: none;
	display: block;
}
h3.trigger a:hover {
	color: #0489B7;
	text-decoration: underline;
}
h3.active{
	background-image: url('images/shortcodes/toggle-minus.png') !important;
	background-position: 10px center;
	background-repeat: no-repeat;
}
h3.toggle-white{
	background-color: #FFF;
}
h3.toggle-gray{
	background-color: #F5F5F5;
}
.toggle_container {
	overflow: hidden;
	padding: 20px 10px;
}

/*tabs*/
#tabs-wrap{
	margin: 20px 0px;
}
ul.tabs {
	margin: 0 !important;
	padding: 0;
	list-style: none;
	height: 35px;
}
ul.tabs li {
	float: left;
	margin-right: 5px;
	padding: 0;
}
ul.tabs li a {
	display: block;
	border: 1px solid #EEE;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFF;
	display: block;
	padding: 0 20px;
	letter-spacing: 1px;
	outline: none;
	-webkit-transition: 0.3s ease-in; 
	-moz-transition: 0.3s ease-in; 
	-o-transition: 0.3s ease-in; 
	transition: 0.3s ease-in;
}
ul.tabs li a:hover {
	color: #000;
	background-color: #F4F4F4;
	height: 35px;
	margin-top: -5px;
}
html ul.tabs li.active a, html ul.tabs li.active a:hover  {
	background: #F4F4F4;
	height: 35px;
	margin-top: -5px;
}
html ul.tabs li.active a{
	color: #000;
	font-size: 14px;
}
.tab_container {
	border: 1px solid #EEE;
	padding: 20px;
}

/*box shortcodes*/
.box-shortcode {
    margin: 5px 0px;
    color: #666;
    padding: 10px;
}
.box-red {
    background-color: #FFB8B8;
    border: 1px solid #FF8C8C;
    color: #BF2F2F;
}
.box-yellow {
    background-color: #FFC;
    border: 1px solid #FC6;
    color: #960;
}
.box-green {
    background-color: #CF9;
    border: 1px solid #9C0;
    color: #360;
}
.box-blue {
    background-color: #D1F2F5;
    border: 1px solid #AFDEE2;
    color: #38878E;
}
/*highlights*/
.text-highlight { padding: 2px }
.highlight-yellow,
.highlight-yellow a {
    background-color: #FFF7A8;
    color: #695D43;
}
.highlight-pink,
.highlight-pink a {
    background-color: #F7DEEB;
    color: #724473;
}
.highlight-purple,
.highlight-purple a {
    background-color: #E0DBF6;
    color: #5C5577;
}
.highlight-blue,
.highlight-blue a {
    background-color: #D7F0FF;
    color: #2A67A4;
}
.highlight-green,
.highlight-green a {
    background-color: #E7FFCE;
    color: #47630A;
}
.highlight-red,
.highlight-red a {
    background: #FFCEBE;
    color: #A22121;
}
.highlight-gray,
.highlight-gray a {
    background-color: #EBEBEB;
    color: #787777;
}
/*lists*/
.check ul { list-style-image: url('images/shortcodes/check.png') }
.bullets-gray ul { list-style-image: url('images/shortcodes/bullets-gray.png') }
.bullets-black ul { list-style-image: url('images/shortcodes/bullets-black.png') }
.bullets-blue ul { list-style-image: url('images/shortcodes/bullets-blue.png') }
.bullets-red ul { list-style-image: url('images/shortcodes/bullets-red.png') }
.bullets-purple ul { list-style-image: url('images/shortcodes/bullets-purple.png') }
/*buttons*/
.btn-shortcode {
    display: inline-block;
    nowhitespace: afterproperty;
	zoom: 1;
	*display:inline;
	vertical-align:baseline;
	margin:0 2px 5px;
	outline:none;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	padding: 0px 20px;
	height: 35px;
	line-height: 35px;
	text-shadow:0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}
.btn-shortcode:hover {
    text-decoration: none;
    color: #FFF;
}
.btn-shortcode:active {
    position: relative;
    top: 1px;
    color: #FFF;
}
/* black */
.buttonblack {
    color: #d7d7d7 !important;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear,left top,left bottom,from(#666),to(#000));
    background: -moz-linear-gradient(top, #666, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666',endColorstr='#000');
}
.buttonblack:hover {
    background: #000;
    background: -webkit-gradient(linear,left top,left bottom,from(#444),to(#000));
    background: -moz-linear-gradient(top, #444, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444',endColorstr='#000');
}
.buttonblack:active {
    color: #666;
    background: -webkit-gradient(linear,left top,left bottom,from(#000),to(#444));
    background: -moz-linear-gradient(top, #000, #444);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000',endColorstr='#666');
}
/* gray */
.buttongray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear,left top,left bottom,from(#888),to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888',endColorstr='#575757');
}
.buttongray:hover {
    background: #616161;
    background: -webkit-gradient(linear,left top,left bottom,from(#757575),to(#4b4b4b));
    background: -moz-linear-gradient(top, #757575, #4b4b4b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575',endColorstr='#4b4b4b');
}
.buttongray:active {
    color: #afafaf;
    background: -webkit-gradient(linear,left top,left bottom,from(#575757),to(#888));
    background: -moz-linear-gradient(top, #575757, #888);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757',endColorstr='#888');
}
/* white */
.buttonwhite {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ededed');
}
.buttonwhite:hover {
    color: #606060;
    background: #ededed;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#dcdcdc');
}
.buttonwhite:active {
    color: #999;
    background: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#fff');
}
/* orange */
.buttonorange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear,left top,left bottom,from(#faa51a),to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',endColorstr='#f47a20');
}
.buttonorange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear,left top,left bottom,from(#f88e11),to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11',endColorstr='#f06015');
}
.buttonorange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f47a20),to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20',endColorstr='#faa51a');
}
/* red */
.buttonred {
    color: #faddde !important;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear,left top,left bottom,from(#ed1c24),to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24',endColorstr='#aa1317');
}
.buttonred:hover {
    background: #b61318;
    background: -webkit-gradient(linear,left top,left bottom,from(#c9151b),to(#a11115));
    background: -moz-linear-gradient(top, #c9151b, #a11115);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b',endColorstr='#a11115');
}
.buttonred:active {
    color: #de898c !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#aa1317),to(#ed1c24));
    background: -moz-linear-gradient(top, #aa1317, #ed1c24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317',endColorstr='#ed1c24');
}
/* blue */
.buttonblue {
    color: #FFF !important;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee',endColorstr='#0078a5');
}
.buttonblue:hover {
    background: #007ead !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc',endColorstr='#00678e');
}
.buttonblue:active {
    color: #80bed6 !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#0078a5),to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',endColorstr='#00adee');
}
/* rosy */
.buttonrosy {
    color: #fae7e9 !important;
    border: solid 1px #b73948;
    background: #da5867;
    background: -webkit-gradient(linear,left top,left bottom,from(#f16c7c),to(#bf404f));
    background: -moz-linear-gradient(top, #f16c7c, #bf404f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c',endColorstr='#bf404f');
}
.buttonrosy:hover {
    background: #ba4b58 !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#cf5d6a),to(#a53845));
    background: -moz-linear-gradient(top, #cf5d6a, #a53845);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a',endColorstr='#a53845');
}
.buttonrosy:active {
    color: #dca4ab !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#bf404f),to(#f16c7c));
    background: -moz-linear-gradient(top, #bf404f, #f16c7c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f',endColorstr='#f16c7c');
}
/* green */
.buttongreen {
    color: #e8f0de !important;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f',endColorstr='#4e7d0e');
}
.buttongreen:hover {
    background: #538018;
    background: -webkit-gradient(linear,left top,left bottom,from(#6b9d28),to(#436b0c));
    background: -moz-linear-gradient(top, #6b9d28, #436b0c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28',endColorstr='#436b0c');
}
.buttongreen:active {
    color: #a9c08c !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#4e7d0e),to(#7db72f));
    background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e',endColorstr='#7db72f');
}
/* pink */
.buttonpink {
    color: #feeef5;
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear,left top,left bottom,from(#feb1d3),to(#f171ab));
    background: -moz-linear-gradient(top, #feb1d3, #f171ab);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3',endColorstr='#f171ab');
}
.buttonpink:hover {
    background: #d57ea5;
    background: -webkit-gradient(linear,left top,left bottom,from(#f4aacb),to(#e86ca4));
    background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb',endColorstr='#e86ca4');
}
.buttonpink:active {
    color: #f3c3d9;
    background: -webkit-gradient(linear,left top,left bottom,from(#f171ab),to(#feb1d3));
    background: -moz-linear-gradient(top, #f171ab, #feb1d3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab',endColorstr='#feb1d3');
}
/*contact form*/
.notification_error { color: #BF2F2F }
#contact-form {
    width: 100%;
    margin: 40px 0px;
}
#contact-form input#email,
#contact-form input#name,
#contact-form textarea.inputboxmessage {
    margin-top: 5px;
    width: 60%;
    padding: 10px;
    border: 1px solid #CCC;
    outline: none;
    background: url('images/input-bg.png') top repeat-x;
}
#contact-form textarea.inputboxmessage { width: 80% }
#contact-form input#email:focus,
#contact-form input#name:focus,
#contact-form textarea.inputboxmessage:focus { border-color: #999 }
#contact-form #captcha {
    padding: 7px;
    border: 1px solid #CCC;
    background: url('images/input-bg.png') top repeat-x;
}
#contact-form #captcha:focus { border-color: #999 }
#contact-form #contact-submit {
    cursor: pointer;
    display: block;
    margin-top: 10px;
    padding: 0px 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    background: #E4E4E3 url('images/filter-button.png') repeat-x;
    border: 1px solid #CCC;
    color: #555;
    text-shadow: 1px 1px #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px 0 #EEE;
    -webkit-box-shadow: 0 1px 2px 0 #EEE;
    box-shadow: 0 1px 2px 0 #EEE;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
#contact-form #contact-submit:hover { background: #EEE !important }

#contact-success span{
	display: block;
	padding: 10px;
	margin: 20px 0;
    background-color: #CF9;
    border: 1px solid #9C0;
    color: #360;
}