/*********************************************************************************************
Theme Name: Blacxy
Theme URL: http://www.wpthemess.com/blacxy
Description: Premium HTML Template by wpthemess.com
Author: Bulent Sahin
Author URI: www.wpthemess.com
Version: 1.0
Tags: black, white, left-sidebar, fixed-width
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
The CSS, XHTML and design is released under:
http://wiki.envato.com/buying/licenses-buying/themeforest-regular-and-extended-license-usage-examples/


    0.Animated Vertical Menu Style
	1.Main Styles
	2.Pretty Table Styling
	3.Text meant only for screen readers
	4.Images
	5.Portfolio & Product Item Styles
	6.Custom Scrollbar Styles
	7.Contact Form
	8.Button Styles
	9.Comment Styles
	10.Columns
	11.Nivo Slider Style
	12.NewsTicker Style
	13.Special List Styles
	14.Toggle Styles
	15.Tab Styles
	16.Message Box Styles
    17.Home infinite Carousel Styles
    18.Recent Posts Styles



*********************************************************************************************/
/*********************************************************************************************

Animated Vertical Menu Style

*********************************************************************************************/
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.blacxy-anim-menu{
    padding:0;
    margin:20px auto;
    width: 100%;
}
.blacxy-anim-menu li{
    width: 100%;
    height: 75px;
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 4px;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
    margin-left:0px;
}
.blacxy-anim-menu li:last-child{
    margin-bottom: 0px;
}
.blacxy-anim-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.blacxy-anim-icon{
	font-family: 'WebSymbolsRegular', cursive;
    font-size: 40px;
    color: #333;
    text-shadow: 0px 0px 1px #333;
    line-height: 60px;
    position: absolute;
    width: 90px;
    left: 0px;
    text-align: center;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.blacxy-anim-content{
    position: absolute;
    left: 90px;
    width: 90%;
    height: 35px;
    top: 10px;
}
.blacxy-anim-main{
    font-size: 22px;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
    margin-bottom:5px;
}
.blacxy-anim-sub{
    font-size: 14px;
    color: #666;
    margin-top:-5px;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.blacxy-anim-menu li:hover{
    background-color: #000;
}
.blacxy-anim-menu li:hover .blacxy-anim-icon{
    color: #999;
    font-size: 100px;
    opacity: 0.2;
    left: -30px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
}
.blacxy-anim-menu li:hover .blacxy-anim-main{
    color: #666;
    opacity: 0.8;
}
.blacxy-anim-menu li:hover .blacxy-anim-sub{
    color: #fff;
    opacity: 0.8;
}

.blacxy-anim-menu li:hover{
    color: #ddd;
}

/*********************************************************************************************

Main Styles

*********************************************************************************************/
* {
    margin:0;
    padding:0
}
html{
	font-size:100.01%;
    height:100%;
    width:100%;
}
body {
	 font-size: 75%;
     color: #fff;
     font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
     text-decoration:none;
     text-align:center;
     min-height:468px;/* for ie7*/
     background:#666 url('../images/mainbg.png');
     height:100%;
     width:100%;
     line-height: 1.6em;
}
::selection {
	color:#000;
	background: #E5AD49; /* Safari */
}
::-moz-selection {
	color:#000;
	background: #E5AD49; /* Firefox */
}
::-webkit-selection {
	color:#000;
	background:#E5AD49;
}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Georgia, serif;
	color: #fff;
	font-weight:normal;
}
h1 			{ font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
h2 			{ font-size: 2em; margin-bottom: 0.75em; }
h3 			{ font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
h4 			{ font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 			{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 			{ font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a {
  color:#FF9900;
}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1.5em;}
.left  		{ float: left !important; }
p .left		{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 		{ float: right !important; }
p .right 	{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #fff; }
a           { color: #FF9900; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #fff; font-style: italic; }
blockquote cite,blockquote em,blockquote i { font-style: normal; }

blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 0px 20px 0 20px; border-left: 3px solid #666; }
blockquote cite { display: block; font-size: 12px; color: #666; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

strong,dfn	{ font-weight: bold; color: #fff; }
em,dfn      { font-style: italic; color: #fff; }

sup,
sub 	    { height: 0; line-height: 0; vertical-align: baseline; position: relative; }
sup 		{ bottom: 1ex; }
sub 		{ top: .5ex; }

abbr,
acronym     { border-bottom: 1px dotted #ccc; cursor: help; color: #fff;  }
address     { margin: 0 0 1.5em; font-style: italic; color: #fff; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

cite,em,i 	{ font-style: italic; }
big 		{ font-size: 131.25%; }
ins 		{ background: #ffc;	text-decoration: none; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style: disc; }
ol          { list-style: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em; }

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tbody tr:nth-child(even) td,
tbody tr.even td  {background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #666; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


hr {
    background: none repeat scroll 0 0 #666;
    border: medium none;
    clear: both;
    color: #ddd;
    float: none;
    height: 1px;
    margin: 0 0 17px;
    width: 100%;
}
hr.space {
    background: none repeat scroll 0 0 #666;
    color: #666;
    visibility: hidden;
}
hr.black {
    border:1px dotted #666;
}
input, textarea {
	padding: 7px 0 7px 7px;
	border-color: #ccc #efefef #efefef #ccc;
	border-width:1px;
	border-style:solid;
}

button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #000 0 0 7px;
  -webkit-box-shadow: #000 0 0 7px;
  box-shadow: #000 0 0 7px;
}

pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
.code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; border: 1px solid #666; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #333; border: 1px solid #666; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

a {
     text-decoration:none;
     color:#fff;
 }
a span.two{
    color:#fff;
    cursor:pointer;
    padding-left:8px;
}

#wrapper {
    height:100%;
    width:100%;
    display:table;
    vertical-align:middle;
}
#home {
    text-align: center;
    position:relative;
    vertical-align:middle;
    display:table-cell;
}
.header {
    background: #000000 url('../images/9.png');
    height:50px;
    margin-bottom:2px;
}
.login  {
    font-size:11px;
    padding:20px;
    text-align:right;
    color:#999;
    }
.login a {
    color:#999;
    }
.login a:hover {
    color:#fff;
    }
.footerwidgets{
    background: #000000;
    color:#fff;
    text-align:left;
    margin-bottom:1px;
    margin-top:1px;
    padding-top:20px;
    padding-bottom:20px;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity:0.9;
    opacity:0.9;
}
.footerwidgets h2 a{
	font-size:22px;
    font-weight:normal;
    text-transform:uppercase;
    display:block;
    color:#333;
}
.footer_recentnews h2 a:hover{
    color:#FF9900;
}
.footer_recentnews h2, .footer_recentnews h2 a, .our_tweets h2, .our_tweets h2 a, .footer_about h2, .footer_about h2 a{
    color:#43acc6;
    margin-bottom:-4px;
}
.footer_recentnews h2 a:hover, .our_tweets h2 a:hover, .footer_about h2 a:hover{
    color:#fff;
    margin-bottom:-4px;
}
.footer_recentnews h5, .our_tweets h5, .footer_about h5{
    color:#666;
    margin-bottom:10px;
}
.footer_contact{
    margin-top:24px;
}
.footer_contact img{
    margin-bottom:20px;
}
.footer_contact .contactbutton{
	margin-top:24px;
}
.footerfx{
    background: #000000;
    color:#fff;
    margin-bottom:2px;
    margin-top:2px;
    text-align:left;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity:0.9;
    opacity:0.9;
}
.footerwidgets img {
    -webkit-box-shadow: 0px 0px 5px #ddd;
    -moz-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
    border: 1px solid #EEEEEE;
}
.footer-caption {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
    width:270px;
    height:250px;
}
.footer-caption-text {
	padding: 5px 10px;
	background-color: #333;
	color: #EEE;
	border-top: 1px solid #666;
}
.home_container{
    vertical-align:baseline;
    margin-bottom:20px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.8;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.home_caption{
    position:absolute;
    opacity:0.90;
    overflow:hidden;
    margin:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.home_caption h4{
    padding:0px 5px 5px 10px;
    margin-bottom:-10px;
    font-size:18px;
    color:#fff;
}
.home_caption h4 a{
    color:#FF9900;
}
.home_caption h4 a:hover{
    color:#fff;
}
.home_text{
    padding:5px 5px 5px 10px;
    margin:0px;
    text-align:justify;
    font-size:11px;

}
.widgetinner {
    padding-left:20px;
    padding-right:20px;
}
.footer {
    background: #fff url('../images/9.png');
    height:50px;
    margin-top:2px;
    }
.footerinner {
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    }
.copyright {
    float:left;
    margin-top:6px;
    color:#000;
    font-size:11px;
}
.copyright a {
    color:#999;
}
.copyright a:hover {
    color:#fff;
}

.social {
    text-align:right;
    margin-top:6px;
}
.social img {
    border:none;
}
.homecontent {
    margin-left:2px;
}
.homeexcerpt {
    position:relative;
    width:400px;
    padding:15px;
    display:block;
    left:0px;
    bottom:200px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
    background:#fff;
    text-align:left;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
}
.homeexcerpt h2 {
    font-weight:normal;
    font-size:28px;
    color:#6A4A0F;
    margin:0px;
    font-family: 'Raleway', sans-serif;
    text-transform:uppercase;
    letter-spacing:-1px;
}
.homeexcerpt p {
    font-family: 'Raleway', sans-serif;
    font-weight:normal;
    font-size:14px;
    color:#333;
}
.homemainimage {
	height:500px;
    width:638px;
	border:0;
	padding:0;
	margin:0;
}
#innerall {
    width:940px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}
#companylogo {
    background: url('../images/logo.png') no-repeat;
    width:280px;
    height:100px;
    text-indent:-9999px;
    margin-top:20px;
    margin-left:10px;
    margin-bottom:20px;
    display:block;
}
#company {
    background: #000 url('../images/company.png') no-repeat left top;
    height:500px;
    width:300px;
    text-align: left;
}
#company h1 {
    color:#fff;
    padding-left:30px;
    padding-top:100px;
    line-height:10px;
    text-transform:uppercase;
    font-family: 'Abel', sans-serif;
    font-weight:normal;
    font-size:48px;
    letter-spacing:18px;
}
#company h1 a {
    color:#999;
}
#company h1 a:hover {
    color:#fff;
}
#company h4 {
    color:#999;
    font-size:11px;
    padding-left:30px;
    padding-bottom:20px;
    line-height:10px;
    text-transform:uppercase;
    font-weight:normal;
    font-family: 'Abel', sans-serif;
    letter-spacing:2px;
}
#company #topnavigation{
    font-family: 'Abel', sans-serif;
    font-size:14px;
    list-style:none;
    }
#company #topddnavigation ul{
    list-style:none;
    width:80%;
    }
#company #topnavigation ul{
    list-style:none;
    width:80%;
    margin-left:0px;
    }
#company #topnavigation li{
    margin-left:30px;
    }
#company #topnavigation li a {
    text-transform:uppercase;
    display:block;
    height:20px;
    list-style:none;
    background: url('../images/menu-dot.png') no-repeat left center;
    background-position:0px 15px;
    padding:8px;
    border-bottom:1px dotted #111;
    }
#company #topnavigation li a:hover {
    color:#FF9900;
    list-style:none;
    background: url('../images/menu-dot-hover.png') no-repeat left center;
    background-position:0px 15px;
    }
.maincontent {
    color:#fff;
    text-align:left;
    float:left;
    background:#222 url('../slider/images/2.jpg') no-repeat;
    width:639px;
    height:500px;
    }
.maincontent img {
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    border: 1px solid #EEEEEE;
}
.maincontent hr{
    margin-top:20px;
    margin-bottom:20px;
    height:1px;
}
.contentborder {
    background:#222;
    width:940px;
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
}

/*********************************************************************************************

Pretty Table Styling

*********************************************************************************************/
table {
    overflow:hidden;
    border:1px solid #d3d3d3;
    background:#fefefe;
    width:100%;
    margin:2% auto 0;
    -moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
    border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    margin-bottom:20px;
}
th, td {
	padding:18px 28px 18px;
    text-align:left;
}
th {
	padding-top:22px;
    text-shadow: 1px 1px 1px #fff;
    background:#e8eaeb;
}
td {
	border-top:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
}
tr.odd-row td {
	background:#f6f6f6;
}
td.first, th.first {
	text-align:left
}
td.last {
	border-right:none;
}
td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}
tr.odd-row td {
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}
tr:first-child th.first {
    -moz-border-radius-topleft:5px;
    -webkit-border-top-left-radius:5px; /* Saf3-4 */
}
tr:first-child th.last {
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px; /* Saf3-4 */
}
tr:last-child td.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}
tr:last-child td.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}


