/*-----------------------------------------------------------------------------------

Template Name: Karma
Author: TrueThemes
Version: 3.0 responsive

---------------------------------- Stylesheet Guide ---------------------------------

01. Global Styles

02. Layout
	1. General Structure
	2. Content Area
	3. Portfolio Pages
	4. Footer
	5. Multi Columns
	6. Sidebar
	7. Homepage
	8. Sitemap
	9. Video + 3D Thumbs

03. Navigation
	1. Main Navigation
	2. Vertical Sub Navigation
	3. Horizontal Sub Navigation
	4. Top Toolbar Superfish
	5. Breadcrumbs

04. Links
	1. General Links
	2. Top Link
	3. Custom Buttons

05. Lists
	1. General Lists
	2. Custom List Bullets
	3. Accordion
	4. Tabs

06. Typography
	1. General Typography
	2. @font-Face
	3. Message Boxes
	4. Footer
	5. Callouts

07. Blog

08. Forms

09. Images
	1. General
	2. Modern Frame
	3. Shadow Frame

10. Miscellaneous

11. Wordpress
	1. Karma Pagenavi
	2. Mailchimp
	3. Defaults
	4. 404 Error Page
	5. Constant Contact

12. Widgets + Shortcodes
	1. Default Styles
	2. Blogroll - Footer
	3. Calendar
	4. Recent Posts - Sidebar
	5. Blogroll - Sidebar
	6. Search - Sidebar
	7. Social Media
	8. Latest Tweets
	9. Testimonials Slider
	10. Blog Posts Shortcode
	
13. Progressive CSS Enhancements
15. Pretty Photo
16. Drag-To-Share
17. Attachment.php
18. Responsive Design
19. Internet Explorer

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/* 01. Global Styles
/*-----------------------------------------------------------------*/

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 {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

body {
line-height:1;
background:#f4f4f2;
font-family:"helvetica neue",Helvetica,Arial,Verdana,sans-serif;
font-size:1.4em;
line-height:20px;
color:#666;
min-width:1003px;
margin:0;
}

video,
iframe,
object,
img{max-width:100%;}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

* {
font-size:100.01%;
}

html {
font-size:62.5%;
margin:0;
padding:0;
}


/*-----------------------------------------------------------------*/
/* 02. Layout
/*-----------------------------------------------------------------*/

/*----------------------------*/
/* 1. General Layout
/*----------------------------*/
#wrapper {
width:100%;
display:table;
background:#F4F4F2;
}

#wrapper #header {
display:block;
}

.top-block .top-holder {
width:980px;
font-size:10px;
min-height:4px;
height:auto;
margin:0 auto;
padding:4px 0;
}

#header .rays {
background:url(images/_global/rays.png) 50% 0 no-repeat;
}

#header .header-area {
width:980px;
margin:0 auto;
padding:5px 0 1px;
}

#main {
background:url(images/_global/bg-div-main.jpg) 0 0 repeat-x;
display:table-footer-group;
position:relative;
width:100%;
}

#main .main-area {
width:980px;
margin:0 auto;
padding:45px 10px 0;
}

#main .utility-area {
padding-top:0;
}

.tools .place {
float:right;
}

.main-holder {
height:1%;
overflow:hidden;
padding: 0;
}

.carousel-holder {
width:315px !important;
}

.top-block .top-holder:after,#header .header-area:after {
clear:both;
display:block;
content:"";
}

#tt-boxed-layout {
width:90%;
margin:0 auto;
max-width:1200px;
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}

#main .tools
{
margin-bottom: 30px;
}

/*----------------------------*/
/* 2. Content Area
/*----------------------------*/
#content {
width:740px;
float:left;
margin-left:20px;
}

.content_left_sidebar {
float:right !important;
}

.content_right_sidebar {
width:510px !important;
}

.content_full_width {
width:970px !important;
float:left;
margin-left:0 !important;
padding:0;
}

.portfolio_full_width {
margin-left:0 !important;
width:980px !important;
}


/*----------------------------*/
/* 4. Footer
/*----------------------------*/
#footer {
width:100%;
/*position:relative;*/
padding-top:40px;
font-size: 12px;
}

#footer .footer-area {
width:980px;
/*position:relative;*/
margin:0 auto;
}

#footer .footer-wrapper {
width:970px;
overflow:hidden;
}

#footer .footer-holder {
width:100%;
overflow:hidden;
padding:40px 0 10px 6px;
}

#footer .box {
width:333px;
float:left;
}

#footer_bottom {
width:100%;
/*min-height:89px;*/
height:auto;
}

#foot_left {
float:left;
width:440px;
padding-left: 5px;
}

#foot_left .textwidget {
margin-top:-18px;
}

#foot_right {
float:right;
width:500px;
text-align:right;
padding-right: 5px;
}

.info {
width:980px;
font-size:12px;
overflow:hidden;
/*position:relative;*/
margin:0 auto;
padding:18px 0 0 8px;
}

#footer .footer_post {
padding:2px 0 16px;
}


/*----------------------------*/
/* 5. Multi Columns
/*----------------------------*/
.clear {clear: both;}
/* ami
.one_half, .one_half_last, .one_third, .one_third_last, .one_fourth, .one_fourth_last, .one_fifth, .one_fifth_last, .one_sixth, .one_sixth_last, .two_thirds, .two_thirds_last {padding-bottom: 20px;}
*/

#content .one_half {float:left;width:342px;margin-right:30px;}
#content .one_half_last {float:right;width:342px;margin:0;}
#content .one_third {float:left;width:220px;margin-right:30px;}
#content .one_third_last {float:right;width:220px;margin:0;}
#content .one_fourth {float:left;width:152px;margin-right:36px;}
#content .one_fourth_last {float:right;width:152px;margin:0;}
#content .one_fifth {float:left;width:124px;margin-right:23px;}
#content .one_fifth_last {float:right;width:124px;margin:0;}
#content .one_sixth {float:left;width:100px;margin-right:20px;}
#content .one_sixth_last {float:right;width:100px;margin:0;}
#content .two_thirds {float:left;width:470px;margin:0;}
#content .two_thirds_last {float:right;width:470px;margin:0;}
#content .three_fourth {float:left;width:550px;margin:0;}
#content .three_fourth_last {float:right;width:530px;margin:0;}


.content_full_width .one_half {float:left;width:455px !important;margin-right:30px !important;}
.content_full_width .one_half_last {float:right;width:455px !important;margin:0 !important;}
.content_full_width .one_third {float:left;width:293px !important;margin-right:30px !important;}
.content_full_width .one_third_last {float:right;width:293px !important;margin:0 !important;}
.content_full_width .one_fourth {float:left;width:220px !important;margin-right:36px !important;}
.content_full_width .one_fourth_last {float:right;width:220px !important;margin:0 !important;}
.content_full_width .one_fifth {float:left;width:168px !important;margin-right:23px !important;}
.content_full_width .one_fifth_last {float:right;width:168px !important;margin:0 !important;}
.content_full_width .one_sixth {float:left;width:140px !important;margin-right:20px !important;}
.content_full_width .one_sixth_last {float:right;width:140px !important;margin:0 !important;}
.content_full_width .two_thirds {float:left;width:595px !important;margin:0 !important;}
.content_full_width .two_thirds_last {float:right;width:595px !important;margin:0 !important;}
.content_full_width .three_fourth {float:left;width:705px !important;margin:0 !important;}
.content_full_width .three_fourth_last {float:right;width:710px !important;margin:0 !important;}

.content_full_width .two_thirds_last .one_third, .content_full_width .two_thirds_last .one_third_last, .content_full_width .two_thirds .one_third, .content_full_width .two_thirds .one_third_last {width:280px !important;}


.content_sidebar .one_fourth, .content_sidebar .one_fourth_last {width:105px !important;}
.content_sidebar .one_third, .content_sidebar .one_third_last {width:145px !important;}
.content_sidebar .one_half, .content_sidebar .one_half_last {width:235px !important;}
.content_sidebar .two_thirds, .content_sidebar .two_thirds_last {width:325px !important;}

