/***** Import Reset File *****/

@import url("reset.css");

/***** General *****/

html, body {margin:0px; padding:0px;font-family: 'PT Sans Narrow', sans, serif; color:#f8f8f8; text-align:left; height: 100%; background-color:#000000;}
.wrappage { width:100%; height: 100%;margin:0 auto; padding:0; background:transparent;}
.open_site { width:100%; height: 51%;margin:0 auto; padding:0; background: #000000; position:fixed; top:0; left:0; z-index:99999;}
.open_site_bottom { width:100%; height: 51%;margin:0 auto; padding:0; background: #000000; position:fixed; bottom:0; left:0; z-index:999999;}
.container{width:960px; margin:0;background: url(../images/tr-png-b.png); position: relative; left:-940px;}
.top_block{ padding:0;position: fixed; top:0px; left:0px; background: #000000; width:960px; z-index:999;left:-940px;}
.left { float:left;}
.right {float:right;}
.center{ text-align:center;}
.divider{ width:100%; min-height:1px; margin:0; background: url(../images/divider.png) 170px 70% no-repeat; display:inline-block;}
.divider-s{ width:100%; min-height:1px; margin:0; background: url(../images/divider.png) 130px 60% no-repeat; display:inline-block;}
.no-float{ float:none;}
a, img , button { outline: none; }
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
border: 0;
}
button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
border: 0;
}

/***** Typography & Element *****/

h1 {font-size:36px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
p {font-size:15px; height:auto;line-height: 1.4em; padding:0; margin:0;}
.image-left {float: left;margin: 5px 20px 10px 0;}
.image-right {float: right;margin: 5px  0 10px 20px;}

/***** Header *****/

header { width:960px; margin:0 0 0 -480px; position:fixed; top:50px; left:50%; z-index:9999;background:url(../images/tr-png-b.png); min-height:60px;}
.logo { padding:0; margin:26px 0 26px 0; position:relative; display: inline-block; float:left; }
.logo_page { padding:0; margin:0; position: fixed; top:120px; left:200px; display:block; }

/***** Main Nav *****/

#main-navigation { width:920px;padding:10px 20px; margin:0 auto; background:#339933; display: inline-block; }
.main-navigation {margin:2px 0 0 0; float:right; }
.main-navigation li { margin:0 20px 0 0; float:left;}
.main-navigation a{ padding:0 0 3px 0; text-decoration:none;text-transform: uppercase; color:#f8f8f8; font-family: 'PT Sans Narrow', sans, serif; font-size:18px;text-align: center; }
.main-navigation a:hover{border-bottom:1px solid #f8f8f8; }
.main-navigation a.current {border-bottom:1px solid #f8f8f8;}

/***** BG Slider *****/

.vegas-loading {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;background:#000 url(../images/loading.gif) no-repeat center center;height:32px;right:50px;position:fixed;top:50px;width:32px; z-index:0;}
.vegas-background {image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; z-index:-2;}
#title {bottom: 200px;padding:0;position: fixed;right:-100%; text-align:right;}
#title h1 {font-family:'PT Sans Narrow', sans, serif; font-size:52px; margin: 0;padding: 0 30px; color:#FFFFFF; text-transform:uppercase; font-weight:400;}
#title a.url_pro {font-family:'PT Sans Narrow', sans, serif; font-size:18px; margin:5px 20px 0 0;padding: 10px; color:#000000;font-weight:400; background:#ffffff; display:inline-block;}
ul.control{ padding:2px 0px 2px 2px;background:#339933;position: fixed; bottom:20px; right:20px; z-index:999; }
ul.control li{ float:left; margin:0 1px 0 0;}
ul.control li.last{ margin-right:0;}
.pause_bg {  width:30px; height:30px; background:transparent url(../images/pause_bg.png) top center no-repeat; margin:0; display:block;}	
.play_bg { width:30px; height:30px; background:transparent url(../images/play_bg.png) top center no-repeat; margin:0; display:block;}
.stop_bg { width:30px; height:30px; background:transparent url(../images/stop_bg.png) top center no-repeat; margin:0; display:block;}
.next_bg {  width:30px; height:30px; background:transparent url(../images/next_bg.png) top center no-repeat; margin:0; display:block;}
.prev_bg { width:30px; height:30px; background:transparent url(../images/prev_bg.png) top center no-repeat; margin:0; display:block;}
.open_tumb {  width:30px; height:30px; background:transparent url(../images/open_bg.png) top center no-repeat; margin:0; display:block;}
.close_tumb {  width:30px; height:30px; background:transparent url(../images/close_bg.png) top center no-repeat; margin:0; display:block;}
.open_content {padding:15px 10px 15px 30px; margin:0; display:block; position:fixed; left:20px; top:115px; background:#000000 url(../images/nav-plus.png) no-repeat 0 10px; color:#f8f8f8; font-size:18px; text-transform:uppercase; line-height:18px;}
.close_content {  width:26px; height:26px; background:transparent url(../images/close_page.png) top center no-repeat; margin:0 0 0 5px; display:block;}
#thumbnails {background:url(../images/tr-png-b.png);height:85px;left: 0;overflow: hidden;position: fixed; bottom: -85px; width: 100%; z-index:9999;}
#thumbnails ul {margin: 4px 0 0 0;padding: 0;}		
#thumbnails li {float: left;margin: 4px;padding: 0;}		
#thumbnails a {width: 114px;height:77px;cursor:pointer;display:block;}		
#thumbnails img {width: 112px;}
#thumbnails img.current {border: 1px solid #339933;}	
#thumbnails img.currentHover {border: 1px solid #339933;}
#volume {}
#volume a {background: transparent url(../images/sound.png) no-repeat;display: block;height: 30px;width: 30px;}
#volume.all a {background-position: 0 0;}
#volume.some a {background-position: -30px 0;}
#volume.none a {background-position: -60px 0;}
#flash {background: #000000;display: none;height: 100%;position: fixed;width: 100%;}

/***** Section *****/

section { width:960px; padding:0;margin:0 auto;}
.section-wrapper{padding:180px 0 500px 0;}
section ul{overflow:hidden;}
section a{ color:#339933;}
section#portfolio a{ color:#3f4c6b;}
section#contact { display:inline-block;}
section#contact {}
.openblock{ display:block;}

/***** Section page*****/

.header{width:920px;padding:20px 0 20px 0; display:inline-block;}
.header h1{ margin:0; padding:0 20px 0 0; line-height:22px; text-transform: uppercase; font-family: 'PT Sans Narrow', sans, serif;font-weight:400; font-size:22px;display:block; float:left;}
.header p{ margin:0; padding:0 0 0 20px; line-height:20px;font-family: 'PT Sans Narrow', sans, serif;font-weight:400; font-size:18px;display:block; float:left; font-style:italic; text-align:center;}
.block{width:920px; padding:0 20px 20px 20px; margin:0 auto; display:inline-block;}
.block-12{width:450px; margin:0 20px 0 0;}
.block-12.last{  margin-right:0;}
.block-13{width:290px; margin:5px 25px 15px 0; float:left;}
.block-13.last{ margin:0;}
.block_porto{width:920px; padding:0; margin:0 auto;}
.block h3{text-shadow:#000000 1px 1px 0; margin:0 0 10px 0;color:#f8f8f8; font-family: 'PT Sans Narrow', sans, serif; font-weight:400;}
.block p{ margin-bottom:20px;}
blockquote { background: url(../images/quote.png) 0 5px no-repeat ; padding: 0 0 0 40px; font-style:italic; font-size:24px; display:block; width:27%; float:left; line-height:24px; margin-bottom:0; }
section#about .block img {float: left;margin: 5px 20px 10px 0;}
.wp-caption {}.wp-caption-text {}.sticky {}.gallery-caption {}.bypostauthor {}.alignright {}.alignleft {}.aligncenter{}
section#contact p{ margin:0;}
section#contact aside.widget{ margin:0;}

/***** About *****/

ul.info { width:450px; padding:5px 0 0 0;}
ul.info li{font-size:15px; margin:0 0 7px 0; line-height:15px;}
ul.info li.check{ padding:0; width:450px; display:inline-block; margin:0 0 10px 0; line-height:20px;}
ul.info li.check:last-child { margin-bottom:0;}
ul.info li.check span{ text-shadow:#000000 1px 1px 0; font-size:18px; margin-bottom:5px; display:inline-block;}
section#about ul.info li.check a img { margin-top:3px;}
ul.info li.skills{font-size:15px; width:300px; padding:0; margin:0 0 10px 0; float:left;}
ul.info li.skills span{font-size:18px;}
ul.info li.progress{width:150px; padding:0; margin:0; float:right;}
ul.info li.progress span{ width:15px; height:15px; display:block; background: url(../images/skills.png) repeat-x; padding:0; margin:0;}
ul.info li.progress span.p-100{width:150px;}
ul.info li.progress span.p-90{width:135px;}
ul.info li.progress span.p-80{width:120px;}
ul.info li.progress span.p-70{width:105px;}
ul.info li.progress span.p-60{width:90px;}
ul.info li.progress span.p-50{width:75px;}
ul.info li.progress span.p-40{width:60px;}
ul.info li.progress span.p-30{width:45px;}
ul.info li.progress span.p-20{width:30px;}
ul.info li.progress span.p-10{width:15px;}

/***** Portfolio *****/

ul.portfolio{ margin:0; padding:0;}
ul.portfolio li{ margin:0 4px 4px 0; padding:0; float:left; position:relative; width:227px;height:135px; display:block; overflow:hidden;}
ul.portfolio li a{width:227px; height:135px; padding:0; margin:0;display:block; position:relative; overflow:hidden;}
ul.portfolio li a.zoom {width:30px; height:30px;background:url(../images/zoom-icon.png) no-repeat top center; position:absolute; top:60px; left:-30px; z-index:9999;}
ul.portfolio li a.link{width:30px; height:30px;background:url(../images/link.png) no-repeat top center; position:absolute; top:60px; right:-30px; z-index:9999;}
ul.portfolio li .description{width:217px; padding:5px;position:absolute; bottom:0px; left:0px; z-index:99; font-size:16px;background: url(../images/tr-png-b.png); }
ul.portfolio li .video-post{width:227px; height:135px; z-index:10;}
ul.portfolio li.last { margin-right:0;}
.nivo-caption p {padding:15px;margin:0;}
ul#portfolio-filter{ width:920px; margin:6px 0 20px 0; padding: 0;}
ul#portfolio-filter li{ display: inline;font-family: 'PT Sans Narrow', sans, serif;  margin:0 5px 0 0; float:left;}
ul#portfolio-filter a{ margin-right:0; padding:3px 10px;display:block;font-size: 13px; text-align:center; color: #f8f8f8; text-decoration: none; text-transform:uppercase; }
ul#portfolio-filter a:hover {  background: url(../images/tr-png-p.png); color:#f8f8f8; }
ul#portfolio-filter li a.currents{ background:#339933; color: #f8f8f8;}

/***** Contact Form *****/

#style-form{ margin:0; padding:0; position:relative;}	
.wrapper-block label{ padding:0; display:block;text-align:left; width:100px; float:left; font-size:17px; color:#339933;}
.small-label{ display:block; font-size:11px; font-weight:normal; text-align:left; width:70px; line-height:10px;color:#f8f8f8;}
.wrapper-block [type="text"]{ font-size:13px; padding:6px 4px; border:solid 1px #000000; width:320px; margin:2px 0 20px 10px; background:#888888;}
.wrapper-block textarea{ padding:6px 4px; border:solid 1px #000000; width:320px; margin:2px 0 20px 10px; font-size:13px; overflow:hidden;background:#888888;}
a.btn-form, input.btn-form{ width:136px; margin:0 0 5px 110px; padding:6px 20px 6px 20px; display:inline-block; font-size:14px; border:none; background:#339933; color: #f8f8f8;cursor:pointer;font-family: 'PT Sans Narrow', sans, serif;}
#form .error-input {border-color: #d01f3c;}
.sending{margin:0; padding:3px;font-size:12px; display:none; position:absolute; bottom:30px; right:10px;}
.mess {display: none; padding:40px 0 40px 0;}
.mess h5{ font-weight:400; padding:10px;}

/***** Contact info*****/

ul.contact{ margin:0;}
ul.contact li{ font-size: 17px; margin:0 0 5px 0; padding:0; line-height:19px;}
ul.contact li span{ font-size:17px;}
ul.contact li span a{color:#657089;font-weight: normal;}

/***** Footer *****/

footer{width:960px; height:50px; margin:40px auto 0 auto; padding:10px 0 0 0; float:left;}

/***** Social link*****/

ul.socicon {margin:0;height:26px;}
ul.socicon li{ display:block; padding:0; margin:0 0 0 5px; float:left;}
ul.socicon li a{ width:26px; height:26px; display:block; padding:0; margin:0;}
ul.socicon li a.dribbble { background:url(../images/social/dribbble_dark.png) 0 0 no-repeat;}
ul.socicon li a.facebook { background:url(../images/social/facebook_dark.png) 0 0 no-repeat;}
ul.socicon li a.twitter { background:url(../images/social/twitter_dark.png) 0 0 no-repeat;}
ul.socicon li a.flickr { background:url(../images/social/flickr_dark.png) 0 0 no-repeat;}
ul.socicon li a.linkedin { background:url(../images/social/in_dark.png) 0 0 no-repeat;}
ul.socicon li a.vimeo{ background:url(../images/social/vimeo_dark.png) 0 0 no-repeat;}
ul.socicon li a.google{ background:url(../images/social/google_dark.png) 0 0 no-repeat;}
ul.socicon li.last{ margin-right:0;}

/***** Tipsy plugin *****/

.tipsy { padding: 5px; background-repeat: no-repeat;opacity: 0.8; filter: alpha(opacity=80);  background-image: url(../images/tipsy.gif);}
.tipsy-inner { padding: 10px; background-color: #010101; font-size: 13px; color: #f8f8f8; max-width: 170px; text-align: center; line-height:1.3em;}
.tipsy-inner { -moz-border-radius:1px; -webkit-border-radius:1px;border-radius: 1px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/***** 404 Page *****/

.centered_div{ width:368px; height:400px; position:absolute; top:50%; left:50%; margin-left:-184px; margin-top:-200px; }
.error-404{ margin:30px 0 0 0; padding:0; height:95px;font-size:90px; line-height:75px; }
.error{ padding:0 0 30px 0; font-size:200px; line-height:150px; }
.error-link{ padding:0 0 20px 0; font-size:34px; }
.centered_div a:link{ color:#d15600; text-decoration:none; outline:0; }
.centered_div a:visited{ color:#d15600; text-decoration:none; outline:0; }
.centered_div a:active{ color:#d15600; text-decoration:none; outline:0; }
.centered_div a:hover{ color:#d15600; text-decoration:underline; outline:0; }
.centered_div a:focus{ -moz-outline-style:none; }

/***** Result search *****/

.post_single article {background: url(../images/tr-png-p.png); padding:10px; margin:10px 0;}
.post_single h4,.post_single h3,.post_single h2{font-family: 'PT Sans Narrow', sans, serif; font-weight:400;}

/***** Blog *****/

#blog_page a{color: #f8f8f8;}
.col1 { width: 270px; float: left; padding: 10px 10px 0 10px; margin:0 25px 20px 0;background: url(../images/tr-png-p.png);}
.col2 { width: 270px; float: left;  padding: 10px 10px 0 10px; margin:0 25px 20px 0;background: url(../images/tr-png-p.png);}
.col3 { width: 270px; float: left; padding: 10px 10px 0 10px; margin:0 0 20px 0;background: url(../images/tr-png-p.png);}
.post_top{ width:270px; margin:0 0 20px 0; padding:10px 0 0 0;}
.post_block .video-posts{width:270px; height:200px; margin:0 0 10px 0;}
.post_block .post_top h3{ display:block; font-size:24px; margin:0; width:165px; line-height:18px;}
.post_top ul.date_time li{ float:left;}
.post_img { margin:0 0 10px 0;}
ul.date_time li.date{ display:block; background: url(../images/tr-png-p.png); padding:2px 5px; margin:0 2px 0 0; font-size:13px; color:#acabab; text-transform:uppercase;}
ul.date_time li.comments a{ display:block; background:#339933; padding:1px 5px; color: #f8f8f8; font-size:13px;}
ul.date_time li.comments a:hover{ background: url(../images/tr-png-p.png); color:#f8f8f8;}
.post_content{ width:270px;margin:0;}
.post_bottom{width:270px; margin:0 0 10px 0; padding:0;}
.cat_tag {color:#f8f8f8;font-size:12px; float: left; text-transform:lowercase;}
#blog_page .cat_tag a{color:#f8f8f8;background: url(../images/tr-png-p.png); padding:0 4px; margin:2px 0 0 0; display: inline-block;}
#blog_page .cat_tag a:hover{color:#f8f8f8;}
a.more-links {margin:5px 0 0 0; padding:3px 10px;color: #f8f8f8;background:#339933; float:right; font-size:13px;font-family: 'PT Sans Narrow', sans, serif;}
a.more-links:hover{ background: url(../images/tr-png-p.png); color:#f8f8f8;}
.post_single{ width:600px; float:left;}
.post_single_content { width:600px;}
.post_single .video-posts-s{width:600px; height:300px; margin:0; position:relative;}
.post_single_top { display:inline-block; width:600px; margin-bottom:5px; position:relative;}
.post_single_top h3{ float:left; display:block;font-family: 'PT Sans Narrow', sans, serif;}
.post_single_img{ position:relative; float:left; margin:0 0 10px 0;}
ul.postmetadata{color:#f8f8f8; margin:0; padding:10px; background: url(../images/tr-png-b.png); bottom:-55px; left:6px; z-index:100; position:absolute;}
ul.postmetadata li{ float:left; margin:0 0 0 5px;}
section#blog .postmetadata a {  color:#339933;}
.post_single_top p.info_comm{ float: left; display:block;}
.meta-sep { margin:0 15px;}
.next_post,.prev_post { margin:0 0 20px 0;}
.next_post a,.prev_post a { margin:5px 10px 0 0; padding:3px 10px;color: #f8f8f8;background:#339933; float:right; font-size:13px;font-family: 'PT Sans Narrow', sans, serif;}
.next_post a:hover,.prev_post a:hover{ background: url(../images/tr-png-p.png); color:#f8f8f8;}
.post-comments {clear: both;margin:0px; display:inline-block;}
.post-comments img {margin-bottom: 10px;padding: 4px;}
.comments-list {padding-bottom:0;}
.comments-list ul {list-style: none;}
.comments-list h3 {text-align: left;margin-bottom: 30px;}
.comment {margin-bottom: 15px;}
.avatar {float: left;margin-right: 20px;padding: 5px;}
.comment-text {float: right;width: 503px;background: url(../images/tr-png-b.png);padding: 15px;position: relative;}
.comment-text p{ margin-top:15px;}
.depth-2, .depth-3, .depth-4,.depth-5 {margin-top: 15px;padding-left: 65px;}
.depth-2 .comment-text {width: 438px; background: url(../images/tr-png-b.png);}
.depth-3 .comment-text {width: 371px;} 
.depth-4 .comment-text {width: 306px;}
.depth-5 .comment-text {width: 241px;} 
.comment-text cite {color: #339933;font-style:normal;}
h3#reply-title{ font-size:18px;font-family: 'PT Sans Narrow', sans, serif; margin:10px 0 0 0;display: inline;}
h3#reply-title a{ color:#339933; margin:0 0 0 20px;}
#blog .comment-text .comment-reply-link {position: absolute;top: 10px;right: 10px;padding:3px 10px;color: #f8f8f8;background:#339933;text-transform:lowercase;font-size:13px;}

/***** Comments Form *****/

.block-form{ width:500px; padding:0;position:relative; display:inline-block;margin:0 auto 0 auto;}
#comments-form {margin: 20px 0 10px 0;}
#comments-form .wrapper-block{ display:inline-block;}
#comments-form .wrapper-block label{ padding:0; display:block;text-align:left; width:70px; float:left; font-size:17px; color: #339933;}
#comments-form .wrapper-block [type="text"]{ font-size:12px; padding:5px 4px;  width:300px; margin:2px 0 20px 10px;float:left;  }
#comments-form .wrapper-block textarea{ padding:5px 4px;  width:300px; margin:2px 0 20px 10px; font-size:12px; overflow:hidden;float:left; }
#comments-form .wrapper-block .error-input {border-color: #d46518;}
.sendings{margin:0; padding:3px;font-size:12px;  position:absolute; bottom:10px; left:300px; display:none;}
.sendmess {display: none; padding:40px 0 40px 0;}
.sendmess h5{ font-weight:400; padding:10px;}				
#post-comment{ float:left; width:136px; margin:0 0 5px 80px; padding:6px 20px 6px 20px; display:inline-block; font-size:14px; color:#fff; border: none; background:#339933; cursor:pointer;font-family: 'PT Sans Narrow', sans, serif;}
#post-comment:hover {background: url(../images/tr-png-b.png);}
#respond{ display:inline-block; margin:10px auto 0 auto; width:500px;}
.post_sidebar{ width:260px; margin:0 0 0 20px; padding:20px; float:left;background: url(../images/tr-png-p.png);}
#blog .post_sidebar a:hover{ color:#339933;}

/***** Sidebars / Widget*****/

aside.widget {margin: 0 0 10px 0;padding:  0 0 10px 0;font-size: 15px;}
aside.widget ul li {padding: 0 0 7px 0;line-height: 1.2em;}
aside.widget ul li:last-child {padding: 0;}
.widget h3.widget-title{padding: 0 0 10px 0;letter-spacing: .1em;margin:0;font-family: 'PT Sans Narrow', sans, serif;font-weight:400;}
.textwidget {line-height: 1.6;}
.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {margin: 5px 0 0 0;}
.widget_categories ul li ul.children li, .widget_nav_menu ul li ul.sub-menu li, .widget_pages ul li ul.children li {margin: 0 0 0 20px;}
.widget_recent_entries ul, .widget_recent_comments ul {padding: 0 0 0 15px;}
.widget_recent_entries ul li, .widget_recent_comments ul li {list-style: square;}
.widget_calendar #wp-calendar caption {font-style: italic;text-align: left;padding: 0 0 5px 0;}
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td {padding: 0 6px 6px 0;}
.widget_calendar table#wp-calendar tbody tr td#today {font-weight: bold;}
.widget_search {overflow: hidden;}
#searchform {width: 260px;margin: 0;padding: 0;float: left;overflow: hidden;}
#searchform input {width: 165px;margin:0;padding: 4px 5px;background:#888888;border: none;font-size: 11px;font-family: 'PT Sans Narrow', sans, serif; color:#3c3c3c;}
input#searchsubmit {width:80px;margin: 0;padding: 5px 10px;outline: none;border: none;text-align: center;text-transform: uppercase;cursor: pointer;padding:3px 10px;color: #f8f8f8;background:#339933; float:right; font-size:13px;}
input#searchsubmit:hover { background: url(../images/tr-png-p.png); color:#f8f8f8;}
.navigation{height:30px; float:left;}
.pagenavi {margin: 0 auto 20px auto;width:400px;height:30px;padding: 5px;}
.pagenavi a {padding: 4px;margin: 3px;color: #ACABAB;font-size: 13px;font-family: 'PT Sans Narrow', sans, serif;}
.pagenavi span.pages {padding: 2px 5px;margin: 3px;color: #ACABAB;font-size: 13px;font-family: 'PT Sans Narrow', sans, serif;}
.pagenavi span.current {padding:2px 5px;margin: 3px;background:#339933;color: #f8f8f8;font-size: 13px;border: 1px solid #339933;font-family: 'PT Sans Narrow', sans, serif;}
.really_simple_twitter_widget{ width:100%}

/***** Message Boxes *****/

.message-box{position: relative;margin: 0 0 20px;padding: 10px 20px;font-size: 14px;line-height: 1.2em;border-width: 1px;border-style: solid;}
.message-box .closemsg{position: absolute;display: block;width: 9px;height: 10px;right: 12px;top: 14px;background-position: 0 0;background-repeat: no-repeat;cursor: pointer;}
.message-box.info{background-color: #dff2fa;color: #2e7893;border-color: #85cfec;}
.message-box.info .closemsg{background-image: url(../images/close-info.png);}
.message-box.note{background-color: #f8f2cb;color: #8f5c0b;border-color: #edca42;}
.message-box.note .closemsg{background-image: url(../images/close-note.png);}
.message-box.confirm{background-color: #e5f2c0;color: #4a630e;border-color: #aacf49;}
.message-box.confirm .closemsg{background-image: url(../images/close-confirm.png);}
.message-box.error{background-color: #ffd4d4;color: #cd0a0a;border-color: #d97676;}
.message-box.error .closemsg{background-image: url(../images/close-error.png);}

/***** Accordion / Toggle *****/

.open-block-acc {float: left;width: 100%;padding: 10px 0 10px 0;margin:0 0 5px 0;background:#222222 url(../images/open-close.png) 97% 10px no-repeat; color:#FFFFFF; border:1px solid #333;cursor:pointer;}
.open-block-acc span {padding-left: 15px; color:#FFFFFF;}
.open-block-acc.active {background:#f14a29 url(../images/open-close.png) 98% -30px no-repeat;}
.accordion-box {float: left;padding: 10px;}
.toggle-block {float: left;width: 100%;margin:0 0 5px 0;}
.open-block a {display: block;padding: 10px 10px 10px 15px;text-decoration: none;background:#222222 url(../images/open-close.png) 97% 10px no-repeat; color:#FFFFFF; border:1px solid #333; cursor:pointer;}
.open-block.active a { background:#f14a29 url(../images/open-close.png) 97% -30px no-repeat;}
.toggle-box {float: left;padding: 10px;}

/***** Tabs  *****/

ul.tabs {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: solid 1px; }
ul.tabs li {
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
	margin-bottom: 0; }
ul.tabs li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: 29px;
	padding: 0px 20px;
	line-height: 30px;
	border: solid 1px;
	border-width: 1px 1px 0 0;
	margin: 0;
	font-size: 13px; 
}
ul.tabs li a.active {
	height: 30px;
	position: relative;
	top: -4px;
	padding-top: 4px;
	border-left-width: 1px;
	margin: 0 0 0 -1px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px; }
ul.tabs li:first-child a.active {
	margin-left: 0; }
ul.tabs li:first-child a {
	border-width: 1px 1px 0 1px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px; }
ul.tabs li:last-child a {
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px; }

ul.tabs-content { margin: 0; display: block; margin-bottom:0px;}
ul.tabs-content > li { display:none; list-style:none;}
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
ul.tabs:after {
  clear: both; }
ul.tabs {
  zoom: 1; }
  
 /* Tabs */
ul.tabs {
	border-color: #333; }

ul.tabs li a {
	border-color: #333;
	background: #222;
	color:#666;}
ul.tabs li a.active {
color: #ffffff;}

/***** Grid *****/

.one_full{ width:100% !important; }
.one_half{ width:48% !important; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_full,.one_half,.one_third,.two_third,.one_fourth, .three_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {
	float:left;
	position:relative;
	margin-right:4%;
	margin-bottom:20px;
}
.last {
	margin-right:0 !important;
	clear:right;
}

/***** Aside *****/

span.aside{width:30%;border-right:2px solid;margin:0 20px 10px 0px;padding:10px;padding-left:10px;float:left;font-size:18px;font-style:italic}

/***** Divider *****/

.divider-cont{font-size:10px;line-height:20px;text-align:right;margin:30px 0;position:relative;border-bottom:1px solid #F90;clear:both}

/***** Dropcap *****/

.dropcap{display:block;float:left;font-size:24px;line-height:34px;text-align:center;width:34px;margin:4px 8px 1px 0}

/***** Button *****/

.button{margin: 0 0 10px;display: inline-block;padding: 12px 20px 12px;color: #ffffff;font-size: 13px;text-transform: uppercase;text-decoration: none;outline: none;cursor: pointer;}
.button:hover, .button:focus{color: #333333;text-decoration: none;outline: none;background: #ffffff;}
.button:active{color: #333333;text-decoration: none;outline: none;}
.button.small{padding: 8px 10px 8px;font-size: 12px;line-height: 12px;}
.button.large{padding: 16px 25px 16px;font-size: 16px;line-height: 16px;}
.button.biglarge{padding: 20px 30px 20px;font-size: 20px;line-height: 20px;}
.rounded{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}