/*********************************************************************************************

Text meant only for screen readers

*********************************************************************************************/
.screen-reader-text {
	position: absolute;
	left: -9000em;
}

/*********************************************************************************************

Images

*********************************************************************************************/
#content img, img.thumbnail {
	padding: 5px;
	border: 1px solid #ddd;
	background:#F8F8F8;
	background:rgba(255, 255, 255, 0.7);
}
img.wp-smiley {
	padding: 0;
	border: none;
}
.alignleft {
	float: left;
	width: auto;
	margin: 5px 10px 0 0;
}
.alignright {
	float: right;
	width: auto;
	margin: 5px 0 0 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:10px;
}
#content .wp-caption {
	padding: 1px;
	text-align:center;
	background:#F8F8F8;
	background:rgba(255, 255, 255, 0.7);
	border: solid 1px #ddd;
}
#content .wp-caption img {
	margin:0;
	padding:4px 0;
	background:none;
	border:0;
}
#content .wp-caption-text {
	margin:0;
	padding:0;
	font:11px/22px Arial, Helvetica, sans-serif;
	text-align:center;
}
.gallery .gallery-caption {
	color: #666;
	font-size: 11px;
	margin:0 0 12px;
}

.post{
	padding-bottom:20px;
    display:blog;
}
.postimg{
	float:left;
	margin:10px 25px 10px 0px;
	padding:1px;
	border:1px solid #eee;
	}
.posttitle a{
	color: #ccc;
	font-weight: normal;
    font-family:Arial, sans-serif;
}
.posttitle{
	margin: 0px 0px;
	padding: 0px 0px;
}

.posttitle  h2 {
	margin: 0px 0px;
	padding: 5px 0px 5px 0px ;
	font-size: 18px ;
	font-family:Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
}

.posttitle  h2 a,
.posttitle  h2 a:link,
.posttitle  h2 a:visited  {
	color:#FF9900;
	background-color: transparent;
}
.posttitle  h2 a:hover  {
	color: #ffffff;
	background-color: transparent;
}
.postmeta{
	padding-bottom:10px;
	font-size:10px;
	text-transform:uppercase;
}
.author{
	color:#777;
	padding:2px 5px 2px 15px;
	background:url('../images/user.png') left center no-repeat;
}
.clock{
	color:#777;
	padding:2px 5px 2px 15px;
	background:url('../images/time.png') left center no-repeat;
}
.comm{
	color:#777;
	padding:2px 5px 2px 20px;
	background:url('../images/comment.png') left center no-repeat;
}
.comm a:link,
.comm a:visited {
	color:#777;
}
.comm a:hover{
	color:#000;
}
.twitter-count-horizontal{
	margin-bottom:-6px;
    padding-top:10px;
}

#paginatewide { display:block;width:100%;float:left;margin-top:20px;margin-bottom: 20px;}
.paginate { display:block; width:100%; float:left;margin-top:20px;margin-bottom: 20px;}
.paginate a { width: 25px; display: inline-block;}
.paginate a.current { background: #999; color:#fff; }

.paginatebutton {padding: 1px; border: solid 1px #ccc; background: url('../images/btnbg.jpg') repeat-x top; font-size: 11px; cursor: pointer; text-align: center; color: #666; font-weight: normal; text-shadow: white 0px 1px 0px; text-decoration:none; margin-top:20px; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.paginatebutton:hover {color: #000;}
.paginatebutton:active{color: #999;}

/*********************************************************************************************

Portfolio & Product Item Styles

*********************************************************************************************/
.caption-top,
.caption-bottom {
	color: #ffffff;
	padding: 1.2em;
	font-weight: bold;
	font-size: 11px;
	font-family: arial;
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
	border-width: 8px 0px 0px 0px;
}
.caption a,
.caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover,
.caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c {
	clear: both;
}
.productimages a img {
    border: 1px solid #DDDDDD;
    margin-right: 35px;
    margin-bottom: 35px;
}
.images a:hover img {
    border-color: #cdaf92;
}
.images a {
    background: none;
    padding: 0;
}

#pfgallery {
margin-bottom: 20px;
width: 100%;
overflow: hidden;
}
#pfgallery li {
float: left;
margin: 15px 60px 35px -15px;
width: 228px;
position: relative;
color: #666;
list-style:none;
overflow: hidden;
}
#pfgallery li img {
padding: 6px;
background: #ececec;
border: 1px solid #ddd;
}
#pfgallery li h3 {
font: bold 14px Arial,Helvetica,sans-serif !impotant;
margin-left: 10px;
margin-top: 30px;
margin-bottom:0px;
text-align: left;
color:#666;
}
#pfgallery li p {
font: normal 11px Arial,Helvetica,sans-serif !important;
padding: 0px;
margin-left: 10px;
text-align: left;
color:#666 !important;
}
#pfgallery li span {
display: none;
font-size: 11px;
position: absolute;
bottom: 7px;
left: 7px;
padding: 5px;
background: url('../images/bg_white_trans.png') repeat;
width: 196px;
line-height: 1.2em;
}
#pfgallery li div {
display: none;
font-size: 11px;
position: absolute;
bottom: 7px;
left: 7px;
padding: 5px;
background: url('../images/bg_white_trans.png') repeat;
width: 190px;
height:60%;
line-height: 1.2em;
}
#pfgallery li div.details {
display: none;
font-size: 11px;
position: absolute;
background: #fff;
padding: 2px;
width: 100%;
opacity:0.8;
height:100%;
line-height: 1.2em;
text-align:center;
}
#pfgallery li div.details img {
border:0px;
background: transparent;
padding: 2px;
z-index:10;
margin-top:30px;
}
#pfgallery li div.details a {
margin-top:30px;
}
.pfzoom {
background: url('../images/formats/zoom.png') no-repeat;
width: 36px;
height: 36px;
position:absolute;
bottom:20px;
right:90px;
text-indent: -9999px;
opacity:1;
}
.pfzoom:hover {
background: url('../images/formats/zoom-hover.png') no-repeat;
}
.pfdetail {
background: url('../images/formats/detail.png') no-repeat;
width: 36px;
height: 36px;
position:absolute;
bottom:20px;
right:125px;
text-indent: -9999px;
}
.pfdetail:hover {
background: url('../images/formats/detail-hover.png') no-repeat;
}
.pfopen {
background: url('../images/formats/add.png') no-repeat;
width: 36px;
height: 36px;
position:absolute;
bottom:20px;
right:125px;
text-indent: -9999px;
}
.pfopen:hover {
background: url('../images/formats/add-hover.png') no-repeat;
}
.pflinks {
background: url('../images/formats/link.png') no-repeat;
width: 36px;
height: 36px;
position:absolute;
bottom:20px;
right:125px;
text-indent: -9999px;
}
.pflinks:hover {
background: url('../images/formats/link-hover.png') no-repeat;
}
.pfvideo {
background: url('../images/formats/videos.png') no-repeat;
width: 36px;
height: 36px;
position:absolute;
bottom:20px;
right:125px;
text-indent: -9999px;
}
.pfvideo:hover {
background: url('../images/formats/videos-hover.png') no-repeat;
}
.pfaudio {
background: url('../images/formats/audio.png') no-repeat;
width: 36px;
height: 36px;
position:absolute;
bottom:20px;
right:125px;
text-indent: -9999px;
}
.pfaudio:hover {
background: url('../images/formats/audio-hover.png') no-repeat;
}
.pfleftarr {
background: url('../images/formats/left-arrow.png') no-repeat;
width: 16px;
height: 16px;
position:absolute;
bottom:0px;
right:20px;
text-indent: -9999px;
}
.pfleftarr:hover {
background: url('../images/formats/left-arrow-hover.png') no-repeat;
}

