/*

Theme Name: CoachPro Platinum

Theme URI: http://www.presscoders.com/coachpro

Description: A professional theme for personal development coaches.

Author: PressCoders.com

Version: 1.4.1

Tags: life coach, wellness coach, personal development

Author URI: http://www.presscoders.com/



The CoachPro theme was designed and created by Scott Bolinger, and David Gwyer.

Please visit <a href="http://www.presscoders.com/">Press Coders</a> for more great WordPress themes and Plugins!

*/



/* Browser CSS reset

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	background:     transparent;

	border:         0;

	margin:         0;

	padding:        0;

	vertical-align: baseline;

}



html, body {

	line-height: 1;

}



ul {

	list-style: none;

}



blockquote {

	quotes: none;

}



blockquote:before, blockquote:after {

	content: '';

	content: none;

}



del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing:  0;

}



a img {

	border: none;

}



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



/* Basic Setup

-------------------------------------------------------------- */



body {

	width:       auto;

	height:      auto;

	font:        15px "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	line-height: 1.625;

}



input, text area {

	font:        14px "Helvetica Neue", Helvetica, Arial, sans-serif;

	color:       #29aae3;

	font-weight: 300;

	line-height: 1.625;

}



:focus {

	outline: 0;

}



.alignleft {

	float:  left;

	margin: 0 20px 10px 0;

}



.alignright {

	float:  right;

	margin: 0 0 10px 20px;

}



.aligncenter {

	display: block;

	margin:  0 auto;

}



.clear {

	clear: both;

}



.line {

	clear:  both;

	margin: 15px 0;

}



.page-link {

	margin-bottom: 10px;

}



.page-link a {

	padding:    4px;

	background: #eee;

	border:     1px solid #ccc;

	margin:     0 2px;

}



.page-link a:hover {

	background: #fff;

}



/*** Typography ***/



h1, h2, h3, h4 {

	margin:      0 0 15px 0;

	padding:     0;

	font-family: "Palatino Linotype", Palatino, Georgia, serif;

	font-weight: bold;

}



h1 {

	font-size:   36px;

	line-height: 42px;

}



h2 {

	font-size:   28px;

	line-height: 32px;

}



h3 {

	font-size: 18px;

}



h4 {

	font-size: 14px;

}



strong {

	font-weight: bold;

}



a:link, a:visited, a:hover {

	text-decoration: none;

}



abbr, acronym {

	border-bottom: 1px dotted;

	cursor:        help;

}



em {

	font-style: italic;

}



blockquote, .testimonial {

	font-style: italic;

	overflow:   hidden;

}



blockquote {

	padding: 15px 0 0;

	margin:  15px;

}



.testimonial {

	margin: 15px 0;

}



hr {

	border:     0;

	height:     1px;

	background: #ccc;

}



/*** Tables ***/



th, td {

	padding: 8px;

}



th {

	font-weight:    bold;

	text-align:     center;

	text-transform: uppercase;

}



p, fieldset, table {

	margin-bottom: 15px;

}



.widget table#wp-calendar {

	width: 100%;

}



/*** Lists ***/



ol {

	margin-left: 20px;

}



ol li {

	list-style: decimal outside;

}



.content ul {

	margin:     0 0 15px 12px;

	list-style: none;

}



#container ul {

	margin-bottom: 15px;

}



.content ul li {

	overflow:   hidden;

	padding:    2px 0 5px 17px;

	background: url(images/bullet.png) no-repeat 0 10px;

}



#container ul li ul li {

	border-bottom: none;

}



.sidebar-container .widget ul li, footer ul li {

	padding: 5px 0;

}



/*** Boxes ***/



.box {

	padding:  15px;

	margin:   15px 0;

	display:  block;

	overflow: hidden;

}



.note, .warning, .alert, .error, .download {

	font-size: 13px;

	clear:     both;

	margin:    10px 0;

	padding:   10px;

	overflow:  hidden;

}



.optin-error, .contact-error {

	display:    block;

	background: #FFEBE8;

	border:     1px solid #CC0000;

	padding:    5px 8px;

	color:      #333;

	text-align: left;

	margin:     10px 5px;

}



.coupon {

	background: #fafafa;

	border:     2px dotted #ccc;

	padding:    15px;

	margin:     15px 0;

	display:    block;

	overflow:   hidden;

	text-align: center;

}