#footer .one_half {float:left;width:455px !important;margin-right:30px !important;}
#footer .one_half_last {float:right;width:455px !important;margin:0 !important;}
#footer .one_third {float:left;width:300px !important;margin-right:30px !important;}
#footer .one_third_last {float:right;width:300px !important;margin:0 !important;}
#footer .one_fourth, #footer .one_fourth_last {float:left !important;width:225px !important;margin-right:23px !important;}
#footer .one_fourth_last {margin-right:0px !important;}
#footer .one_fifth {float:left;width:177px !important;margin-right:23px !important;}
#footer .one_fifth_last {float:right;width:177px !important;margin:0 !important;}
#footer .one_sixth {float:left;width:146px !important;margin-right:20px !important;}
#footer .one_sixth_last {float:right;width:146px !important;margin:0 !important;}


#content .tabs-area .one_half,
#content .slide .one_half {float:left;width:310px;margin-right:30px;}
#content .tabs-area .one_half_last,
#content .slide .one_half_last {float:right;width:310px;margin:0;}
#content .tabs-area .one_third,
#content .slide .one_third {float:left;width:194px;margin-right:35px;}
#content .tabs-area .one_third_last,
#content .slide .one_third_last {float:right;width:194px;margin:0;}
#content .tabs-area .one_fourth,
#content .slide .one_fourth {float:left;width:141px;margin-right:30px;}
#content .tabs-area .one_fourth_last,
#content .slide .one_fourth_last {float:right;width:141px;margin:0;}
#content .tabs-area .one_fifth,
#content .slide .one_fifth {float:left;width:108px;margin-right:28px;}
#content .tabs-area .one_fifth_last,
#content .slide .one_fifth_last {float:right;width:108px;margin:0;}
#content .tabs-area .one_sixth,
#content .slide .one_sixth {float:left;width:92px;margin-right:20px;}
#content .tabs-area .one_sixth_last,
#content .slide .one_sixth_last {float:right;width:92px;margin:0;}
#content .tabs-area .two_thirds,
#content .slide .two_thirds {float:left;width:425px;margin:0;}
#content .tabs-area .two_thirds_last,
#content .slide .two_thirds_last {float:right;width:425px;margin:0;}
#content .tabs-area .three_fourth,
#content .slide .three_fourth {float:left;width:485px;margin:0;}
#content .tabs-area .three_fourth_last,
#content .slide .three_fourth_last {float:right;width:485px;margin:0;}


.content_full_width .tabs-area .one_half,
.content_full_width .slide .one_half {float:left;width:420px !important;margin-right:30px !important;}
.content_full_width .tabs-area .one_half_last,
.content_full_width .slide .one_half_last {float:right;width:420px !important;margin:0 !important;}
.content_full_width .tabs-area .one_third,
.content_full_width .slide .one_third {float:left;width:267px !important;margin-right:30px !important;}
.content_full_width .tabs-area .one_third_last,
.content_full_width .slide .one_third_last {float:right;width:267px !important;margin:0 !important;}
.content_full_width .tabs-area .one_fourth,
.content_full_width .slide .one_fourth {float:left;width:190px !important;margin-right:36px !important;}
.content_full_width .tabs-area .one_fourth_last,
.content_full_width .slide .one_fourth_last {float:right;width:190px !important;margin:0 !important;}
.content_full_width .tabs-area .one_fifth,
.content_full_width .slide .one_fifth {float:left;width:155px !important;margin-right:23px !important;}
.content_full_width .tabs-area .one_fifth_last,
.content_full_width .slide .one_fifth_last {float:right;width:155px !important;margin:0 !important;}
.content_full_width .tabs-area .one_sixth,
.content_full_width .slide .one_sixth {float:left;width:127px !important;margin-right:20px !important;}
.content_full_width .tabs-area .one_sixth_last,
.content_full_width .slide .one_sixth_last {float:right;width:127px !important;margin:0 !important;}
.content_full_width .tabs-area .two_thirds,
.content_full_width .slide .two_thirds {float:left;width:575px !important;margin:0 !important;}
.content_full_width .tabs-area .two_thirds_last,
.content_full_width .slide .two_thirds_last {float:right;width:575px !important;margin:0 !important;}
.content_full_width .tabs-area .three_fourth,
.content_full_width .slide .three_fourth {float:left;width:650px !important;margin:0 !important;}
.content_full_width .tabs-area .three_fourth_last,
.content_full_width .slide .three_fourth_last {float:right;width:650px !important;margin:0 !important;}

/*----------------------------*/
/* 6. Sidebar
/*----------------------------*/
#sidebar {
background:url(images/_global/bg-sidebar.gif) 0 0 repeat-y;
float:right;
width:173px;
padding:0 0 0 25px;
}

.left_sidebar {
float:left !important;
background:url(images/_global/bg-sidebar.gif) top right repeat-y !important;
margin:0 0 0 25px;
padding:0 25px 0 0 !important;
}

/*----------------------------*/
/* 8. Sitemap
/*----------------------------*/
#main .sitemap_with_child, #main .sitemap_without_child {float:left;width:200px;margin-right:20px;}
#main .sitemap_with_child a, #main .sitemap_without_child a {color: #666;font-weight:bold;text-decoration:none;}
#main .sitemap_with_child .page_item a, #main .sitemap_without_child .page_item a {font-weight:normal;text-decoration:underline;}
#main .sitemap_with_child ul, #main .sitemap_without_child ul {list-style: none;margin:0;padding:8px 0 0 0;}
#main .sitemap_with_child ul {padding:0;}
#main .sitemap_with_child ul a {text-decoration:none !important;}
#main .sitemap_with_child a:hover, #main .sitemap_without_child a:hover {text-decoration:underline !important;}


/*----------------------------*/
/* 9. Video + 3D Thumbs
/*----------------------------*/
.video-main {width: 592px;height: 371px;float: left;background:url(images/_global/bg-video.png) 0 0 no-repeat;position:relative;}
.video-frame {width: 572px;height: 312px;position: absolute;top: 10px;left: 10px;background: url(images/_global/preload-white.gif) center center no-repeat;}
.video-sub {width: 305px;float: right;padding-top: 15px;}
.three-d-main {width: 527px;height: 475px;float: left;}
.three-d-sub {width: 380px;float: right;padding-top: 15px;}
.three-d-wrap {padding-bottom: 12px;}
.video_right .video-main, .video_right .two-d-main, .video_right .three-d-main {float: right !important;}
.video_right .video-sub, .video_right .two-d-sub, .video_right .three-d-sub {float: left !important;}

/*-----------------------------------------------------------------*/
/* 03. Navigation
/*-----------------------------------------------------------------*/


