@charset "utf-8";
/*
Theme Name: SeeWhy
Theme URI: http://www.seewhy.com
Description: Theme designed by Cristian Simina and developed in CSS3/HTML5 by Graffino (www.graffino.com).
Author: Graffino
Version: 2.0
License: 
License URI: 
Tags: html5, grey, white, fixed-width, custom-header, custom-background, translation-ready, editor-style, custom-menu, graffino
*/

/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231em; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0.5em 0; padding: 0 0 0 25px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-imap: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/*input:valid, textarea:valid {  }*/
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Graffino (http://www.graffino.com)
   ========================================================================== */

/* Global */

::-moz-selection { background: #3d3c3a; color: #fff; text-shadow: none; }
::selection { background: #3d3c3a; color: #fff; text-shadow: none; }


/* Global */
body { 
	background: #aed10c; 
	font-family:  "Trebuchet MS", Verdana, sans-serif;
}

#container {
	margin: 10px auto 0 auto;
	width: 950px;
	
}
	.background {
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		width: 100%;
		height: 220px;
	
		border-bottom: 1px solid #cecfd1;
		background: #e4e4e4;
	
		/* Gradient from #fefefe to #e1e1e3  */
		background: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#e1e1e3));
		background: -moz-linear-gradient(top,  #fefefe,  #e1e1e3);
		background: -ms-linear-gradient(top,  #fefefe,  #e1e1e3);
		background: -o-linear-gradient(top,  #fefefe,  #e1e1e3);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e1e1e3');
	}

/* 
 * ==|== header ==========================================================
 */

.header { 
	height: 190px;
}
	.header a.logo { 
		background: url("obj/img/logo.png") no-repeat top left;
		display: block;
		width: 	107px;
		height: 57px;
		float: left;
		margin-top: 10px;
	}
	.header .meta-nav {
		position: relative;
		float: right;
		color: #6d6d6d;
		font: bold 12px/14px "Trebuchet MS", Verdana, sans-serif;
	}
		.header .meta-nav li {
			display: inline;
			padding: 0 5px 0 7px;
			border-left: 1px solid #6d6d6d;
		}
		.header .meta-nav li:first-child { border: none; }
		.header .meta-nav a { 
			color: #f48902;
			text-decoration: none;
		}
		.header .meta-nav a:hover { text-decoration: underline; }
			
		.header .social {
		clear: right;
		float: right;
		margin: 20px -10px 0 0;
	}
		.header .social a {
			background: url("obj/img/social.png") no-repeat;
			display: block;
			float: left;
			width: 53px; 
			height: 50px;
			margin-left: 5px;
		}
		.social	a.blog { background-position: 0 0;  } 
		.social	a.blog:hover { background-position: 0 -100px; } 
		.social	a.facebook { background-position: 0 -200px; } 
		.social	a.facebook:hover { background-position: 0 -300px; } 
		.social	a.linkedin { background-position: 0 -400px; } 
		.social	a.linkedin:hover { background-position: 0 -500px; } 
		.social	a.twitter { background-position: 0 -600px; } 
		.social	a.twitter:hover { background-position: 0 -700px; } 
	.header .nav {
		position: relative;
		overflow: hidden;
		clear: both;
		margin-top: 20px;
		width: 950px;
		height: 75px;
		
		background: #3d3c3a;
		/* Gradient from #343432 to #252422  */
		background: -webkit-gradient(linear, left top, left bottom, from(#343432), to(#252422));
		background: -moz-linear-gradient(top,  #343432,  #252422);
		background: -ms-linear-gradient(top,  #343432,  #252422);
		background: -o-linear-gradient(top,  #343432,  #252422);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343432', endColorstr='#252422');
	}
	.ie7 .header .nav { filter: none; }
		.nav ul {
/*			border-top:  1px solid #fff;
			border-right: 1px solid #1a1917; */
		}
		.nav ul li {
			float: left;
			padding: 10px 15px 0 15px;
			border-right: 1px solid #3b3a38; 
		}
		.nav ul li:after {
			content: ' ';
			display: block;
			height: 35px;
			margin: -25px -17px 0 0;
			border-right: 1px solid #1a1917;
		}
		.nav li a {
			font: 12px "Trebuchet MS", Verdana, sans-serif;
			color: #ccc;
			text-decoration: none;
		}
		.nav li a:hover { color: #a9d63e; }
		.nav li.current > a { color: #aed10c; }
		.nav li.back {
			background: url(obj/img/lavalamp.png) center top  no-repeat;
			width: 11px;
			height: 8px;
			z-index: 1;
			position: absolute;
			float: none;
			top: 32px;
			margin-left: -15px;
			border: 0;
		}
		.nav li.back:after, .nav li.back:before { content: none; }
			.nav li li { 
				background: none;
				border: none;
				padding: 10px 0px 10px 15px;
				z-index: 0;
			}
			.nav li ul { display: none; }
			.nav li ul.active { display: block; }
			.nav li li:after { content: none; }
			.nav .nav-bg {
				background: #3d3c3a;
				width: 100%; 
				border: none;
				border-top: 1px solid #040301;
				position: absolute;
				top: 38px;
				left: 0;
				height: 35px;
			}

			.nav .nav-bg div {
				content: ' ';
				display: block;
				border-top: 1px solid #51504e;
				border-bottom: 1px solid #4b4b49;
			} 
			.nav li ul { 
				z-index: 2;
				border: none;
				position: absolute;
				top: 38px;
				width: 100%;
				height: 35px;
				left: 0;
			}
			.nav li li a  {
				font-size: 11px;
				position: relative;
				margin-right: 20px;
			}
			.nav li li a:after {
				position: absolute;
				right: -20px;
				top: 0px;
				content: '|';
				color: #040301;
				display: block;
			}
			.nav li li:last-child a:after { content: '';}
			.nav .search {
				float: right;
				padding-top: 2px;
			}
			.nav .search label { float: left;}
			.nav .search .input input {
				background-color: #FFF;
				outline: none;
				position: relative;
				top: 4px;
				left: 10px;
				width: 140px;
				height: 22px;
				margin: 0;
				padding-left: 5px;
				border: 1px solid #cfe26e;

				/* 5px Round Corners */
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;	
				border-radius: 5px 5px 5px 5px;
				
				/* 4px Box Shadow */
				-moz-box-shadow: inset 0 0 4px #d9f64c;
				-webkit-box-shadow: inset 0 0 4px #d9f64c;
				box-shadow: inset 0 0 4px #d9f64c;
			}	
			.nav .search .input span {
				position: absolute;
				margin-top: 3px;
				margin-left: 13px;
				color: #999;
				z-index: 99;
				cursor: text;
				font: 13px/20px 'Trebuchet MS', Verdana, sans-serif;
				color: #515252;
				
			}
			.no-borderradius .nav .search .input {
				background: url("obj/img/ie/search-box.png") no-repeat 0 0; 
				width: 152px;
				height: 32px;			
			}
			.no-borderradius .nav .search .input input { 
				border: none;
				/*background: transparent;*/
				top: 4px;
				margin-left: -5px;
				height: 18px;
			}
			.ie7 .nav .input span, 
			.ie8 .nav .input span
			{ 
				padding-top: 3px; 
				margin-left: 5px;
			}
			
			.ie7 .nav input, 
			.ie8 .nav input
			{ padding: 7px 0 0 10px !important; }
			
			.ie8 .nav .search .input input
			{ padding: 3px 2px !important; }
			
			.nav .search .search-button {
				float: left;
				position: relative;
				margin: 4px 15px 0 15px;
				width: 50px;
				height: 25px;
				font: bold 10px 'Trebuchet MS', Arial, sans-serif;
				color: #41423c;
				border: 1px solid #000;
				background: #d9f64c;
				
				/* 5px Round Corners */
				border-radius: 2px 2px 2px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;	

				/* Gradient from #d9f64c to #afd00d  */
				background: -webkit-gradient(linear, left top, left bottom, from(#d9f64c), to(#afd00d));
				background: -moz-linear-gradient(top,  #d9f64c,  #afd00d);
				background: -ms-linear-gradient(top,  #d9f64c,  #afd00d);
				background: -o-linear-gradient(top,  #d9f64c,  #afd00d);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9f64c', endColorstr='#afd00d');				

				/* 3px Box Shadow */
				-moz-box-shadow: 0 0 3px #151513;
				-webkit-box-shadow: 0 0 3px #151513;
				box-shadow: 0 0 3px #151513;
				
				/* 1px Text Shadow (#fff for readability)  */
				text-shadow: 0 1px #fff;
			}
			.nav .search-button:hover {
				background: #d9f64c;
			}
			.no-borderradius .nav .search-button {
				background: url("obj/img/ie/button-search.png") no-repeat 0 -76px; 
				width: 56px;
				height: 25px;
				filter: none;
				border: none;
				padding: -2px 0 0 0;
				margin-left: 0;
			}
			.no-borderradius .nav .search-button:hover { background: url("obj/img/ie/button-search.png") no-repeat 0 0; }
/* 
 * ==|== banner ==========================================================
 */

		#banner {
			position: relative;
			width: 948px;
			height:  342px;
			border: 1px solid #fff;
		}
		#banner .banner-background {
			position: absolute;
			z-index: -1;
			top: 0px;
		}
		#banner h1 {
			margin: 40px 0 0 50px;
			font: 24px "Trebuchet MS", Verdana, sans-serif;
			color: #262523;
		}
		#banner p {
			margin: 25px 0 0 50px;
			width: 465px;
			height: auto;
			font: 14px/17px  "Trebuchet MS", Verdana, sans-serif;
		}
		.no-borderradius #banner p { line-height: 12px;	}
		#banner a.button {
			position: relative;
			top: 40px;
			margin: 0px 0 0 45px;
			padding: 15px 60px 15px 25px;
			font: bold 18px 'Trebuchet MS', Verdana, sans-serif;
			text-decoration: none;
			color: #fff;
			background: #f59d09;

			/* 27px Round Corners */
			border-radius: 27px 27px 27px 27px;
			-moz-border-radius: 27px 27px 27px 27px;
			-webkit-border-radius: 27px 27px 27px 27px;	
							
			/* Gradient from #f59d09 to #f48902  */
			background: -webkit-gradient(linear, left top, left bottom, from(#f59d09), to(#f48902));
			background: -moz-linear-gradient(top,  #f59d09,  #f48902);
			background: -ms-linear-gradient(top,  #f59d09,  #f48902);
			background: -o-linear-gradient(top,  #f59d09,  #f48902);
/*			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59d09', endColorstr='#f48902'); */
			
	       /* 1px Text Shadow (#231f20 for readability)  */
			text-shadow: 0 1px #231f20;
			
			border: 1px solid #f8b40f;
			/* 3px Shadow */	
			box-shadow: inset 0 0 0 1px #f59d09, 0 1px 3px #786f6f;
			-moz-box-shadow: inset 0 0 0 1px #f59d09, 0 1px 3px #786f6f;
			-webkit-box-shadow: inset 0 0 0 2px #f59d09, 0 1px 3px 1px #786f6f;
		}
		#banner a.button span {
			width: 40px;
			height: 40px;
			background: url("obj/img/arrow-circle.png") no-repeat;
			position: absolute;
			top: 5px;
			right: 8px;
		}
		#banner a.button:hover { background: #f59d09; }
		.no-borderradius #banner a.button {
			display: block;
			background: url("obj/img/ie/button-banner.png") no-repeat 0 0; 
			filter: none;
			border: none;
			width: 321px;
			height: 56px;
		}
		.no-borderradius #banner a.button:hover {
			background: url("obj/img/ie/button-banner.png") no-repeat 0 -106px; 
		}
		.no-borderradius #banner a.button span { display: none; }
		
		/* banner slides */
		.js #banner .banner-item {
			width: 948px;
			height:  342px;
			display: none;
		}
		.js #banner .banner-item:first-child,
		.js #banner.cycle .banner-item {
			display: block;
		}
		
		#banner-prev, #banner-prev:link, #banner-prev:visited, #banner-prev:hover, #banner-prev:active,
		#banner-next, #banner-next:link, #banner-next:visited, #banner-next:hover, #banner-next:active {
			font-family: "Segoe UI Symbol", "Arial Unicode MS", "DejaVu Sans", "Meiryo UI", "MS UI Gothic", "Everson Mono Unicode", Meiryo, "MS Gothic", "MS Mincho", "MS PGothic", "MS PMincho", "Meslo LG L", "Meslo LG L DZ", "Meslo M L", "Meslo M L DZ", "Meslo S L", "Meslo S L DZ", "Symbola", "DejaVu Sans Condensed", "DejaVu Sans Mono", Code2000, "Everson Mono", Quivira, sans-serif;
			display: block;
			position: absolute;
			left: 0;
			top: 50%;
			margin-top: -25px;
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 50px;
			color: #FFF;
			text-decoration: none;
			opacity: 0.4;
			z-index: 10;
			text-align: center;
			vertical-align: middle;
			background: none;
			outline: none;
		}

		#banner-next, #banner-next:link, #banner-next:visited, #banner-next:hover, #banner-next:active {
			left: auto;
			right: 0;
		}
				
		#banner-prev:hover,
		#banner-next:hover {
			opacity: 1.0;
		}
		
		#main {
			background: #fff;
			padding: 20px 20px 80px 20px;
		}
/* 
 * ==|== home content ==========================================================
 */

		.no-borderradius #main { padding-bottom: 0; }
		.news {
			overflow: hidden;
			width: 910px;
			height: 50px;
			border: 1px solid #d8d8d8;
			background: #f5f5f5;
			
			/* 5px Round Corners */
			border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			-webkit-border-radius: 5px 5px 5px 5px;
			
			/* Gradient from #f5f5f5 to #efefef  */
			background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#efefef));
			background: -moz-linear-gradient(top,  #f5f5f5,  #efefef);
			background: -ms-linear-gradient(top,  #f5f5f5,  #efefef);
			background: -o-linear-gradient(top,  #f5f5f5,  #efefef);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#efefef');
			
			/* 2px Box Shadow */
			-moz-box-shadow:inset 0 0 2px #fff;
			-webkit-box-shadow:inset 0 0 2px #fff;
			box-shadow:inset 0 0 2px #fff;
		
			margin-bottom: 10px;
		}
		.no-borderradius .news {
			background: url("obj/img/ie/news-bar.png") no-repeat 0 0; 
			display: block;
			border: none;
			border: none;
			filter: none;
			height: 52px;
			width: 920px;
		}
		.news h2 {
			float: left;
			margin-top: 0;
			border-right: 1px solid #d0d0d0;
			width: 140px;
			height: 23px;
			padding: 15px 15px 12px 25px;
			color: #aed10c;
			text-transform: uppercase;
			font: 18px 'Trebuchet MS', Verdana, sans-serif;
			background: #f5f5f5;

			/* 5px Round Corners */
			border-radius: 5px 0px 0px 5px;
			-moz-border-radius: 5px 0px 0px 5px;
			-webkit-border-radius: 5px 0px 0px 5px;	
			
			/* Gradient from #fff to #e0e0e0  */
			background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
			background: -moz-linear-gradient(top,  #f5f5f5,  #efefef);
			background: -ms-linear-gradient(top,  #f5f5f5,  #efefef);
			background: -o-linear-gradient(top,  #f5f5f5,  #efefef);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#efefef');				
		}
		.no-borderradius .news h2 { 
			border: none;
			background: none;
			filter: none;
		}
		.news p {
			float: left;
			margin: 17px 0 0 30px;
			font: 14px 'Trebuchet MS', Verdana, sans-serif;
			color: #f48902;
			width: 805px;
		}
		.news p a {
			color: #f48902;
			text-decoration: none;
		}
		
		.news p a:hover {text-decoration: underline;}
			.news p span { color: #3e3e3e; }
		.news .jcarousel-container {
			margin-left: 180px;
			width: 728px;
			height: 50px;
		}
		.news .jcarousel-next {
			top:3px;
		}
		.news ul {list-style: none; }
		.ie8 .news .jcarousel-container, ie7 .news .jcarousel-container { width: 812px;}
		.ie8 .news .jcarousel-next, .ie7 .news .jcarousel-next { top: 1px;}
		.colums { 
			clear: both; 
			width: 955px;
			padding-top: 20px;
		}
			.colums .col {
				position: relative;
				padding-top: 60px;
				margin-right: 16px;
				float: left;
				width: 293px;
				height: 210px;
				border: 1px solid #d8d8d8;
				background: #f4f4f4;
				
				/* 10px Round Corners */
				border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;
				
				/* Gradient from #f5f5f5 to #efefef  */
				background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#efefef));
				background: -moz-linear-gradient(top,  #f4f4f4,  #efefef);
				background: -ms-linear-gradient(top,  #f4f4f4,  #efefef);
				background: -o-linear-gradient(top,  #f4f4f4,  #efefef);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#efefef');				

				/* 4px Box Shadow */
				-moz-box-shadow:inset 0 0 4px #fff;
				-webkit-box-shadow:inset 0 0 4px #fff;
				box-shadow:inset 0 0 4px #fff;
			}
		
			.colums .col:before {
				background: url("obj/img/col-header.png") no-repeat;
				content: ' ';
				display: block;
				position: absolute;
				width: 235px;
				height: 42px;
				top: -10px;
				left: 30px;
				z-index: 2;
			}
			.colums .col:after {
				background: url("obj/img/col-shadow.png") no-repeat;
				content: ' ';
				display: block;
				position: absolute;
				width: 276px;
				height: 42px;
				bottom: -43px;
				left: 0;
				z-index: 2;
			}
			.no-borderradius .col:before { content: none; }
			.no-borderradius .col:after { content: none; }
			.no-borderradius #main .colums .col {
				display: block;
				background: url("obj/img/ie/column.png") no-repeat top left;
				filter: none;
				border: none;
				height: 260px;
				width: 297px;
				margin-right: 11px;
			}
			.colums .col h2 {
				position: absolute;
				z-index: 3;
				top: -17px;
				left: 0px;
				font: 18px 'Trebuchet MS', Verdana, sans-serif;
				color: #fff !important;
				text-align: center;
				display: block;
				width: 290px;
			}
			.ie8 .colums .col h2 { 
				top: -6px; 
			}
			.no-borderradius .col h2 {
				top: 7px;
				width: 300px; 
			}
			.colums .col h2 a, 
			.colums .col h2 a:link, 
			.colums .col h2 a:visited, 
			.colums .col h2 a:active 
			{
				color: #fff;
				text-decoration: none;
			}
			.colums .col h2 a:hover
			{
				color: #ee8406;
				text-decoration: none;
			}
			.col p {
				margin-left: 25px;
				width: 230px;
				height: auto;
				display: block;
				font: 12px 'Trebuchet MS', Verdana, sans-serif;
				color: #f48902;
			}
			.col h3 {
				margin: 0 0 0 25px;
				font: normal 12px/14px 'Trebuchet MS', Verdana, sans-serif;
				color: #3e3e3e; 
			}
			.events .eventlist {
				width: 100%;
				height: 95%;
				overflow: auto;
			}
			.col.events p { 
				position: relative; 
				font-size: 12px;
				margin: 0 0 15px 25px;
			}
			.no-borderradius .col h3 { line-height: 12px; }
			.colums .col .button {
				position: absolute;
				bottom: 20px;
				right: 25px;
				width: 245px;
				height: 30px;
				border: 1px solid #c2c2c2;
				
				background: #ff7a14;
	
			   /* 1px Text Shadow (#ffcea8 for readability)  */
				text-shadow: 0 1px #ffcea8;
	
				/* 5px Round Corners */
				border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
				
				/* 1px Box Shadow Inset, 1px Box Shadow  */
				-moz-box-shadow: inset 0 0 0 1px #ffb67e, 0 0 0 1px #ebebeb ;
				-webkit-box-shadow: inset 0 0 0 1px #ffb67e, 0 0 0 1px #ebebeb ;
				box-shadow: inset 0 0 0 1px #ffb67e, 0 0 0 1px #ebebeb ;
			}
			.colums .col .button:hover {
				/* Gradient from #f59d09 to #f48902  */
				background: -webkit-gradient(linear, left top, left bottom, from(#f59d09), to(#f48902));
				background: -moz-linear-gradient(top,  #f59d09,  #f48902);
				background: -ms-linear-gradient(top,  #f59d09,  #f48902);
				background: -o-linear-gradient(top,  #f59d09,  #f48902);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59d09', endColorstr='#f48902');
			}
			.colums .col .button:after {
				position: absolute;
				bottom: 0px;
				right: 10px;
				margin: 20px;
				width: 245px;
				height: 30px;
				border: 1px solid #ffb67e;
				background: #ff7a14;
				
				/* 5px Round Corners */
				border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
			
				/* 4px Box Shadow */
				-moz-box-shadow: 0 0 4px #000;
				-webkit-box-shadow: 0 0 4px #000;
				box-shadow: 0 0 4px #000;
			}
			.colums .col a.button { 
				padding-top: 8px;
				height: 22px;
			}
			.no-borderradius .colums .col a.button {
				bottom: 80px;
				width: 249px;
				height: 34px;
			}
			.colums .col a.button {
				position: absolute;
				border: 1px solid #c2c2c2;
				text-decoration: none;
				color: #000;
				background: #ff7a14;
			}
				.colums .col a.play {
					width: 140px;
					padding-left: 104px;
				}
				.colums .col a.play span {
				position: absolute;
				background: url("obj/img/play.png") no-repeat  0 0; 
				display: block;
				left: 53px;
				top: -2px;
				width: 15px;
				height: 16px;
			}
			.colums .col a.button:hover { 
				/* Gradient from #f59d09 to #f48902  */
				background: -webkit-gradient(linear, left top, left bottom, from(#f59d09), to(#f48902));
				background: -moz-linear-gradient(top,  #f59d09,  #f48902);
				background: -ms-linear-gradient(top,  #f59d09,  #f48902);
				background: -o-linear-gradient(top,  #f59d09,  #f48902);
		/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59d09', endColorstr='#f48902'); */
			}
			.colums .col a.button span { margin: 10px 0 0 33px; }
			
			.colums .col .video {
				text-align: center;
				margin: 0 auto;
				display: block;
			}
			.no-borderradius .col .button:after, .no-borderradius .col a.button:after  { content: none; }
			.no-borderradius .col .button, .no-borderradius .col a.button {
				background: url("obj/img/ie/button-column.png") no-repeat  0 -85px;
				width: 249px;
				height: 34px;
				filter: none;
				border: none;
				bottom: 90px;
				
			}
			.no-borderradius .col .button:hover, .no-borderradius .col a.button:hover { 
				background: url("obj/img/ie/button-column.png") no-repeat  0 0; 
				filter: none;
			}

			.no-borderradius .col a.play { 
				width: 143px !important;
			}
			.col input {
				width: 250px; 
				height: 40px;
				background: #d3d3d3; 
			
				/* 5px Round Corners */
				border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;
			}
			.col .input input {
				outline: none;
				position: relative;
				left: 15px;
				bottom: 10px;
				margin: 0;
				padding: 3px 3px 3px 5px;
				color: #999;
				font: 14px/20px Arial, sans-serif;
				z-index: 0;
				
				border: 1px solid #999;
				/* 4px Box Shadow */
				-moz-box-shadow:inset 0 0 4px #999;
				-webkit-box-shadow:inset 0 0 4px #999;
				box-shadow:inset 0 1px 4px #999;
			}
			.oldie .col .input input {
				background: url("obj/img/ie/input-large.png") no-repeat bottom right; 
				border: none;
				width: 252px;
				padding-left: 0 !important;
				padding-right: 15px;
				height: 35px;
			}	
			.input span {
				position: absolute;
				padding: 5px;
				margin-left: 17px;
				color: #999;
				z-index: 1;		
				cursor: text;
				font: 14px/20px Arial, sans-serif;
			}
		
			.calculator p {
				float: left;
				margin-left: 10px;
				width: 165px;
				height: auto;
				font: bold 12px 'Trebuchet MS', Verdana, sans-serif;
				color: #3f3f3f;
			}
			.no-borderradius .calculator p { clear: both; }
			.no-borderradius .calculator .clearfix { clear: both;}
			input.input-calc {
				float: right;
				margin-right: 10px;
				padding-right: 5px;
				width: 90px;
				height: 40px;
				text-align: right;
				font: bold 18px 'Trebuchet MS', Verdana, sans-serif;

				border: 1px solid #999;
				/* 4px Box Shadow */
				-moz-box-shadow:inset 0 0 4px #999;
				-webkit-box-shadow:inset 0 0 4px #999;
				box-shadow:inset 0 1px 4px #999;

			}
			.oldie input.input-calc { 
				background: url("obj/img/ie/input-medium.png") no-repeat bottom right; 
				border: none;
				width: 95px;
				height: 38px;
			}
			input.input-calc-secund {
				float: right;
				margin-top: 10px;
				margin-right: 10px;
				padding-right: 5px;
				width: 60px;
				height: 40px;
				text-align: right;
				font: bold 18px 'Trebuchet MS', Verdana, sans-serif;
				
				border: 1px solid #999;
				/* 4px Box Shadow */
				-moz-box-shadow:inset 0 0 4px #999;
				-webkit-box-shadow:inset 0 0 4px #999;
				box-shadow:inset 0 1px 4px #999;
			}
			.oldie input.input-calc-secund { 
				background: url("obj/img/ie/input-small.png") no-repeat bottom right; 
				border: none;
				width: 63px;
				height: 38px;
			}
		#customers {
			position: relative;
			overflow: hidden;
			width: 950px;
			height: 90px;
			background: #e2e2e2;
			border-bottom: 2px solid #fff;
		}
		.carousel { 
			list-style-type: none; 
			margin-left: 75px;
		}
		.carousel li { 
			position: relative;
			display: inline-block; 
		}
		.jcarousel-next  {
			background: url("obj/img/handle.png") no-repeat 0 0; 
			display: block;
			position: absolute;
			top: 20px;
			right: 0px;
			width: 19px;
			height: 45px;
			cursor: pointer;
		}
	 	.jcarousel-next:hover {
			width: 19px;
			height: 45px;
			background: url("obj/img/handle.png") no-repeat 0 -95px; 
		}
		.jcarousel-container {
			margin-left: 130px;
			width: 820px;
			overflow: hidden;
		}
		.jcarousel-clip {
			width: 785px;
			overflow: hidden;
		}
		#partners {
			position: relative;
			overflow: hidden;
			top: 0px;
			width: 950px;
			height: 90px;
			background: #e2e2e2;
			border-top: 2px solid #fff;
		}
		#partners h3,#customers h3 {
			position: absolute;
			top: 20px;
			left: 20px;
			font: 18px 'Trebuchet MS', Verdana, sans-serif;
			color: #aed10c;
		}
		.page #partners h3, .page #customers h3 { top: 35px; }
/* 
 * ==|== page template ==========================================================
 */
	.page #main, .single #main { 
		position: relative; 
		padding: 128px 20px 0 20px;
	}
	.page .subpage-header, .single .subpage-header {
		background: url("obj/img/subpage-header.jpg") no-repeat;
		position: absolute;
		top: 1px;
		left: 1px;
		width: 948px;
		height: 127px;
		display: block;
	}
	.page .subpage-header h1, .single .subpage-header h1 {
		color: #fff;
		font: 24px/24px "Trebuchet MS", Verdana, sans-serif; 
		padding: 55px 0 0 38px;
	}
	
	.page-container {
		width: 665px;
		float: left;
		padding-right: 20px;
	}

	.page .nav-breadcrumbs, .single .nav-breadcrumbs {
		margin: 10px 0 0 20px;
		color: #ee8406;
		font: 12px/16px 'Trebuchet MS', Verdana, sans-serif;
	}
		.page .nav-breadcrumbs a, .single .nav-breadcrumbs a {
			color: inherit;
			font: inherit;
			text-decoration: none;
		}
		.page .nav-breadcrumbs a:hover, 
		.page .nav-breadcrumbs .current:hover
		.single .nav-breadcrumbs a:hover, 
		.single .nav-breadcrumbs .current:hover { color: #f8bc76; }
	.page article, .single article {
		position: relative;
		padding: 0 20px 30px; 
		font: 13px/18px 'Trebuchet MS', Verdana, sans-serif;
		color: #3d3c3a; 
	}
	.single article { padding-bottom: 0; }
	.page article a, .single article a {
		color: #EE8406;
		text-decoration: none;
	}
		.page article a:hover, .single article a:hover { color: #f8bc76; }
	
	.page article time, .single article time { font-size: 11px; }
	.page section, .single section { position: relative; }
	.page h2, .single h2 {
		color: #AED10C;
		font: bold 24px/26px 'Trebuchet MS', Verdana, sans-serif;
		margin: 15px 30px 15px 0;
	}
	.page .break, .single .break {
		display: block;
		color: #3D3C3A;
		font: 11px/18px 'Trebuchet MS', Verdana, sans-serif;
	} 
	.page h3, .single h3 {
		color: #EE8406;
		font: bold 15px/18px 'Trebuchet MS', Verdana, sans-serif;
		margin: 0;
		padding: 0;
	}
		.page h3 a, .single h3 a {
			color: #EE8406;
			text-decoration: none;
		}
		.page h3 a:hover, .single h3 a:hover { color: #f8bc76; }
	.page h4, .single h4 {
		color: #AED10C;
		font: bold 13px/18px 'Trebuchet MS', Verdana, sans-serif;
	}
	.page p, .single p {
		color: #3D3C3A;
		font: 13px/18px 'Trebuchet MS', Verdana, sans-serif;
	}
	.page section, .single section { margin: 30px 0; }	

	
	.page .read-more, .single .read-more {
		color: #EE8406;
		text-decoration: none;
	}
		.page .read-more:hover, .single .read-more:hover { color: #f8bc76; }
		
	.page .button, .single .button {
		position: relative;
		display: inline-block;
		zoom: 1;
		margin: 10px 30px 10px 0;
		padding: 15px 60px 15px 25px;
		font: bold 18px 'Trebuchet MS', Verdana, sans-serif;
		text-decoration: none;
		color: #fff;
		background: #f59d09;

		/* 27px Round Corners */
		border-radius: 27px 27px 27px 27px;
		-moz-border-radius: 27px 27px 27px 27px;
		-webkit-border-radius: 27px 27px 27px 27px;	
						
		/* Gradient from #f59d09 to #f48902  */
		background: -webkit-gradient(linear, left top, left bottom, from(#f59d09), to(#f48902));
		background: -moz-linear-gradient(top,  #f59d09,  #f48902);
		background: -ms-linear-gradient(top,  #f59d09,  #f48902);
		background: -o-linear-gradient(top,  #f59d09,  #f48902);
/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59d09', endColorstr='#f48902'); */
		
       /* 1px Text Shadow (#231f20 for readability)  */
		text-shadow: 0 1px #231f20;
		
		border: 1px solid #f8b40f;
		/* 3px Shadow */	
		box-shadow: inset 0 0 0 1px #f59d09, 0 1px 3px #786f6f;
		-moz-box-shadow: inset 0 0 0 1px #f59d09, 0 1px 3px #786f6f;
		-webkit-box-shadow: inset 0 0 0 2px #f59d09, 0 1px 3px 1px #786f6f;
	}
		.page .button span, .single .button span {
			width: 40px;
			height: 40px;
			background: url("obj/img/arrow-circle.png") no-repeat;
			position: absolute;
			top: 5px;
			right: 8px;
		}
	.page .button:hover, .single .button:hover { 
		background: #f59d09; 
		color: #fff;
	}
	.no-borderradius .page .button, .no-borderradius .single .button {
		display: block;
		background: url("obj/img/ie/button-banner.png") no-repeat 0 0; 
		filter: none;
		border: none;
		width: 321px;
		height: 56px;
	}
	.no-borderradius .page .button:hover, .no-borderradius .single .button:hover {
		background: url("obj/img/ie/button-banner.png") no-repeat 0 -106px; 
		color: #fff;
	}
		.no-borderradius .page .button span, .no-borderradius .single .button span { display: none; }

	.thumb-inthenews { 
		width: 150px;
		height: 100px;
		float: left;
		margin-right: 10px;
	}

	.events-list { 
		width: 100%;
		border-spacing: 1px;
		border: 1px solid #dfdfdf;
		margin-bottom: 20px;
	}
	.events-list th {
		padding: 5px;
		background: #95C716;
		color: #fff;
		text-align: left;
	}
		.events-list tr th {
			border-right: 1px solid #fff;
		}
		.events-list tr {
			text-align: left;
		}
		.events-list tr td {
			position: relative;
			padding: 20px;
			border-right: 1px solid #dfdfdf;

		}
		.events-list tr.even {
			background: #E7E7E7;
		}
		.events-list tr.even td {
			border-right: 1px solid #fff;
		}
		.events-list .col-1 { width: 50%; }
		.events-list .col-2 { width: 25%; }
		.events-list .col-3 { width: 25%; }
/* 
 * ==|== conversion manager ==========================================================
 */

	.conversion-manager {
		overflow: hidden;
		position: relative;
		margin: 20px 0;
		left: -25px;
		width: 900px;
		height: 560px; 
		background: url("obj/img/conversion-manager.png") no-repeat;
	}

		.conversion-manager .trigger {
			display: block;
			position: absolute;
			width: 160px;
			height: 130px;
			cursor: pointer;
		}
		.conversion-manager .text-step { display: none; }
			.conversion-manager .step-1 { 
				top: 105px; 
				left: 430px; 
			}
			.conversion-manager .step-2 { 
				top: 365px; 
				left: 645px; 
			}
			.conversion-manager .icon-2 { height: 50px;}
			.conversion-manager .step-3 { 
				top: 235px; 
				left: 645px; 
			}
			.conversion-manager .step-4 { 
				top: 240px; 
				left: 423px; 
			}
			.conversion-manager .step-5 { 
				top: 260px; 
				left: 8px;
			}	
			.conversion-manager .icon-5 { width: 270px; }
			.conversion-manager .step-6 { 
				top: 385px; 
				left: 440px; 
			}	
			.conversion-manager .icon-6 { width: 125px; }
			
			.conversion-manager .popup {
				padding: 10px 20px;
				max-width: 210px;

				/* 10px Round Corners */
				border-radius: 10px 10px 10px 10px;
				-moz-border-radius: 10px 10px 10px 10px;
				-webkit-border-radius: 10px 10px 10px 10px;	
				
				background: #FBFBFB;
								
				/* Gradient from #FDFFFE to #FBFBFB  */
				background: -webkit-gradient(linear, left top, left bottom, from(#FDFFFE), to(#FBFBFB));
				background: -moz-linear-gradient(top,  #FDFFFE,  #FBFBFB);
				background: -ms-linear-gradient(top,  #FDFFFE,  #FBFBFB);
				background: -o-linear-gradient(top,  #FDFFFE,  #FBFBFB);
			/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59d09', endColorstr='#f48902'); */
				
			   /* 1px Text Shadow (#231f20 for readability)  */
				text-shadow: 0 1px #fff;
				
				border: 1px solid #fff;
				/* 3px Shadow */	
				box-shadow: 0 0 20px #231f20;
				-moz-box-shadow: 0 0 20px #231f20;
				-webkit-box-shadow: 0 0 20px #231f20;
				
				cursor: pointer;					
			}
			.oldie .conversion-manager .popup { border: 1px solid #BEBEBE; }
			.conversion-manager .popup p {
				color: #3D3C3A;
				font: bold 12px/14px "Trebuchet MS", Verdana, sans-serif;
			}
			.conversion-manager .popup:before {			
				content: "";
				position: absolute;
				bottom: -31px;
				right: 83px;
				border-width: 0 0 31px 43px;
				border-style: solid;
				border-color: transparent #BEBEBE;
				display: block;
				width: 0;
			}
			.oldie .conversion-manager .popup:before { border: none; }
			.conversion-manager .popup:after {		
				content: "";
				position: absolute;
				bottom: -29px;
				right: 85px;
				border-width: 0 0 29px 40px;
				border-style: solid;
				border-color: transparent #FDFFFE;
				display: block;
				width: 0;
			}
			.oldie .conversion-manager .popup:after { border: none; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/* 
 * ==|== Resources ==========================================================
 */

.resources .row {
	width: 565px;
	margin: 30px 0;
}
	.resources .row h3 { margin-bottom: 20px; }
	.resources .row h3.spacer { margin-top: 18px;}
	.resources .col-left, .resources .col-right {
		float: left;
		width: 270px;
	}
	.resources .col-left { padding-right: 20px; }
	.resources .row p { margin: 0; }
	.resources .icon { 
		width: 50px;
		float: left
	}
	.resources .content {
		position: relative; 
		width: 220px;
		float: left
	}
	
	.thumb-resources { 
		float: left;
		width: 90px;
		margin-top: 15px;
	
	}
	.list-resources {
		float: left;
		width: 505px;
	}
	
	.thumb-video { 
		float: left;
		width: 220px;
		margin-top: 15px;
	
	}
	.list-video {
		float: left;
		width: 385px;
	}


	.download-pdf {
		font-size: 12px;
		background: url("obj/icons/icon-pdf.png") no-repeat;
		display: block; 
		padding-left: 20px;
	}
	.download-pdf span { color: #afacac; }

	.watch-webcast {
		font-size: 12px;
		background: url("obj/icons/icon-webcast.png") no-repeat;
		display: block; 
		padding-left: 30px;
	}

/* 
 * ==|== Request a Demo ==========================================================
 */

#request-demo .input { 
	width: 300px;
	margin-bottom: 10px;
	display: block; 
}
.gravity_form .gfield_label { 
	width: 300px;
	margin-bottom: 10px;
	display: block; 
}
#request-demo .input span {
	position: absolute;
	padding: 10px;
	margin-left: 3px;
	color: #999;
	z-index: 1;
	cursor: text;
}
.gravity_form .gfield_label span {
	position: absolute;
	padding: 10px;
	margin-left: 3px;
	color: #999;
	z-index: 1;
	cursor: text;
}
#request-demo .input input, #request-demo .input textarea {
	z-index: 0;
	width: 350px;
	height: 28px;
	padding: 6px 6px 6px 10px;
	margin: 0;
	font: inherit;
	

	/* 15px Bottom Round Corners */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #b9c4cb;

	/* 1px Shadow */	
	-webkit-box-shadow: inset 0px 1px 5px #ccc;
	-moz-box-shadow: inset 0px 1px 5px #ccc;
	box-shadow: inset 0px 1px 5px #ccc;
}
.gravity_form .gfield_label input, .gravity_form .gfield_label textarea {
	z-index: 0;
	width: 350px;
	height: 28px;
	padding: 6px 6px 6px 10px;
	margin: 0;
	font: inherit;
	

	/* 15px Bottom Round Corners */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #b9c4cb;

	/* 1px Shadow */	
	-webkit-box-shadow: inset 0px 1px 5px #ccc;
	-moz-box-shadow: inset 0px 1px 5px #ccc;
	box-shadow: inset 0px 1px 5px #ccc;
}
#request-demo .input input:focus { 
	outline: none;
	width: 348px;
	height: 26px;
	border: 2px solid #aed10c;
} 
.gravity_form .gfield_label input:focus { 
	outline: none;
	width: 348px;
	height: 26px;
	border: 2px solid #aed10c;
} 
#request-demo .input textarea {
	padding-top: 10px;
	resize: none;
	height: 100px;
}
.gravity_form .gfield_label textarea {
	padding-top: 10px;
	resize: none;
	height: 100px;
}
#request-demo .input textarea:focus {
	outline: none;
	width: 348px;
	height: 98px;
	border: 2px solid #aed10c;
}
.gravity_form .gfield_label textarea:focus {
	outline: none;
	width: 348px;
	height: 98px;
	border: 2px solid #aed10c;
}
#request-demo .hint {
	margin: -10px 0 5px 0;
	padding: 0;
	display: block;
	font-size: 10px;
}
#request-demo-message { display: none; }

/* 
 * ==|== Revenue calculator ==========================================================
 */
 	.revenue-calculator { background: transparent; }
	.revenue-calculator #revenue { 
		width: 100%;
		border-spacing: 1px;
		border: 1px solid #dfdfdf;
		margin-bottom: 20px;
	}
	.revenue-calculator a {
		color: #EE8406;
		text-decoration: none;
	}
	.revenue-calculator a:hover { color: #f8bc76; }
	
 	.revenue-calculator #revenue, .revenue-calculator .results { display: none; }
 	
 	.revenue-calculator #error { 
 		padding-bottom: 30px; 
 		color: red; 
 	}
 	
	#revenue th {
		padding: 5px;
		background: #fff;
		color: #fff;
		text-align: left;
	}
		#revenue .sub-th {
			background: #000;
			text-align: center;
		}
		#revenue tr th {
			border-right: 1px solid #fff;
		}
		#revenue tr {
			text-align: left;
		}
		#revenue tr td {
			position: relative;
			padding: 5px;
			border-right: 1px solid #dfdfdf;

		}
		#revenue tr.odd {
			background: #E7E7E7;
		}
		#revenue tr.even td {
			border-right: 1px solid #fff;
			background: #AED10C;
		}
		#results #abandoned-value-year { font: bold 24px/18px "Trebuchet MS", Verdana, sans-serif;	}
		#results a.button { margin-left: 5px; }


/* 
 * ==|== aside ==========================================================
 */
	.aside {
		margin-top: 40px;
		padding-right: 20px;
		width: 205px;
		float: left;
	}
	
	.aside .widget { 
		border-top: 1px solid #BAB8B9; 
		margin-bottom: 15px; 
	}
	.aside a {
		color: #EE8406;
		font: 12px/16px 'Trebuchet MS', Verdana, sans-serif;
		text-decoration: none;
	}
	.aside a:hover { color: #f8bc76; }
	
	.aside h2 { 
		margin-top: 5px;
		font-size: 16px; 
	}
	
	.aside ul { 
		color: #EE8406;
		list-style: square; 
	}
	.aside ul li { margin-bottom: 5px; }
	.aside ul li:last-child { margin-bottom: 0; }

/* 
 * ==|== widgets ==========================================================
 */

.custom-widget {
	position: relative;
	margin-bottom: 20px;
	background: #eeeeee;
	border: 1px solid #cfcdce;
	
	
	/* 15px Bottom Round Corners */
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
	.custom-widget-header {
		padding: 10px 0;
		border: 1px solid #f7fed4;
		text-align: center;
		background: #b8d918;
		
		/* Gradient from #d5f353 to #b0d110  */
		background: -webkit-gradient(linear, left top, left bottom, from(#d5f353), to(#b0d110));
		background: -moz-linear-gradient(top,  #d5f353,  #b0d110);
		background: -ms-linear-gradient(top,  #d5f353,  #b0d110);
		background: -o-linear-gradient(top,  #d5f353,  #b0d110);
		/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5f353', endColorstr='#b0d110'); */
		
	}
		.custom-widget-header h3 { 		
			color: #2d2c2a;
			font: bold 12px/20px "Trebuchet MS", Verdana, sans-serif;

			/* 1px Text Shadow (#fff for readability)  */
			text-shadow: 0 1px #fff;	
		}
	.custom-widget-content {
		padding: 10px;
		border-top: 1px solid #cfcdce;
	}
	.custom-widget-content p { margin-top: 0;}
	.checkmark-list ul li {
		color: #2d2c2a;
		font: normal 12px/14px "Trebuchet MS", Verdana, sans-serif;
		list-style-image: url("obj/img/icon-checkmark.png");
		vertical-align: top;
	}
	.widget-button { margin-top: 10px; }
		.widget-button a {
			display: block;
			padding: 10px 0;
			color: #fff;
			font: 14px/13px "Trebuchet MS", Verdana, sans-serif;

			border: 1px solid black;
			
			/* 1px Text Shadow (#262626 for readability)  */
			text-shadow: 0 1px #262626;	

			background: #121212;
			
			text-align: center;
	
			/* 2px Bottom Round Corners */
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
	
			/* Gradient from #545353 to #0c0c0c  */
			background: -webkit-gradient(linear, left top, left bottom, from(#545353), to(#0c0c0c));
			background: -moz-linear-gradient(top,  #545353,  #0c0c0c);
			background: -ms-linear-gradient(top,  #545353,  #0c0c0c);
			background: -o-linear-gradient(top,  #545353,  #0c0c0c);
			/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545353', endColorstr='#0c0c0c'); */
		}
	.sfw-widget { margin-bottom: 20px; }	

/* 
 * ==|== comments ==========================================================
 */

.social-plugins-top { float: left; }
.social-plugins-top	.twitter-share-button { width: 90px !important; }
.social-plugins-top #facebook_like  { width: 90px !important; }
.social-plugins { 
	text-align: center; 
	margin-bottom: 30px;
}
#facebook_like { 
	width:50px; 
	position:relative; 
	top:-3px 
}
.social-plugins	#facebook_like, .social-plugins .twitter-share-button, .social-plugins .IN-widget, 
.social-plugins #___plusone_0, .social-plugins #___plusone_1, .social-plugins #___plusone_2, .social-plugins #___plusone_3, .social-plugins #___plusone_4, 
.social-plugins #___plusone_5, .social-plugins #___plusone_6, .social-plugins #___plusone_7, .social-plugins #___plusone_8, .social-plugins #___plusone_9 
{ margin-right: 20px; }

#commentform { 
	width: 500px;
	text-align: center;
}
#commentform p { 
	display: block;
	padding-bottom: 20px;
	clear: both;
}
#respond a { color: #EE8406; }
#respond a:hover { color: #f8bc76; }
#commentform textarea, #commentform input  {
	float: right;
	width: 350px;
	height: 28px;
	padding: 6px 6px 6px 10px;
	margin: 0;
	font: inherit;
	

	/* 15px Bottom Round Corners */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #b9c4cb;

	/* 1px Shadow */	
	-webkit-box-shadow: inset 0px 1px 5px #ccc;
	-moz-box-shadow: inset 0px 1px 5px #ccc;
	box-shadow: inset 0px 1px 5px #ccc;
}
#commentform input:focus { 
	outline: none;
	width: 348px;
	height: 26px;
	border: 2px solid #aed10c;
} 
#commentform textarea {
	padding-top: 10px;
	resize: none;
	height: 100px;
}
#commentform textarea:focus {
	outline: none;
	width: 348px;
	height: 98px;
	border: 2px solid #aed10c;
}

#commentform p.form-allowed-tags { display: none; }


#commentform #submit {
		float: none;
		width: auto;
		height: 55px;
		position: relative;
		display: inline-block;
		zoom: 1;
		margin: 10px 30px 10px 0;
		padding: 15px 25px 15px 25px;
		font: bold 18px 'Trebuchet MS', Verdana, sans-serif;
		text-decoration: none;
		color: #fff;
		background: #f59d09;

		/* 27px Round Corners */
		border-radius: 27px 27px 27px 27px;
		-moz-border-radius: 27px 27px 27px 27px;
		-webkit-border-radius: 27px 27px 27px 27px;	
						
		/* Gradient from #f59d09 to #f48902  */
		background: -webkit-gradient(linear, left top, left bottom, from(#f59d09), to(#f48902));
		background: -moz-linear-gradient(top,  #f59d09,  #f48902);
		background: -ms-linear-gradient(top,  #f59d09,  #f48902);
		background: -o-linear-gradient(top,  #f59d09,  #f48902);
/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f59d09', endColorstr='#f48902'); */
		
       /* 1px Text Shadow (#231f20 for readability)  */
		text-shadow: 0 1px #231f20;
		
		border: 1px solid #f8b40f;
		/* 3px Shadow */	
		box-shadow: inset 0 0 0 1px #f59d09, 0 1px 3px #786f6f;
		-moz-box-shadow: inset 0 0 0 1px #f59d09, 0 1px 3px #786f6f;
		-webkit-box-shadow: inset 0 0 0 2px #f59d09, 0 1px 3px 1px #786f6f;
	}
		#commentform #submit span, #commentform #submit  span {
			width: 40px;
			height: 40px;
			background: url("obj/img/arrow-circle.png") no-repeat;
			position: absolute;
			top: 5px;
			right: 8px;
		}
	#commentform #submit :hover { 
		background: #f59d09; 
		color: #fff;
	}
	.no-borderradius #commentform #submit {
		display: block;
		background: url("obj/img/ie/button-banner.png") no-repeat 0 0; 
		filter: none;
		border: none;
		width: 321px;
		height: 56px;
	}
	.no-borderradius #commentform #submit:hover {
		background: url("obj/img/ie/button-banner.png") no-repeat 0 -106px; 
		color: #fff;
	}
		#commentform #submit span { display: none; }

/* 
 * ==|== pagination ==========================================================
 */

.pagination { 
	margin: 10px 0 20px 0;
	text-align: center; 
	cursor: pointer;
}
.pagination li { 
	display: inline-block;
	zoom: 1;
	padding-left: 10px;
}
.pagination li:first-child {
	padding-left: none;
}
.pagination a {
	padding: 5px 9px;
	color: #717171;
	font: bold 12px/18px 'Trebuchet MS', Verdana, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	
	background: #ddd;
					
	/* Gradient from #fff to #ddd  */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: -moz-linear-gradient(top,  #fff,  #ddd);
	background: -ms-linear-gradient(top,  #fff,  #ddd);
	background: -o-linear-gradient(top,  #fff,  #ddd);
/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ddd'); */
	
   /* 1px Text Shadow (#231f20 for readability)  */
	text-shadow: 0 1px #fff;
	
	border-bottom: 1px solid #d7d7d7;

	/* 27px Round Corners */
	-webkit-border-radius: 	5px 5px 5px 5px;	
  	   -moz-border-radius: 	5px 5px 5px 5px;
		    border-radius: 	5px 5px 5px 5px;
		
	/* 3px Shadow */	
	box-shadow: 0 0 3px #aaa;
	-moz-box-shadow: 0 0 3px #aaa;
	-webkit-box-shadow: 0 0 3px #aaa;
	
}
.pagination a:hover { background: #fff; }

.pagination .active a { 
	color: #4b2202;

	border-bottom: 1px solid #af5612;

	background: #ff8e17;
					
	/* Gradient from #ffbb17 to #ff7a14  */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbb17), to(#ff7a14));
	background: -moz-linear-gradient(top,  #ffbb17,  #ff7a14);
	background: -ms-linear-gradient(top,  #ffbb17,  #ff7a14);
	background: -o-linear-gradient(top,  #ffbb17,  #ff7a14);
/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbb17', endColorstr='#ff7a14'); */
}
.pagination .active a:hover { 
	background: #fff; 
	border-bottom: 1px solid #d7d7d7;
}
.pagination .next a { padding: 5px 21px;}
/* 
 * ==|== footer ==========================================================
 */
		.footer {
			clear: both;
			width: 950px;
			height: 410px;
			background: url("obj/img/pattern.png") repeat;
			border-top: 1px solid #0e0e0e;
			border-bottom: 1px solid #070707;
		}
		.footer .columns .col {
			float: left;
			margin-top: 20px;
			margin-left: 20px;
			width: 200px;
			height: auto;
			}
			.footer .columns .col-sec{
			float: left; 
			margin-top: 20px;
			margin-left: 20px;
			width: 330px;
			height: auto;
			}
			
		.footer .columns .col h2, .col-sec h2, .col-three h2{
			font: 18px 'Trebuchet MS', Verdana, sans-serif;
			color: #f4f4f4;
		}
		.footer .columns .col p , .col-sec p, .col-three p{
			margin-left: 0;
			font: 14px 'Trebuchet MS', Verdana, sans-serif;
			color: #7d7e7e;
		}
		.col p a, .col-sec p a, .col-three p a {
			text-decoration: none;
			font: 14px 'Trebuchet MS', Verdana, sans-serif;
			color: #ee8406;
		}
		.footer .col a:hover { text-decoration: underline; }
		.col-sec article {
			padding: 10px;
			width: 280px;
			height: 70px;
			border: 1px solid #1e1e1e;
			border-top: none;
			background: black;
			background: rgba(0,0,0, 0.4);
			font: 12px/18px 'Trebuchet MS', Verdana, sans-serif;
			color: #515252;
			margin-bottom:25px;

			/* 5px Round Corners */
			border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			-webkit-border-radius: 5px 5px 5px 5px;

			/* 2px Box Shadow */
			-moz-box-shadow: 0 1px 2px #050505;
			-webkit-box-shadow: 0 1px 2px #050505;
			box-shadow: inset 0 1px 2px #050505;			
		}
		.col-sec article p {
			font: 12px/18px 'Trebuchet MS', Verdana, sans-serif;
			color: #7d7e7e;
			padding: 0;
			margin: 0;
		}
		.col-sec article a {
			color: #EE8406;
			font: 12px/18px 'Trebuchet MS', Verdana, sans-serif;
			text-decoration: none;
		}
		.col-sec article a:hover { text-decoration: underline; }
		.footer .columns {
			background: url("obj/img/footer-light.png") no-repeat center top; 
			display: block;
		}

		.footer .columns .col-three {
				float:right;
				width: 345px;
				height: 305px;
				margin-top: 20px;
				margin-left: 0px;
		}
		.col-three .input input {
				outline: none;
				position: relative;
				width: 300px;
				height: 30px;
				margin: 0;
				padding-left: 10px;
				background: black;
				background: rgba(0,0,0, 0.4);
				border: 1px solid #1e1e1e;
				color: #7d7e7e;
				font: 14px/18px 'Trebuchet MS', Verdana, sans-serif;
				
				/* 5px Round Corners */
				border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;	
				
				/* 2px Box Shadow */
				-moz-box-shadow: 0 1px 2px #050505;
				-webkit-box-shadow: 0 1px 2px #050505;
				box-shadow: inset 0 1px 2px #050505;
			}
			.oldies	.col-three .input input {
				
				width: 400px;
				display: block;
			}
	
			.col-three .input span {
				position: absolute;
				padding: 6px 5px 10px 0;
				margin-left: 13px;
				z-index: 99;
				cursor: text;
				font: 14px/18px 'Trebuchet MS', Verdana, sans-serif;
				color: #7d7e7e;
			}
			.col-three .newsletter-button {
				float: right;
				margin: 10px 35px 0 0;
				width: 65px;
				height: 30px;
				color: #515252;
				background: #171717;
				
				/* 5px Round Corners */
				border-radius: 5px 5px 5px 5px;
				-moz-border-radius: 5px 5px 5px 5px;
				-webkit-border-radius: 5px 5px 5px 5px;	
				
				/* Gradient from #171717 to #101010  */
				background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#101010));
				background: -moz-linear-gradient(top,  #171717,  #101010);
				background: -ms-linear-gradient(top,  #171717,  #101010);
				background: -o-linear-gradient(top,  #171717,  #101010);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#171717', endColorstr='#101010');				
			
				border: none;
				/* 4px Box Shadow */
				-moz-box-shadow: 0 1px 4px #050505;
				-webkit-box-shadow: 0 1px 4px #050505;
				box-shadow: 0 1px 4px #050505;
			}
			.col-three .newsletter-button:hover {
				color: #bebdbd;

			   /* 1px Text Shadow (#bebdbd for readability)  */
				text-shadow: 0 0 3px #bebdbd;
			}
			.col-three #newsletter-message { display: none; }
			
			.col-three h2 { position: relative; }
		.book { padding: 0 25px 5px 0; }
		.book a:hover { text-decoration: underline; }
		.book h2 { position: relative; }
		.copy {
			margin-top: 5px;
			padding-top: 5px;
			width: 950px;
			height: 20px;
			background: #080808;
		}
		.copy .left {
			margin: 2px 0 0 10px;
			font: 10px Helvetica, Arial, sans-serif;
			color: #454444;
		}
		.footer-nav { 
			position: relative;
			margin-right: 10px; 
		}
			.footer-nav ul li { 
				display: inline;
				padding: 0 5px 0 7px;
				border-left: 1px solid #222;
			}
			.footer-nav li:first-child { border: none;	}
			.footer-nav a {
				text-decoration: none;
				font: 10px Helvetica, Arial, sans-serif;
				color: #ee8406;
			}
			.footer-nav a:hover, .footer-nav li.current a { text-decoration: underline;	}

.twtr-hd, .twtr-reply, .twtr-tweet-text em, .twtr-ft { display: none !important; }
.twtr-tweet-text p, .twtr-tweet-text a { font: 12px/18px 'Trebuchet MS', Verdana, sans-serif !important; }
.twtr-bd, .twtr-timeline i a, .twtr-bd p { color: #7d7e7e !important; }
.twtr-tweet-wrap { padding: 0 !important; } 

/* Global Helpers */
.right { float: right; }
.left { float: left; }
.space-right {	padding-right: 100px; }
.nomargin { margin: 0; }
.nopadding { margin: 0; }

img.alignright {float:right; margin:0 0 0.5em 0.5em}
img.alignleft {float:left; margin:0 0.5em 0.5em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

.space { padding: 5px; }
.error { border: 1px solid red !important; }

a.post-edit-link { 
	background: url('obj/icons/16x16/edit.png') no-repeat; 
	position: absolute;
	top: -2px;
	right: -1px;
	display: block;
	width: 16px;
	height: 16px;
	clear: both;
	float: right;
}
a.post-edit-link:hover { text-decoration: underline; }

.news .post-edit-link { 
	top: 2px;
	right: 55px;
}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  /* For general iPhone layouts */

}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}


/* ==|== IE Fixes ====================================================== */

.ie7 .header ul li, .ie7 .nav-cat ul li { 
	zoom: 1;
	 display: inline; 
}
.ie7 .author .clearfix { zoom: 0; }
.ie7 .author { margin-top: 10px;}
.ie7 .header { padding: 20px 0 0 0; }
.ie7 .header .nav { top: 70px; }
.ie7 #header-submit, .ie7 #aside-submit { top:  1px; }


.ie7 .fb-like { display: inline; zoom: 1; height: 62px;  }
.ie7 .twitter-share-button { width: 60px !important; }

.ie7 .clearfix { clear: both; }

/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}