.couponcode {

	font:  bold italic 24px/28px Palatino, 'Palatino Linotype', Georgia, serif;

	color: #866f31;

}



/*** Images ***/



.post img {

	margin-bottom: 9px;

}



.post .post-thumb {

	margin-bottom: 10px;

	overflow:      hidden;

}



.post .post-thumb img {

	margin:  0;

	display: block;

}



p.wp-caption-text {

	margin-bottom: 8px;

	text-align:    center;

	font-size:     12px;

}



.gallery {

	clear: both;

}



.gallery img {

	margin: 10px;

}



.icon {

	margin:   0 10px 0 0;

	position: relative;

	top:      10px;

}



.content img.noborder {

	border: none;

}



/*** Forms ***/



textarea {

	background: #fff;

	border:     none;

	padding:    3px 5px;

}



input {

	background: #fff;

	border:     none;

	padding:    3px 5px;

}



.button, .btn, .post-edit-link {

	margin-bottom: 10px;

}



.button, .btn, #searchsubmit, #submit, .submit, .post-edit-link, .more-link {

	display:         inline-block;

	outline:         none;

	cursor:          pointer;

	text-align:      center;

	text-decoration: none;

	font:            bold 14px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;

	padding:         .4em 1.5em .5em;

	font-weight:     bold;

	overflow:        hidden;

	vertical-align:  middle;

}



input.button, input#searchsubmit {

	padding: 0.4em 1.5em 0.4em;

}



.more-link {

	margin-top: 10px;

}



.button:hover, .btn:hover, #searchsubmit:hover, #submit:hover, .submit:hover, .post-edit-link:hover, .more-link:hover {

	text-decoration: none;

}



/* Layouts

-------------------------------------------------------------- */



/*** Right/Left Sidebar ***/



.right {

	float: right;

}



.left {

	float: left;

}



/*** Columns ***/



.twocollt {

	float:   left;

	display: block;

	width:   48%;

	margin:  0 15px 5px 0;

}



.twocolrt {

	display: block;

	margin:  0 0 5px 0;

	width:   48%;

	float:   right;

}



.threecollt {

	float:   left;

	display: block;

	width:   32%;

	margin:  0 12px 5px 0;

}



.threecolmid {

	display: block;

	float:   left;

	width:   32%;

	margin:  0 12px 5px 0;

}



.threecolrt {

	display: block;

	margin:  0 0 5px 0;

	width:   32%;

	float:   right;

}



.one-col .content .threecollt {

	margin-right: 20px;

}



/*** Column Shortcodes ***/



.one-half, .one-third, .two-thirds, .three-fourths, .one-fourth {

	float:         left;

	margin-bottom: 20px;

	margin-right:  4%;

	position:      relative;

}



.one-half {

	width: 48%;

}



.one-third {

	width: 30.66%;

}



.two-thirds {

	width: 65.33%;

}



.one-fourth {

	width: 22%;

}



.three-fourths {

	width: 74%;

}



.last-col {

	clear:        right;

	margin-right: 0;

}



/* Header/Navigation

-------------------------------------------------------------- */



#header-container {

	position:  relative;

	z-index:   90;

	min-width: 960px;

}



#header-container header {

	display:  block;

	clear:    both;

	width:    960px;

	position: relative;

	padding:  0px 0 0 0;

	margin:   0 auto;

}



.header-avatar {

	width:             50px;

	height:            50px;

	float:             left;

	margin:            10px 15px 0 0;

	-webkit-transform: rotate(-5deg);

	-moz-transform:    rotate(-5deg);

	-ms-transform:     rotate(-5deg);

	-o-transform:      rotate(-5deg);

}



#logo-wrap {

	float:     left;

	margin:    10px 0;

	max-width: 960px;

}



#site-title {

	margin:      0 15px 0 0;

	font-size:   36px;

	line-height: 40px;

	font-weight: bold;

	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

	font-style:  italic;

}



#site-title a {

}



#site-title a:hover {

	text-decoration: none;

}



#site-title a span {

	display: visible; /* toggles to display:none; to hide site title text when replaced with logo */

}



#site-description {

	font-size:     15px;

	display:       block;

	font-weight:   200;

	margin-bottom: 10px;

	line-height:   18px;

}