/*----------------------------*/
/* 1. Main Navigation
/*----------------------------*/
#menu-main-nav {list-style:none;margin:0;padding:7px;list-style:none;float:right;}
#menu-main-nav a {outline: none;}
#menu-main-nav li {float:left;padding:13px 28px 12px 13px;position:relative;vertical-align:top;height:1%;margin-right: 2px;}
#menu-main-nav ul li {background: none !important;}
#menu-main-nav li.parent:hover {position:relative;}
#menu-main-nav li.parent li.parent:hover {background:none !important;}
#menu-main-nav li.parent li.parent li.parent:hover {background:none !important;}
#menu-main-nav li strong {text-transform:uppercase;display:block;font-size:13px;letter-spacing: 0.6px;font-weight:800;}
#menu-main-nav a {display:block;}
#menu-main-nav a:hover {background-position:0 0;text-decoration:none;}
#menu-main-nav .drop {width:236px;padding:0 1px 0 1px;position:absolute;left:-1px;top:52px;display:none;z-index:999;}
#menu-main-nav .sub-menu {display: none;}
#menu-main-nav .drop li.current-menu-item,
#menu-main-nav .drop li.current_page_ancestor,
#menu-main-nav .drop li.hover {z-index:10;}
#menu-main-nav .drop .t,
#menu-main-nav .drop .b {height:10px;overflow:hidden;}
#menu-main-nav .drop .c {width:100%;}
#menu-main-nav .drop ul {margin:0;padding:5px 0 8px;width:236px;list-style:none;}
#menu-main-nav .drop ul li {float:none;padding:0;position:relative;height:1%;padding:0 8px;background:none;}
#menu-main-nav .drop ul a {display:block;height:1%;width: 220px;}
#menu-main-nav .drop ul a span {display:block;padding:7px 13px;height:1%;cursor:pointer;}
#menu-main-nav .drop ul .drop {top:0;left:236px;}
#menu-main-nav .drop ul .drop ul a {background:none;}
#menu-main-nav .drop ul .drop ul a span {background:none;}
#menu-main-nav .drop ul .drop ul .drop a,
#menu-main-nav .drop ul .drop ul .drop a span {background:none !important;}
#menu-main-nav li:hover .drop,
#menu-main-nav li.hover .drop {display:block;}
#menu-main-nav li:hover .drop ul .drop,
#menu-main-nav li.hover .drop ul .drop {display:none;}
#menu-main-nav li:hover .drop ul li:hover .drop,
#menu-main-nav li.hover .drop ul li.hover .drop {display:block;}
#menu-main-nav li.current-menu-parent li a span, #menu-main-nav li.current-menu-item li a span, #menu-main-nav li.current_page_ancestor li a span {text-decoration:none;color:#999;}
#menu-main-nav .drop ul li.current-menu-item ul li a,
#menu-main-nav .drop ul li.current-menu-item ul li a span,
#menu-main-nav li .sub-menu li .sub-menu li .sub-menu li a span {background: none !important;}

/*----------------------------*/
/* 2. Vertical Sub Navigation
/*----------------------------*/
#sub_nav {float: left;width:220px;float:left;background:url(images/_global/bg-sidebar.gif) 206px 0 repeat-y;margin-bottom:10px;padding-bottom:40px;overflow:hidden;}
#sub_nav ul a {display:block;background:url(images/_global/separator3.gif) 0 100% repeat-x;padding:4px 0 8px 20px;height:1%;position:relative;margin:0 13px 0 0;color: #666;}
#sub_nav ul a:hover,
#sub_nav ul li.current_page_item a {margin-right:0;color:#fff;text-decoration:none;}
#sub_nav ul ul a {background:url(images/_global/bullet1.gif) 0 9px no-repeat;padding:4px 0 1px 14px;}
#sub_nav ul ul a:hover {text-decoration:underline;color:#666;}
#sub_nav ul {margin:0;padding:0;list-style:none;}
#sub_nav ul li {vertical-align:top;height:1%;}
#sub_nav ul ul {list-style:none;margin:0;padding:9px 0 6px 31px;}
#sub_nav ul ul ul {padding:5px 0 9px 23px;}
#sub_nav .sub-menu {margin-bottom: 20px;}
#main #sub_nav ul {margin: 0;}
#main #sub_nav ul li {margin-bottom: 0;}

/*----------------------------*/
/* 3. Horizontal Sub Navigation
/*----------------------------*/
#horizontal_nav {width: 100%;float: left;background: url(images/_global/separator3.gif) 0 100% repeat-x;padding-bottom: 20px;margin: -20px 0 30px 0;}
#horizontal_nav ul {margin:0 0 0 -25px;padding:0;list-style:none;height:1%;overflow:hidden;}
#horizontal_nav ul li {float: left;margin-left: 25px;}
#horizontal_nav ul {float:left;}
#horizontal_nav ul a {float:left;padding:0 11px 0 0;outline:none;color:#474747;text-decoration: none;}
#horizontal_nav ul .current_page_item a, #horizontal_nav ul a:hover {color:#fff !important;}
#horizontal_nav ul a span {float:left;padding:4px 0 4px 13px;cursor:pointer;}

/*----------------------------*/
/* 4. Top toolbar lists
/*----------------------------*/

.top-block .toolbar-left {
	margin: 0;
	padding: 0;
	float: left;
}
.top-block .toolbar-right {
	margin: 0;
	padding: 0;
	float: right;
}
.top-block .toolbar-left ul,
.top-block .toolbar-right ul,
#footer_bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	overflow: hidden;
}
.top-block .toolbar-left ul li,
.top-block .toolbar-right ul li{
	float: left;
	padding-left: 7px;
}

.top-block .toolbar-left a,
.top-block .toolbar-right a{
	padding-right: 10px;
}

.top-block .toolbar-right ul,
#footer_bottom #foot_right ul{float:right;}

.toolbar-left a:hover,
.toolbar-right a:hover,
.footer-holder a:hover,
#footer_bottom a:hover {
color:#FFF;
}

.top-block .toolbar-left ul a,
.top-block .toolbar-right ul a {
	background:url(images/_global/separator-toolbar.png) 100% 50% no-repeat;
}

.top-block .toolbar-left ul li:last-child a,
.top-block .toolbar-right ul li:last-child a {
	background: none;
}

/* superfish styles */


.top-block .toolbar-left li a.sf-with-ul { padding-right: 12px; }

.top-block .toolbar-left li li a.sf-with-ul { padding-right: 0; }

.top-block .toolbar-left ul li {
	float: left;
	position: relative;
	z-index: 40;
	margin: 0 4px 0 0;
}

.top-block .toolbar-left ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

/*  Make sub menus appear */
.top-block .toolbar-left ul li:hover ul,
.top-block .toolbar-left ul li.sfHover ul {
	left: -1px;
	top: 23px; /* match top ul list item height */
	z-index: 9999;
}

/* Hide all subs */
.top-block .toolbar-left ul li:hover li ul,
.top-block .toolbar-left ul li.sfHover li ul,
.top-block .toolbar-left ul li li:hover li ul,
.top-block .toolbar-left ul li li.sfHover li ul,
.top-block .toolbar-left ul li li li:hover li ul,
.top-block .toolbar-left ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs */
.top-block .toolbar-left ul li li:hover ul,
.top-block .toolbar-left ul li li.sfHover ul,
.top-block .toolbar-left ul li li li:hover ul,
.top-block .toolbar-left ul li li li.sfHover ul,
.top-block .toolbar-left ul li li li li:hover ul,
.top-block .toolbar-left ul li li li li.sfHover ul {
	left: 190px;
	top: -1px;
}
	


.top-block .toolbar-left li.current-menu-parent a {
	padding-right: 18px;
}

.top-block .toolbar-left li li a .sf-sub-indicator { 
	width: 3px; 
	margin-top: 11px;
	right: 10px;
}

.top-block .toolbar-left ul li li.current-menu-item a { background: none; }

.top-block .toolbar-left ul li.sfHover ul a {  }

.top-block .toolbar-left ul li.sfHover ul a:hover {  }

/*----------------------------*/
/* 5. Breadcrumbs
/*----------------------------*/
.tools .breadcrumb {margin:0;padding:4px 0 17px 0;float:right;overflow:hidden;font-size:.9em;color:#FFF;}
.tools .breadcrumb a {padding:0 15px 0 7px;background:url(images/_global/arrow-right.png) 100% 50% no-repeat;margin:0 0 0 6px;color:#FFF;outline: none;}
.tools .breadcrumb a:hover {color:#CCC;}
.tools .breadcrumb .current_crumb {background:url(images/_global/arrow-up.png) 50% 100% no-repeat;padding:0 5px 21px 7px;font-weight: bold;}


/*-----------------------------------------------------------------*/
/* 04. Links
/*-----------------------------------------------------------------*/


/*----------------------------*/
/* 1. General Links
/*----------------------------*/
a {
outline:none;
}

a:hover {
text-decoration:underline;
}

#header .logo {
float:left;
margin-left:5px;
outline:none;
}

#header .toolbar-left a,#header .toolbar-right a {
text-decoration:none;
}

#header .toolbar-left li,#header .toolbar-right li {
color:#575C60;
}

.footer-holder a,#footer_bottom a {
text-decoration:none;
color:#575C60;
}