/*********************************************************************************************

Custom Item Effect Style

*********************************************************************************************/
.customitem {
   width: 270px;
   height: 165px;
   margin: 5px;
   float: left;
   border: 1px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 0px 1px 0px #666;
   -moz-box-shadow: 0px 1px 0px #666;
   box-shadow: 0px 1px 0px #666;
   cursor: default;
   background: #fff url('../images/newsbg.png') center top;
   margin-left:28px;
}
.customitem .mask,.customitem .content {
   width: 270px;
   height: 165px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.customitem img {
   display: block;
   position: relative;
}
.customitem h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 5px;
   background: rgba(0, 0, 0, 0.8);
   margin: 10px 0 0 0;
}
.customitem p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 10px 10px;
   text-align: center;
}

.customfx img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.customfx .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.customfx h2 {
   background: transparent;
   margin: 3px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.customfx p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.customfx a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.customfx:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.customfx:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.customfx:hover h2,.customfx:hover p,.customfx:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/*********************************************************************************************

Custom Scrollbar Styles

*********************************************************************************************/
#mcs_container{
	position:relative;
	top:0px; margin:0 0 0 0px;
	width:620px; height:100%;
	padding:0 10px;
	background:#222;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity:0.9;
    opacity:0.9;
}
#mcs_container .customScrollBox {
	position:relative;
    height:100%;
    overflow:hidden;
}
#mcs_container .customScrollBox .container {
	position:relative;
    width:599px;
    top:0;
    float:left;
}
#mcs_container .customScrollBox .content {
	clear:both;
    padding:20px;
}
#mcs_container .customScrollBox .content h1 {
    font-weight:normal;
    font-size:42px;
    margin-top:5px;
    border-bottom:1px dotted #666;
}
#mcs_container .customScrollBox .content h1 a:hover {
    color: #fff;
}
#mcs_container .customScrollBox .content .headsubtitle {
    font-size:16px;
    color: #999;
    font-family: 'Arial', sans-serif;
}
#mcs_container .customScrollBox .content p {
	font-family: 'Arial', sans-serif;
    padding:0px; ,
    margin:20px 0;
    color:#ddd;
    font-size:13px;
    line-height:20px;
}
#mcs_container .customScrollBox .content p.alt {
	padding:10px 5px;
    margin:10px 0;
    color:#ddd;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:17px;
    line-height:19px;
    color:#999;
}
#mcs_container .customScrollBox img{}
#mcs_container .dragger_container {
	position:relative;
    width:5px;
    height:425px;
    float:left;
    margin:40px 0 0 10px;
    background:#000;
    cursor:pointer

    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    cursor:s-resize;
}
#mcs_container .dragger {
	position:absolute;
    width:5px;
    height:60px;
    background:#935800;
    text-align:center;
    line-height:60px;
    color:#821A00;
    overflow:hidden;
    cursor:pointer;
    -moz-border-radius:2px;
    -khtml-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}
#mcs_container .dragger_pressed {
	position:absolute;
    width:5px;
    margin-left:0px;
    height:60px;
    background:#D98200;
    text-align:center;
    line-height:60px;
    color:#666;
    overflow:hidden;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:s-resize;
}
#mcs_container .scrollUpBtn,
#mcs_container .scrollDownBtn {
	position:absolute;
    display:inline-block;
    width:14px; height:15px;
    margin-right:12px;
    text-decoration:none;
    right:0;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity:0.2;
    opacity:0.2;
}
#mcs_container .scrollUpBtn {
	top:16px;
    background:url('../js/cscroller/mcs_btnUp.png') center center no-repeat;
}
#mcs_container .scrollDownBtn {
	bottom:12px;
    background:url('../js/cscroller/mcs_btnDown.png') center center no-repeat;
}
#mcs_container .scrollUpBtn:hover,
#mcs_container .scrollDownBtn:hover {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    opacity:0.6;
}

/*********************************************************************************************

Contact Form

*********************************************************************************************/
#contactForm,
form {
	width: 100%
    display:block;
    margin-top: 20px;
    list-style: none;
    color:#999;
}
#contactmap{
	background: #ddd;
    margin-top:30px;
    margin-bottom:30px;
    border:1px solid #efefef;
    padding:10px;
}
#contactForm ol li {
	list-style: none;
}
.screenReader {
	left: -9999px;
    position: absolute;
    top: -9999px
}
.thanks {
	background: #F2F3F6;
    background: url('../images/ok.png') no-repeat left;
    padding-left:50px;
    font-size:14px
}
ol.forms {
	list-style: none;
    margin: 0;
    width: 85%
}
ol.forms li{
	clear: both;
    float: left;
    margin-bottom: 18px;
    position: relative;
    width: 90%;
    list-style: none;
}
ol.forms label {
	cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 0px;
    width: 100%;
}
ol.forms input,
ol.forms textarea {
	border: 1px solid #ddd;
    border-radius: 3px;
    font: inherit;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 2px;
    width: 100%;
    background: #666;
    color:#999;
}
ol.forms textarea {
    height: 150px;
    width: 100%;
}
ol.forms input:focus,
ol.forms textarea:focus {
	background-color: #333;
    border-color: #666
}
.error {
	color: #f00;
    background: url('../images/error.png') no-repeat left;
    padding-left:20px
}
ol.forms li .error {
	font-size: 11px;
    margin-top: 5px;
    display:block
}
ol.forms li.screenReader {
	margin-bottom: 0px
}
ol.forms li.buttons button {
	background: #ddd;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-family: Arial, sans-serif;
    overflow: hidden;
    padding: 6px 3px 3px 3px;
    text-transform: uppercase;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #ddd;
    font-weight: bold;
    background:#efefef url('../images/btnbg.jpg') repeat-x center top;
}
ol.forms li.buttons button:hover {
	color: #999
}
ol.forms li.buttons,
ol.forms li.inlines {
	float: none
}
ol.forms li.inlines input {
	display: inline;
    width: auto
}
ol.forms li.inlines label {
	display: inline;
    float: none;
}

#cspace{ margin-top:10px; height:10px; border-top:1px dotted #666;}
#cmap{ width:555px; margin-top:20px; margin-bottom:20px; border:1px dotted #666 ;opacity:0.75}
#cemail{ background: url('../images/mail.png') no-repeat left; color: #999; width:100%; height:24px; padding-left:30px; margin:5px;}
#cphone{ background: url('../images/phone.png') no-repeat left; color: #999; width:100%; height:24px; padding-left:30px; margin:5px;}
#caddress{ background: url('../images/address.png') no-repeat top left; color: #999; width:100%; min-height:24px; padding-left:30px; margin:5px;}

/*********************************************************************************************

Button Styles

*********************************************************************************************/
.button-alt,
.button,
.button.small,
.button.large,
.button.medium {
	background-image: none;
	padding: 5px 1em 6px 1em;
	font-size: .95em;
	margin: 2px;
	display: inline-block;
	font-family: arial,helvetica,sans-serif;
	font-stretch: narrower;
	font-weight: normal;
	text-align: center;
	text-decoration: none;

}
.button.left {
	float: left;
}
.button.right {
	float: right;
}
.button.center,.button.middle {
	margin: 0px auto;
	text-align: center;
	display: inherit;
}