#site-logo {

	max-width: 960px;

	float:     left;

	overflow:  hidden;

	position:  relative;

	margin:    0 15px 5px 0;

}



#site-logo span {

	display: none;

}



#site-logo a img {

	display:        inline-block;

	vertical-align: middle;

}



/*** Navigation ***/



#header-container nav {

	font-size:   15px;

	font-family: "Palatino Linotype", Palatino, Georgia, serif;

	font-style:  italic;

	font-weight: bold;

	width:       960px;

	clear:       both;

	margin:      0 auto;

}



#header-container nav .menu {

	height:     46px;

	padding:    0;

	margin:     0 auto;

	text-align: center;

	position:   relative;

	z-index:    92;

}



#header-container nav li {

	display:  inline;

	float:    left;

	position: relative;

	margin:   15px 0;

}



#header-container nav ul > li a {

	display:         block;

	font-weight:     bold;

	line-height:     16px;

	text-decoration: none;

	margin:          0 24px;

}



/*** Drop Downs ***/



nav ul ul {

	position:   absolute;

	top:        32px;

	visibility: hidden;

	left:       -1px;

	float:      left;

	z-index:    89;

	width:      220px;

	list-style: none outside none;

	margin:     0;

}



nav.secondary-menu ul ul {

	top: 100%;

}



#header-container nav ul ul li {

	width:   220px;

	margin:  0;

	padding: 0;

}



#header-container nav ul ul li a {

	border-bottom: none;

	margin:        0;

	float:         none;

	padding:       10px;

}



#header-container nav ul ul ul {

	left: 100%;

	top:  -1px;

}



nav ul ul a {

	height: auto;

}



#header-container nav .menu li:hover > ul {

	display: block;

}



#header-container nav ul li a.sf-with-ul {

	padding-right: 8px;

}



nav ul li .sf-sub-indicator {

	text-indent: -999em;

	display:     block;

	width:       10px;

	height:      10px;

	background:  url(api/images/icons/arrows-white.png) no-repeat 0 -10px;

	position:    absolute;

	right:       12px;

	top:         3px;

}



nav ul ul li .sf-sub-indicator {

	background-position: -10px 0;

	top:                 12px;

}



/* Containers & Content

-------------------------------------------------------------- */



#container {

	width:   960px;

	padding: 0;

	margin:  0 auto;

}



#before-content {

	padding-top: 15px;

}



#contentwrap {

	display:  block;

	padding:  0 0 20px 0;

	margin:   0 auto;

	position: relative;

}



#contentwrap:after {

	clear: both;

}



.two-col-r .content, .two-col-l .content {

	width:       650px;

	padding-top: 20px;

}



.three-col-r .content, .three-col-l .content, .three-col-c .content {

	overflow-y:  hidden;

	overflow-x:  visible;

	width:       320px;

	padding-top: 20px;

}



.one-col .content {

	padding-top: 20px;

}



#main-content {

	margin-bottom: 15px;

}



#main-content img {

	margin-bottom: 15px;

}



.sidebar-extra-margin-right {

	margin-right: 20px;

}



.sidebar-extra-margin-left {

	margin-left: 20px;

}



/*** Breadcrumbs ***/



.breadcrumb {

	width:    100%;

	margin:   0 auto;

	display:  block;

	overflow: hidden;

	position: relative;

	top:      15px;

}



.breadcrumb-trail {

	display:   block;

	font-size: 12px;

	padding:   0;

	overflow:  hidden;

	float:     left;

	color:     #777;

}



.breadcrumbs span a {

	color: #555;

}



/* Posts

-------------------------------------------------------------- */



.post {

	clear:          both;

	overflow:       hidden;

	margin-bottom:  35px;

	padding-bottom: 10px;

}



/*** Titles ***/



.entry-title {

	margin:      0 0 15px 0;

	padding:     2px 0 0 0;

	font-weight: normal;

	font-size:   28px;

}



.page-title {

	padding:     0;

	clear:       both;

	margin:      0 0 20px 0 !important;

	font-weight: normal;

	font-size:   36px;

}



.entry-title a:hover, .page-title a:hover {

	text-decoration: none;

}



/*** Post Meta ***/



