/*
CorporatePro - Main CSS
Copyrights- trendywebstar.com
made by: trendyWebStar
September - 2011

/*
	01-RESET CSS
	02- BODY , HEADINGS & TABLES
	03-FORMS
	04-BASIC STYLES
	05-GRID
	06-NAVIGATION
	07-SLIDERS
	08-FOOTER
	09-PORTFOLIO
	10-BUTTONS
	11-PRICING BOXES &  TABLES
	12-GRID HOMEPAGE
	13-SIMPLE UL STYLE , TAGS, TABS
	
/*-------------------------------------------------------*/
/*---------------01 - RESET CSS---------------*/
/*-------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,  
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-------------------------------------------------------*/
/*---------------02 - BODY & HEADINGS ---------------*/
/*-------------------------------------------------------*/
body {
	background-color:#282828;	
	background-image:url(../images/body-bg-1.png);
	background-repeat:repeat;
	font:13px Arial,sans-serif;
	line-height:20px;
	color: #898989;
	/* Prevents Mobile Safari from bumping up font sizes in landscape */
	-webkit-text-size-adjust: 100%; 
	-webkit-tap-highlight-color: rgb(255,255,0);
		
}
::selection {
	background:#f26c4f;
	/* Safari */
	color:#fdfdfa;
}
::-moz-selection {
	background:#f26c4f;
	/* Firefox */
	color:#fdfdfa;
}
img::selection 		{background: transparent;}
img::-moz-selection {background: transparent;}
/*-------------------------------------------------------*/
/* ------------------HEADINGS------------------*/ 
/*-------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,h7,h8,h9 {
	font-family:"Helvetica", arial, sans-serif;
	
	color:#898989;
	margin-top:-20px;
	text-align: center;
}
h44 {
	font-family:"Helvetica", arial, sans-serif;
	
	color:#ffffff;
	text-align: left;
}
h1 {
	font-size:30px;
	line-height:34px;
}
h2 {
	font-size:28px;
	line-height:33px;
}
h3 {
	font-size:24px;
	line-height:29px;
}
h4 {
	font-size:20px;
	line-height:25px;
}

h44 {
	font-size:20px;
	line-height:25px;
}
h5 {
	font-size:14px;
	line-height:21px;
}
h6 {
	font-size:14px;
	line-height:2px;
    top: 2px;
}
h7 {
	font-size:20px;
		margin-left: -45px;
}	

h8 {
	font-size:28px;
}	

h9 {
	font-size:12px;
	margin-top: -5px;
}

h10 {
	padding-right: 4px;
	}


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color:#898989;
	font-family:'Crimson Text',arial,serif;
	font-size:100%;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color:#ac1a2f;
	font-family:'Crimson Text',arial,serif;
	font-size:100%;
	text-decoration: none;
}

p {
	margin: auto;
	
	color:#DDDDDD;
	}

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

/*-------------------------------------------------------*/
/*------------------03 - FORM STYLE------------------*/
/*-------------------------------------------------------*/


	

	

.searcher label {
	font-weight:normal;
	color:#000;
}
.searcher input[type=text],input[type=password],input.text,input.title,textarea, select {
	background:none;
	border:none;
	font-size:12px;
	width:160px;
	height:21px;
	text-indent: 15px;
}

.searcher input[type=text],input[type=password],input.text,input.title,textarea,select {
	margin:5px 0;
}
.searcher input.text,input.title, select {
	width:250px;
	padding:10px;
}
.searcher  input.title {
	font-size:1.5em;
}

.searcher form.inline {
	line-height:5;
}
.searcher form.inline p {
	margin-bottom:0;
}

.searcher .intro-header{
	height:40px;
	padding:20px 0 10px 0;
}
.searcher .required {
	color:#ed1c24;color:#e64135;
}
.searcher .required {
	color:#ed1c24;
}
.searcher .error{color:#e64135;text-align:right;font-size:11px;}
.searcher .success{color:#acd373;text-align:right;font-size:11px;}

.searcher input.searchsubmit {
	width:60px;
	height:25px;
	cursor:pointer;
	text-indent:-9999px;
	margin-left: 40px;
	opacity:0.0;
filter:alpha(opacity=0); /* For IE8 and earlier */
	}



.mainnav label {
	font-weight:normal;
	display:block;
	color:#000;
}
.mainnav input[type=password],input.text, select {
	background-color:#ac1a2f;
	font-size:12px;
	color:#fff;
	height: 29px;
}

.mainav input.title, input[type=text], textarea{
	background-color: #ac1a2f;
	}
	 
.bgred {background-color: #333;}
.bgblue {background-color: #333; color: #333;}

.mainnav input[type=text],input[type=password],input.text,input.title,textarea,select {
	margin: 5px 0;
	text-indent: 0;
}
.mainnav input.text,input.title {
	width:250px;
	padding:10px;
}
.mainnav input.title {
	font-size:1.5em;
}

.mainnav form.inline {
	line-height:5;
}
.mainnav form.inline p {
	margin-bottom:5px;
}

.mainnav .intro-header{
	height:40px;
	padding:20px 0 10px 0;
}
.mainnav .required {
	color:#ed1c24;color:#e64135;
}

.mainnav .error{color:#e64135;text-align:right;font-size:11px;}
.mainnav .success{color:#acd373;text-align:right;font-size:11px;}



.registering {
	background-color: #666;
	height: 40px;
	margin-left: 10px;
	}
	
#registering {
	width: 150px;
	background-color: #666;
	margin-left: 10px;
	}
	
#sop, #state {
	width: 150px;
	height: 25px;
	padding: 2px;
	margin-bottom: 10px;
	}
	
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */

#navbar {
	margin-bottom: 5px;
	padding: 0;
	height: 28px;
	z-index: 9999;
	min-width: 260px;
	}
	
#navbar li {
	list-style: none;
	float: left;
	z-index: 9999; 
	background-color: #ac1a2f; 
	width: 260px;
	height: 28px;
	background-image: url(../arrowdropdown.png);
	}
	
#navbar li a {
	display: block;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none;
	z-index: 9999; }
	
#navbar li ul {
	display: none; 
	width: 260px; /* Width to help Opera out */
		z-index: 9999;}
		
		
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
		z-index: 9999;
		}
		
#navbar li:hover li {
	float: none; }
#navbar li:hover li a {
	background-color: #444;
	border-bottom: 1px solid #fff;
	color: #fff; }
#navbar li li a:hover {
	background-color: #000; }

.v-menu {
	clear: both;
	}
	
#arrowbar {
	background-image:url(../redbararrow.png);
	width: 260px;
	height: 28px;
	margin-bottom: 5px;
	text-indent: 10px;
	line-height: 28px;
	}

/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/* ---MENU MENU MENU --- */
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* ------------------04 - BASIC STYLE
/*-------------------------------------------------------*/
/*--------Copyrighty by trendyWebStar----------*/
/*------------------------------------------------------------*/
/*-----------------MAIN STYLES-------------------*/
/*------------------------------------------------------------*/

#wrapper {
	
	height:auto;
	width: 100%;
	padding-top: 30px;
	border: 3px #000000;
	z-index: 1;
}	
#container {
	float:left;
	height:auto;
	width:960px;
	background:#313131;
	border-style:solid;
	border-width:medium;
	border-color: #000000;	
	padding:0 30px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 50px;
	z-index: 1;
}

#headertop {
	background-image: url(../mainheader.jpg);
	width: 1020px;
	float:left;
	height:156px;
	text-align: left;
	margin-top: 25px;
	z-index: 0;
}