.callout_button {
background:#999 url(images/_global/global-sprite-gradients.png) 0 0 repeat-x;
cursor:pointer;
letter-spacing:.8px;
color:#333;
outline:none;
border:1px solid #999;
display:inline-block;
font-size:12px !important;
text-decoration:none;
margin:0;
padding:6px 10px !important;
}

#footer h3 a {
color:#FFF !important;
}

.post_title h2 a {
color:#222 !important;
text-decoration:none !important;
}

#menu-main-nav a,#sub_nav a,#wrapper .tabset a,#footer_bottom a,.callout_button:hover {
text-decoration:none;
}



/*----------------------------*/
/* 2. Top Link
/*----------------------------*/
.link-top {
	padding: 3px 0 0 17px;
	background: url(images/_global/bg-link-top.gif) 0 7px no-repeat;
	font-size: 11px;
	outline: none;
	margin: -9px 2px 15px 0;
	float: right;
}
#footer_bottom .link-top {background:url(images/_global/arrow-up-footer.png) 0 8px no-repeat;font-weight: bold;}
#footer_bottom .link-top, #footer_bottom .link-top:hover {color: #FFF !important;text-decoration: none !important;}
#footer_bottom .top-footer {float: right;padding:7px 0 0 12px;}



/*----------------------------*/
/* 3. Custom Buttons
/*----------------------------*/
.post-edit-link {
background-color: #F7F6F7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F6F7), to(#DFDBDF));
background-image: -webkit-linear-gradient(top, #F7F6F7, #DFDBDF);
background-image:    -moz-linear-gradient(top, #F7F6F7, #DFDBDF);
background-image:      -o-linear-gradient(top, #F7F6F7, #DFDBDF);
background-image:         linear-gradient(to bottom, #F7F6F7, #DFDBDF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F7F6F7', endColorstr='#DFDBDF');
box-shadow:0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1) !important;
border:1px solid #C7C0C7;
border-radius:2px 2px 2px 2px;
color:#5E5E5E !important;
cursor:pointer;
font-family:inherit;
font-size:13px;
font-weight:bold;
left:auto;
line-height:1em;
margin:0;
height:auto;
overflow:visible;
padding:6px 10px;
position:relative;
text-decoration:none;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

/*
.ka_button, .ka_button:hover {text-decoration: none;border: 0;display:inline-block;letter-spacing:1.2px;text-transform: uppercase;color: #DDD !important;}
.ka_button span {display:block;}
.small_button{margin:5px 10px 5px 0;padding:0 21px 0 0;font-size: .9em;background: transparent url(images/_global/bg-buttons-sprite.png) 100% -43px no-repeat scroll;color: #F4F4F2;}
.small_button span{margin:0;padding:16px 0 17px 21px;line-height: 10px;background:transparent url(images/_global/bg-buttons-sprite.png) 0 0 no-repeat scroll;}
*/

.ka_button, .ka_button:hover
{
    border: 0;
	text-decoration: none; 
    display: inline-block;	
	letter-spacing:1.1px;
	text-transform: uppercase;
	color: #DDD !important;
}
.small_button
{
    margin-right: 5px;
	padding-right: 20px;
    height: 41px;
    background: transparent url('images/site/bg-buttons-sprite-right.png') no-repeat top right; 
    z-index:1000;
}

.ka_button span {display:block;}

.small_button span
{
    background: transparent url('images/site/bg-buttons-sprite-left.png') no-repeat 0 0; 
    line-height: 22px; 
    padding: 9px 0 10px 20px; 
    color: #EEE;
    font-size:0.8em;
}


.medium_button{margin:5px 10px 5px 0;padding:0 23px 0 0;font-size: 1em;background: transparent url(images/_global/bg-buttons-sprite.png) 100% -136px no-repeat scroll;color: #F4F4F2;}
.medium_button span{margin:0;padding:19px 0 19px 23px;line-height: 12px;background:transparent url(images/_global/bg-buttons-sprite.png) 0 -86px no-repeat scroll;}


.large_button{margin:5px 10px 5px 0;padding:0 34px 0 0;font-size: 1.1em;background: transparent url(images/_global/bg-buttons-sprite.png) 100% -261px no-repeat scroll;color: #F4F4F2;border:0;outline:none;cursor:pointer;}
.large_button span{margin:0;padding:28px 0 33px 33px;line-height: 16px;background:transparent url(images/_global/bg-buttons-sprite.png) 0 -186px no-repeat scroll;border:0;outline:none;cursor:pointer;}

/* FIRE */
.small_fire, .small_fire span, .medium_fire, .medium_fire span, .large_fire, .large_fire span {background-image: url(images/_global/bg-buttons-sprite-fire.png);}

/* AUTUMN */
.small_autumn, .small_autumn span, .medium_autumn, .medium_autumn span, .large_autumn, .large_autumn span {background-image: url(images/_global/bg-buttons-sprite-autumn.png);}

/* CHERRY */
.small_cherry, .small_cherry span, .medium_cherry, .medium_cherry span, .large_cherry, .large_cherry span {background-image: url(images/_global/bg-buttons-sprite-cherry.png);}

/* COFFEE */
.small_coffee, .small_coffee span, .medium_coffee, .medium_coffee span, .large_coffee, .large_coffee span {background-image: url(images/_global/bg-buttons-sprite-coffee.png);}

/* GOLDEN */
.small_golden, .small_golden span, .medium_golden, .medium_golden span, .large_golden, .large_golden span {background-image: url(images/_global/bg-buttons-sprite-golden.png);}

/* PINK */
.small_pink, .small_pink span, .medium_pink, .medium_pink span, .large_pink, .large_pink span {background-image: url(images/_global/bg-buttons-sprite-pink.png);}

/* PURPLE */
.small_purple, .small_purple span, .medium_purple, .medium_purple span, .large_purple, .large_purple span {background-image: url(images/_global/bg-buttons-sprite-purple.png);}

/* PERIWINKLE */
.small_periwinkle, .small_periwinkle span, .medium_periwinkle, .medium_periwinkle span, .large_periwinkle, .large_periwinkle span {background-image: url(images/_global/bg-buttons-sprite-periwinkle.png);}

/* VIOLET */
.small_violet, .small_violet span, .medium_violet, .medium_violet span, .large_violet, .large_violet span {background-image: url(images/_global/bg-buttons-sprite-violet.png);}

/* SKY BLUE */
.small_skyblue, .small_skyblue span, .medium_skyblue, .medium_skyblue span, .large_skyblue, .large_skyblue span {background-image: url(images/_global/bg-buttons-sprite-skyblue.png);}

/* COOL BLUE */
.small_coolblue, .small_coolblue span, .medium_coolblue, .medium_coolblue span, .large_coolblue, .large_coolblue span {background-image: url(images/_global/bg-buttons-sprite-coolblue.png);}

/* ROYAL BLUE */
.small_royalblue, .small_royalblue span, .medium_royalblue, .medium_royalblue span, .large_royalblue, .large_royalblue span {background-image: url(images/_global/bg-buttons-sprite-royalblue.png);}

/* BLUE GREY */
.small_bluegrey, .small_bluegrey span, .medium_bluegrey, .medium_bluegrey span, .large_bluegrey, .large_bluegrey span {background-image: url(images/_global/bg-buttons-sprite-bluegrey.png);}

/* LIME GREEN */
.small_limegreen, .small_limegreen span, .medium_limegreen, .medium_limegreen span, .large_limegreen, .large_limegreen span {background-image: url(images/_global/bg-buttons-sprite-limegreen.png);}

/* FOREST GREEN */
.small_forestgreen, .small_forestgreen span, .medium_forestgreen, .medium_forestgreen span, .large_forestgreen, .large_forestgreen span {background-image: url(images/_global/bg-buttons-sprite-forestgreen.png);}

/* TEAL */
.small_teal, .small_teal span, .medium_teal, .medium_teal span, .large_teal, .large_teal span {background-image: url(images/_global/bg-buttons-sprite-teal.png);}

/* TEAL GREY */
.small_tealgrey, .small_tealgrey span, .medium_tealgrey, .medium_tealgrey span, .large_tealgrey, .large_tealgrey span {background-image: url(images/_global/bg-buttons-sprite-tealgrey.png);}

/* GREY */
.small_grey, .small_grey span, .medium_grey, .medium_grey span, .large_grey, .large_grey span {background-image: url(images/_global/bg-buttons-sprite-grey.png);}

/* SILVER */
.small_silver, .small_silver span, .medium_silver, .medium_silver span, .large_silver, .large_silver span {background-image: url(images/_global/bg-buttons-sprite-silver.png);color:#555 !important;}


/*-----------------------------------------------------------------*/
/* 05. Lists
/*-----------------------------------------------------------------*/


/*----------------------------*/
/* 1. General Lists
/*----------------------------*/
.footer-holder ul {margin:0;padding:0;color:#999;list-style: none;}
.footer-holder li {margin-bottom: 8px;}
.search-list {margin:0 0 0 15px;padding:0;}
.search-list li {margin-bottom: 20px;}
.sitemap-list .sub-menu {list-style:none;margin-left:10px;padding:10px 0 5px 0;}
.sitemap-list .sub-menu li .sub-menu {list-style:none;margin-left:15px;padding:10px 0 0 0;}
#content ul, .content_full_width ul {margin: 0 0 20px 15px;}
#content ol, .content_full_width ol {margin: 0 0 20px 20px;}
#content ol li, #content ul li, .content_full_width ol li, , .content_full_width ul li {margin-bottom: 5px;}



/*----------------------------*/
/* 2. Custom List Bullets
/*----------------------------*/
.list {margin:-5px 0 0 0 !important;list-style:none;padding:0 0 20px 0;}
.list li {padding:3px 0 0 15px;background: 0 11px no-repeat;margin: 0;}
.list2 li {background: 0 11px no-repeat;}
.list3 li {background: 0 11px no-repeat;}
.list4 li {background: 0 11px no-repeat;padding-left:20px;}
.list5 li img {padding-right:10px; margin-top:7px;}



/*----------------------------*/
/* 3. Accordion
/*----------------------------*/
.accordion {width: 100%;background:none;}
.accordion a {text-decoration: none;}
.opener {font-size:13px;padding:0px;outline: none;color:#676767;margin-bottom:3px;}
.opener:hover {color:#222;text-decoration: none;}
.opener strong {background:url(images/_global/bg-accordion-close.png) 2px 1px no-repeat;padding:2px 0 2px 32px;height:1%;cursor:pointer;text-shadow:1px 1px 1px #FFF;}
.accordion .slide-holder {width:100%;overflow:hidden;}
.accordion {list-style:none;}
.accordion .ui-state-active strong {background:url(images/_global/bg-accordion-open.png) 2px 1px no-repeat !important;color:#222;}
.accordion .slide {padding:15px 5px 0 5px;}
.accordion table {font-size:1.0em;}


/*----------------------------*/
/* 4. Tabs
/*----------------------------*/
#wrapper .tabs-area {padding: 20px 0 0 0;}
#wrapper .tabset {margin:0;padding:0 0 18px 23px;list-style:none;height:1%;overflow:hidden;}
#wrapper .tabset li {float:left;margin-right:20px;}
#wrapper .tabset a ,.ui-state-active a{color: #666;}
#wrapper .tabset a:hover, .ui-state-active a span{color: #FFF;}
#wrapper .tabset .tab {float:left;padding:0 11px 0 0;outline:none;color:#474747;}
#wrapper .tabset .active,.ui-state-active, .tabset a:hover {text-decoration:none;color:#FFF;}
#wrapper .tabset .tab span {float:left;padding:3px 0 4px 13px;cursor:pointer;}
#wrapper .tab-box {background:url(images/_global/global-sprite-gradients.png) 0 -152px repeat-x;margin:0 9px 0 0;padding:30px 27px 0 27px;}
#wrapper .blog-tab-box {margin:0 9px 0 0;padding:0 0 20px 0;width: 100%;}
#wrapper #blog-tabs .tabset {padding:0 0 15px 0;float: right;}
#wrapper #blog-tabs .tabset .active a {color:#FFF !important;}
.ui-tabs .ui-tabs-hide { display: none !important; }


/*-----------------------------------------------------------------*/
/* 06. Typography
/*-----------------------------------------------------------------*/


/*----------------------------*/
/* 1. General Typography
/*----------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, ol {margin: 0 0 20px 0;font-weight: normal;color: #222;}
p, ul, ol {color: #666;}
p strong {color: #555;}
.colored_box p strong {color: #FFF;}
p {margin-bottom: 15px;}
h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.0em;}
h6 {font-size:.9em;color: #222;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {margin-top:-10px;}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {padding-top: 20px;}

#main h1 + ul,
#main h2 + ul,
#main h3 + ul,
#main h4 + ul,
#main h5 + ul,
#main h6 + ul,
#main h1 + ol,
#main h2 + ol,
#main h3 + ol,
#main h4 + ol,
#main h5 + ol,
#main h6 + ol {margin-top:-5px;}

#main ul + h1,
#main ul + h2,
#main ul + h3,
#main ul + h4,
#main ul + h5,
#main ul + h6,
#main ol + h1,
#main ol + h2,
#main ol + h3,
#main ol + h4,
#main ol + h5,
#main ol + h6 {padding-top:10px;}


#main .frame h1 {
padding-bottom:15px;
font-size:1.5em; /* ami */
float:left;
color:#FFF;
margin:3px 0 0;
}

.top-block p {
font-size:1.1em;
color:#CCC;
margin:0;
padding:0;
}

#sidebar h2 {
padding-bottom:5px;
font-size:10px;
}

#main .video-sub h2,#main .two-d-sub h2,#main .three-d-sub h2 {
padding-bottom:10px !important;
}

.home-bnr-jquery .home-banner-main h2,.home-bnr-jquery .home-banner-main p {
color:#FFF !important;
}

.home-banner-main h2 {
color:#222 !important;
font-size:2em !important;
padding-bottom:5px !important;
font-weight:400 !important;
}

.home-banner-main p {
font-size:1.1em;
line-height:21px;
}

.sitemap-last p {
line-height:25px;
}

.search-title {
color:#000;
font-size:1.9em;
}

#content .sub-box3 .cols-holder {
padding:41px 0 0;
}

#header .custom-logo {
float:left;
margin-left:12px;
outline:none;
text-decoration:none;
}

#header .custom-logo .logo-text {
font-weight:700;
font-size:2em;
letter-spacing:-.5px;
color:#FFF;
padding-left:7px;
word-spacing:4px;
}

#header .custom-logo img {
margin-bottom:-17px;
}

/*----------------------------*/
/* 3. Message Boxes
/*----------------------------*/
.message_green, .message_red, .message_blue, .message_yellow{color:#333;padding: 20px 20px 20px 60px;margin: 0 0 20px 0;}
.message_green{background: #DFE9B7 url(images/_global/ico1.gif) 20px center no-repeat;border:1px solid #BAC398;}
.message_red{background: #F5DCD8 url(images/_global/ico2.gif) 20px center no-repeat;border:1px solid #CDBFBE;}
.message_blue{background: #DAE6F2 url(images/_global/ico3.gif) 20px center no-repeat;border:1px solid #BDC4CA;}
.message_yellow{background: #F8F2B6 url(images/_global/ico4.gif) 20px center no-repeat;border:1px solid #D8D4B7;}

.textwidget .message_green,
.textwidget .message_red,
.textwidget .message_blue,
.textwidget .message_yellow {background-position: 20px 25px;}

.message_green a{font-weight:bold;color:#66B500;}
.message_red a{font-weight:bold;color:#CB2A19;}
.message_blue a{font-weight:bold;color:#0092F5;}
.message_yellow a{font-weight:bold;color:#A58100;}

.colored_box {color:#FFF;padding: 0;margin: 0 0 20px 0;font-size:13px;width:100%;}
.colored_box p {padding: 30px;line-height:23px;color: #FFF;}


/* FIRE */
.message_karma_fire {background:#DB3C01 url(images/_global/global-sprite-color-boxes.png) 0 0 repeat-x;}
.message_karma_fire a {color:#FDC281 !important;}

/* AUTUMN */
.message_karma_autumn{background:#651604 url(images/_global/global-sprite-color-boxes.png) 0 -400px repeat-x;}
.message_karma_autumn a {color:#C07E5B !important;}

/* CHERRY */
.message_karma_cherry{background:#670600 url(images/_global/global-sprite-color-boxes.png) 0 -800px repeat-x;}
.message_karma_cherry a {color:#E09588 !important;}

/* COFFEE */
.message_karma_coffee{background:#28211B url(images/_global/global-sprite-color-boxes.png) 0 -1200px repeat-x;}
.message_karma_coffee a {color:#998C7B !important;}

/* GOLDEN */
.message_karma_golden{background:#80570C url(images/_global/global-sprite-color-boxes.png) 0 -1600px repeat-x;}
.message_karma_golden a {color:#D3C87B !important;}

/* PINK */
.message_karma_pink{background:#6D1E49 url(images/_global/global-sprite-color-boxes.png) 0 -2000px repeat-x;}
.message_karma_pink a {color:#D89DCB !important;}

/* PURPLE */
.message_karma_purple{background:#371022 url(images/_global/global-sprite-color-boxes.png) 0 -2400px repeat-x;}
.message_karma_purple a {color:#B47A9D !important;}

/* PERIWINKLE */
.message_karma_periwinkle{background:#4C1268 url(images/_global/global-sprite-color-boxes.png) 0 -2800px repeat-x;}
.message_karma_periwinkle a {color:#95ADE1 !important;}

/* VIOLET */
.message_karma_violet{background:#3E1965 url(images/_global/global-sprite-color-boxes.png) 0 -3200px repeat-x;}
.message_karma_violet a {color:#B592F4 !important;}

/* SKY BLUE */
.message_karma_skyblue{background:#0078AF url(images/_global/global-sprite-color-boxes.png) 0 -3600px repeat-x;}
.message_karma_skyblue a {color:#98DCE9 !important;}

/* COOL BLUE */
.message_karma_coolblue{background:#003869 url(images/_global/global-sprite-color-boxes.png) 0 -4000px repeat-x;}
.message_karma_coolblue a {color:#83B1DC !important;}

/* ROYAL BLUE */
.message_karma_royalblue{background:#182947 url(images/_global/global-sprite-color-boxes.png) 0 -4400px repeat-x;}
.message_karma_royalblue a {color:#7D92B9 !important;}

/* BLUE GREY */
.message_karma_bluegrey{background:#2E2D3D url(images/_global/global-sprite-color-boxes.png) 0 -4800px repeat-x;}
.message_karma_bluegrey a {color:#A1A0AD !important;}

/* LIME GREEN */
.message_karma_limegreen{background:#638400 url(images/_global/global-sprite-color-boxes.png) 0 -5200px repeat-x;}
.message_karma_limegreen a {color:#E3F28B !important;}

/* FOREST GREEN */
.message_karma_forestgreen{background:#354515 url(images/_global/global-sprite-color-boxes.png) 0 -5600px repeat-x;}
.message_karma_forestgreen a {color:#A9BD79 !important;}

/* TEAL */
.message_karma_teal{background:#0D4E54 url(images/_global/global-sprite-color-boxes.png) 0 -6000px repeat-x;}
.message_karma_teal a {color:#9ED7CB !important;}

/* TEAL GREY */
.message_karma_tealgrey{background:#19292E url(images/_global/global-sprite-color-boxes.png) 0 -6400px repeat-x;}
.message_karma_tealgrey a {color:#80979F !important;}

/* GREY */
.message_karma_grey{background:#2B3137 url(images/_global/global-sprite-color-boxes.png) 0 -6800px repeat-x;}
.message_karma_grey a {color:#B1B1B1 !important;}

/* SILVER */
.message_karma_silver{background:#757575 url(images/_global/global-sprite-color-boxes.png) 0 -7200px repeat-x;}
.message_karma_silver a {color:#DDD !important;}

/* BLACK */
.message_karma_dark{background:#0F0F10 url(images/_global/global-sprite-color-boxes.png) 0 -7600px repeat-x;}
.message_karma_dark a {color:#B4B4B4 !important;}

/*----------------------------*/
/* 4. Footer
/*----------------------------*/
#footer p, #footer_bottom p {margin:0;}
#footer, #footer_bottom {color: #575C60;}
#footer h3 {text-transform:uppercase;color:#fff;display:block;font-size:13px;letter-spacing: 0.5px;border-bottom: 1px solid #3E4055;padding-bottom: 7px;margin-bottom: 16px;font-weight: bold;}
#footer .footer_post h4, #footer .footer_post h4 a{text-transform:uppercase;color:#fff;display:block;font-size:11px;letter-spacing: 0.5px;}
#footer .footer_post h4{padding-bottom: 3px;margin: 0;}
#footer_bottom ul li{
	float: left;
	margin: 0 4px 0 -4px;
	padding: 0 9px;
}



/*----------------------------*/
/* 5. Callouts
/*----------------------------*/
.callout-wrap {float: left;width: 100%;padding-top: 20px;background:url(images/_global/separator3.gif) 0 0 repeat-x;margin: 10px 0 30px 0;}
.callout-wrap span {padding-bottom: 25px;background:url(images/_global/separator3.gif) left bottom repeat-x;color: #222;font-size:1.5em;line-height: 28px;display: block;}
.callout2 {color: #222;font-size:1.5em;line-height: 28px;}


/*-----------------------------------------------------------------*/
/* 08. Forms
/*-----------------------------------------------------------------*/

input, textarea, select {vertical-align:middle;font-size:100%;}
textarea, input {font-size:1em;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.tools input, .tools textarea, .tools select {color:#fff;}
form, fieldset {margin:0;padding:0;border-style:none;}
.tools .search-form{float:right;width:168px;margin:-2px 0 0 35px;}
.tools .search-form .text, #footer .search-form .text {display:block;overflow:hidden;height:20px;padding:8px 0 0 7px;}
.tools .search-form .text input, #footer .search-form .text input {width:120px;background:none;border:0;padding:0;margin:-2px 0 0 20px;float:left;}
.tools .search-form .text .searchsubmit, #footer .search-form .text .searchsubmit {font-size:0;line-height:0;text-indent:-9999px;width:15px;height:17px;margin:-15px 8px 0 0;cursor:pointer;}
#footer .search-form {float:left;width:168px;margin:0;}
#footer .search-form .s {color:#FFF;}

.contact-form input, .contact-form select, .contact-form textarea{color:#333;background-color:#FFF;padding:4px;border-color: #b4b4b4 #e9e9e9 #e9e9e9 #b4b4b4;border-style: solid;border-width: 1px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 1px 1px 0px #fff;-webkit-box-shadow: 1px 1px 0px #fff;box-shadow: 1px 1px 0px #fff;}
.textwidget input[type='text'], .textwidget textarea { width: 100% !important; }
.contact-form {padding-top:15px;}
.contact-form .clear-form { clear: both; }
.contact-form input[type='text'] { width: 130px;}
.contact-form select { margin-bottom: 13px; width: 200px;}
.contact-form textarea {width: 430px;height: 150px;float: none; margin-bottom: 13px; }
.contact-form input[type='radio'], .contact-form input[type='checkbox'] { float: none; margin-bottom: 13px; }
.contact-form label { margin-bottom: 3px; float: none; font-weight: bold; display: block;font-weight:bold;color:#555;}
.contact-form label.checkbox, .contact-form label.radio { margin-bottom: 3px; float: none; font-weight: bold; display: inline-block; }
.contact-form label span {font-size:11px;color:#999;font-weight:normal;font-style:italic;}

.contact-form label.checkbox, .contact-form label.radio {font-weight:normal;margin-bottom:8px;}

#ka-submit, .ka-form-submit, .contact-form .ka-form-submit{border:0;margin:0;padding:10px 15px !important;background:#040404 url(images/_global/global-sprite-gradients.png) 0 -46px repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;}


#footer .footer-holder .contact-form textarea {height:60px !important;padding:6px !important;width:200px !important;}
#footer .footer-holder .contact-form input {padding:6px !important;width:100px !important;}
#footer .footer-holder .contact-form input[type="text"] {padding:6px !important;width:200px !important;}
#sidebar .contact-form input[type="text"] {margin-bottom:6px !important;width:126px !important;}
#sidebar .contact-form textarea {margin-bottom:6px !important;width:146px !important;height:80px !important;}


/*-----------------------------------------------------------------*/
/* 09. Images
/*-----------------------------------------------------------------*/

/*----------------------------*/
/* 1. General
/*----------------------------*/
img, img a {border:0;}
.attachment-fadeIn, .attachment-post-thumbnail {display:none;}
img a, a img {cursor:pointer;}



/*-----------------------------------------------------------------*/
/* 10. Miscellaneous
/*-----------------------------------------------------------------*/

.hr, .hr_top_link {border: 0;height: 2px;width: 100%;background: url(images/_global/separator3.gif) 0 0 repeat-x;margin: 1.6em 0;}
.hr_top_link {margin-bottom: 1em;}
.hr_shadow {border: 0;height: 20px;width: 720px;background: url(images/_global/global-sprite-dividers.png) 0 -20px no-repeat;margin: 15px 0 22px 0;}
.content_full_width .hr_shadow {width: 980px;background: url(images/_global/global-sprite-dividers.png) 0 0 no-repeat !important;}
.content_sidebar .hr_shadow {width: 510px;background: url(images/_global/global-sprite-dividers.png) 0 -40px no-repeat !important;}
table{font-size:1.2em;}
table td, table th{padding:6px;}
#footer .contact-form label {color: #FFF;}


/*-----------------------------------------------------------------*/
/* 11. Wordpress
/*-----------------------------------------------------------------*/

/*----------------------------*/
/* 2. MailChimp
/*----------------------------*/
#mc_signup .mc_input {width: 201px;padding: 5px;color: #222;}
#mc_signup .mc_merge_var {margin-bottom:10px;}
#mc_signup .mc_required, #mc-indicates-required {color:#4BA196;}
#mc_signup .mc_required {font-size: 14px;}
#mc-indicates-required {font-size: 11px;}
#mc_signup .mc_signup_submit {clear: left;text-align: left;padding: 10px 0 0 0;}
#mc_signup .mc_var_label{color:#DDD;}
#mc_signup #mc_signup_submit{border:0;margin:0;padding:6px 10px !important;background:#999 url(images/_global/global-sprite-gradients.png) 0 0 repeat-x;cursor:pointer;letter-spacing:0.8px;text-transform: uppercase;color: #333;outline:none;border: 1px solid #999;display: block;font-size: 11px !important;}


/*----------------------------*/
/* 3. Defaults
/*----------------------------*/
.entry-content img {margin: 0 0 10px 0;}
.alignleft, img.alignleft {margin-right: 10px;display: inline;float: left;}
.alignright, img.alignright {margin-left: 10px;display: inline;float: right;}
.aligncenter, img.aligncenter {margin:0 auto;display: block;clear: both;}
.wp-caption {margin-bottom: 10px;text-align: center;padding-top: 5px;}
.wp-caption img {border: 0 none;padding: 0;margin: 0;}
.wp-caption p.wp-caption-text {line-height: 1.5;font-size: 10px;margin: 0;}
.wp-smiley {margin: 0 !important;max-height: 1em;}
blockquote.left {margin-right: 20px;text-align: right;margin-left: 0;width: 33%;float: left;}
blockquote.right {margin-left: 20px;text-align: left;margin-right: 0;width: 33%;float: right;}
.sticky{}
.gallery-caption{}


/*----------------------------*/
/* 4. 404 Error Page
/*----------------------------*/
.four_error {text-align:center; vertical-align:middle; width:163px; margin:0 auto; padding:40px 0 20px 0;}
.four_message {text-align:center; vertical-align:middle;}
#main .four_message ul {padding: 10px 0 0 14px; width:50px; margin:0 auto; text-align:left;}


/*-----------------------------------------------------------------*/
/* 12. Widgets + Shortcodes
/*-----------------------------------------------------------------*/

/*----------------------------*/
/* 1. Default Styles
/*----------------------------*/
#sidebar h3 {color: #222;font-size:1.8em;}
.sidebar-widget {margin-bottom: 34px;padding-bottom: 34px;background: url(images/_global/separator3.gif) 0 100% repeat-x;width:100%;float:left;}
.sidebar-widget p:last-child {margin: 0;}
#sidebar ul {margin:-7px 0 0 0;padding:0;list-style: none;}
#sidebar a {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#sidebar li {padding-bottom: 2px;}
#sidebar ul li {padding:5px 0 0 15px;background:url(images/_global/bullet2.gif) 0 11px no-repeat;}

/*----------------------------*/
/* 2. Blogroll - Footer
/*----------------------------*/
.blogroll img {width: 52px;height: 52px;float: left;padding: 0 15px 5px 0;}
.blogroll li {width: 100%;float: left;}
.blogroll li {margin-bottom: 20px;}


/*----------------------------*/
/* 3. Calendar 
/*----------------------------*/
table#wp-calendar {width: 100%;}
table#wp-calendar td {width: 14%;text-align: center;}
td#today{font-weight:bold;}
.widget_calendar tfoot td{background-image:none;}
.widget_calendar td a{text-decoration:underline;}


/*----------------------------*/
/* 4. Recent Posts - Sidebar
/*----------------------------*/
#sidebar .footer_post h4 {font-size:1.2em;padding-bottom: 0px;margin-bottom: 0;font-weight: bold;color:#222 !important;}
#sidebar .footer_post h4 a {text-decoration: none;color:#222 !important;}
#sidebar .footer_post p {margin: 0 0 15px 0;line-height: 19px;}
#sidebar .footer_post p a {text-decoration: none;}
#sidebar .footer_post a:hover {text-decoration: underline;}

/*----------------------------*/
/* 5. Blogroll - Sidebar
/*----------------------------*/
#sidebar .blogroll {list-style: none;margin: 0;}
#sidebar .blogroll li {width: 100%;background: none !important;padding: 0;color:#666;margin-bottom: 8px;}


/*----------------------------*/
/* 6. Search - Sidebar
/*----------------------------*/
#sidebar .searchsubmit {border:0;margin:0;padding:8px 12px;background:url(images/_global/global-sprite-gradients.png) 0 -46px repeat-x;cursor:pointer;letter-spacing:1px;text-transform: uppercase;color: #DDD;outline:none;border: 1px solid #000;display: block;/* margin-left: 132px; */}
#sidebar .search-form .s {margin-bottom: 7px;width:90%;padding:5px 3px;}
#sidebar .search-form label {color: #4C4C4C;font-weight: bold;display: none;}


/*----------------------------*/
/* 9. Testimonials Slider
/*----------------------------*/
.testimonials, .testimonials_static {background:#f9fbfc url(images/_global/bg_quote_wrap.png) 20px 20px no-repeat;border:1px solid #e3e5e4;padding-bottom:6px;margin-bottom:8px;}
.testimonials blockquote, .testimonials_static blockquote{padding:20px 0 0 75px !important;width:600px;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.0em;color:#808080;font-style:italic;display:block;text-align:justify;}
#content .testimonials blockquote, #content .testimonials_static blockquote{padding:20px 0 0 60px;width:630px;}
.testimonials blockquote p, .testimonials_static p{margin: 0 !important;padding: 0 0 5px 0 !important;line-height:22px;}
.testimonials blockquote cite, .testimonials_static blockquote cite {font-style: normal;display: block;text-align: right;text-transform: uppercase;font-size: 10px;font-weight: bold;letter-spacing: 1px; color: #555;padding-right:6px;font-family:Arial, Helvetica, sans-serif;}
.testimonial-pager {width: 100%;text-align: center;padding-top: 18px;}
.testimonial-pager a {display: inline-block;width:12px;height:14px;text-indent:-9999em;outline:none;background:url(images/_global/global-sprite.png) -737px -197px no-repeat;margin-right: 10px;}
.testimonial-pager .activeSlide {background:url(images/_global/global-sprite.png) -725px -197px no-repeat;}

#content .post_content .testimonials blockquote, #content .post_content .testimonials_static blockquote{padding:20px 0 0 60px;width:530px;}
.content_right_sidebar .testimonials blockquote,  .content_right_sidebar .testimonials_static blockquote {padding: 20px 0 0 40px !important; width:410px !important;}

#main .post_content .testimonials p {padding: 0 20px 10px 0 !important;}
#main .post_content .testimonials blockquote {padding: 26px 0 0 40px !important;}

/*-----------------------------------------------------------------*/
/* 13. Progressive CSS Enhancements
/*-----------------------------------------------------------------*/
.message_green, .message_red, .message_blue, .message_yellow, #ka-submit, .opener, #ka-submit, .ka-form-submit, #mc_signup #mc_signup_submit, .callout_button, .testimonials, .colored_box{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#ka-submit, .ka-form-submit {
-moz-box-shadow: 1px 1px 3px #666;
-webkit-box-shadow: 1px 1px 3px #666;
box-shadow: 1px 1px 3px #666;
}
#footer #ka-submit, #footer .ka-form-submit {
-moz-box-shadow: 1px 1px 3px #111;
-webkit-box-shadow: 1px 1px 3px #111;
box-shadow: 1px 1px 3px #111;
}
#mc_signup #mc_signup_submit, .callout_button {
-moz-box-shadow: 1px 1px 3px #222;
-webkit-box-shadow: 1px 1px 3px #222;
box-shadow: 1px 1px 3px #222;
}
#menu-main-nav li.parent:hover{
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;	
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
h1,h2,h3,h4,h5,h6{text-shadow:1px 1px 1px #FFF;}
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,.frame h1{text-shadow:none;}
.home-bnr-jquery .home-banner-main h2, .logo-text{text-shadow:1px 1px 1px #222;}



/*-------------------------------------------------------------------------------*/
/* 16. Attachment.php
/*-------------------------------------------------------------------------------*/

ul.accordion {margin:11px 0px 0px -2px !important;}
.home-bnr-jquery ul {margin-left:0px !important;}
#main .post_content .colored_box p {padding:30px !important;}

/*-----------------------------------------------------------------*/
/* 19. Internet Explorer
/*-----------------------------------------------------------------*/
.ie .home-main-area .content_full_width {padding-top:50px !important;}
.ie8 #header .custom-logo {width:200px !important;}

.ie8 .home-flash-slider:before{
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.ie8 #wrapper #header .rays,
.ie8 #wrapper #header .big-banner #header .header-holder{
	max-height:inherit;
	background:none !important;
}

.ie8 #header {position: relative; z-index: 9499;}
.ie8 .ui-accordion {margin-left:-1px;}


/* menu */
.ie8 #menu-main-nav {position: relative; z-index: 9499;}


/* blog */
.ie8 .post_comments a {text-decoration: none !important;}


/* homepage */
.ie8 .home-banner-wrap {width:970px;height:419px;margin:87px auto 0 auto;}
.ie8 .home-banner-main {width: 350px;top:55px;left:45px;position:absolute;}
.ie8 .home-bnr-jquery .home-banner-sub {background: none !important;}
.ie8 .home-flash-slider {height:400px;}
.ie8 .flash-main-area .content_full_width {margin-top:-50px !important;}
.ie8 .loveie{float:left;padding-top:4000px;}


/* footer */
.ie8 #footer_bottom .top-footer { *width:40px;}
.ie8 #footer_bottom #foot_right ul{}
.ie8 #footer p {padding-right:10px;}

/*-----------------------------------------------------------------*/
/* 20. Slider
/*-----------------------------------------------------------------*/
.slider_left   
{  
    padding: 30px 20px 20px 90px;
    float:left;
    width: 180px;
    vertical-align:middle;
}
.slider_left img
{  
    max-width: none; /* IE8 image fix */
	height:240px;
	width:180px;
}
.slider_right 
{  
    padding: 30px 100px 80px 20px;
    float: right;   
    width: 540px;  
}

.slider_right p
{
	margin: 0;
}

.slider_right h2
{
    color: #445E83;
    text-align:center;
    font-weight: bold;
    outline:none;
}

.slider_right div
{
    text-align:center;
}

.slider_header
{
    text-align:center;
	font-size: 1.2em;
	font-weight: bold;
}

.slider_text
{
    text-align:justify !important;
}

#products
{
   height: 300px;
   overflow: hidden;
}

#screenshots
{
   height: 800px;
   overflow: hidden;
}

.slider_screen .header
{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
	background:url(../images/royal-blue/bg-tools-c.jpg) repeat-y #182947;
	margin:20px;
}

.slider_screen .header h4
{
	padding: 10px 0 10px 0;
    text-align:center;
	font-size: 1.2em;
	color: #FFF;
	text-shadow:none;
}

.slider_screen .image
{
	height:570px;
	line-height: 480px;
	text-align:center;
}

.slider_screen .image img
{
	vertical-align: middle;
}


/*-----------------------------------------------------------------*/
/* 21. Latest News
/*-----------------------------------------------------------------*/

div.main_block {
	padding-top: 30px;
}

div.news_date {
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	text-align: center;
}

div.news_date span.month {
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    background:#38557d;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	color: #FFFFFF;
	font-size: 0.8em;
	padding: 0 10px 2px;
}

div.news_date span.day {
	background: #FFF;
	color: #38557d;
	display: block;
	font-size: 1.3em;
	font-weight: 500;
	font-weight: bold;
	padding: 8px;
}

.news_text div 
{
	color: #FFFFFF;
    margin-top:7px;
    text-decoration:none;
	font-size: 0.9em;
}

.news_text div a 
{
	color: #445E83 !important;
    text-decoration:none;
}

.news_text div a:hover
{
    text-decoration:underline;
}

.pr_date
{
	float:left;
	background:url(../images/royal-blue/bullet1.png) 0 5px no-repeat !important;
	color:#456793 !important;
	padding:0 20px 0 10px;
}

/*-----------------------------------------------------------------*/
/* 22. Ads
/*-----------------------------------------------------------------*/
.ads970x90
{  
    padding: 10px 0px 10px 0px;
}

.left_banner
{
	text-align:center;
	width: 95%;
}

/*-----------------------------------------------------------------*/
/* 23. Style
/*-----------------------------------------------------------------*/
#content p {text-align:justify !important;}
.main-content {margin: 0 10px 0 10px;}
p.title{font-size:1.2em; outline:none;font-weight: normal;color: #222;text-shadow:1px 1px 1px #FFF;}

#left_nav
{
	width:220px;
	float:left;
}

#box_left   
{  
    float:left;
    width: 490px;
    vertical-align:middle;
}
#box_right img
{  
    max-width: none; /* IE8 image fix */
}
#box_right 
{  
    padding-top: 4px;
    float: right;   
    width: 220px;  
}

#header .logo img 
{
	height:57px;
	width:201px;
}

@media only screen and (max-width:767px){
#left_nav{
	float:none;
	width:100%;
}
.left_banner{
	padding-bottom:30px;
}
}

@media screen and (max-width: 1020px) 
{

.slider_left 
{
	margin:0 auto;
	padding-left: 0px;
	padding-top: 40px;
    float:none;
}

.slider_right 
{
    float: left;
    width: 100%;
    padding: 10px 0 70px 0;
}

.slider_right p
{
	padding-left: 20px;
	padding-right: 20px;
}

.bx-wrapper .bx-viewport
{
    background-size: 100% 100% !important;
}

#products, #screenshots
{
   height: auto;
   overflow: visible;   
}

#box_right 
{  
    float: none;   
}

#box_left 
{  
    width: auto;  
}

}

.order {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 1.0em;
}

.order select {
    margin-bottom: 0;
    padding: 5px;
}

.order td, .order th {
    padding: 0 0 10px 0;
}