.post-meta {

	font-size: 12px;

	margin:    0;

	padding:   10px 0;

	display:   block;

	clear:     both;

}



.post-meta li {

	display: inline;

	float:   left;

	padding: 0;

}



.post-meta p {

	margin-bottom: 0;

	display:       block;

	margin-top:    3px;

}



.single .post-meta p {

	float: right;

}



.singular-page .post-meta {

	display: none;

}



.blog .post-meta span.comments {

	float: right;

}



.tweetbtn {

	display: block;

	float:   left;

}



.fblike {

	display: block;

	float:   left;

}



.fb_edge_widget_with_comment {

	position: absolute !important;

}



span.date {

	font-weight: bold;

	font-style:  italic;

}



/*** Comments ***/



#comments-meta {

	float:   left;

	margin:  -15px 0 0 0;

	padding: 0 0 0 5px;

}



#comments {

	padding-top: 15px;

}



#comments-meta p {

	margin:  0;

	padding: 5px 0 5px 0;

}



#comments ol {

	margin: 0 0 20px 0;

}



#comments ol li {

	list-style: none;

}



ol.commentlist li {

	padding: 15px 15px 0 15px;

	margin:  20px 0 20px 0;

}



ol.commentlist li.alt {

}



ol.commentlist li ul.children {

	list-style:  none;

	text-indent: 0;

}



ol.commentlist li ul.children li {

	padding: 15px;

	margin:  20px 0 20px 0;

}



ol.commentlist li ul.children li.alt {

	background: #fff;

}



.comment-meta {

	font-size: 11px;

	margin:    0 0 12px 0;

}



span.says {

	display: none;

}



.comment-author {

	font-size:   14px;

	font-weight: bold;

}



.testimonial .avatar {

	float:   left;

	margin:  0 10px 0 0;

	padding: 3px;

}



#comments .avatar {

	float:  right;

	margin: 0 0 0 10px;

}



div.reply {

	font-size:     11px;

	margin-bottom: 10px;

}



div.reply a {

	padding: 0;

}



.cancel-comment-reply a, .cancel-comment-reply-link {

	display: none;

}



#respond {

	width:          100%;

	padding-bottom: 20px;

}



#author, #email, #url, #comment {

	font-family: "Trebuchet MS", Helvetica, Verdana, Geneva, sans-serif;

	font-size:   12px;

	line-height: 18px;

	padding:     6px 4px 6px 4px;

	display:     block;

	clear:       both;

}



#comment {

	width:     98%;

	max-width: 625px;

}



.form-allowed-tags {

	padding: 2px 3px;

	font:    normal normal normal 12px/22px "Trebuchet MS", Arial, Verdana, sans-serif;

	display: none;

}



.nocomments {

	display: none;

}



/*** Contact Form ***/



.cffield, .cfsubmit, .cfcheckbox {

	margin: 10px 0;

}



.cffield label {

	clear: both;

}



.cffield textarea, .cffield input {

	clear:   both;

	border:  1px solid #ccc;

	display: block;

	margin:  5px 0;

}



.cffield input {

	width:     50%;

	max-width: 280px;

}



.cffield textarea {

	width:     98%;

	max-width: 600px;

	height:    200px;

}



/** Search Results **/



div .search-results {

	font-weight:      bold;

	background-color: yellow;

}



/* Widgets

-------------------------------------------------------------- */



/*** Widget Containers ***/



.sidebar-container {

	overflow:    visible;

	width:       280px;

	padding-top: 20px;

}



.widget {

	overflow: hidden;

	margin:   0 0 15px 0;

}



#container .widget-title {

	padding: 5px 12px;

}



.widget_search input[type="text"] {

	margin: 5px 0;

}



#before-content .widget {

	width:    960px;

	margin:   0 auto;

	overflow: visible;

}



.search input[type="text"], .widget_search input[type="text"] {

	background-image:    url(api/images/icons/search.png);

	background-repeat:   no-repeat;

	background-position: 3px 50%;

	padding-left:        17px;

	border:              1px solid #ccc;

}



#searchform #searchsubmit {

	clear:   both;

	display: block;

	margin:  10px 0;

}



#searchform {

	max-width: 280px;

}



.widget.nivo_slider_widget {

	overflow: visible;

}



/** Header Widgets **/