#headertopair {
	background-image: url(../airtoolsheader.jpg);
	width: 1020px;
	float:left;
	height:156px;
	text-align: left;
	margin-top: 25px;
	z-index: 0;
}

#headertopgenerators {
	background-image: url(../Generators/Generatorsheader.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	float:left;
	height:auto;
	margin-top: 25px;
	border-color: #333;	
	padding-top: 30px;
	padding-bottom: -30px;
	text-align: left;
	z-index: 9999;
}

#headertopwelders{
	background-image: url(../WeldingEquipment/weldingbanner.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	float:left;
	height:auto;
	margin-top: 25px;
	border-color: #333;	
	padding-top: 30px;
	padding-bottom: -30px;
	text-align: left;
	z-index: 1;
}
#headertopservice{
	background-image: url(../CustomerService.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	float:left;
	height:auto;
	margin-top: 25px;
	border-color: #333;	
	padding-top: 30px;
	padding-bottom: -30px;
	text-align: left;
	z-index: 1;
}

#headertopmanuals{
	background-image: url(../manualheader.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	float:left;
	height:auto;
	margin-top: 25px;
	border-color: #333;	
	padding-top: 30px;
	padding-bottom: -30px;
	text-align: left;
	z-index: 1;
}

#headertopairtools{
	background-image: url(../AirToolsbanner.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	float:left;
	height:auto;
	margin-top: 25px;
	border-color: #333;	
	padding-top: 30px;
	padding-bottom: -30px;
	text-align: left;
	z-index: 1;
}

#container-right {
	float:left;
	height:100%;
	width:696px;
	background:#666;
	border-style:solid;
	border-right-width: 2px;
	border-top-width: 2px;
	border-color: #282828;	
	padding: 15px;
	text-align: left;
	z-index: 1;
}



#container-left {
	background-image:url(../BGgray.png);
	background-position: 100% 100%;
	background-repeat: repeat-x;
	float: left;
	height: 100%;
	width:260px;
	padding: 16px;
	border-style:solid;
	border-top-width: 2px;
	border-top-color: #282828;
	border-left-color: #555;	
	text-align: left;
}

#container-left2 {
	background-image:url(../divvyfade2.png);
	background-position: 100% 100%;
	background-repeat: repeat-x;
	float: left;
	height: 100%;
	width:260px;
	padding: 16px;
	border-style:solid;
	border-top-width: 2px;
	border-top-color: #282828;
	border-left-color: #555;	
	text-align: left;
}

#container-leftBG {
	background: #fff;
	height: 100%;
	float: left;
	z-index: 1;
}

#encaserfp {
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1;
}



#searchproductnumber {
	background-image:url(../searchproductnumber.png);
	width: 292px;
	height: 72px;
	margin-left: -16px;
	margin-right: -16px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-bottom: 16px;
	}
	
#tollfreecustomerservice {
	background-image:url(../tollfreecustomerservice.png);
	width: 292px;
	height: 72px;
	margin-top: -16px;
	margin-left: -16px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-right: -16px;
	}
	
#lefty {
	margin-left: 15px;
	}
	
#grayfader {
	width: 1020px;
	height: 22px;
	background-image: url(../grayfader.png);
	margin-top: -22px;
}
	
#manualsearchbar {
	padding-top: 35px;
	padding-left: 16px;
	}

#divvyfade {
	background-image: url(../divvyfade.png);
	width: 292px;
	height: 100px;
	margin-left: -16px;
	margin-top: -16px;
	}

#container-bottom {
	float: left;
	margin-top: 80px;
	margin-bottom: 40px;
	width: 980px;
	padding: 15px;
	height: 160px;
	margin-left: 5px;
	border-radius: 12px;
	background-color: #999999;
	}

#offsetcontainer {
	margin-left: 9px;
	margin-top: -50px;
	max-height: 200px;
	width: 980px;
	}
	
.imagesdist {
	margin-right: 14px;
	float: left;
	
	}
	
#generators {
	width: 260px;
	border: 2px #ccc;
	padding-left: 2px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 2px;
	margin-top: -1px;
	}
	
#bold {
	color: #aaa;
	text-decoration: underline;
	}
	
#whatpeoplesay {
	max-width: 245px;
	background-image: url(../WPAS.jpg);
	background-repeat: no-repeat;
	height: 200px;
	text-indent: 40px;
	padding-top: 55px;
	padding-right: 15px;
	margin-bottom: -46px;
	line-height: 18px;
	text-align: justify;
	color: #990000;
	}
	
.whatother {
	margin-top: 10px;
	}
	
.whatother2 {
	margin-top: 14px;
	}
	
.whatother3 {
	margin-top: 11px;
	}
	
#barplacement  {
	position: relative;
	margin-bottom: -5px;
	}
	
#placementtop {
	margin-top: -84px;
	}

.center {
	height: auto;
	width: 1020px;
	margin: auto;
}

#content {
	padding-bottom:0px;
	height:auto;
	float:left;
	margin-top: -46px;
}

#header {
	padding:25px 0;
	height:70px;
}

#separatorbar{
	background-image: url(../separatorbar.jpg);
	color: #FFFFFF;
	text-align: center;
	margin-top: 25px;
	height: 33px;
	line-height: 33px;
	width: 696px;

	}
	
#separatorbargray{
	background-image: url(../separatorbargray.jpg);
	color: #FFFFFF;
	text-align: center;
	margin-top: 25px;
	height: 33px;
	line-height: 33px;
	width: 696px;
	}


	
#separatorfade{
	background-image: url(../separatorfade.png);
	color: #FFFFFF;
	height: 33px;
	line-height: 33px;
	text-indent: 25px;
	width: 690px;
	}
	
#separatorfadegray{
	background-image: url(../separatorfadegray.png);
	color: #FFFFFF;
	height: 33px;
	line-height: 33px;
	text-indent: 25px;
	width: 690px;
	}
	
#customerservicebar {
	background-image:url(../CustomerService.jpg);
	background-repeat: no-repeat;
	height: 170px;
	text-align: right;	
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 10px;
	color: ac1a2f;
	}

#footerbar1 {
    float: left;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 15px;
	background-image: url(../STfooterbar.png);
	background-position:center;
	background-repeat: no-repeat;
	min-width: 985px;
	max-height: 60px;
	color: #FFFFFF;
	text-indent: 10px;
	line-height: 20px;
	background-color: #666;
	}
	


a#logo {
	background: url("../STlogo.png") no-repeat;
	position: absolute;
	z-index: 9999;
	display:block;
	float:left;
	margin-top: 18px;
	width: 220px;
	height:176px;
	margin-left: -30px;

}





.slideshow {	
	padding: 0px 0 30px 0;
	
}

a {
	text-decoration:none;
	color:#898989;
}
a:hover {
	text-decoration:underline;
	color:#ffae00;
}