.button-alt a,.button a,.button.small a {
	font-size: .9em;
	line-height: 14px;
}
.button.medium a {
	font-size: 1.2em;
	line-height: 20px;
}
.button.large a {
	font-size: 1.5em;
	line-height: 24px;
}
.button span.btn_caption {
	font-weight: normal;
	display: inline-block;
	font-size: 14px;
	line-height: 14px;
}

/* @group White  */
a.button.white {
  background:#fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(#ffffff, #e3e3e3);
  background-image: -moz-linear-gradient(#ffffff, #e3e3e3);
  background-image: -o-linear-gradient(#ffffff, #e3e3e3);
  background-image: linear-gradient(#ffffff, #e3e3e3);
  -pie-background: linear-gradient(#ffffff, #e3e3e3);
  border: 1px solid #dbdbdb;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 white;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  -o-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  text-shadow: 0 1px 0 white;
  behavior: url("PIE.php");
  position: relative;
}
a.button.white:hover {
  background:#dbdbdb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbdbdb), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(#dbdbdb, #f2f2f2);
  background-image: -moz-linear-gradient(#dbdbdb, #f2f2f2);
  background-image: -o-linear-gradient(#dbdbdb, #f2f2f2);
  -pie-background: linear-gradient(#dbdbdb, #f2f2f2);
  -moz-box-shadow: inset 0 1px 0 0 white;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  -o-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  cursor: pointer;
}
a.button.white:active {
  -moz-box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #d4d4d4, inset 0 0 8px 4px #d4d4d4, 0 1px 1px 0 #eeeeee;
  border: 1px solid #c2c2c2;
}
a.button.white span.btn_caption {
  color: gray;
  text-shadow: 0 1px 0 white;
}

/* @end */
/* @group Gray  */
a.button.gray {
  background:#e6e6e6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(#e6e6e6, #c9c9c9);
  background-image: -moz-linear-gradient(#e6e6e6, #c9c9c9);
  background-image: -o-linear-gradient(#e6e6e6, #c9c9c9);
  -pie-background: linear-gradient(#e6e6e6, #c9c9c9);
  border: 1px solid #c2c2c2;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 white;
  -webkit-box-shadow: inset 0 1px 0 0 white;
  -o-box-shadow: inset 0 1px 0 0 white;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  text-shadow: 0 1px 0 #f1eeee;
  behavior: url("PIE.php");
  position: relative;
}
a.button.gray:hover {
  background:#c2c2c2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c2c2c2), color-stop(100%, #d9d9d9));
  background-image: -webkit-linear-gradient(#c2c2c2, #d9d9d9);
  background-image: -moz-linear-gradient(#c2c2c2, #d9d9d9);
  background-image: -o-linear-gradient(#c2c2c2, #d9d9d9);
  -pie-background: linear-gradient(#c2c2c2, #d9d9d9);
  -moz-box-shadow: inset 0 1px 0 0 #f2f2f2;
  -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
  -o-box-shadow: inset 0 1px 0 0 #f2f2f2;
  box-shadow: inset 0 1px 0 0 #f2f2f2;
  cursor: pointer;
}
a.button.gray:active {
  -moz-box-shadow: inset 0 0 8px 4px #bababa, inset 0 0 8px 4px #bababa, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #bababa, inset 0 0 8px 4px #bababa, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #bababa, inset 0 0 8px 4px #bababa, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #bababa, inset 0 0 8px 4px #bababa, 0 1px 1px 0 #eeeeee;
  border: 1px solid #a8a8a8;
}
a.button.gray span.btn_caption {
  color: #666666;
  text-shadow: 0 1px 0 #f1eeee;
}

/* @end */
/* @group Black  */
a.button.black {
  background:#404040;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(100%, #242424));
  background-image: -webkit-linear-gradient(#404040, #242424);
  background-image: -moz-linear-gradient(#404040, #242424);
  background-image: -o-linear-gradient(#404040, #242424);
  -pie-background: linear-gradient(#404040, #242424);
  border: 1px solid #1c1c1c;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #595959;
  -webkit-box-shadow: inset 0 1px 0 0 #595959;
  -o-box-shadow: inset 0 1px 0 0 #595959;
  box-shadow: inset 0 1px 0 0 #595959;
  color: white;
  text-shadow: 0 1px 0 #150f0f;
  behavior: url("PIE.php");
  position: relative;
}
a.button.black:hover {
  background:#1c1c1c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1c1c1c), color-stop(100%, #333333));
  background-image: -webkit-linear-gradient(#1c1c1c, #333333);
  background-image: -moz-linear-gradient(#1c1c1c, #333333);
  background-image: -o-linear-gradient(#1c1c1c, #333333);
  -pie-background: linear-gradient(#1c1c1c, #333333);
  -moz-box-shadow: inset 0 1px 0 0 #4d4d4d;
  -webkit-box-shadow: inset 0 1px 0 0 #4d4d4d;
  -o-box-shadow: inset 0 1px 0 0 #4d4d4d;
  box-shadow: inset 0 1px 0 0 #4d4d4d;
  cursor: pointer;
}
a.button.black:active {
  -moz-box-shadow: inset 0 0 8px 4px #141414, inset 0 0 8px 4px #141414, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #141414, inset 0 0 8px 4px #141414, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #141414, inset 0 0 8px 4px #141414, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #141414, inset 0 0 8px 4px #141414, 0 1px 1px 0 #eeeeee;
  border: 1px solid #030303;
}
a.button.black span.btn_caption {
  color: #bfbfbf;
  text-shadow: 0 1px 0 #150f0f;
}

/* @end */
/* @group Light Blue  */
a.button-alt,a.button.lightblue {
  background:#5aa1d8;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5aa1d8), color-stop(100%, #2489d6));
  background-image: -webkit-linear-gradient(#5aa1d8, #2489d6);
  background-image: -moz-linear-gradient(#5aa1d8, #2489d6);
  background-image: -o-linear-gradient(#5aa1d8, #2489d6);
  -pie-background: linear-gradient(#5aa1d8, #2489d6);
  border: 1px solid #258cda;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #85b9e0;
  -webkit-box-shadow: inset 0 1px 0 0 #85b9e0;
  -o-box-shadow: inset 0 1px 0 0 #85b9e0;
  box-shadow: inset 0 1px 0 0 #85b9e0;
  color: white;
  text-shadow: 0 1px 0 #1976be;
  behavior: url("PIE.php");
  position: relative;
}
a.button-alt:hover,
a.button.lightblue:hover {
  background:#2380c7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2380c7), color-stop(100%, #4a95cf));
  background-image: -webkit-linear-gradient(#2380c7, #4a95cf);
  background-image: -moz-linear-gradient(#2380c7, #4a95cf);
  background-image: -o-linear-gradient(#2380c7, #4a95cf);
  -pie-background: linear-gradient(#2380c7, #4a95cf);
  -moz-box-shadow: inset 0 1px 0 0 #75acd7;
  -webkit-box-shadow: inset 0 1px 0 0 #75acd7;
  -o-box-shadow: inset 0 1px 0 0 #75acd7;
  box-shadow: inset 0 1px 0 0 #75acd7;
  cursor: pointer;
}
a.button-alt:active,
a.button.lightblue:active {
  -moz-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #2278b9, inset 0 0 8px 4px #2278b9, 0 1px 1px 0 #eeeeee;
  border: 1px solid #2280c9;
}
a.button.lightblue span.btn_caption {
  color: #acd3f1;
  text-shadow: 0 1px 0 #1976be;
}

/* @end */
/* @group Blue  */
a.button.blue {
  background:#597db1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #597db1), color-stop(100%, #3a6198));
  background-image: -webkit-linear-gradient(#597db1, #3a6198);
  background-image: -moz-linear-gradient(#597db1, #3a6198);
  background-image: -o-linear-gradient(#597db1, #3a6198);
  -pie-background: linear-gradient(#597db1, #3a6198);
  border: 1px solid #3b639b;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #7d99bf;
  -webkit-box-shadow: inset 0 1px 0 0 #7d99bf;
  -o-box-shadow: inset 0 1px 0 0 #7d99bf;
  box-shadow: inset 0 1px 0 0 #7d99bf;
  color: white;
  text-shadow: 0 1px 0 #2a4f83;
  behavior: url("PIE.php");
  position: relative;
}
a.button.blue:hover {
  background:#365a8c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #365a8c), color-stop(100%, #51719e));
  background-image: -webkit-linear-gradient(#365a8c, #51719e);
  background-image: -moz-linear-gradient(#365a8c, #51719e);
  background-image: -o-linear-gradient(#365a8c, #51719e);
  -pie-background: linear-gradient(#365a8c, #51719e);
  -moz-box-shadow: inset 0 1px 0 0 #728cb1;
  -webkit-box-shadow: inset 0 1px 0 0 #728cb1;
  -o-box-shadow: inset 0 1px 0 0 #728cb1;
  box-shadow: inset 0 1px 0 0 #728cb1;
  cursor: pointer;
}
a.button.blue:active {
  -moz-box-shadow: inset 0 0 8px 4px #335380, inset 0 0 8px 4px #335380, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #335380, inset 0 0 8px 4px #335380, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #335380, inset 0 0 8px 4px #335380, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #335380, inset 0 0 8px 4px #335380, 0 1px 1px 0 #eeeeee;
  border: 1px solid #355a8d;
}
a.button.blue span.btn_caption {
  color: #9ab5da;
  text-shadow: 0 1px 0 #2a4f83;
}

/* @end */
/* @group Dark Blue  */
a.button.darkblue {
  background:#3054a1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3054a1), color-stop(100%, #1c3b7d));
  background-image: -webkit-linear-gradient(#3054a1, #1c3b7d);
  background-image: -moz-linear-gradient(#3054a1, #1c3b7d);
  background-image: -o-linear-gradient(#3054a1, #1c3b7d);
  -pie-background: linear-gradient(#3054a1, #1c3b7d);
  border: 1px solid #1d3d81;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #416ac3;
  -webkit-box-shadow: inset 0 1px 0 0 #416ac3;
  -o-box-shadow: inset 0 1px 0 0 #416ac3;
  box-shadow: inset 0 1px 0 0 #416ac3;
  color: white;
  text-shadow: 0 1px 0 #122c63;
  behavior: url("PIE.php");
  position: relative;
}
a.button.darkblue:hover {
  background:#1a3570;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1a3570), color-stop(100%, #2e4b8a));
  background-image: -webkit-linear-gradient(#1a3570, #2e4b8a);
  background-image: -moz-linear-gradient(#1a3570, #2e4b8a);
  background-image: -o-linear-gradient(#1a3570, #2e4b8a);
  -pie-background: linear-gradient(#1a3570, #2e4b8a);
  -moz-box-shadow: inset 0 1px 0 0 #3e61ac;
  -webkit-box-shadow: inset 0 1px 0 0 #3e61ac;
  -o-box-shadow: inset 0 1px 0 0 #3e61ac;
  box-shadow: inset 0 1px 0 0 #3e61ac;
  cursor: pointer;
}
a.button.darkblue:active {
  -moz-box-shadow: inset 0 0 8px 4px #183063, inset 0 0 8px 4px #183063, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #183063, inset 0 0 8px 4px #183063, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #183063, inset 0 0 8px 4px #183063, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #183063, inset 0 0 8px 4px #183063, 0 1px 1px 0 #eeeeee;
  border: 1px solid #193570;
}
a.button.darkblue span.btn_caption {
  color: #6087dc;
  text-shadow: 0 1px 0 #122c63;
}

/* @end */
/* @group Light Green  */
a.button.lightgreen {
  background:#80bf4f;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #80bf4f), color-stop(100%, #63a72f));
  background-image: -webkit-linear-gradient(#80bf4f, #63a72f);
  background-image: -moz-linear-gradient(#80bf4f, #63a72f);
  background-image: -o-linear-gradient(#80bf4f, #63a72f);
  -pie-background: linear-gradient(#80bf4f, #63a72f);
  border: 1px solid #65ab30;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #9bcb76;
  -webkit-box-shadow: inset 0 1px 0 0 #9bcb76;
  -o-box-shadow: inset 0 1px 0 0 #9bcb76;
  box-shadow: inset 0 1px 0 0 #9bcb76;
  color: white;
  text-shadow: 0 1px 0 #529122;
  behavior: url("PIE.php");
  position: relative;
}
a.button.lightgreen:hover {
  background:#5c9a2d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c9a2d), color-stop(100%, #73af46));
  background-image: -webkit-linear-gradient(#5c9a2d, #73af46);
  background-image: -moz-linear-gradient(#5c9a2d, #73af46);
  background-image: -o-linear-gradient(#5c9a2d, #73af46);
  -pie-background: linear-gradient(#5c9a2d, #73af46);
  -moz-box-shadow: inset 0 1px 0 0 #8ebf69;
  -webkit-box-shadow: inset 0 1px 0 0 #8ebf69;
  -o-box-shadow: inset 0 1px 0 0 #8ebf69;
  box-shadow: inset 0 1px 0 0 #8ebf69;
  cursor: pointer;
}
a.button.lightgreen:active {
  -moz-box-shadow: inset 0 0 8px 4px #558d2a, inset 0 0 8px 4px #558d2a, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #558d2a, inset 0 0 8px 4px #558d2a, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #558d2a, inset 0 0 8px 4px #558d2a, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #558d2a, inset 0 0 8px 4px #558d2a, 0 1px 1px 0 #eeeeee;
  border: 1px solid #5c9b2c;
}
a.button.lightgreen span.btn_caption {
  color: #b8e297;
  text-shadow: 0 1px 0 #529122;
}

/* @end */
/* @group Green  */
a.button.green {
  background:#668b46;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #668b46), color-stop(100%, #4a6d2c));
  background-image: -webkit-linear-gradient(#668b46, #4a6d2c);
  background-image: -moz-linear-gradient(#668b46, #4a6d2c);
  background-image: -o-linear-gradient(#668b46, #4a6d2c);
  -pie-background: linear-gradient(#668b46, #4a6d2c);
  border: 1px solid #4d702e;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #7fa95b;
  -webkit-box-shadow: inset 0 1px 0 0 #7fa95b;
  -o-box-shadow: inset 0 1px 0 0 #7fa95b;
  box-shadow: inset 0 1px 0 0 #7fa95b;
  color: white;
  text-shadow: 0 1px 0 #39571e;
  behavior: url("PIE.php");
  position: relative;
}
a.button.green:hover {
  background:#436129;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #436129), color-stop(100%, #5a7641));
  background-image: -webkit-linear-gradient(#436129, #5a7641);
  background-image: -moz-linear-gradient(#436129, #5a7641);
  background-image: -o-linear-gradient(#436129, #5a7641);
  -pie-background: linear-gradient(#436129, #5a7641);
  -moz-box-shadow: inset 0 1px 0 0 #739457;
  -webkit-box-shadow: inset 0 1px 0 0 #739457;
  -o-box-shadow: inset 0 1px 0 0 #739457;
  box-shadow: inset 0 1px 0 0 #739457;
  cursor: pointer;
}
a.button.green:active {
  -moz-box-shadow: inset 0 0 8px 4px #3c5625, inset 0 0 8px 4px #3c5625, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #3c5625, inset 0 0 8px 4px #3c5625, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #3c5625, inset 0 0 8px 4px #3c5625, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #3c5625, inset 0 0 8px 4px #3c5625, 0 1px 1px 0 #eeeeee;
  border: 1px solid #436228;
}
a.button.green span.btn_caption {
  color: #9bc874;
  text-shadow: 0 1px 0 #39571e;
}

/* @end */
/* @group Dark Green  */
a.button.darkgreen {
  background:#497c22;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #497c22), color-stop(100%, #2f5511));
  background-image: -webkit-linear-gradient(#497c22, #2f5511);
  background-image: -moz-linear-gradient(#497c22, #2f5511);
  background-image: -o-linear-gradient(#497c22, #2f5511);
  -pie-background: linear-gradient(#497c22, #2f5511);
  border: 1px solid #315912;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #61a22f;
  -webkit-box-shadow: inset 0 1px 0 0 #61a22f;
  -o-box-shadow: inset 0 1px 0 0 #61a22f;
  box-shadow: inset 0 1px 0 0 #61a22f;
  color: white;
  text-shadow: 0 1px 0 #1e3909;
  behavior: url("PIE.php");
  position: relative;
}
a.button.darkgreen:hover {
  background:#28480f;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #28480f), color-stop(100%, #3e651f));
  background-image: -webkit-linear-gradient(#28480f, #3e651f);
  background-image: -moz-linear-gradient(#28480f, #3e651f);
  background-image: -o-linear-gradient(#28480f, #3e651f);
  -pie-background: linear-gradient(#28480f, #3e651f);
  -moz-box-shadow: inset 0 1px 0 0 #568a2e;
  -webkit-box-shadow: inset 0 1px 0 0 #568a2e;
  -o-box-shadow: inset 0 1px 0 0 #568a2e;
  box-shadow: inset 0 1px 0 0 #568a2e;
  cursor: pointer;
}
a.button.darkgreen:active {
  -moz-box-shadow: inset 0 0 8px 4px #213b0d, inset 0 0 8px 4px #213b0d, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #213b0d, inset 0 0 8px 4px #213b0d, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #213b0d, inset 0 0 8px 4px #213b0d, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #213b0d, inset 0 0 8px 4px #213b0d, 0 1px 1px 0 #eeeeee;
  border: 1px solid #28480f;
}
a.button.darkgreen span.btn_caption {
  color: #7ad733;
  text-shadow: 0 1px 0 #1e3909;
}

/* @end */
/* @group Light Red  */
a.button.lightred {
  background:#da5858;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da5858), color-stop(100%, #d82222));
  background-image: -webkit-linear-gradient(#da5858, #d82222);
  background-image: -moz-linear-gradient(#da5858, #d82222);
  background-image: -o-linear-gradient(#da5858, #d82222);
  -pie-background: linear-gradient(#da5858, #d82222);
  border: 1px solid #dd2222;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #e28383;
  -webkit-box-shadow: inset 0 1px 0 0 #e28383;
  -o-box-shadow: inset 0 1px 0 0 #e28383;
  box-shadow: inset 0 1px 0 0 #e28383;
  color: white;
  text-shadow: 0 1px 0 #c01616;
  behavior: url("PIE.php");
  position: relative;
}
a.button.lightred:hover {
  background:#ca2121;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ca2121), color-stop(100%, #d14747));
  background-image: -webkit-linear-gradient(#ca2121, #d14747);
  background-image: -moz-linear-gradient(#ca2121, #d14747);
  background-image: -o-linear-gradient(#ca2121, #d14747);
  -pie-background: linear-gradient(#ca2121, #d14747);
  -moz-box-shadow: inset 0 1px 0 0 #d97373;
  -webkit-box-shadow: inset 0 1px 0 0 #d97373;
  -o-box-shadow: inset 0 1px 0 0 #d97373;
  box-shadow: inset 0 1px 0 0 #d97373;
  cursor: pointer;
}
a.button.lightred:active {
  -moz-box-shadow: inset 0 0 8px 4px #bc2020, inset 0 0 8px 4px #bc2020, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #bc2020, inset 0 0 8px 4px #bc2020, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #bc2020, inset 0 0 8px 4px #bc2020, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #bc2020, inset 0 0 8px 4px #bc2020, 0 1px 1px 0 #eeeeee;
  border: 1px solid #cb2020;
}
a.button.lightred span.btn_caption {
  color: #f2abab;
  text-shadow: 0 1px 0 #c01616;
}

/* @end */
/* @group Red  */
a.button.red {
  background:#d81818;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d81818), color-stop(100%, #ae0a0a));
  background-image: -webkit-linear-gradient(#d81818, #ae0a0a);
  background-image: -moz-linear-gradient(#d81818, #ae0a0a);
  background-image: -o-linear-gradient(#d81818, #ae0a0a);
  -pie-background: linear-gradient(#d81818, #ae0a0a);
  border: 1px solid #b20a0a;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #e73c3c;
  -webkit-box-shadow: inset 0 1px 0 0 #e73c3c;
  -o-box-shadow: inset 0 1px 0 0 #e73c3c;
  box-shadow: inset 0 1px 0 0 #e73c3c;
  color: white;
  text-shadow: 0 1px 0 #900404;
  behavior: url("PIE.php");
  position: relative;
}
a.button.red:hover {
  background:#9e0a0a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9e0a0a), color-stop(100%, #bc1a1a));
  background-image: -webkit-linear-gradient(#9e0a0a, #bc1a1a);
  background-image: -moz-linear-gradient(#9e0a0a, #bc1a1a);
  background-image: -o-linear-gradient(#9e0a0a, #bc1a1a);
  -pie-background: linear-gradient(#9e0a0a, #bc1a1a);
  -moz-box-shadow: inset 0 1px 0 0 #de2b2b;
  -webkit-box-shadow: inset 0 1px 0 0 #de2b2b;
  -o-box-shadow: inset 0 1px 0 0 #de2b2b;
  box-shadow: inset 0 1px 0 0 #de2b2b;
  cursor: pointer;
}
a.button.red:active {
  -moz-box-shadow: inset 0 0 8px 4px #8f0a0a, inset 0 0 8px 4px #8f0a0a, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #8f0a0a, inset 0 0 8px 4px #8f0a0a, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #8f0a0a, inset 0 0 8px 4px #8f0a0a, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #8f0a0a, inset 0 0 8px 4px #8f0a0a, 0 1px 1px 0 #eeeeee;
  border: 1px solid #9f0909;
}
a.button.red span.btn_caption {
  color: #f76464;
  text-shadow: 0 1px 0 #900404;
}

/* @end */
/* @group Dark Red  */
a.button.darkred {
  background:#981010;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #981010), color-stop(100%, #6b0606));
  background-image: -webkit-linear-gradient(#981010, #6b0606);
  background-image: -moz-linear-gradient(#981010, #6b0606);
  background-image: -o-linear-gradient(#981010, #6b0606);
  -pie-background: linear-gradient(#981010, #6b0606);
  border: 1px solid #6f0606;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #c41717;
  -webkit-box-shadow: inset 0 1px 0 0 #c41717;
  -o-box-shadow: inset 0 1px 0 0 #c41717;
  box-shadow: inset 0 1px 0 0 #c41717;
  color: white;
  text-shadow: 0 1px 0 #4b0202;
  behavior: url("PIE.php");
  position: relative;
}
a.button.darkred:hover {
  background:#5c0505;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c0505), color-stop(100%, #7e1010));
  background-image: -webkit-linear-gradient(#5c0505, #7e1010);
  background-image: -moz-linear-gradient(#5c0505, #7e1010);
  background-image: -o-linear-gradient(#5c0505, #7e1010);
  -pie-background: linear-gradient(#5c0505, #7e1010);
  -moz-box-shadow: inset 0 1px 0 0 #a91919;
  -webkit-box-shadow: inset 0 1px 0 0 #a91919;
  -o-box-shadow: inset 0 1px 0 0 #a91919;
  box-shadow: inset 0 1px 0 0 #a91919;
  cursor: pointer;
}
a.button.darkred:active {
  -moz-box-shadow: inset 0 0 8px 4px #4d0505, inset 0 0 8px 4px #4d0505, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #4d0505, inset 0 0 8px 4px #4d0505, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #4d0505, inset 0 0 8px 4px #4d0505, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #4d0505, inset 0 0 8px 4px #4d0505, 0 1px 1px 0 #eeeeee;
  border: 1px solid #5c0505;
}
a.button.darkred span.btn_caption {
  color: #f41f1f;
  text-shadow: 0 1px 0 #4b0202;
}

/* @end */
/* @group Yellow  */
a.button.yellow {
  background:#d1c81a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d1c81a), color-stop(100%, #a79f0c));
  background-image: -webkit-linear-gradient(#d1c81a, #a79f0c);
  background-image: -moz-linear-gradient(#d1c81a, #a79f0c);
  background-image: -o-linear-gradient(#d1c81a, #a79f0c);
  -pie-background: linear-gradient(#d1c81a, #a79f0c);
  border: 1px solid #aca40c;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #e4dc3a;
  -webkit-box-shadow: inset 0 1px 0 0 #e4dc3a;
  -o-box-shadow: inset 0 1px 0 0 #e4dc3a;
  box-shadow: inset 0 1px 0 0 #e4dc3a;
  color: white;
  text-shadow: 0 1px 0 #8a8305;
  behavior: url("PIE.php");
  position: relative;
}
a.button.yellow:hover {
  background:#98910b;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98910b), color-stop(100%, #b6ae1b));
  background-image: -webkit-linear-gradient(#98910b, #b6ae1b);
  background-image: -moz-linear-gradient(#98910b, #b6ae1b);
  background-image: -o-linear-gradient(#98910b, #b6ae1b);
  -pie-background: linear-gradient(#98910b, #b6ae1b);
  -moz-box-shadow: inset 0 1px 0 0 #dbd229;
  -webkit-box-shadow: inset 0 1px 0 0 #dbd229;
  -o-box-shadow: inset 0 1px 0 0 #dbd229;
  box-shadow: inset 0 1px 0 0 #dbd229;
  cursor: pointer;
}
a.button.yellow:active {
  -moz-box-shadow: inset 0 0 8px 4px #89830b, inset 0 0 8px 4px #89830b, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #89830b, inset 0 0 8px 4px #89830b, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #89830b, inset 0 0 8px 4px #89830b, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #89830b, inset 0 0 8px 4px #89830b, 0 1px 1px 0 #eeeeee;
  border: 1px solid #99910b;
}
a.button.yellow span.btn_caption {
  color: #f5ed61;
  text-shadow: 0 1px 0 #8a8305;
}

/* @end */
/* @group Orange  */
.button.orange{
    background: #fecc5f;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda71', endColorstr='#febb4a'); /*  IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb4a)); /*  WebKit */
    background: -moz-linear-gradient(top,  #feda71, #febb4a);
    border-color: #f5b74e #e5a73e #d6982f;
    color: #996633;
    text-shadow: 0 1px 0 #fedd9b;
    -webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
    -moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
    box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
}
a.button.orange {
  background:#fecc5f;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fecc5f), color-stop(100%, #febb4a));
  background-image: -webkit-linear-gradient(#fecc5f, #febb4a);
  background-image: -moz-linear-gradient(#fecc5f, #febb4a);
  background-image: -o-linear-gradient(#fecc5f, #febb4a);
  -pie-background: linear-gradient(#fecc5f, #febb4a);
  border: 1px solid #fecc5f;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #e4a83a;
  -webkit-box-shadow: inset 0 1px 0 0 #e4a83a;
  -o-box-shadow: inset 0 1px 0 0 #e4a83a;
  box-shadow: inset 0 1px 0 0 #e4a83a;
  color: #000;
  text-shadow: 0 1px 0 #fedd9b;
  behavior: url("PIE.php");
  position: relative;
}
a.button.orange:hover {
  background:#feda71;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feda71), color-stop(100%, #b6801b));
  background-image: -webkit-linear-gradient(#feda71, #b6801b);
  background-image: -moz-linear-gradient(#feda71, #b6801b);
  background-image: -o-linear-gradient(#feda71, #b6801b);
  -pie-background: linear-gradient(#feda71, #b6801b);
  -moz-box-shadow: inset 0 1px 0 0 #db9d29;
  -webkit-box-shadow: inset 0 1px 0 0 #db9d29;
  -o-box-shadow: inset 0 1px 0 0 #db9d29;
  box-shadow: inset 0 1px 0 0 #db9d29;
  cursor: pointer;
}
a.button.orange:active {
  -moz-box-shadow: inset 0 0 8px 4px #b6801b, inset 0 0 8px 4px #895d0b, 0 1px 1px 0 #feda71;
  -webkit-box-shadow: inset 0 0 8px 4px #b6801b, inset 0 0 8px 4px #895d0b, 0 1px 1px 0 #feda71;
  -o-box-shadow: inset 0 0 8px 4px #b6801b, inset 0 0 8px 4px #895d0b, 0 1px 1px 0 #feda71;
  box-shadow: inset 0 0 8px 4px #b6801b, inset 0 0 8px 4px #895d0b, 0 1px 1px 0 #feda71;
  border: 1px solid #feda71;
}
a.button.orange span.btn_caption {
  color: #f5c161;
  text-shadow: 0 1px 0 #8a5b05;
}

/* @end */
/* @group Brown  */
a.button.brown {
  background:#775e28;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #775e28), color-stop(100%, #513e15));
  background-image: -webkit-linear-gradient(#775e28, #513e15);
  background-image: -moz-linear-gradient(#775e28, #513e15);
  background-image: -o-linear-gradient(#775e28, #513e15);
  -pie-background: linear-gradient(#775e28, #513e15);
  border: 1px solid #554116;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 0 0 #9b7b36;
  -webkit-box-shadow: inset 0 1px 0 0 #9b7b36;
  -o-box-shadow: inset 0 1px 0 0 #9b7b36;
  box-shadow: inset 0 1px 0 0 #9b7b36;
  color: white;
  text-shadow: 0 1px 0 #37290c;
  behavior: url("PIE.php");
  position: relative;
}
a.button.brown:hover {
  background:#443512;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #443512), color-stop(100%, #614d24));
  background-image: -webkit-linear-gradient(#443512, #614d24);
  background-image: -moz-linear-gradient(#443512, #614d24);
  background-image: -o-linear-gradient(#443512, #614d24);
  -pie-background: linear-gradient(#443512, #614d24);
  -moz-box-shadow: inset 0 1px 0 0 #836a34;
  -webkit-box-shadow: inset 0 1px 0 0 #836a34;
  -o-box-shadow: inset 0 1px 0 0 #836a34;
  box-shadow: inset 0 1px 0 0 #836a34;
  cursor: pointer;
}
a.button.brown:active {
  -moz-box-shadow: inset 0 0 8px 4px #382b0f, inset 0 0 8px 4px #382b0f, 0 1px 1px 0 #eeeeee;
  -webkit-box-shadow: inset 0 0 8px 4px #382b0f, inset 0 0 8px 4px #382b0f, 0 1px 1px 0 #eeeeee;
  -o-box-shadow: inset 0 0 8px 4px #382b0f, inset 0 0 8px 4px #382b0f, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #382b0f, inset 0 0 8px 4px #382b0f, 0 1px 1px 0 #eeeeee;
  border: 1px solid #453512;
}
a.button.brown span.btn_caption {
  color: #cea03b;
  text-shadow: 0 1px 0 #37290c;
}


/*********************************************************************************************

Comment Styles

*********************************************************************************************/
#commentsbox {
	margin:0;
}

h3#comments {
	font-size:24px;
	color:#FF9900;
	margin-top:10px;
	font-size: 18px ;
	font-family:'Abel', Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding:15px 0;
}

ol.commentlist {
	clear:both;
	overflow:hidden;
	list-style:none;
	margin:0;
}

ol.commentlist li {
	line-height:18px;
	background:#666;
	border:1px solid #222;
	margin:5px 0;
	padding:10px;
}

ol.commentlist li .comment-author a:link,
ol.commentlist li .comment-author a:visited {
	color:#FF9900;
	font-weight:700;
	text-decoration:none!important;
}

cite.fn {
	color:#eee;
	font-style:normal;
}

ol.commentlist li .comment-author .avatar {
	float:right;
	border:1px solid #eee;
	background:#fff;
	padding:3px;
}

ol.commentlist li .comment-meta .commentmetadata {
	color:#000;
}

ol.commentlist li .comment-meta a {
	color:#FF9900;
	text-decoration:none!important;
}

ol.commentlist li p {
	line-height:22px;
	margin-top:5px;
	color:#FF9900;
	font-size:12px;
}

ol.commentlist li .reply {
	margin-top:10px;
	font-size:10px;
}

ol.commentlist li .reply a {
	background:#333333;
	border:1px solid #8E8579;
	color:#fff;
	text-decoration:none;
	padding:3px 10px;
}

ol.commentlist li ul.children {
	list-style:none;
	text-indent:0;
	margin:1em 0 0;
}

.comment-nav {
	height:20px;
	padding:5px;
}

.comment-nav a:link,.comment-nav a:visited {
	color:#E73540;
}

#respond {
	margin:10px 0;
	padding:0;
}

#respond h3 {
	font-size:18px;
	color:#FF9900;
	font-family:'Abel', Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	padding:5px 0 0;
}

#commentform {
	padding:10px 0;
}

#commentform a {
	color:#E1512A;
}

#commentform p {
	color:#999;
	margin:5px 0;
}

#respond label {
	display:block;
	color:#999;
	padding:5px 0;
}

#respond #author,
#respond #email,
#respond #url {
	background:transparent;
	border:1px solid #666;
	color:#02070F;
	margin:0 10px 10px 0;
	padding:5px;
	color:#fff;
}

#commentform input {
	width:50%;
}

#respond input#commentSubmit {
	width:100px;
	cursor:pointer;
	margin:10px 0;
	padding:3px 5px;
}

textarea#comment {
	background:transparent;
	border:1px solid #666;
	width:70%;
	color:#fff;
	margin:10px 0 0;
	padding:5px;
}

ol.commentlist li .comment-author,
ol.commentlist li .comment-author .fn {
	color:#333;
}

ol.commentlist li .comment-meta,
#respond label small {
	font-size:10px;
}

ol.commentlist li ul.children li.depth-2,
ol.commentlist li ul.children li.depth-3,
ol.commentlist li ul.children li.depth-4,
ol.commentlist li ul.children li.depth-5 {
	margin:0 0 0 50px;
}


/*********************************************************************************************

Columns

*********************************************************************************************/
.full{ display:inline;  float:left;  position:relative;  margin-left:0px;  margin-right:0px}
.one_half,.three-sixths,.two-fourths{ width:48%}
.one_third,.two-sixths{ width:30.66%}
.two_thirds,.four-sixths{ width:65.33%}
.one_fourth{ width:22%}
.three_fourths{ width:74%}
.one_fifth{ width:16.8%}
.four-fifths {width: 78.6%;}
.one_sixth {width: 13.33%;}
.five-sixths {width: 82%;}

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.one_sixth,
.two_fifth,
.three_fifths,
.four_fifths,
.five-sixths { position:relative; margin:0; padding:0; margin-right:4%;  float:left;margin-top:4%;margin-bottom:4%}

.first { clear: both; padding-left: 0;}
.last{ margin-right:0 !important;  clear:right; overflow: hidden;}
.top { clear: both; padding-top: 25px;}
.bottom { clear: both; padding-bottom: 25px;}



/*********************************************************************************************

Nivo Slider Style

*********************************************************************************************/
#slider {
    margin:0px auto 0 auto;
    width:638px; /* Make sure your images are the same size */
    height:500px; /* Make sure your images are the same size */
    background-color:#000;
}

/* The Nivo Slider styles */
.nivoSlider {
   	position:relative;
	background:#000 url('../images/loading.gif') no-repeat 50% 50%;
}
#slider img {
	position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
	border:0;
    display:block;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:30px;
	background:#000;
	color:#fff;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
	width:80%;
    min-height:60px;
	z-index:8;
    text-align:left;
    font-family: 'Abel', sans-serif;
}
.nivo-caption p {
	padding:20px;
	margin:0;
    font-family: 'Abel', sans-serif;
}
.nivo-caption h3 {
	color:#FF9900;
    font-family: 'Abel', sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    line-height:14px;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url('../images/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
    position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}
.nivo-directionNav a {
	display:block;
	width:31px;
	height:34px;
	background:url('../images/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-31px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
.nivo-caption {
    text-shadow:none;
    font-family: 'Abel', sans-serif;
}
.nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
}



/*********************************************************************************************

NewsTicker Style

*********************************************************************************************/
#blxynewsticker {
	position:relative;
	width:450px;
	height: 160px !important;
    display:block;
    left:20px !important;
    padding:10px;
    bottom:200px;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
    background:#000;
    text-align:left;
    -webkit-box-shadow: 0px 0px 5px #000;
    -moz-box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
	overflow:hidden;
}
#blxynewsticker .blxytitle {
	font-size:16px;
	font-weight:bold;
	padding:0px;
    margin:0px;
    font-family: 'Raleway', sans-serif;
}
#blxynewsticker .blxytitle a {
    color:#fff;
}
#blxynewsticker .blxytitle a:hover {
    color:#ccc;
}
#blxynewsticker p {
	margin:0px;
    font-size:11px;
	padding-right: 10px;
    font-family: 'Arial', sans-serif;
    color:#999;
    line-height:16px;
}
#blxynewsticker ul {overflow:hidden}
#blxynewsticker li {
	list-style:none;
	display:block;
    margin-right:10px;
	padding:3px;
	height:75px;
	font-family: Arial;
	font-size:12px;
    margin-bottom:20px;
    overflow:hidden;
}
.blxynavigation {
	position:absolute;
    right:0px;
    top:20px;
    margin-right:10px;
    z-index:10;
}
.blxyprevious {
	outline:none;
	cursor:pointer;
	margin-left:0px;
	vertical-align: top;
}
.blxynext {
	outline:none;
	cursor:pointer;
	margin-right:-20px;
	vertical-align: top;
}

/*********************************************************************************************

Special List Styles

*********************************************************************************************/
.ticklist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.ticklist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/ticklist.png') no-repeat center left}
.crosslist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.crosslist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/crosslist.png') no-repeat center left}
.starlist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.starlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/starlist.png') no-repeat center left}
.exclamlist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.exclamlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/exclamlist.png') no-repeat center left}
.addlist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.addlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/addlist.png') no-repeat center left}
.blacklist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.blacklist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/blacklist.png') no-repeat center left}
.bluelist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.bluelist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/bluelist.png') no-repeat center left}
.starlistsmall ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.starlistsmall ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/starlistsmall.png') no-repeat center left}
.deletelist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.deletelist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/deletelist.png') no-repeat center left}
.errorlist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.errorlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/errorlist.png') no-repeat center left}
.feedlist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.feedlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/feedlist.png') no-repeat center left}
.greenlist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.greenlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/greenlist.png') no-repeat center left}
.idealist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.idealist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/idealist.png') no-repeat center left}
.keylist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.keylist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/keylist.png') no-repeat center left}
.newlist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.newlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/newlist.png') no-repeat center left}
.orangelist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.orangelist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/orangelist.png') no-repeat center left}
.pinklist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.pinklist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/pinklist.png') no-repeat center left}
.pluslist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.pluslist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/pluslist.png') no-repeat center left}
.purplelist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.purplelist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/purplelist.png') no-repeat center left}
.redlist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.redlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/redlist.png') no-repeat center left}
.taglist ul {margin-left:0px;margin-bottom:20px;list-style:none!important}
.taglist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/taglist.png') no-repeat center left}
.vcardlist ul {margin-left:0px;margin-bottom:20px;list-style:none !important}
.vcardlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/vcardlist.png') no-repeat center left}
.yellowlist ul {margin-left:0px;margin-bottom:20px;list-style:none !important}
.yellowlist ul li{padding:2px 2px 2px 20px;background:transparent url('../images/lists/yellowlist.png') no-repeat center left;list-style-type:none;}
.yellowlist li,.vcardlist li,.taglist li,.redlist li, .purplelist li, .pinklist li,  .pluslist li,.orangelist li, .newlist li,.keylist li,.idealist li, .greenlist li,.feedlist li,.errorlist li, .deletelist li, .starlistsmall li, .bluelist li, .blacklist li, .addlist li, .exclamlist li, .starlist li, .crosslist li, .ticklist li    {list-style:none !important;color:#ddd;}


/*********************************************************************************************

Toggle Styles

*********************************************************************************************/
#toggle-view {font-size:12px;margin-top:10px;padding-bottom:20px;width:100%;list-style:none;margin-left:-30px;}
#toggle-view li {margin:15px;border-bottom:1px solid #666;list-style:none; position:relative;cursor:pointer;}
#toggle-view span {position:absolute;right:15px; top:0;color:#ccc;font-size:16px;}
#toggle-view p {margin:15px 0;display:none;}
ul#toggle-view li {list-style:none;}

/*********************************************************************************************

Tab Styles

*********************************************************************************************/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #333;
	border-left: none;
	margin-bottom: -1px;
	background: #222;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 12px;
	padding: 0 20px;
	border: 1px solid #333;
	outline: none;
}
ul.tabs li a:hover {
	background: #999;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #666;
	border-bottom: 1px solid #333;
    font-weight: bold;
}

.tab_container {
	border: 1px solid #333;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #222;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    font-size: 12px;
}
.tab_content {
	padding-top: 20px;
    padding-bottom: 20px;
	font-size: 12px;
    margin-top:20px
}
.tab_content p{
	padding-top: 20px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #333;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #fff;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #333;
	padding: 5px;
}


/*********************************************************************************************

Message Box Styles

*********************************************************************************************/
.successbox {background:url('../images/icons/success.png') no-repeat scroll 15px 15px #EEF4D4;border: 1px solid #8FAD3D;color: #596C26;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.ideabox {background:url('../images/icons/idea.png') no-repeat scroll 15px 15px #E1EBEB;border: 1px solid #A8C6C6;color: #596C26;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.okbox {background:url('../images/icons/ok.png') no-repeat scroll 15px 15px #E9FFD2;border: 1px solid #ACFF59;color: #596C26;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.questionbox {background:url('../images/icons/question.png') no-repeat scroll 15px 15px #DBE7ED;border: 1px solid #9DACB5;color: #000000;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.searchbox {background:url('../images/icons/search.png') no-repeat scroll 15px 15px #f5f5f5;border: 1px solid #DDDDDD;color: #596C26;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.thumbsupbox {background:url('../images/icons/thumbsup.png') no-repeat scroll 15px 15px #FCE2D4;border: 1px solid #F1C0A8;color: #000000;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.cancelbox {background:url('../images/icons/cancel.png') no-repeat scroll 15px 15px #FFC6C6;border: 1px solid #FF9D9D;color: #CC0000;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.addbox {background:url('../images/icons/add.png') no-repeat scroll 15px 15px #EEF4D4;border: 1px solid #8FAD3D;color: #596C26;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.warningbox {background:url('../images/icons/warning.png') no-repeat scroll 15px 15px #FFF6C2;border: 1px solid #F4CD00;color: #957429;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.emptybox {background:#FFFFFF;border: 1px solid #DDDDDD;color: #000000;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

.eventbox {background:url('../images/icons/event.png') no-repeat scroll 15px 15px #f5f5f5;border: 1px solid #DDDDDD;color: #596C26;-moz-border-radius: 6px 6px 6px 6px;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);font-size: 13px;line-height: 24px;margin-bottom: 20px;margin-top: 20px;padding: 25px 25px 25px 80px; display:block;}

/*********************************************************************************************

Home infinite Carousel Styles

*********************************************************************************************/
.footercarousel {width: 900px;height:105px;margin-bottom:20px;margin-top:20px;position: relative;overflow: hidden;}
.footercarousel .wrap {width: 810px;overflow: hidden;height: 105px; margin: 0 42px;position: absolute;top: 0;}
.footercarousel .wrap ul {width: 820px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;}
.footercarousel ul li {width:85px; display:block;float:left;padding-left: 25px;padding-top:10px;text-align: left;}
.footercarousel ul li img {border:5px solid #222;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;opacity:0.50;}
.footercarousel ul:hover li img {border:5px solid #222;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.footercarousel ul:hover li:hover img {border:5px solid #333;-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;opacity:0.80;}
.footercarousel ul li a img {display:block;}
.footercarousel .arrow {display:block;height:36px;width: 36px;background: url('../images/arrow.png') no-repeat 0 0;text-indent: -999px;position: absolute;top: 35px;cursor: pointer;outline:0;}
.footercarousel .forward {background-position: 0 -3;right: 0;}
.footercarousel .back {background-position: 0 -72px;left: 0;}
.footercarousel .forward:hover {background-position: 0 -36px;}
.footercarousel .back:hover {background-position: 0 -108px;}

/*********************************************************************************************

Recent Posts Styles

*********************************************************************************************/
#recent-posts {width: 280px;margin: 0px 0 10px 0;padding: 10px 20px 10px 0;background: none;font-size: 11px;display:block;float: left;list-style:none;}
#recent-posts li {margin-left:0px; height:80px; padding: 3px 0px 14px 0px;}
.recent-post-content {width: 210px;float: right;margin: -60px 10px 0 0px;padding: 0;clear: left;background: none;}
.recent-post-content .dates{font-size:10px;color:#999;font-style:italic;}
.recent-post-content .ptitle{margin-bottom:0px; font-weight:bold;}
.recent-post-content .pcontent{margin-bottom:0px;color:#999;}
.recent-thumb {width: 48px;height: 48px;margin: 0px 0px 5px 0;padding: 1px;float: left;}
.recent-thumb:hover {float: left; }