#header-widget-area {

	max-width:  400px;

	float:      right;

	margin-top: 2em;

}



#header-widget-area .widget {

	border:        none;

	padding:       10px 0;

	margin-bottom: 0;

}



/*** Info Box Widget ***/



.pc_info_widget {

	display:  block;

	overflow: hidden;

}



header .pc_info_widget {

	position:   absolute;

	right:      0;

	padding:    4px 10px;

	max-height: 30px;

}



header .pc_info_widget h3.widget-title, header .pc_info_widget .info_description {

	display: none;

}



header .pc_info_widget .search {

	display:     inline-block;

	clear:       none;

	margin-left: 10px;

	position:    relative;

	top:         -11px;

	*display:    inline;

	zoom:        1;

}



header .pc_info_widget #searchform {

	margin-top: 3px;

}



#header-widget-area .pc_info_widget #searchsubmit, #header-widget-area .pc_info_widget input[type="submit"] {

	display: none;

}



header .pc_info_widget .phone {

	position:     relative;

	top:          -10px;

	margin-right: 10px;

	font-weight:  500;

}



footer .pc_info_widget .phone, #container .pc_info_widget .phone {

	clear:       both;

	display:     block;

	font-size:   18px;

	margin:      10px 0;

	font-weight: 500;

}



.pc_info_widget .phone:before {

	content:      url(api/images/icons/phone-icon.png);

	position:     relative;

	top:          5px;

	margin-right: 5px;

}



#container .pc_info_widget input[type="text"] {

	clear: none;

	float: left;

	width: 130px;

}



footer .pc_info_widget input[type="text"] {

	width: 180px;

}



#container .pc_info_widget #searchsubmit {

	clear:  none;

	float:  right;

	margin: 3px 0 0;

}



#container .pc_info_widget .search {

	display:     block;

	clear:       both;

	line-height: 30px;

}



/*** Opt-in Widget ***/



#body-container .coachpro_opt_in_widget .widget-title {

	font-size:   22px;

	line-height: 26px;

	padding:     10px 20px;

	text-align:  center;

	font-style:  italic;

}



.opt-in-container {

	padding: 0 20px;

}



.optin-description {

	text-align: center;

}



.optin-field {

	clear:      both;

	margin:     10px;

	text-align: center;

}



.coachpro_opt_in_widget .thanks {

	text-align: center;

}



.coachpro_opt_in_widget .thanks a {

	text-decoration: underline;

	color:           #fff;

}



/*** Testimonials Widget/Shortcode ***/



.pc_testimonial_widget .testimonial {

	margin:  15px 0;

	padding: 0;

}



.testimonial-name, .testimonial-company {

	font:   bold 14px/18px Palatino, Georgia, serif;

	margin: 0 0 3px 0;

}



.testimonial-name {

	margin-top: 10px;

}



.testimonial-meta {

	padding-left: 30px;

}



.quote {

	background:   url(images/quote.png) no-repeat;

	display:      block;

	margin:       0;

	padding-left: 30px;

}



.quote p:last-child {

	margin-bottom: 0;

}



div.testimonial-meta img {

	width:  50px;

	height: 50px;

}



/*** Recent Posts Widget ***/



.pc_recent_posts_widget ul, .pc_blog_style_recent_posts_widget ul {

	margin: 0;

}



.pc_recent_posts_widget ul li, .pc_blog_style_recent_posts_widget ul li {

	background: none !important;

	padding:    2px 0 0 0;

	margin:0px 15px 0 0;
	
	width:46%; float:left;

}



.pc_recent_posts_widget a:hover, .pc_blog_style_recent_posts_widget a:hover {

	text-decoration: none;

}



p.read-more {

	font-weight: bold;

}



/** Footer Widgets **/

.pc_recent_posts_widget{width:470px !important;}

footer .widget {

	width:      225px;

	float:      left;

	margin:     20px 0 20px 20px;

	background: none;

	border:     none;

	padding:    0;

}



footer .widget:first-child, footer .slider-wrapper:first-child {

	margin-left: 0;

}



footer .widget-title {

	background: none;

	padding:    2px;

	margin:     0 0 15px 0;

}



/* Footer

-------------------------------------------------------------- */



footer {

	clear:     both;

	overflow:  hidden;

	min-width: 960px;

}