a img {
	border:none;
}
strong {
	font-weight:bold;
	color:#939393;
}
p,ul,ol,pre,code {
	margin-bottom:10px;
}
.colored{color:#898989;}
ul {
	list-style-type:none;
}
ol {
	list-style-type:decimal;
	list-style-position:inside;
}
blockquote {
	padding:5px 20px 5px 55px;
	line-height:24px;
	background: url(../images/quote-dark.png) no-repeat top left;
	color:#898989;
}
blockquote span {
	color:#898989;
}
pre,code {
	border:1px solid #363636;
	border-left:5px solid #363636;
	display:block;
	padding:10px;
	font-size:11px;
	font-family:monospace;
	background-color:#464646;
}
/*------------------05 -  GRID STYLE-------- Copyrighty by trendyWebStar----------*/
/*-------------------------------------------------------*/
.horizontal-line {
	width:100%; 
	margin:30px auto;
	float:left;
	border-top:1px solid #363636;
	
}
.clear-line {
	width:100%;
	margin:10px auto auto auto;	
}
.left {
	float:left;
}
.right {
	float:right;

}




.bottombar a:hover, a:visited {color: #e2e2e2; text-decoration:underline;}	

.bottombar a:active {color: #bbb; text-decoration:underline;}


.one, .one-half, .two-third, .one-third, .one-fourth, .one-fifth, .one-sixth ,.inner-content, .one-third-big { 
	float:left; 
}
.one-half, .two-third, .one-third,  .one-fifth, .one-sixth, .inner-content,.one-third-big  {
	margin-right: 10px;
}

.one-fourth {

margin-right: 30px;

}
.one {
	width:670px;
	padding: 3px;
}

.onePP {
	width:690px;
}
.one-half {
	width:465px;
}
.two-third {
	width:630px;
}
.one-third  {
	width:300px;
}
.inner-content  {
	width:712px;
}
.one-third-big{ width:340px;}
.one-fourth {
	width:217px;
}
.one-fifth {
	width:168px;
}
.one-sixth {
	width:135px;
}
.last { 
	margin-right: 0px!important;
}
.img-align-left {
	margin:5px 10px 0 0;
	float:left;
}
.img-align-right {
	margin:5px 0 0 10px;
	float: right;
}
.img-align-center {
	margin:5px 0;
	text-align:center;
}
.text-align-left {
	float:left;
	
	
}
.text-align-center {
	text-align:center;
}	
.text-align-right {
	float:right;
}

/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------06 - MAIN NAVIGATION---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#main_navigation {
	top:10px;
	font-size:14px;
	height:45px;
	float:right;
}
.main-menu {
	position:relative;
	z-index:22;
	font-family:'Droid Sans', arial, serif;
}
.main-menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.main-menu ul li {
	position:relative;
	display:inline;
	float:left;
	font-size:14px;
}
.main-menu ul li a,.main-menu ul li a:link,.main-menu ul li a:visited {
	line-height:40px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:12px;
	
	
}

.main-menu ul li a:hover {
	color:#bf0101;
}
.main-menu ul li a {
	display:block;
	text-decoration:none;
	overflow:hidden;
	padding:0px 15px;
	
}
* html .main-menu ul li a {
	display:inline-block;
}
.main-menu ul li ul {
	position:absolute;
	left:0px;
	display:block;
	visibility:hidden;
}
.main-menu ul li ul li {
	display:list-item;
	float:none;
}
.main-menu ul li ul li a {
	width:160px;
	padding:5px 10px;
}
.main-menu ul ul {
	background:#363636;
	border:1px solid #464646;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited {
	height:100%;
	line-height:20px;
	margin-right:-2px!important;
	border-bottom:dotted 1px #464646;
	padding:5px 10px!important;
	text-transform:capitalize!important;
}
.main-menuz ul li ul li a:hover,.main-menu ul ul li a:hover {
	background:#464646;
	text-decoration:none!important;
	margin:0 0px;
	color:#f5f5f5;
	
}
.main-menuz ul ul li ul li a:hover,.main-menu ul ul ul li a:hover {
	text-decoration:none!important;
	width:160px;
}
/*-------------------------------------------------------------------------------------------------*/
/*INTRO PAGES*/
/*-------------------------------------------------------------------------------------------------*/
.intro-pages  span {
	color:#4573a1;
}
.intro-pages {
	padding:30px 0px 50px 0;
	height:auto;
	margin-bottom:30px;
	background:transparent url("../images/intro-pages-bg.png") no-repeat bottom;
	border-top:1px solid #efefef;
	
}
.intro-pages  h1,.intro-pages  h2,.intro-pages  h3,.intro-pages  h4{
	text-align:left;
	margin-bottom:0;	
	font-style:italic;
}
.intro-pages  a {
	color:#4573a1;
}
.grey-intro{
	color:#898989;
}
.light-intro{
	color:#acacac;
}
/*------------------------07 - SLIDERS-------------------------------*/
/*-------------------------------------------------------------------------*/
#piecemaker{width:960px;height:430px;float:left;margin-bottom:30px;}
	
/*VIDEO BLOCK */
#video-block {
    width:1020px;
    height:570px;
	float:left;
	margin-left:-30px;
	border-top:5px solid #252525;
}
/*NIVO SLIDERS*/
.nivoSlider {
    width:1020px;
    height:550px;
	float:left;
	margin-left:-30px;
	border-top:5px solid #252525;
	border-bottom:1px solid #252525;
}
 .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}
#slider3 .nivo-controlNav {position:absolute;right:10px;bottom:10px;z-index:99;}
#slider3 .nivo-controlNav a {display:block;
	float:left;
	margin:0 3px 0 0;
	background:url(../images/nivo-pag.png) top no-repeat;
	width:22px;
	height:22px;
	outline:none;
	text-indent:-9999px;}
#slider3 .nivo-controlNav a.active {	background:url(../images/nivo-pag.png) bottom no-repeat;}

.nivo-directionNav a {display:block;width:50px;height:50px;background:url(../images/slideshow-nav.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background:url(../images/slide-next-prev.png) right no-repeat;right:5px;}
a.nivo-prevNav {background:url(../images/slide-next-prev.png) left no-repeat;left:5px;}
.nivo-caption {text-shadow:none;font-size:12px;}
.nivo-caption a {color:#efe9d1;text-decoration:underline;}
.nivo-caption {text-shadow:none;font-family: Helvetica, Arial, sans-serif;}
 .nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
#slider3 {
	margin-bottom:30px;
}
/*-------------------------------------------------------*/
/*NIVO THUMB SLIDER*/
/*-------------------------------------------------------*/
#slider4 {
	margin-bottom:110px;
}
#slider4 .nivo-controlNav {
	position:absolute;
	left:30px;
	bottom:-85px;
}
#slider4 .nivo-controlNav a {
    display:inline;
}
#slider4 .nivo-controlNav img {
	display:inline;
	position:relative;
	margin-right:10px;
	-moz-box-shadow:0px 0px 5px #acacac;
	-webkit-box-shadow:0px 0px 5px #acacac;
	box-shadow:0px 0px 5px #acacac;
}
#slider4 .nivo-controlNav a.active img {
    border:1px solid #556074;
}
/*-------------------------------------------------------------------------------------------------*/
/*----------------------SLLIDERS JS----------------------------*/
/*-------------------------------------------------------------------------------------------------*/
.caption {
	z-index:99;
	position:absolute;
	bottom:25%;
	left:35px;
	height:auto;
	padding:20px;
	background:transparent url("../images/slider-txt-bg.png") repeat;
	width:320px;
	font-size:12px;
	color:#FFF;
	text-shadow:none;
	border: 3px gray;
}
.caption h4{color:#FFF;}
.caption p{font-style:normal;color:#FFF;}
.slides_container {
	
	background:#FFF;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.slides_container a img {
	display:block;
	z-index:99;
}
.small-slider{
	padding:4px;
	background:#363636;
	height:350px;
	width:620px;
	border:1px solid #252525;

}
.big-slider{
	height:300px;
	width:690px;
	margin-left:0px;
	border-color: #000000;
	border-width: medium;
	
}
.portfolio-details-slider{
		height:350px;
		width:711px;
	
}
#portfolio-slider .slice{
	width:680px;
	
}
#simple-slider{margin-top:0px;}
/*SLIDER TWO THIRD  WIDTH ENDS*/
.pagination {
	position:relative;
	float:right;
	z-index:10;	
	margin:-45px 10px 0 0px;
}

.pagination li {
	float:left;
	margin:0 5px 0 0;
}
.pagination li a {
	display:block;
	background:url(../images/slideshow-nav.png) left no-repeat;
	width:20px;
	float:left;
	height:20px;
	outline:none;	
	text-indent:-9999px;
}

.slides-nav {
	position: relative;
	z-index: 100;
	display: none;
}

.slides-nav a {
	position: absolute;
	display: block;
	text-indent: -9999px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-image: url(../images/slide-next-prev.png);
	z-index: 10;
}

.slides-nav a.prev {
	background-position: left;
	margin: -185px 0 0 20px;
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
	
}
.slides-nav a.prev:hover{
	background-position: left;
	margin: -185px 0 0 15px;
	
}
.slides-nav a.next {
	background-position: right;
	margin: -185px 0 0 615px;
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
}
.slides-nav a.next:hover {
	background-position: right;
	margin: -185px 0 0 620px;
}
.pagination li.current a {background:url(../images/slideshow-nav.png) right no-repeat;}
.kwicks-container {width: 680px; height:300px; margin: 0 auto 30px auto; overflow:hidden; position:relative; 
background: #363636;
}
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background:#363636;overflow:hidden; 
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 220px;
	height: 550px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	float: left;
	background: #FFF;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}
.accordian-slider-image {float:left;padding:0;margin:0;}
.slide-minicaption {
	bottom:0;
	right:0;
	position:absolute;
	color:#fff;
	text-shadow: 2px 2px #111;
	padding:10px;
	font-size:12px;
	line-height:18px;
	width: 195px;
	background:#111;
	}
	
.slide-minicaptiontitle {
	font-size:13px;
	text-align:center;
	letter-spacing:0.5px; 
	color:#fff; 
	display:block;
	line-height:20px;
	}
.accordian-slider-caption {
	top:60px;
	left:550px;
	position:absolute;
	color:#D1D1D1;
	padding:10px 20px;
	font-size:12px;
	line-height:22px;
	background:#111;
	-moz-border-radius: 5px;
	-webkit-border: 5px;
	border-radius: 5px;
	width: 300px;
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
	box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}	
.accordian-slider-caption a {color:#D1D1D1; }
.accordian-slider-caption a:hover {text-decoration:none;}
.accordian-slider-captiontitle {
	font-size:20px; 
	color:#fff; 
	display:block;
	line-height:26px;
	margin: 0 0 5px 0;
}
.accordian-slider-captiontitle a {	color:#fff;}
.accordian-slider-captiontitle a:hover {color:#fff; text-decoration:none;	}
	.kiwcks-container { height: 550px;overflow:hidden;  }
	.kiwcks-container { width: 1020px;margin-left:-30px;border-top:5px solid #252525;margin-bottom:30px;overflow:hidden; }
	.kwicks li { width: 255px; }
	.kwicks li { height: 550px; }
	.kwickshadow { height: 550px; }
	.slideshowgallery { height: 550px; }
	.slide-minicaption { width: 255px; }	
/*-------------------------------------------------------------------------------------------------*/
					/*08 -FOOTER*/
/*-------------------------------------------------------------------------------------------------*/	

#footer-wrapper {
	width:960px;
	float:left;
	background:#282828;
	line-height:20px;
	border-top:1px solid #363636;
	border-bottom:1px solid #363636;
	margin:30px auto 0 0px;
	text-shadow: 0px 1px 0px #1c1c1c;
	}
#footer-container {
	width:100%;
	float:left;
	padding-bottom:30px;	
	padding-top:10px;	
}
#footer {
	width:960px;
	margin:0 auto;		
}

#footer ul {
	margin:0px;
	list-style-type:none;
	padding:0px;
	float:left;
}
#footer a { color:#939393;text-decoration: none; }
#footer a:hover {color:#ffae00; }
#footer strong{
	line-height:60px;

}
#footer ul li span,#footer ul li span a {
	display:block;
	text-transform:none;
}
#footer ul li span a {
	display: inline;
}

/********** SOCIAL-LINK UL***************/
ul#footer-info li{
	margin-bottom:5px;
}
ul.social-links {
	float:left;
	margin:0px;
	padding:0px;
}
ul.social-links li{
	line-height:15px;
	
}
ul.social-links li a{
	
	
}
ul.social-links li img {
	margin-right:7px;
	float:left;
	margin-top:-1px;
}
#footer .tweet {
	width:auto;
}
#footer .tweet ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:left;	
	
}
#footer .tweet li,.block .tweet li {
	margin-top:-5px;
}
#footer .tweet li .tweet_text,.block .tweet li .tweet_text {
	list-style-type:none;
	padding:0 0 0px 30px;
	background:transparent url(../images/twitter-feed.png) left top  no-repeat;
	
	
}
#footer .tweet li .tweet_text:hover,.block .tweet li .tweet_text:hover {
	list-style-type:none;
	padding:0 0 0px 30px;
	background:transparent url(../images/twitter-feed-hover.png) left top no-repeat;
	
	
}
#footer .tweet a,.block .tweet a {
	text-transform:none;
	display:inline;
	padding:0px;
	font-style:italic;
	font-size:12px;

}
#footer .tweet .tweet_time a,.block .tweet .tweet_time a {
	text-transform:none;
	display:block;
	font-style:italic;
	font-size:12px;
	margin-top: 5px;
	margin-bottom:10px;
	padding:0 0 0 30px;
}
#copyright-wrapper {
	width:960px;

	float:left;
	background:#282828;
	line-height:20px;
	margin-left:0px;
	font-family:'Crimson Text',arial,serif;	
}

#copyright-wrapper2 {
	width:960px;

	float:left;
	background:#282828;
	line-height:20px;
	margin-top: -10px;
	font-family:'Crimson Text',arial,serif;	
}


a#logo-copyright {
	background:transparent url("../images/logo-bottom-dark.png") no-repeat;
	display:block;
	float:left;
	width:185px;
	height:50px;
	text-indent:-9999px;
	margin-top:-5px;	
}
#copyright a { color:#939393;text-decoration: none; }
#copyright a:hover {color:#ffae00; }
#copyright {
	width:960px;
	margin:0 auto;

}
#copyright p,#copyright span {
	margin-bottom:0px;
	color:#939393;
	
}

/*-------------------------------------------------------------------------------------------------*/
					/*FOOTER ENDS*/
/*-------------------------------------------------------------------------------------------------*/	


/*-------------------------------------------------------------------------------------------------*/
					/*55 -PRODUCTS*/
/*-------------------------------------------------------------------------------------------------*/	

#product-wrapper {
	width:960px;
	float:left;
	background:#FFFFFF;
	border: solid 5px gray;
	line-height:20px;
	margin:0px 0 0 0px;
	}
#product-container {
	width:100%;
	float:left;
	color: #DDDDDD;
	padding-bottom:30px;	
	padding-top:10px;	
}



.prodimg {
width: 400px;
background-image: url(../box-behind.png);
background-size: 320px 320px;
background-repeat: no-repeat; 
background-position: 40px 30px;

}

#product ul {
	margin:0px;
	list-style-type:none;
	padding:0px;
	float:left;
}
#footer a { color:#939393;text-decoration: none; }
#footer a:hover {color:#ffae00; }
#footer strong{
	line-height:60px;

}
#footer ul li span,#footer ul li span a {
	display:block;
	text-transform:none;
}
#footer ul li span a {
	display: inline;
}