.footer-widget-container {

	width:    100%;

	overflow: hidden;

}



.footer-widget-container .inside, #site-info {

	width:   960px;

	margin:  0 auto;

	display: block;

}



#site-info {

	padding:   10px 0;

	font-size: 14px;

}



#site-info .copyright {

	float:     left;

	max-width: 400px;

}



#site-info .pc-link {

	float:     right;

	max-width: 400px;

}



a.wp-link {

	background-image:  url(api/images/icons/wp-logo-16px.png);

	width:             16px;

	height:            16px;

	display:           inline-block;

	text-indent:       -999em;

	overflow:          hidden;

	background-repeat: no-repeat;

	text-align:        left;

	direction:         ltr;

	opacity:           .7;

}



a.wp-link:hover {

	opacity: 1;

}



/* CSS3 Effects

-------------------------------------------------------------- */



.note, .warning, .alert, .error, .download, textarea, input, ol.commentlist li, .coachpro_opt_in_widget, .optin-error, .contact-error, #header-container nav, #container .widget-title {

	-moz-border-radius:    5px;

	-webkit-border-radius: 5px;

	border-radius:         5px;

}



#body-container .coachpro_opt_in_widget .widget-title {

	-moz-border-radius-topright:        2px;

	-moz-border-radius-topleft:         2px;

	-webkit-border-top-left-radius:     2px;

	-webkit-border-top-right-radius:    2px;

	border-top-right-radius:            2px;

	border-top-left-radius:             2px;

	-moz-border-radius-bottomright:     0;

	-moz-border-radius-bottomleft:      0;

	-webkit-border-bottom-left-radius:  0;

	-webkit-border-bottom-right-radius: 0;

	border-bottom-right-radius:         0;

	border-bottom-left-radius:          0;

}



.header-avatar {

	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);

	-moz-box-shadow:    0 2px 3px rgba(0, 0, 0, .2);

	box-shadow:         0 2px 3px rgba(0, 0, 0, .2);

}



/*** Buttons ***/



.defaultbtn, .button, .btn, #searchsubmit, #submit, .submit, .post-edit-link, .more-link {

	-webkit-border-radius: .5em;

	-moz-border-radius:    .5em;

	border-radius:         .5em;

	-webkit-box-shadow:    rgba(80, 80, 80, .8) 0 1px 0;

	-moz-box-shadow:       rgba(80, 80, 80, .8) 0 1px 0;

	box-shadow:            rgba(80, 80, 80, .8) 0 1px 0;

	text-shadow:           rgba(0, 0, 0, .4) 0 1px 0;

}



.defaultbtn:after, .button:after, .more-link:after {

	content:    "";

	background: url(api/images/icons/arrows-white.png) no-repeat -10px 0;

	width:      10px;

	height:     10px;

	float:      right;

	margin:     .1em 0 0 .5em;

}



.big {

	font-size: 18px;

}



/*** Button Color Classes ***/



/* Orange */

.orange {

	border-top: 1px solid #e0cab7;

	background: #9f5b1f;

	background: url(images/trans-grad.png) repeat-x top #9f5b1f;

	color:      #ffffff;

}



.orange:hover {

	border-top-color: #e0cab7;

	background:       #b6753c;

	color:            #fafafa;

}



.orange:active {

	border-top-color: #e0cab7;

	background:       #9f5b1f;

	position:         relative;

	top:              1px;

}



/* black */

.black {

	border-top: 1px solid #eee;

	background: #333;

	background: url(images/trans-grad.png) repeat-x top #333;

	color:      #ffffff;

}



.black:hover {

	border-top-color: #eee;

	background:       #444;

	color:            #fafafa;

}



.black:active {

	border-top-color: #eee;

	background:       #222;

	position:         relative;

	top:              1px;

}



/* gray */

.gray {

	border-top: 1px solid #eee;

	background: #999;

	background: url(images/trans-grad.png) repeat-x top #999;

}



.gray:hover {

	border-top-color: #eee;

	background:       #ccc;

}



.gray:active {

	border-top-color: #eee;

	background:       #999;

	position:         relative;

	top:              1px;

}



/* white */

.white {

	border-top: 1px solid #eee;

	background: #fafafa;

	background: url(images/trans-grad.png) repeat-x top #fafafa;

	color:      #333 !important;

}