/********** SOCIAL-LINK UL***************/
ul#product-info li{
	margin-bottom:5px;
}
ul.social-links {
	float:left;
	margin:0px;
	padding:0px;
}
ul.social-links li{
	line-height:15px;
	
}
ul.social-links li a{
	
	
}
ul.social-links li img {
	margin-right:7px;
	float:left;
	margin-top:-1px;
}
#products .tweet {
	width:auto;
}
#products .tweet ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	float:left;	
	
}
#products .tweet li,.block .tweet li {
	margin-top:-5px;
}
#products .tweet li .tweet_text,.block .tweet li .tweet_text {
	list-style-type:none;
	padding:0 0 0px 30px;
	background:transparent url(../images/twitter-feed.png) left top  no-repeat;
	
	
}
#products .tweet li .tweet_text:hover,.block .tweet li .tweet_text:hover {
	list-style-type:none;
	padding:0 0 0px 30px;
	background:transparent url(../images/twitter-feed-hover.png) left top no-repeat;
	
	
}
#products .tweet a,.block .tweet a {
	text-transform:none;
	display:inline;
	padding:0px;
	font-style:italic;
	font-size:12px;

}
#products .tweet .tweet_time a,.block .tweet .tweet_time a {
	text-transform:none;
	display:block;
	font-style:italic;
	font-size:12px;
	margin-top: 5px;
	margin-bottom:10px;
	padding:0 0 0 30px;
}
#copyright-wrapper {
	width:960px;
	padding:30px 0 30px 0;
	float:left;
	background:#282828;
	line-height:20px;
	margin-left:0px;
	font-family:'Crimson Text',arial,serif;
	
	
}

a#logo-copyright {
	background:transparent url("../images/logo-bottom-dark.png") no-repeat;
	display:block;
	float:left;
	width:185px;
	height:50px;
	text-indent:-9999px;
	margin-top:-5px;	
}
#copyright a { color:#939393;text-decoration: none; }
#copyright a:hover {color:#ffae00; }
#copyright {
	width:960px;
	margin:0 auto;
}
#copyright p,#copyright span {
	margin-bottom:0px;
	color:#939393;
	
}

/*-------------------------------------------------------------------------------------------------*/
					/*PRODUCTS ENDS*/
/*-------------------------------------------------------------------------------------------------*/	







/*-------------------------------------------------------------------------------------------------*/
					/*09 - PORTFOLIO*/
/*-------------------------------------------------------------------------------------------------*/	
.contact-info{
	padding:0 20px 0 0;
	text-align:right;
}
.portfolio-img{
	}
.portfolio-img2{
	
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	
	}
.bordered-img {
	border:5px solid #363636;
}
.pretty-box, .pretty-map, .pretty-blog-post{
	background-color: #fff; !important;
	background-image: url(../box-behind.png);
	height: 240px;
	width: 300px;
	
}

.pretty-box2 {
	background-color: #777777; !important;
	margin: 0px;	
	border:1px solid #CCCCCC !important;
		padding:4px;
}

.pretty-box3 {
	background-color: #282828; !important;
	height:169px;
	width: 300px;

}

.pretty-box4 {
	background-color: #282828; !important;

	
}
.pretty-box5 {
	background-color: #282828; !important;
	height: 350px;
	width: 300px;
	
}
.pretty-box6 {
	background-color: #282828; !important;
	height: 260px;
	width: 300px;
	
}

.pretty-box7 {
	background-color: #fff; !important;
	background-image: url(../box-behind2.png);
	height: 240px;
	width: 300px;
}

.pretty-box8 {
	background-color: #fff; !important;
	background-image: url(../box-behind3.png);
	width: auto;

}


.pretty-boxCS {
	background-color: #fff; !important;
	background-image: url(../comingsoon-box.png);
	height: 240px;
	width: 300px;
	
}


.pretty-intro-boxes{
	background-color:#363636; !important;
	-webkit-box-shadow: 
		inset 0 0 25px #252525;
	
	-moz-box-shadow: 
		inset 0 0 25px #252525;
	box-shadow: 
		inset 0 0 25px #252525;
}
ul#clients{
	float:left;
	list-style:none;
}
ul#clients li{
	float:left;
	list-style:none;
	margin-right:30px;
	margin-bottom:10px;
	margin-top:10px;
}
ul#clients li img{
	background-color:#363636; !important;
	padding:9px;
	-webkit-box-shadow: 
		inset 0 0 25px #363636;
	
	-moz-box-shadow: 
		inset 0 0 25px #363636;
	box-shadow: 
		inset 0 0 25px #363636;
	}
ul#clients li  img:hover,.pretty-intro-boxes:hover,.our-photos:hover{
 !important;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	-moz-box-shadow:0 0px 0px #1c1c1c;
	box-shadow: 0 0px 0px #1c1c1c;
	-webkit-box-shadow: 0 0px 0px #1c1c1c;
	-o-box-shadow: 0 0px 0px #1c1c1c;
	
	
	
}
.our-photos{
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	background-color:#282828;
	border:1px solid #252525 !important;
	padding:9px;
	-webkit-box-shadow: 
		inset 0 0 25px #363636;
	
	-moz-box-shadow: 
		inset 0 0 25px #363636;
	box-shadow: 
		inset 0 0 25px #363636;
}
ul#our-photos-footer {
	float:left;
	list-style:none;
}
ul#our-photos-footer li{
	margin-right:5px;
	margin-bottom:5px;
	margin-top:0px;
	float:left;
}
ul#our-photos-footer li img{
	background-color:#363636;
	border:1px solid #252525 !important;
	padding:4px;
}
ul#our-photos-footer li img:hover{
 !important;
	background-color:#363636;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-box-shadow: 
		inset 0 0 25px #363636;
	
	-moz-box-shadow: 
		inset 0 0 25px #363636;
	box-shadow: 
		inset 0 0 25px #363636;
}
.pretty-box:hover {	 
	background:#fff;
	background-image: url(../box-behind.png);

}

.pretty-box2:hover {
	background-color:#777777;

	}
	
#portfolio {
	width: 960px;
	float: left;
}

#portfolio2 {
	width: 960px;
	float: left;
	color: #FFFFFF;
}

.portfolio-container ul li a.hide {
	display: none;
}

.portfolio-container2 ul li a.hide {
	display: none;
}

.portfolio-container {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	width: 960px;
	float: center;
	height:auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;

}

.portfolio-container2 {

	padding-left: 0px;
	width: 990px;
	float: center;
	height:auto;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;

}

.intro1 {
	margin-top: -40px;
	width: 190px;
	left: 10px;
	
}

.portfolio-container ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	padding-top:0px;
}

.portfolio-container2 ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 20px;
	padding-top:0px;
}

.portfolio-container ul li{
	padding-bottom:0px;
	}
	
.portfolio-container2 ul li{
	padding-bottom:0px;
	}	
	
.popup-portfolio ul li{
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}/*
.popup-portfolio ul li:hover,.portfolio-up:hover{
		margin-top:-10px;
	}

.portfolio-up{
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	}*/
/***************************************************
		  FILTERABLE   PORTFOLIO 
***************************************************/
#filterable  {
	display: inline;
	float: right;
	margin-bottom: 40px;
	margin-right:20px;

}
#filterable li {
float: left;
padding: 2px;
	margin-left: 25px;
	
}
#filterable li a {
	display: block;
	color: #aaa;
	padding:2px;
	font: italic 11px arial;
	text-decoration: none;
	text-align: center;
	width: 100%;
	height: auto;
	margin-top:-70px;
	
}