.white:hover {

	border-top-color: #eee;

	background:       #fff;

	color:            #444;

}



.white:active {

	border-top-color: #eee;

	background:       #ccc;

	color:            #333;

	position:         relative;

	top:              1px;

}



/* red */

.red {

	border-top: 1px solid #e0b2b2;

	background: #864949;

	background: url(images/trans-grad.png) repeat-x top #864949;

	color:      #ffffff;

}



.red:hover {

	border-top-color: #e0b2b2;

	background:       #ac6d6d;

	color:            #fafafa;

}



.red:active {

	border-top-color: #e0b2b2;

	background:       #864949;

	position:         relative;

	top:              1px;

}



/* blue */

.blue {

	border-top: 1px solid #b6bfdc;

	background: #39497d;

	background: url(images/trans-grad.png) repeat-x top #39497d;

	color:      #ffffff;

}



.blue:hover {

	border-top-color: #b6bfdc;

	background:       #56669c;

	color:            #fafafa;

}



.blue:active {

	border-top-color: #b6bfdc;

	background:       #39497d;

	position:         relative;

	top:              1px;

}



/* green */

.green {

	border-top: 1px solid #c6e9c1;

	background: #688863;

	background: url(images/trans-grad.png) repeat-x top #688863;

	color:      #ffffff;

}



.green:hover {

	border-top-color: #c6e9c1;

	background:       #82a37d;

	color:            #fafafa;

}



.green:active {

	border-top-color: #c6e9c1;

	background:       #688863;

	position:         relative;

	top:              1px;

}



/* yellow */

.yellow {

	border-top: 1px solid #ecdf9a;

	background: #c6a802;

	background: url(images/trans-grad.png) repeat-x top #c6a802;

	color:      #ffffff;

}



.yellow:hover {

	border-top-color: #ecdf9a;

	background:       #e8cf46;

	color:            #fafafa;

}



.yellow:active {

	border-top-color: #ecdf9a;

	background:       #c6a802;

	position:         relative;

	top:              1px;

}



/*** Box Color Classes ***/



.defaultbox {

	border-top:    6px solid #ccc;

	border-bottom: 6px solid #ccc;

	background:    #fff;

}



.goldbox {

	border-top:    6px solid #866f31;

	border-bottom: 6px solid #866f31;

	background:    #f2eee5;

}



.greenbox {

	border-top:    6px solid #005826;

	border-bottom: 6px solid #005826;

	background:    #e6f8ed;

}



.bluebox {

	border-top:    6px solid #004a80;

	border-bottom: 6px solid #004a80;

	background:    #ecf3fb;

}



.redbox {

	border-top:    6px solid #790000;

	border-bottom: 6px solid #790000;

	background:    #fde2e3;

}



.yellowbox {

	border-top:    6px solid #aba000;

	border-bottom: 6px solid #aba000;

	background:    #fcfadd;

}



/* IE Fixes

-------------------------------------------------------------- */



.ie8 .nivo-caption {

	bottom: -1px;

}



.ie7 .defaultbtn:after, .ie7 .button:after, .ie7 .more-link:after {

	content: "";

	display: none;

}



/* iPhone bullet position fix

-------------------------------------------------------------- */



@media screen and (max-device-width: 480px) {

	.content ul li {

		background-position: 0 15px;

	}

}



/* Non-semantic helper classes

-------------------------------------------------------------- */



.ir {

	display:           block;

	text-indent:       -999em;

	overflow:          hidden;

	background-repeat: no-repeat;

	text-align:        left;

	direction:         ltr;

}



.hidden {

	display:    none;

	visibility: hidden;

}



.visuallyhidden {

	border:   0;

	clip:     rect(0 0 0 0);

	height:   1px;

	margin:   -1px;

	overflow: hidden;

	padding:  0;

	position: absolute;

	width:    1px;

}



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

	clip:     auto;

	height:   auto;

	margin:   0;

	overflow: visible;

	position: static;

	width:    auto;

}



.invisible {

	visibility: hidden;

}



/* Clearfix hack */

.cf:before,

.cf:after {

	content: "";

	display: table;

}



.cf:after {

	clear: both;

}



/* For IE 6/7 (trigger hasLayout) */

.cf {

	zoom: 1;

}