#filterable li.current a {
	color: #ffae00;
}
#filterable li h5{
	float: right;
	
}
/*-------------------------------------------------------------------------------------------------*/
		/*PORTFOLIO DETAILS NAVIGATION*/
/*-------------------------------------------------------------------------------------------------*/
.portfolio-details-nav{float:right;width:100%;margin-bottom:15px;}
#prev,#next {
	display:block;
	float:right;
	padding:4px 9px;
	margin-right:5px;
	border:1px solid #252525;
	background-color:#363636;	
}
#prev:hover,#next:hover {
	background-color:#1c1c1c;
}
#prev a:hover,#next a:hover {
	text-decoration:none!important;
}
/*-------------------------------------------------------------------------------------------------*/
					/*10 - BUTTONS*/
/*-------------------------------------------------------------------------------------------------*/	

.button{
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 0px 0px rgba(255,255,255,0);
	-webkit-transition:all 0.3s ease, top 0ms linear;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	transition:all 0.3s ease;
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	
	}
	.button:hover{
		text-decoration:none;
	}
.button.round{
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.button.small{
	padding: 4px 10px;
}	
.button.big{
	padding: 8px 20px;
}	
.button.huge{
	padding: 12px 24px;
	font-size:18px;
}
/*-----------BUTTON COLORS ---------------*/
ul.buttons li {display:list;margin:25px 0;}
/*BLUE*/
.button.blue{
	background-color:#1e6fca;	
	background: -moz-linear-gradient(
		top,
		#65b1f0 0%,
		#246eab);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#65b1f0),
		to(#246eab));
	
	border: 1px solid #275682;
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.6);
	
	}
	.button.blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(54, 154, 239, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#246eab),
		to(#65b1f0));
	}
/*ORANGE*/
.button.orange{
	background-color:#d74b23;	
	background: -moz-linear-gradient(
		top,
		#f27a2a 0%,
		#c13a05);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f27a2a),
		to(#c13a05));
	border: 1px solid #9f2f03;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	
	}
	.button.orange:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(171, 63, 10, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.orange:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c13a05),
		to(#f27a2a));
	}
	
/*GREEN*/	
.button.green{
	background-color:#85cd4d;	
	background: -moz-linear-gradient(
		top,
		#a6df57 0%,
		#6ca314);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a6df57),
		to(#6ca314));
	border: 1px solid #71af1e;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	
	}
	.button.green:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(107, 170, 4, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.green:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#6ca314),
		to(#a6df57));
	}
	
/*PINK*/
.button.pink{
	background-color:#d82f4e;	
	background: -moz-linear-gradient(
		top,
		#f3546e 0%,
		#c92644);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f3546e),
		to(#c92644));
	border: 1px solid #841e31;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.pink:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(244, 39, 78, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.pink:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c92644),
		to(#f3546e));	
}
/*BLACK*/
.button.black{
	background-color:#323232;	

	background: -moz-linear-gradient(
		top,
		#545557 0%,
		#1e1e1e);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#545557),
		to(#1e1e1e));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #030303;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.black:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.black:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#1e1e1e),
		to(#545557));	
}
/*YELLOW*/
.button.yellow{
	background-color:#f5eb34;	
	background: -moz-linear-gradient(
		top,
		#f8c100 0%,
		#b68e00);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f8c100),
		to(#b68e00));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #b68e00;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.yellow:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.yellow:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b68e00),
		to(#f8c100));	
}
/*RED*/
.button.red{
	background-color:#f5eb34;	
	background: -moz-linear-gradient(
		top,
		#f26c4f 0%,
		#d81f27);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f26c4f),
		to(#d81f27));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #bf0101;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.red:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.red:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d81f27),
		to(#f26c4f));	
}
/*PURPLE*/
.button.purple{
	background-color:#b576ad;	
	background: -moz-linear-gradient(
		top,
		#b576ad 0%,
		#9a4d90);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b576ad),
		to(#9a4d90));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #954eae;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.purple:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.purple:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#9a4d90),
		to(#b576ad));	
}
/*DARK BLUE*/
.button.dark-blue{
	background-color:#b576ad;	
	background: -moz-linear-gradient(
		top,
		#748095 0%,
		#3d4753);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#748095),
		to(#3d4753));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #3d4753;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.dark-blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1),;
	}
	.button.dark-blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#3d4753),
		to(#748095));	
}
/*LIGHT BLUE*/
.button.light-blue{
	
	background-color:#7ccce5;	
	background: -moz-linear-gradient(
		top,
		#7ccce5 0%,
		#64bcd7);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#7ccce5),
		to(#64bcd7));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #52adc9;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.light-blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.light-blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#64bcd7),
		to(#7ccce5));	
}
/*DARK GREEN*/
.button.dark-green{
	
	background-color:#099d51;	
	background: -moz-linear-gradient(
		top,
		#099d51 0%,
		#02521d);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#099d51),
		to(#02521d));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #005e20;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.dark-green:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.dark-green:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#02521d),
		to(#099d51));	
}
/*DARK ORANGE*/
.button.dark-orange{
	
	background-color:#ffae00;	
	background: -moz-linear-gradient(
		top,
		#ffae00 0%,
		#d19412);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffae00),
		to(#d19412));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #d19412;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.dark-orange:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.dark-orange:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d19412),
		to(#ffae00));	
}
/*RED CHERRY*/
.button.red-cherry{
	
	background-color:#d12638;	
	background: -moz-linear-gradient(
		top,
		#d12638 0%,
		#be0014);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d12638),
		to(#be0014));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #be0014;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.red-cherry:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.red-cherry:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#be0014),
		to(#d12638));	
}
/*DEEP RED */
.button.deep-red{
	
	background-color:#bf0101;	
	background: -moz-linear-gradient(
		top,
		#bf0101 0%,
		#890303);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#bf0101),
		to(#890303));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #890303;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.deep-red:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.deep-red:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#890303),
		to(#bf0101));	
}
/*SIMPLE Pink */
.button.simple-pink{
	
	background-color:#f06eaa;	
	background: -moz-linear-gradient(
		top,
		#f06eaa 0%,
		#ed145b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f06eaa),
		to(#ed145b));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #ed145b;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.simple-pink:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.simple-pink:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ed145b),
		to(#f06eaa));	
}
/*GREY BUTTON*/
.button.grey{
	
	background-color:#e1e1e1;	
	background: -moz-linear-gradient(
		top,
		#e1e1e1 0%,
		#acacac);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e1e1e1),
		to(#acacac));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #acacac;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.grey:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.grey:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#acacac),
		to(#e1e1e1));	
}
/*PINEAPPLE  BUTTON*/
.button.pineapple{
	
	background-color:#a3d39c;	
	background: -moz-linear-gradient(
		top,
		#a3d39c 0%,
		#7cc576);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#a3d39c),
		to(#7cc576));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #7cc576;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.pineapple:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.pineapple:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#7cc576),
		to(#a3d39c));	
}

/*DEEP BLUE  BUTTON*/
.button.deep-blue{
	
	background-color:#3d4753;	
	background: -moz-linear-gradient(
		top,
		#3d4753 0%,
		#292c36);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#3d4753),
		to(#292c36));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #292c36;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.deep-blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.deep-blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#292c36),
		to(#3d4753));	
}
/*SKY BLUE  BUTTON*/
.button.sky-blue{
	
	background-color:#72c2e7;	
	background: -moz-linear-gradient(
		top,
		#72c2e7 0%,
		#00aeef);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#72c2e7),
		to(#00aeef));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #00aeef;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.sky-blue:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.sky-blue:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#00aeef),
		to(#72c2e7));	
}

/*DEEP ORANGE  BUTTON*/
.button.deep-orange{
	
	background-color:#ffcc33;	
	background: -moz-linear-gradient(
		top,
		#ffcc33 0%,
		#e84324);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffcc33),
		to(#e84324));
	-moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);
	-webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.3),
		inset 0px 1px 0px rgba(255,255,255,0.4);		
	border: 1px solid #e84324;
	background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;	
	}
	.button.deep-orange:hover {
	color:#FFF;
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4), 0px 0px 3px rgba(0, 0, 0, 0.1);
	}
	.button.deep-orange:active{
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#e84324),
		to(#ffcc33));	
}
/*BUTTON ENDS*/
/*-------------------------------------------------------------------------------------------------*/
					/*11 - PRICING BOXES ANDTABLES*/
/*-------------------------------------------------------------------------------------------------*/	

/*----------------------PRICING BOXES------------------------------*/
/*PRICING BOX STYLE*/
ul.list-box{margin:0; padding:0; list-style-type:none;}
ul.list-box > li{
	background:#FFF;
	float:left;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-webkit-box-shadow:
		inset 0 0 25px #e4e4e4,
		0 0 3px #333;
	-moz-box-shadow: 
		inset 0 0 25px #e4e4e4,
		0 0 3px #333;
	box-shadow: 
		inset 0 0 25px #e4e4e4,
		0 0 3px #333;
	
	}
 ul.list-box  li:hover{
	position: relative;
	z-index: 100;
	top: -15px;
	-webkit-box-shadow:
		inset 0 0 25px #e4e4e4,
		0 0 3px #333,
		0 0 3px #333;
	-moz-box-shadow: 
		inset 0 0 25px #e4e4e4,
		0 0 3px #333,
		0 0 3px #333;
	box-shadow: 
		inset 0 0 25px #e4e4e4,
		0 0 3px #333,
		0 0 3px #333;
	
	cursor:pointer;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;}
.title-box {text-align:center;}
.box-header{
	padding-top:5px;
	border-radius: 4px 4px 0px 0px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	}
.box-header h4 ,.box-footer h4{color:#FFF;text-shadow: 0px 1px 0px #005826;}
.box-footer{
	padding-top:5px;
	border-radius: 0px 0px 4px 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;

}
.box-des{text-align:left;}
.pricing-box-container{background:#FFF;text-align:left;	}
.list-box-content{ margin:0px 0px;padding:10px 25px 25px 25px;text-align:center}
.list-box-content ul{margin:0px auto;  padding:0; list-style-type:none;}
.list-box-content ul li{margin:0 0 0 -25px; padding:7px 0 7px 55px; list-style-type:none;text-align:left;width:162px;}
.one-fifth .list-box-content ul li{margin:0 0 0 -25px;padding:7px 0 7px 55px; list-style-type:none;text-align:left;width:110px;}
.list-box-content ul li:hover{
	box-shadow:none!important;
	-moz-box-shadow:none!important;
	webkit-box-shadow:none!important;
	left:0px!important;
	top: 0px!important;
	}
.list-box-content ul li.zebra-pricing{
	background-color:#f7f7f7;
}
.list-box .one-fifth{
	width:165px;
}
.text-price{
	text-align:center;
	
	padding:10px 0 5px 0;}
.text-price h4{color:#FFF;text-shadow: 0px 1px 0px #005826;}
/*RICING BOX COLORS*/
/*RED*/
.text-price.red{
	border-bottom: 1px solid #ad0303;
	background-color: #d81f27;
	background-image: linear-gradient(top, #d81f27, #bf0101);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81f27', endColorstr='#bf0101'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81f27', endColorstr='#bf0101'); 
	background: -ms-linear-gradient(top, #d81f27, #bf0101); 
	background: -moz-linear-gradient(top, #d81f27, #bf0101); 
	background: -o-linear-gradient(top, #d81f27, #bf0101); 
	background: -webkit-linear-gradient(top, #d81f27, #bf0101); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d81f27), color-stop(1, #bf0101));
}
.box-header.red,.box-footer.red{
	border-bottom: 1px solid #a30101;
	border-top: 1px solid #bf0101;
	background-color: #d81f27;
	background-image: linear-gradient(top, #d81f27, #bf0101);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81f27', endColorstr='#bf0101'); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d81f27', endColorstr='#bf0101'); 
	background: -ms-linear-gradient(top, #d81f27, #bf0101); 
	background: -moz-linear-gradient(top, #d81f27, #bf0101); 
	background: -o-linear-gradient(top, #d81f27, #bf0101); 
	background: -webkit-linear-gradient(top, #d81f27, #bf0101); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d81f27), color-stop(1, #bf0101));
	}


/*LIST STYLES*/
.pricing-box-container{background:#FFF;text-align:left;	}
.pricing-table-list-box-content{ margin:0px 0px;padding:10px 25px 25px 25px;text-align:center}
.pricing-table-list-box-content ul{margin:0px auto;  padding:0; list-style-type:none;}
.pricing-table-list-box-content ul li{margin:0 0 0 -25px; padding:7px 0 7px 55px; list-style-type:none;text-align:left;width:137px;}
.included{ background:url(../images/checklist-icon.png) no-repeat 30px 8px; }
.not-included{  background:url(../images/checklist-icon-no.png) no-repeat 30px 8px; }
.star-included{  background:url(../images/checklist-star.png) no-repeat 30px 8px; }
.pricing-table-list-box-content ul li {margin:0 0 0 -25px; padding:7px 0 7px 55px; list-style-type:none; text-align:left;width:137px;}
/*LIST STYLES*/
/*COLUMNS SIZE (DEFAULT IS FIVE COLUMNS)*/
.one-fourth .pricing-table-list-box-content ul li{margin:0 0 0 -25px;padding:7px 0 7px 55px; list-style-type:none;text-align:left;width:185px;}
.pricing-table-list-box-content ul li:hover{
	box-shadow:none!important;
	-moz-box-shadow:none!important;
	webkit-box-shadow:none!important;
	left:0px!important;
	top: 0px!important;
	}
.pricing-table-list-box-content ul li.zebra-pricing{
	background-color:#f7f7f7;
}
.text-price{
	text-align:center;
	padding:10px 0 5px 0;}
.text-price h4{color:#FFF;text-shadow: 0px 1px 0px #005826;}

/*-----------------------*/
/* PRICING TABLE  */
/*-----------------------*/
.pricing-pricing-table-box-container{ width:960px;}
.pricing-table-box-container ul{ margin:0px; border-bottom:1px solid #252525; float:left; }
.pricing-table-box-container ul li{ float:left; list-style-type:none; padding:15px 0px 10px 0px ; line-height:normal; color:#f5f5f5 !important; min-height:22px; }
.pricing-table-box-container ul li h4{ margin:0px; font-size:14px;}
.pricing-table-box-container ul li.one{
	width:465px; 
	padding-left:20px;
 }
.pricing-table-box-container ul li.one:hover,ul.pricing-table-grey:hover,ul.pricing-table-white:hover{ 
	background:#e84324;
	color:#FFF!important;
	cursor:pointer;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
	.pricing-table-box-container ul li.two{ width:155px; text-align:center; border-left:1px solid #252525; }
	.pricing-table-box-container ul li.three{ width:155px; text-align:center; border-left:1px solid #252525; }
	.pricing-table-box-container ul li.four{ width:155px; text-align:center; border-left:1px solid #252525; }
	ul.pricing-table-header li{ }
	ul.pricing-table-white{ background-color:#363636; float:left;}
	ul.pricing-table-white li.one{ width:475px; padding-left:10px; }
	ul.pricing-table-grey{ background-color:#1c1c1c}
	ul.pricing-table-grey li:hover,ul.pricing-table-white li:hover{
		color:#FFF!important;
	}
	ul.pricing-table-grey li.one{ width:475px; padding-left:10px; }
	ul.tbl-price{ border:0px; font-size:18px;}
	.icontable{width:25px; margin-right:10px;}
	.icontable img{vertical-align:middle;}

/*--------------------------------------13 - SIMPLE UL STYLE , TAGS, TABS-----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
	.simple-nav{ list-style-type:none; list-style-position:outside; width:200px; }
	.simple-nav li{ color:#939393;display:block; padding:5px 0;  border-bottom:1px dotted #363636;}
	.simple-nav li a { color:#939393;padding-left:15px;background: url(../images/simple-nav-arrow.png) no-repeat 0px 2px;}
	.simple-nav li a:hover { color:#ffae00;text-decoration:underline;}
	.simple-nav li a.current { color:#ffae00;}
	.round-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #363636; width:200px; }
	.round-list li{ border-bottom:1px dotted #363636;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check-box.png) no-repeat 5px 7px;  }	
	.check-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #363636; width:200px; }
	.check-list li{ border-bottom:1px dotted #363636;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/check.png) no-repeat 5px 7px;  }
	.cancel-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #363636; width:200px; }
	.cancel-list li{ border-bottom:1px dotted #363636;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/cancel.png) no-repeat 5px 7px;  }
	
	.checklist-list{ list-style-type:none; list-style-position:outside; border-top:1px dotted #363636; width:200px; }
	.checklist-list li{ border-bottom:1px dotted #363636;color:#666666;display:block; padding:6px 0 6px 25px; background: url(../images/checklist-icon.png) no-repeat 5px 9px;  }

/*-------------------------------SIMPLE BLOG NAVIGATION------------------------------------------------------------------*/
	.blog-pagination{ list-style:none; }
	.blog-pagination li{ display:inline; }
	.blog-pagination li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #363636; }
	.blog-pagination li.active a{ background-color:#f5f5f5;  }	
	.blog-tags{font-size:12px;}
/***************************************************
				     TAGS
***************************************************/
.tags a{
	color: #f5f5f5;
	background-image: url(../images/tag-bg-dark.jpg);
}
.tags a:hover{	
	color: #f26c4f;
}
.tags a{
	color: #f5f5f5;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0;
	font-weight: normal;
	border:1px solid #252525;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	float: left;
	background-repeat: repeat;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
.tags, .block div {
	float: left;
	width: 100%;
}
.tags a:hover{
	color: #FFF;
	border:1px solid #3d4753;
	text-decoration: none;	
	background:#282834;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.2);
	box-shadow:0px 0px 2px rgba(0,0,0,0.2);
}

ul.blog-category li {
	padding:10px 0 5px 0;
	border-bottom:1px dotted #363636;

}
/**************************************************
			BLOG  COMMENTS
***************************************************/
.inner-comment{padding-left:75px;}
/****************************************************/
.team-social-icons ul{list-style-type:none;}
.team-social-icons li{list-style-type:none;min-height:1%}
.team-social-icons li img{display:block;float:left;margin-right:5px;}
.team-social-icons li a{display:block;float:left;margin-right:7px;line-height:18px;}
.pdf{background:url(../images/icons/pdf-icon.png) no-repeat 5px 12px;padding:15px 10px 10px 65px;width:125px;min-height:48px}
.menu { padding: 0; clear: both; }
.menu li { display: inline; }
.menu li a { background: #3d4753; padding:5px 10px; float:left; border-right: 1px solid #363636; border-bottom: none; text-decoration: none; color: #FFF; font-weight: normal;}
.menu li.active a { background: #363636;color:#ffae00; }
.content { float: left; clear: both; border-top: none; border-left: none; background: #363636; padding: 25px 20px 20px; width:auto; }

#headline_container {
	padding:30px 0px 50px 0;
	height:auto;
	margin-bottom:30px;
	background:url("../images/intro-pages-bg-dark.png") no-repeat bottom;
	border-top:1px solid #363636;
}

.headline {
width:960px;
margin:0 auto;
padding:27px 0px;
}
.headline_inner_center {
width:100%;
float:left;
padding:0;
margin-top:-30px;
text-align:center;
}
.headline_inner {
float:left;
padding:0;
margin-top:-30px;
text-align:center;
}
.headline_inner .colored,.headline_inner_center .colored{
	color:#bf0101;
}
.headline_button {
float:left;
margin-top:-10px;
height:40px;
padding-right:0px;
margin-right:30px;
}
.headline_button-2 {
float:left;
margin-top:-10px;
height:40px;
padding-right:0px;
margin-left:30px;
}


a.portfolio-item-preview {

	z-index:9999;
	

}



.item-links .align-center{
	text-align:center!important;
	
}
.item-links {
	position: absolute;
	display: none;
	right:15px;
	bottom: 20px;
	opacity:0.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	background-color: #303030;
	padding-bottom: 3px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
}
.item-links a.preview {
	background: url(../images/icon-preview.png) no-repeat 9px 5px;
	padding-left: 33px;
	font-family: 'Crimson Text', arial, serif;
	font-style:italic;
	font-size: 16px;
	color: #FFFFFF;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.95);
	padding-top: 2px;
	padding-bottom:5px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.item-links a.preview:hover {
	background-color:#e64135;
	text-decoration: none;
}
.portfolio-item-thumb .label-new {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 48px;
	width: 48px;
	background: url(../images/label-new.png) no-repeat;
	z-index:10;
}
.portfolio-item-thumb .label-popular {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 48px;
	width: 48px;
	background: url(../images/label-popular.png) no-repeat;
	z-index:10;
}
.portfolio-item-thumb .label-free {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 48px;
	width: 48px;
	background: url(../images/label-free.png) no-repeat;
	z-index:10;
}
.portfolio-item-thumb {
	position: relative;
	float: left;
	margin-bottom: 10px;
	
}

	
#z-accordion {display:none;}
#z-accordion ul {list-style:none;}
#z-accordion h4 {color:#FFF;}
#z-accordion .frame-1 {background:url(../images/generatorwoodcut.jpg) top left repeat;}
#z-accordion .frame-2 {background:url(../images/PWYNI.jpg) top left repeat;}
#z-accordion .frame-3 {background:url(../images/slideshow/slide-03.jpg) top left repeat;}
#z-accordion .frame-4 {background:url(../images/slideshow/slide-04.jpg) top left repeat;}
#z-accordion .frame-5 {background:url(../images/slideshow/slide-05.jpg) top left repeat;}
#z-accordion .frame-content {
	position:absolute;
	border-color: #000000;
	border-width: medium;
	bottom:30px;
	left:30px;
	height:auto;
	padding:30px;
	background:transparent url("../images/slider-txt-bg.png") repeat;
	width:320px;
	font-size:11px;
	color:#FFF;
	text-shadow:none;}
#z-accordion .frame-closed .frame-content {display:none;}
#z-accordion .frame-open .frame-content {display:block;}
#wide_flash, object#wide_flash {
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
	z-index: -1;
}