/* 
Table of Contents:

	- Reset
	- Global
	- Header
	- Footer
	- Coin slider
	- Paper slider
	- Homepage
	- About
	- Services
	- Portfolio
	- Single project
	- Blog
	- Contact
	- 404 page
	- ThickBox
	- jqTransform
	- Tipsy tooltip
	- Demo
*/

/*** RESET
--------------------------------------------------------------------------------------- */
html, body, div, span,  object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
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; }
:focus { outline: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix:after, .thickbox:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix, .thickbox { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix, * html .thickbox { height: 1%; }
.clearfix, .thickbox { display: block; }
/* close commented backslash hack */

/*** END RESET
--------------------------------------------------------------------------------------- */


/*** GLOBAL
--------------------------------------------------------------------------------------- */
body, button, input, textarea, select {
	color: #444;
	font: 13px/20px "Droid Sans", "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
}

#header, #midhead, #slider-left, .home-intro p, #content, #topfoot, #midfoot, #botfoot, #error-404 h1 {
	margin: 0 auto;
	width: 940px;
}

h1, .col-sidebar h2, h3.home, h3.meta, h3.blog, h3.blog, h4.blogsub { 
	background: url(../images/heading_main.png) repeat-x left bottom; 	
}
h1, .col-sidebar h2, h3.blog {
	height: 50px;
	line-height: 50px;
	margin-bottom: 30px;
}
h1, h3.blog {
	color: #2e2c2c;
	font-size: 24px;
	font-weight: normal;
}
h2 {
	color: #858585;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.col-sidebar h2 {
	color: #4c4949;
	text-transform: none;
}

h3.home {
	color: #a3a0a0;
	font-size: 16px;
	padding: 25px 0;
	text-transform: uppercase;
}
	h3.home a { color: #a3a0a0; text-decoration: none; }
	h3.home a:hover { color: #333; }
	h3.home a:active { position: relative; top: 1px;}

h3.meta {
	color: #6b6b6b;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 15px;
	text-transform: uppercase;
}

#content-wrap {
	background: url(../images/gradient_bot.png) repeat-x left bottom;
	margin-bottom: 1px;
	padding-bottom: 40px;
}
#content-grad {
	background: url(../images/gradient_top.png) repeat-x left top;
	height: 15px;
	margin-top: 1px;
}

/* Layer framework */
.col-main, .col-sidebar, .col-main-home, .col-sidebar-home { float: left; }
.col-main, .col-main-home { margin-right: 40px; width: 640px; } /* Main column */
.col-sidebar, .col-sidebar-home { width: 260px; } /* Sidebar column */

/* Helping margin classes */
.m_top10 { margin-top: 10px; }
.m_top20 { margin-top: 20px; }
.m_top30 { margin-top: 30px; }
.m_top40 { margin-top: 40px; }

.m_right10 { margin-right: 10px; }
.m_right20 { margin-right: 20px; }
.m_right30 { margin-right: 30px; }
.m_right40 { margin-right: 40px; }

.m_bot10 { margin-bottom: 10px; }
.m_bot20 { margin-bottom: 20px; }
.m_bot30 { margin-bottom: 30px; }
.m_bot40 { margin-bottom: 40px; }

.m_left10 { margin-left: 10px; }
.m_left20 { margin-left: 20px; }
.m_left30 { margin-left: 30px; }
.m_left40 { margin-left: 40px; }

.col-main p { padding-bottom: 20px; }

hr {
	background-color: #e9e9e9;
	color: #e9e9e9;
	border: none;
	height: 1px;
	margin: 20px 0;
}

a { color: #079ccc; }
a:hover { text-decoration: none; }
a:active { color: #999; }


/* Image shadows */
.shadow-80, .shadow-290 { display: block; }

.shadow-80 { background: url(../images/shadow_80.png) no-repeat center bottom; width: 80px; }
	.shadow-80 img { border: 1px solid #dadad8; padding: 4px; width: 70px; }
	
.shadow-290 { background: url(../images/shadow_290.png) no-repeat center bottom; padding-bottom: 2px; width: 290px; }
	.shadow-290 img { border: 1px solid #dadad8; padding: 9px; width: 270px; }

.shadow-640 { background: url(../images/shadow_640.png) no-repeat center bottom; width: 640px; }
	.shadow-640 img { border: 1px solid #dadad8; padding: 9px; width: 620px; }
	
.shadow-940 { background: url(../images/shadow_940.png) no-repeat center bottom; width: 940px; }
	.shadow-940 img { border: 1px solid #dadad8; padding: 9px; position: relative; top: -2px; width: 920px; }


/* Buttons */
.button-more, .button-go, .button-down, .button-add, #newsletter button {
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 38px;
	padding-right: 35px;
	text-decoration: none;
}
.button-more:hover, 
.button-go:hover, 
.button-down:hover, 
.button-add:hover, 
#newsletter button:hover { 
	background-position: right -40px;
}
.button-more:active, 
.button-go:active, 
.button-down:active, 
.button-add:active, 
#newsletter button:active { 
	background-position: right -80px; 	
}
	.button-more span, .button-go span, .button-down span, .button-add span {
		cursor: pointer;
		display: block;
		height: 38px;
		line-height: 38px;
		padding-left: 20px;
		padding-right: 15px;
	}
	.button-more:hover span, 
	.button-go:hover span, 
	.button-down:hover span, 
	.button-add:hover span, 
	#newsletter button:hover span 
	{ 
		background-position: left -40px;
	}
	.button-more:active span, 
	.button-go:active span, 
	.button-down:active span, 
	.button-add:active span, 
	#newsletter button:active span { 
		background-position: left -80px;
	}

/* Read more button */
.button-more {
	background: url(../images/button_more.png) no-repeat right top;
	color: #fff;
}
.button-more:active { color: #fcfcfb; }
	.button-more span { background: url(../images/button_more.png) no-repeat left top; }

/* Arrow button */
.button-go { background: url(../images/button_go.png) no-repeat right top; color: #90908f; }
.button-go:hover, .button-add:hover { color: #696969; }
.button-go:active, .button-add:active { color: #fcfcfb; }
	.button-go span { background: url(../images/button_go.png) no-repeat left top; }
	
/* Download button */
.button-down {
	background: url(../images/button_down.png) no-repeat right top;
	color: #a3a3a2;
	height: 32px;
}
.button-down:hover, #newsletter button:hover { color: #fff; }
.button-down:active, #newsletter button:active { color: #a3a3a2;}
	.button-down span {
		background: url(../images/button_down.png) no-repeat left top;
		height: 32px;
		line-height: 32px;
	}
	
/* Plus button */
.button-add {
	background: url(../images/button_add.png) no-repeat right top;
	border: none;
	color: #90908f;
	overflow: visible; /* IE7 fix */
}
	.button-add span {
		background: url(../images/button_add.png) no-repeat left top;
		padding-left: 30px;
		padding-right: 15px;
		white-space: nowrap;
	}
	
	button.button-add {
		float: right;
		margin: 0;
		padding: 0 35px 0 0;
	}
	button.button-add:active, button.button-add:active span { position: relative; }
	
/* Read more button - small */
.button-read, .button-tag {
	background: url(../images/button_read.png) no-repeat right top;
	color: #7b7b7b;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 22px;
	padding-right: 30px;
	text-decoration: none;
}
.button-read:hover, .button-tag:hover { background-position: right -25px; color: #555252; }
.button-read:active, .button-tag:active { background-position: right -50px; color: #959595; }
	.button-read span, .button-tag span {
		background: url(../images/button_read.png) no-repeat left top;
		cursor: pointer;
		display: block;
		height: 22px;
		line-height: 22px;
		padding-left: 20px;
		padding-right: 10px;
	}
	.button-read:hover span, .button-tag:hover span { background-position: left -25px; }
	.button-read:active span, .button-tag:active span { background-position: left -50px; }
	
/* Project tags button */
.button-tag { background-image: url(../images/button_tag.png); padding-right: 10px; }
.button-tag:active { color: #fcfcfb; }
	.button-tag span {
		background-image: url(../images/button_tag.png);
		font-weight: normal;
		padding-left: 10px;
		padding-right: 0;		
	}
	
/* Newsletter subscribe button */
#newsletter button {
	background: url(../images/button_subscribe.png) no-repeat right top;
	border: none;
	color: #a3a3a2;
	cursor: pointer;
	float: right;
	height: 27px;
	overflow: visible;
	padding: 0 5px 0 0;
}

#newsletter button:active, #newsletter button:active span { position: relative; }
	#newsletter button span {
		background: url(../images/button_subscribe.png) no-repeat left top;
		display: block;
		height: 27px;
		line-height: 17px;
		padding: 5px 15px;
		white-space: nowrap;
	}
	/* Fix for IE8 */
	#newsletter button:active span, button.button-add:active span	{
		-ms-background-position-x: left;
		-ms-background-position-y: -80px;
	}

/* Fixing evil default Firefox padding
http://techblog.procurios.nl/k/news/view/33023/14863/Transforming-the-button-element-with-sliding-doors-and-image-sprites.html */
button::-moz-focus-inner {
	border: none;
	padding: 0;
} 

/* Safari and Google Chrome only - fix margins
http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {
		margin-left: -3px;
		margin-top: -1px;
	}
}
/* End Buttons */

.preload {
	background: transparent url(../images/loading.gif) no-repeat center center !important;
	display: block;
}
/*** END GLOBAL
--------------------------------------------------------------------------------------- */


/*** HEADER
--------------------------------------------------------------------------------------- */
#header-wrap {
	/*background-color: #192023;*/
	background-color: #A8A9AD;
	background: url(../images/header-bg.png);
	border-bottom: 1px solid #171717;
	height: 80px;
}

#header { position: relative; z-index: 5; } /* IE7 fix for the dropdown */

#logo {
	background: url(../images/header_logo.png) no-repeat center center;
	display: block;
	float: left;
	height: 80px;
	text-indent: -9999px;
	width: 366px;
}
#logo:active { position: relative; top: 1px; }

/* Global navigation */
#global-nav { float: right; }
	#global-nav>li { float: left; margin-left: 30px; position: relative; }

		#global-nav a {
			color: #ebebeb;
			display: block;
			height: 80px;
			line-height: 80px;
			text-decoration: none;
			text-transform: uppercase;
		}
		#global-nav a.current, #global-nav a.current:hover { color: #666; }

		#global-nav a:hover { color: #fff; }
		#global-nav a:active { color: #bbb; }
		
		/* Home button */
		#global-nav a.home {
			background: url(../images/nav_home.png) no-repeat 0 0;
			height: 32px;
			line-height: 32px;
			margin-top: 24px;
			text-indent: -9999px;
			width: 32px;
		}
		#global-nav a.home:hover { background-position: 0 -32px; }
		#global-nav a.home:active { background-position: 0 -64px; }
		
		/* Subnavigation */
		#global-nav ul {
			background: url(../images/subnav_bg.png) no-repeat center top;
			display: none;
			left: -15px;
			padding-top: 11px;
			padding-bottom: 1px;
			position: absolute;
			top: 71px;
			width: 190px;
			z-index: 10;
		}
		#global-nav>li:hover ul { display: block; }
			#global-nav li {
				padding: 0 2px;
			}
			#global-nav ul a {
				font-size: 11px;
				height: 30px;
				line-height: 30px;
				padding-left: 10px;
			 }
			/*#global-nav ul a:hover { background-color: #2a2f31; }*/
			#global-nav ul a:hover { background-color: #7533C6; }
			#global-nav ul a:active, #global-nav ul a.current { /* The second is for if you set a current submenu */
				background-color: #1f2122;
				position: relative;
				top: 1px;
			}
			
		#global-nav .sub-away { top: 120px; } /* Added with jQuery */
			
			/* Second level subnavigation */
			#global-nav ul>li { position: relative; }
			#global-nav ul ul {
				background: #25292b none;
				display: none;
				left: -190px;
				padding-top: 0;
				top: 00px;
			}
			#global-nav ul li:hover ul { display: block; }

#midhead-wrap {
	background: url(../images/pattern_top.jpg) repeat-x ;
	height: 63px;
}

#midhead form { /* Search form */
	float: right;
	height: 27px;
	margin-top: 18px;
	position: relative;
	width: 260px;
}
	#search-key {
		background: url(../images/search_input.png) no-repeat;
		border: none;
		color: #76797a;
		font-size: 11px;
		height: 27px;
		line-height: 27px;
		padding: 0 10px;
		width: 240px;
	}
	#search-submit {
		background: url(../images/search_go.png) no-repeat left top;
		border: none;
		color: #8d8d8d;
		cursor: pointer;
		font-size: 12px;
		height: 25px;
		line-height: 25px;
		position: absolute;
		right: 1px;
		top: 1px;
		width: 66px;
	}
	#search-submit:hover { background-position: left -25px; color: #696969; }
	#search-submit:active { background-position: left -50px; color: #8d8d8d; }

#midhead ul { float: left; line-height: 64px; } /* Breadcrumb */
	#midhead li { float: left; margin-right: 10px; }
	#midhead span { margin-left: 10px; }
	#midhead li, #midhead a {
		color: #fefefe; 
		font-size: 12px;
		text-shadow: #666 0 1px 1px;
	}
/*** END HEADER
--------------------------------------------------------------------------------------- */

/*** FOOTER
--------------------------------------------------------------------------------------- */
#topfoot-wrap {
	background: url(../images/pattern_bottom.jpg) repeat-x;
	height: 74px;
}
#latest-tweet { 
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 26px;
	margin-top: 24px;
	overflow: hidden;
	text-shadow: #333 0 1px 1px;
	width: 780px; 	
}
	#latest-tweet .twicon { float: left; margin-right: 10px; }
	#latest-tweet img { vertical-align: middle; }
	
	#latest-tweet ul { width: 740px; }
	#latest-tweet a { color: #fff; }
	#latest-tweet a:active, #midhead a:active { text-decoration: underline; }

ul#sub-links { float: right; }
	ul#sub-links li { float: left; line-height: 74px; margin-left: 20px; }
	ul#sub-links a { 
		color: #fff;
		display: inline-block;
		font-size: 12px;
		font-weight: bold;
		padding-left: 25px;
		text-decoration: none;
		text-shadow: #333 0 1px 2px;
	}
		ul#sub-links a span { border-bottom: 1px dotted; }
		ul#sub-links a:hover span { border-bottom: 1px solid; }
		ul#sub-links a:active { position: relative; top: 1px; }
	#rss-sub { background: url(../images/icon_rss.png) no-repeat left center; }
	#mail-sub { background: url(../images/icon_mail.png) no-repeat left center; }

.f-main, .f-side { float: left; }
.f-main { margin-right: 40px; width: 300px; } /* Main footer column */
.f-side { width: 260px; } /* Sidebar footer clolumn */

#midfoot-wrap { 
	background-color: #192023;
	border-bottom: 1px solid #2c2d2e;
	color: #a3a3a3;
	font-size: 12px;
	line-height: 14px;
	padding: 30px 0;
}

#midfoot a { color: #a3a3a3; }
#midfoot h4 { 
	background: url(../images/heading_footer.png) repeat-x left bottom;
	color: #76797a;
	font-size: 14px; 
	margin-bottom: 15px;
	padding-bottom: 20px;
	text-transform: uppercase; 	
}

.f-about p { color: #6b6b6b; margin-bottom: 20px; }

.f-blog li { background: url(../images/heading_footer.png) repeat-x left bottom; padding: 12px 0; }
.f-blog li:first-child { padding-top: 0; }
.f-blog img { 
	border: 3px solid #32383b;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0 1px 1px #111;
	-moz-box-shadow: 0 1px 1px #111;
	-webkit-box-shadow: 0 1px 1px #111;	
	float: left;
	margin-right: 10px;
	max-width: 50px;
}
.f-blog h5 {
	font-size: 12px;
	font-weight: normal;
	margin-left: 66px;
	text-shadow: #111 1px 1px 1px;
}
.f-blog a { text-decoration: none; }
.f-blog a:hover { text-decoration: underline; }
.f-blog a:active { color: #666 !important; text-decoration: none; }
.f-blog p {
	color: #6b6b6b;
	font-size: 10px;
	margin-left: 66px;
	margin-top: 15px;
}

#midfoot input {
	background: url(../images/input_footer.png) no-repeat;
	border: none;
	color: #76797a;
	font-size: 11px;
	height: 27px;
	line-height: 27px;
	margin-bottom: 15px;
	padding: 0 10px;
	width: 240px;
}
#social { margin-top: 40px; }
#social li {
	float: left;
	height: 34px;
	margin-left: 13px;
	text-indent: -9999px;
	width: 32px;
}
	#social li:first-child { margin-left: 2px; }
	#social a { 
		background: url(../images/footer_social.png) no-repeat 0 0; 
		display: block; 
		height: 34px;
		width: 32px;	
	}
	#social a:active { position: relative; top: 1px; }
	#social .twitter { background-position: 0 0; }
	#social .facebook { background-position: 0 -40px; }
	#social .flickr { background-position: 0 -80px; }
	#social .tumblr { background-position: 0 -120px; }
	#social .vimeo { background-position: 0 -160px; }
	#social .youtube { background-position: 0 -200px; }
	#social .gplus { background-position: 0 -240px; }

#botfoot-wrap {
	background-color: #14191b;
	border-top: 1px solid #0f0f0f;
	color: #3b3c3d;
	font-size: 11px;
	height: 50px;
	line-height: 50px;
}
	#botfoot a { color: #595a5a; text-decoration: none; }
	#botfoot a:hover { color: #ccc; }
	#botfoot a:active { color: #333; }
	#botfoot p { float: left;}
	#botfoot ul { float: right; font-size: 10px; text-transform: uppercase; }
		#botfoot li { float: left; margin-left: 15px; }
/*** END FOOTER
--------------------------------------------------------------------------------------- */


/*** COIN SLIDER
--------------------------------------------------------------------------------------- */
#slider-wrap, #pslider-wrap, #error-404 { 
	background: url(../images/pattern_top_big.jpg) repeat-x; 
	height: 470px;
	padding-top: 40px;
}
	#slider-left {  /* Left edge of the slider */
		background: url(../images/coinslider_left.png) no-repeat left top;
		height: 386px;
		padding-left: 10px;
		width: 930px; 	
	}
	#slider-right { /* Right edge of the slider */
		background: url(../images/coinslider_right.png) no-repeat right top;
		height: 386px;
		padding-right: 10px;
		width: 920px;
	}
	#slider-mid { /* Middle part of the slider */
		background: url(../images/coinslider_mid.png) repeat-x left top;
		height: 386px;
		overflow: hidden;
		position: relative; /* IE7 fix for the overflow to work */
		width: 920px;
	}
	
	#slider-mid>ul { overflow: hidden; width: 9999px; } /* Fix for Opera */
		.single-slide { 
			color: #666;
			float: left; 
			height: 386px; 
			padding-left: 50px;
			position: relative;
			width: 870px;
		}
			.single-slide ul.action { bottom: 50px; position: absolute; }
			.single-slide ul.action li { float: left; margin-right: 20px; }
			
			.single-slide h2 { 
				color: #3c3c3c;
				font-size: 24px;
				font-weight: normal;
				margin: 50px 0;
				text-transform: none;
			}
			.single-slide ul.post li { 
				background: url(../images/list_bullet.png) no-repeat left center;
				line-height: 30px;
				padding-left: 20px;
			}
			
			.img-slider { /* Contains the slider image and its shadow */
				background: url(../images/coinslider_shadow.png) no-repeat center bottom; 			
				float: right; 
				height: 290px;
				margin-right: 20px;
				margin-top: 50px;
				overflow: hidden;
				text-align: center;
				width: 470px; 
			}
			.img-slider img {
				border: 1px solid #dadad8;
				max-width: 380px;
				padding: 10px;	
			}	
		
#slide-prev, #slide-next {
	background: url(../images/coinslider_arrows.png) no-repeat;
	display: block;
	height: 24px;
	left: 10px;
	position: absolute;
	top: 180px;
	width: 24px;
}
	#slide-next {
		background-position: -25px 0;
		left: auto;
		right: 10px;
	}
	
	#slide-prev:hover { background-position: 0 -25px; }
	#slide-prev:active { background-position: 0 -50px; }
	#slide-next:hover { background-position: -25px -25px; }
	#slide-next:active { background-position: -25px -50px; }

#current-mark {
	background: url(../images/coinslider_current.png) no-repeat;
	display: block;
	height: 17px;
	margin: 0 auto;
	position: relative;
	top: -5px;
	width: 22px;
}

#slider-controls {
	background: url(../images/gradient_top.png) repeat-x left top;
	height: 13px;
	margin-top: 21px;
}
#slider-controls ul {
	margin: 0 auto;
	width: 85px;
}
#slider-controls li {
	float: left;
	height: 13px;
	margin: 5px 2px;
	width: 13px;
}
#slider-controls a {
	background: url(../images/coinslider_coin.png) no-repeat;
	display: block;
	height: 13px;
	width: 13px;
}
#slider-controls a:hover { background-position: 0 -15px; }
#slider-controls a:active, #slider-controls a.active { background-position: 0 -30px; }
/*** END COIN SLIDER
--------------------------------------------------------------------------------------- */


/*** PAPER SLIDER
--------------------------------------------------------------------------------------- */
#pslider-wrap { height: 430px; }
#pslider {
	background: url(../images/pslider_bg.png) no-repeat;
	height: 400px;
	margin: 0 auto;
	padding-top: 26px;
	width: 940px;
}
	#pslider ul {
		height: 342px;
		margin-left: 18px;
		overflow: hidden;
		position: relative;
	}
	#pslider li { float: left; left: 0; position: absolute; top: 0; }
	#pslider li img { max-width: 905px; }
	#pslider a.text {
		background-color: #111;
		color: white;
		font-size: 11px;
		max-width: 420px;
		padding: 15px;
		position: absolute;
		right: 0px;
		text-decoration: none;
		top: 240px;
	}
	
	
/* Controls */
div.p-controls { height: 110px; padding-top: 15px; }
#p-carousel { margin: 0 auto; width: 940px; }
	#p-carousel li {
		border: 1px solid #e0e0e0;
		float: left;
		height: 48px;
		margin: 0 6px;
		width: 110px;
	}
	#p-carousel a {
		border-bottom: none;
		display: block;
		height: 42px;
		overflow: hidden;
	}
	#p-carousel img {
		display: block;
		padding: 5px;
		max-width: 100px;
	}
/*** END PAPER SLIDER
--------------------------------------------------------------------------------------- */


/*** HOMEPAGE
--------------------------------------------------------------------------------------- */
/* Introduction */
.home-intro {
	background: url(../images/gradient_intro.png) repeat-x left bottom;
	color: #3c3c3c;
	font-size: 28px;
	height: 80px;
	text-align: center;
}
	.home-intro a {
		color: #1799c2;
		text-decoration: none;
	}
	.home-intro a:hover {
		color: #999;
	}
	.home-intro a:active {
		position: relative;
		top: 1px;
	}

/* Home Services */
.cat-filter { float: right; padding-top: 20px; }
	.cat-filter li {
		float: left;
		padding-left: 5px;
	}
	.cat-filter li:first-child { padding-left: 0; }
	.cat-filter a {
		background: url(../images/button_cat.png) no-repeat right top;
		color: #999;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 28px;
		line-height: 28px;
		padding-right: 5px;
		text-decoration: none;
	}
	.cat-filter a:hover {
		background-position: right -30px;
		color: #777;
	}
	.cat-filter a:active, .cat-filter a.active {
		background-position: right -60px;
		color: #eeeeec;
	}
		.cat-filter a span {
			background: url(../images/button_cat.png) no-repeat left top;
			cursor: pointer;
			display: block;
			height: 28px;
			padding-left: 10px;
			padding-right: 5px;
		}
		.cat-filter a:hover span { background-position: left -30px; }
		.cat-filter a:active span, .cat-filter a.active span { background-position: left -60px; }

#homeproj, #home-testim {
	height: 150px;
	margin-top: 30px;
}
	#homeproj li, .services li li { float: left; }
	#homeproj>li { height: 150px; }
	#homeproj li li, .services li li { margin-left: 60px; }
	#homeproj li li:first-child, .services li li:first-child { margin-left: 0; }
	#homeproj a.button-go { margin-top: 20px; }
	#homeproj a.shadow-80:active, .services a.shadow-80:active { position: relative; top: 1px; }
	
/* Home Testimonials */
#slide-testim { float: right; padding-top: 30px; }
	#slide-testim li { float: left; }
	#slide-testim a {
		background: url(../images/testim_arrows.png) no-repeat;
		display: block;
		height: 15px;
		width: 10px;
	}
	#slide-testim a.prev:hover { background-position: 0 -15px; }
	#slide-testim a.prev:active { background-position: 0 0; }
	#slide-testim a.next { background-position: -11px 0; }
	#slide-testim a.next:hover { background-position: -11px -15px; }
	#slide-testim a.next:active { background-position: -11px 0; }

#home-testim, #home-testim p, #home-testim h6, span.quote { position: relative; }
#home-testim {
	height: auto;
	margin-top: 0;
	padding-top: 25px;
	width: auto;
}
#home-testim li, .testim li {
	float: left;
	position: relative;
	width: 260px;
}
#home-testim blockquote, .workflow li, .testim blockquote, blockquote.pull {
	background: url(../images/testim_bot.png) no-repeat center bottom;
	padding-bottom: 5px;
	width: 260px;
}
#home-testim p, .workflow p, .testim p, blockquote.pull p {
	background: url(../images/testim_top.png) no-repeat center top;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	padding: 15px 15px 0;
	top: -18px;
}
#home-testim h6, .testim h6 {
	color: #a3a3a3;
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin-top: 10px;
	text-transform: uppercase;
}
span.quote {
	background: url(../images/testim_quotes.png) no-repeat;
	display: block;
	height: 23px;
	left: 10px;
	top: -10px;
	width: 30px;
	z-index: 10;
}
/*** END HOMEPAGE
--------------------------------------------------------------------------------------- */


/*** ABOUT
--------------------------------------------------------------------------------------- */
.team li {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 25px;
	padding-top: 30px;
}
.team li:first-child { padding-top: 0; }
	.team .shadow-80 {
		float: left;
		padding-bottom: 0;
		margin-right: 20px;
	}
	.team img { width: 70px; }
	.team h6 { color: #555252; display: inline-block; }
	.team strong.badge {
		background-color: #adadad;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #fff;
		display: inline-block;
		font-size: 12px;
		font-weight: normal;
		margin-left: 15px;
		padding: 0 15px;
	}
	.team p {
		color: #6b6868;
		margin-top: 15px;
		padding-bottom: 0;
	}

/* "How we work" */
.workflow { padding-top: 15px; }
	.workflow li {
		margin-bottom: 40px;
		position: relative;
	}
	.workflow p, .testim p { padding-bottom: 15px; }
	.workflow span {
		background: url(../images/numbers.png) no-repeat left top;
		display: block;
		height: 23px;
		left: 15px;
		position: absolute;
		top: -15px;
		width: 20px;
	}
	
/* Enumerated steps */
.workflow .numb-1 { background-position: left top; }
.workflow .numb-2 { background-position: -40px top; }
.workflow .numb-3 { background-position: -85px top; }
.workflow .numb-4 { background-position: -128px top; }
.workflow .numb-5 { background-position: -173px top; }
.workflow .numb-6 { background-position: -217px top; }
.workflow .numb-7 { background-position: -261px top; }
.workflow .numb-8 { background-position: -305px top; }
.workflow .numb-9 { background-position: -348px top; }
.workflow .numb-0 { background-position: -392px top; }
/*** END ABOUT
--------------------------------------------------------------------------------------- */


/*** SERVICES
--------------------------------------------------------------------------------------- */
.testim li { margin-bottom: 30px; }
.testim span { position: absolute; }

.services>li {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 10px;
	padding-top: 30px;
}
.services>li:first-child { padding-top: 0; }
.services ul { margin-bottom: 20px; }
.services p { clear: both; }
.services a.button-add {
	float: right;
	position: relative;
	top: -10px;
}
/*** END SERVICES
--------------------------------------------------------------------------------------- */


/*** PORTFOLIO
--------------------------------------------------------------------------------------- */
/* Portfolio layout switcher */
a.port-switch {
	background: url(../images/portfolio_switch.png) no-repeat left top;
	display: block;
	float: right;
	height: 31px;
	position: relative;
	top: 10px;
	width: 71px;
}
a.port-switch.details { background-position: left -35px; }


/* Details layout */
.port-det { padding-bottom: 50px; }
.port-det>li { border-bottom: 1px solid #e9e9e9; padding-bottom: 25px; padding-top: 30px; }
.port-det>li:first-child, .port-det>li.first { padding-top: 0; }

	.port-det .shadow-290 { float: left; margin-bottom: 10px; margin-right: 30px; }
	.port-det h2 { margin-bottom: 10px; padding-top: 5px; text-transform: none; }
	.port-det h2 a { color: #4c4949; text-decoration: none; }
	.port-det h2 a:hover { color: #111; }
	
	.port-det p.date,
	.port-det ul, ul.blog-meta {
		display: inline-block;
		font-size: 11px;
		text-transform: uppercase;
	}
	.port-det ul li, ul.blog-meta li { color: #c2c2c2; float: left; }
	.port-det ul a, ul.blog-meta a { color: #a3a3a3; text-decoration: none; }
	.port-det ul a:hover, ul.blog-meta a:hover { color: #4c4949; }
	.port-det ul a:active, ul.blog-meta a:active { text-decoration: underline; }
	.port-det ul span, ul.blog-meta span { padding-right: 3px; }
	.port-det p.desc { color: #666; margin-bottom: 10px; margin-top: 10px; }
/* End Details layout */


/* Thumbnails layout */
.port-thumb { padding-bottom: 0; }
.port-thumb>li { border: none; float: left; padding: 0; margin-bottom: 50px; margin-left: 35px; }
.port-thumb>li.first { margin-left: 0; }

	.port-det h2 { margin-bottom: 20px; }
	.port-thumb p.date, .port-thumb ul, .port-thumb p.desc { display: none; }
	.port-thumb .shadow-290 { float: none; margin-bottom: 10px; margin-right: 0; }
/* End Thumbnails layout */

.portcats { float: none; padding-bottom: 30px; padding-top: 10px; }
.pagination { float: none; padding-top: 0; }
/*** END PORTFOLIO
--------------------------------------------------------------------------------------- */


/*** SINGLE PROJECT
--------------------------------------------------------------------------------------- */
/* Previous/Next project switcher */
#proj-change { float: right; position: relative; top: 10px; }
	#proj-change li { float: left; margin-left: 5px; }
	#proj-change a {
		background: url(../images/project_arrows.png) no-repeat left top;
		display: block;
		height: 30px;
		width: 30px;
	}
	
	#proj-change a.prev:hover { background-position: left -30px; }
	#proj-change a.prev:active { background-position: left -60px; }
	
	#proj-change a.next { background-position: right top; }
	#proj-change a.next:hover { background-position: right -30px; }
	#proj-change a.next:active { background-position: right -60px; }


/* Project layout */
.proj-main, .proj-side { float: left; }
.proj-main { /* Main screenshot */
	background: url(../images/icon_zoom.png) no-repeat center center;
	margin-right: 40px;
	width: 380px;
}
	.proj-main img {
		border: 1px solid #dadad8;
		padding: 10px;
		width: 380px;
	}

.proj-side { width: 220px; }

.proj-thumbs { margin-bottom: 30px; } /* More screenshots */
	.proj-thumbs li {
		float: left;
		line-height: 0;
		margin-bottom: 20px;
		margin-left: 20px;
	}
	.proj-thumbs li.first { margin-left: 0; }
	.proj-thumbs a { display: block; height: 60px; width: 60px; }
	.proj-thumbs img {
		border: 1px solid #e1e1df;
		-webkit-transition:border-color .3s ease-in;
		-moz-transition:border-color .5s ease-in;
		-o-transition:border-color .5s ease-in;
		transition:border-color .5s ease-in;
		padding: 4px;
		width: 50px;
	}
	.proj-thumbs img:hover, .proj-thumbs a.active img {
		border-color: #7B7B7B;
		-webkit-transition:border-color .3s ease-in;
		-moz-transition:border-color .5s ease-in;
		-o-transition:border-color .5s ease-in;
		transition:border-color .5s ease-in;
	}

.proj-tags { margin-bottom: 40px; } /* Project categories */
	.proj-tags li { float: left; margin-right: 5px; margin-bottom: 10px; }

.proj-meta li { /* Project info */
	border-bottom: 1px solid #e0e0df; 
	height: 30px; 
	line-height: 30px;
	position: relative;
	text-align: right;
}
.proj-meta span { left: 0; position: absolute; top: 0; }
.proj-meta p { color: #555252; font-size: 12px; padding-bottom: 0; }
.proj-meta a { text-decoration: none; }
.proj-meta a:hover { text-decoration: underline; }
.proj-meta a:active { text-decoration: none; }

.proj-sum { clear: both; padding-top: 30px; } /* Project summary */


/* Subnavigation */
.subnav, .similar { margin-bottom: 40px; }

	.subnav li, .archives li { border-bottom: 1px solid #e0e0df; font-size: 12px; }
	.subnav li:first-child { border-top: 1px solid #e0e0df; }
	
	.subnav a, .archives a { 
		display: block;
		height: 30px;
		line-height: 30px;
		padding-left: 10px;
		text-decoration: none;	
	}
	.subnav a:hover, .archives a:hover {
		background: #f0f0ee url(../images/subnav_bullet.png) no-repeat 240px center;
		color: #7b7b7b;
	}
	.subnav a:active, .archives a:active { background-color: #ebebe8;}

/* Similar projects */
.similar li { border-bottom: 1px solid #e9e9e9; padding: 10px 0; }
.similar li:first-child { padding-top: 0; }
.similar h3 a {
	color: #7b7b7b;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px; 
	text-decoration: none;
}
.similar h3 a:hover { color: #333; }
.similar img {
	border: 1px solid #e7e7e6;
	margin-right: 10px;
	max-width: 50px;
	padding: 4px;	
}
.similar a.thumb { float: left; line-height: 0; }
/*** END SINGLE PROJECT
--------------------------------------------------------------------------------------- */


/*** BLOG
--------------------------------------------------------------------------------------- */
/* Sidebar */
.similar p.date { color: #a3a3a3; font-size: 11px; line-height: 12px; padding-top: 10px; }

.archives li { float: left; width: 50%; }
.archives a { color: #a3a3a3; }
.archives a:hover { background-position: 110px center; color: #4c4949; }
/* End sidebar */

.blog ul, ul.blog-meta { clear: both; display: block; padding-top: 20px; } /* Post metadata */
.num-com { float: right !important; } /* Number of comments */


/* Single blog */
ul.blog-meta { margin-bottom: 20px; padding-top: 0; }

.blog-post h2 {
	border-bottom: 1px solid #e9e9e9;
	clear: both;
	color: #079ccc;
	font-size: 24px;
	padding-bottom: 10px;
	padding-top: 40px;
	text-transform: none;
}
.blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6 { padding-bottom: 20px; padding-top: 10px; }
.blog-post h4, .blog-post h5, .blog-post h6 { color: #858585; }
.blog-post h3 {	color: #4c4949;	font-size: 20px; }
.blog-post h4 {	font-size: 18px; }
.blog-post h5 { font-size: 16px; font-weight: normal; text-transform: uppercase; }
.blog-post h6 { font-size: 12px; text-transform: uppercase; }

/* Post table */
.blog-post table {
	color: #777;
	font-size: 12px;
	margin-bottom: 20px;
	text-align: left;
	width: 100%;	
}
.blog-post caption, span.caption {
	color: #858585;
	font-style: italic;
	font-size: 11px;
	text-align: right;
}

.blog-post th { 
	background: url(../images/table_header.png) repeat-x;
	font-size: 10px;
	height: 31px;
	line-height: 31px;
	text-align: left;
	text-transform: uppercase;	
}
.blog-post tbody tr {
	background: url(../images/table_row.png) repeat-x left top;
	color: #90908f;
	height: 31px;
	line-height: 31px;
}
.blog-post tbody tr:hover { background-position: left -35px; color: #4c4949; cursor: default; }

/* Lists */
.blog-post ol, .blog-post ul { margin-bottom: 20px; }
.blog-post li { border-bottom: 1px dotted #d6d6d6; line-height: 30px; }
	.blog-post ol li { list-style: decimal inside; }
	.blog-post ul li { background: url(../images/list_bullet.png) no-repeat left 10px; padding-left: 20px; }

/* Blockquotes */
.blog-post blockquote {
	border-left: 3px dotted #d7d7d7;
	color: #a9a9a9;
	margin-bottom: 20px;
	padding-left: 30px;
}

blockquote.pull {
	border: none;
	padding-bottom: 10px;
	padding-left: 0;
}
blockquote.pull.right { float: right; margin-left: 20px; }
blockquote.pull.left { float: left; margin-right: 20px; }

.blog-post pre {
	background: url(../images/pre_bg.png) repeat left top;
	border: 1px solid #e9e9e9;
	color: #666;
	font-family: "Courier New", monospace;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}

/* Misc */
.blog-post img { border: 1px solid #dadad8; padding: 9px; }
.imgleft span, .imgright span { display: block; text-align: center; }
.imgleft img, .imgright img { max-width: 310px; }
.imgleft { float: left; margin-bottom: 10px; margin-right: 20px; }
.imgright { float: right; margin-bottom: 10px;  margin-left: 20px; }

abbr { border-bottom: 1px dotted #c1c1c1; color: #999; cursor: help; }
sup, sub { color: #999; }
cite { color: #b2b2b2; font-style: italic; }
code { background-color: #ededec; border: 1px dotted #c1c1c1; padding: 0 5px; }

/* After post headings */
h4.blogsub {
	color: #6b6b6b;
	font-weight: normal;
	margin-bottom: 20px;
	padding-bottom: 15px;
	text-transform: uppercase;
}

/* About the author */
.author { margin-top: 60px; }
.author {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
}
	.author h4 { line-height: 30px; }
	.author a.shadow-80 { float: left; margin-right: 20px; }
	.author h5 { color: #7b7b7b; font-weight: normal; text-transform: none; }
		.author h5 a { color: #7b7b7b; text-decoration: none; }
		.author h5 a:hover { color: #333; }
	.author p { color: #8f8f8f; font-size: 12px; padding-top: 10px; }

/* Social icons */
.share-post { position: absolute; right: 0; top: 0; }
	.share-post h4 { background: none; float: left; line-height: 30px; }
	.share-post ul { float: right; }
		.share-post li { float: left; margin-left: 10px; }
		
			.share-post a {
				background: url(../images/post_social.png) no-repeat top;
				display: block;
				height: 30px;
				width: 30px;
			}
			.share-post a:active {
				position: relative;
				top: 1px;
			}

			.share-post a.facebook { background-position: 0 0; }
			.share-post a.twitter { background-position: 0 -30px; }
			.share-post a.stumble { background-position: 0 -60px; }
			.share-post a.digg { background-position: 0 -90px; }
			.share-post a.del { background-position: 0 -120px; }
			.share-post a.in { background-position: 0 -150px; }
			.share-post a.gplus { background-position: 0 -180px; }
			
/* Related posts */
.related {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 10px;
}
.related li {
	border-bottom: none;
	float: left;
	margin-left: 20px;
	padding-top: 0;
	width: 200px;	
}
.related li:first-child { margin-left: 0; }
.related li>a { float: left; }
.related h6 { font-size: 11px; font-weight: normal; line-height: 18px; }

.related a { color: #a3a3a3; display: block; text-decoration: none; }
.related a:hover, .blog-com>a:hover, a.reply:hover { color: #4c4949; }
.related a:active, .blog-com>a:active, a.reply:active { text-decoration: underline; }

/* Blog comments */
.blog-com { margin-bottom: 20px; margin-top: 50px; padding-top: 10px; }

	.blog-com>a {
		color: #a3a3a3;
		float: right;
		font-size: 11px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.blog-com li { border-bottom: 1px solid #e9e9e9; padding: 20px 0; }
	.blog-com li:first-child { padding-top: 0; }
	
	/* Nested comments */
	.blog-com .nest1 { padding-left: 40px; }
	.blog-com .nest2 { padding-left: 80px; }
	.blog-com .nest3 { padding-left: 120px; }
	.blog-com .nest4 { padding-left: 160px; }
	.blog-com .nest5 { padding-left: 200px; }
	.blog-com .nest6 { padding-left: 240px; }
	.blog-com .nest7 { padding-left: 280px; }
	.blog-com .nest8 { padding-left: 320px; }
	
	.blog-com .shadow-80 { float: left; margin-right: 20px; }
	.blog-com h6, .blog-com h6 a {
		color: #8f8f8f;
		float: left;
		font-size: 14px;
		font-weight: normal;
		text-decoration: none;
	}
	.blog-com h6 a:hover {
		color: #4c4949;
	}
	.blog-com span.date { color: #a3a3a3; font-size: 11px; text-transform: uppercase; }
	.blog-com p { color: #4c4949; font-size: 12px; padding-bottom: 0; padding-top: 10px; }
	
	a.reply { color: #bdbcb9; float: right; font-size: 12px; text-decoration: none; }
	
/* Add a comment */
.add-com { margin-top: 30px; }
.add-com li { width: 190px; }
.add-com li.comment { float: right; width: 420px; }
	.add-com label span {
		color: #8f8f8f;
		cursor: pointer;
		display: block;
		font-size: 11px;
		padding-bottom: 3px;
		text-transform: uppercase;
	}
	.add-com input, .add-com textarea, .contact input, .contact textarea, .contact select {
		background: -webkit-gradient(linear, left top, left 15, from(#fff), color-stop(4%, #e9e9e9), to(#FFFFFF));  
		background: -moz-linear-gradient(top, #fff, #e9e9e9 1px, #fff 15px);  
		border: 1px solid #dadad8;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #90908f;
		height: 30px;
		line-height: 30px;
		margin-bottom: 14px;
		padding: 0 10px;
		width: 168px; /* Total width: 190px */
	}
	.add-com input:hover,
	.add-com textarea:hover,
	.contact input:hover,
	.contact textarea:hover,
	.contact select:hover
	{
		border-color: #c1c1c1;		
	}
	.add-com input:focus,
	.add-com textarea:focus,
	.contact input:focus,
	.contact textarea:focus,
	.contact select:focus
	{
		border-color: #bdbcb9;
		color: #333;
	}
	.add-com textarea, .contact textarea {
		height: 148px; /* Total height: 170px */
		line-height: 18px;
		padding: 10px;
		width: 398px;
	}
/* End Single blog */
/*** END BLOG
--------------------------------------------------------------------------------------- */


/*** CONTACT
--------------------------------------------------------------------------------------- */
p.intro {
	border-bottom: 1px solid #e0e0df;
	color: #90908f;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.contact li { margin-bottom: 20px; }
.contact label, .contact input, .contact textarea, .contact select { float: left; }

.contact label {
	cursor: pointer;
	float: left;
	font-size: 11px;
	line-height: 40px;
	text-transform: uppercase;
	vertical-align: top;
	width: 160px;
}
.contact input, .contact textarea, .contact select { width: 458px; }
.contact input { height: 40px; line-height: 40px; }
.contact select {
	color: #90908f;
	cursor: pointer;
	padding: 5px 5px 5px 10px;
	text-transform: none;
	width: 478px;
}
.contact option { color: #666; }

.contact textarea { height: 240px; }
.contact button { float: none; margin-left: 160px; }

.ui-slider-horizontal {
	background: transparent url(../images/range_rail.png) no-repeat center left;
	border: none;
	margin-left: 160px;
	margin-bottom: 60px;
	position: relative;
	top: 15px;
	width: 380px;
}
	#ui-value {
		color: #90908f;
		display: block;
		font-size: 13px;
		font-weight: bold;
		margin-top: 15px;
		position: absolute;
		right: -100px;
		top: -20px;
	}
	.ui-slider-horizontal:hover #ui-value { color: #333; }

/* Message on form submission */
#sent-feedback {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: none;
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 20px;
	margin-left: 160px;
	padding: 10px;
}
	p.error { background: #e5e5e5; color: #777; }
	p.success { background: #ccebc3; }

.address li {
	border-bottom: 1px dotted #d6d6d6;
	color: #666;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
}
	.address a {
		color: #4c4949;
		display: block;
		height: 30px;
		padding-left: 10px;
		position: relative;
		text-decoration: none;		
	}
	.address a:hover { background-color: #f0f0ee; }
	.address a:active { background-color: #ebebe8; }
		.address span {
			background: url(../images/contact_social.png) no-repeat right top;
			display: block;
			height: 16px;
			position: absolute;
			right: 10px;
			top: 7px;
			width: 16px;
		}
		.address .facebook span { background-position: 0 0px; }
		.address .twitter span { background-position: 0 -40px; }
		.address .flickr span { background-position: 0 -80px; }
		.address .tumblr span { background-position: 0 -120px; }
		.address .vimeo span { background-position: 0 -160px; }
		.address .youtube span { background-position: 0 -200px; }
		.address .gplus span {background-position: 0 -240px; }
	
.col-sidebar .social li { background: none; font-style: normal; padding: 0; }
.col-sidebar .social li:first-child { border-top: 1px dotted #d6d6d6; }

#gmap {
	background: url(../images/icon_zoom.png) no-repeat center center;
	border: 1px solid #ebebeb;
	clear: both;
	padding: 9px;
	line-height: 0;
	margin-bottom: 40px;
	overflow: hidden;
	padding-bottom: 7px;
}
#gmap a { text-decoration: none; }
#gmap-content { height: 140px; padding: 9px; }

/*
#gmap-overlay {
	background: url(../images/plus.png) no-repeat center;
	cursor: pointer;
	display: block;
	height: 168px;
	left: 5px;
	opacity: 0.5;
	position: absolute;
	top: 4px;
	width: 928px;
	z-index: 10;
}
*/
/*** END CONTACT
--------------------------------------------------------------------------------------- */


/*** JQTRANSFORM
--------------------------------------------------------------------------------------- */

form.jqtransformdone div.rowElem{
	clear: both;
	padding: 4px 0;
}

/* Selects */
.jqTransformSelectWrapper {	
	background: -webkit-gradient(linear, left bottom, left 15, from(#fff), color-stop(4%, #e9e9e9), to(#FFFFFF));  
	background: -moz-linear-gradient(bottom, #fff, #e9e9e9 1px, #fff 15px);  
	border: 1px solid #dadad8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #90908f;
	float: left;
	height: 30px;
	margin-bottom: 14px;
	position: relative;
	text-transform: none;
	width: 45px;
}
.jqTransformSelectWrapper div span {
	color: #90908f;
	cursor: pointer;
	font-size: 12px;
	float: none;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
}
.jqTransformSelectWrapper div { padding-left: 10px; }
.jqTransformSelectWrapper div span:hover { color: #333; }

.jqTransformSelectWrapper a.jqTransformSelectOpen {
	background: url(../images/select_bg.png) no-repeat center left;
	display: block;
	height: 31px;
	position: absolute;
	right: 0;
	width: 36px;
}

.jqTransformSelectWrapper ul {
	background-color: #fff;
	border: solid 1px #ccc;
	display: none;
	height: 150px;
	left: 0;
	list-style: none;
	margin: 0;
	overflow: auto;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 43px;
	z-index: 10;
}
	.jqTransformSelectWrapper ul li { margin-bottom: 0; }
	.jqTransformSelectWrapper ul a {
		background-color: #fff;
		color: #90908f;
		display: block;
		font-size: 12px;
		padding: 5px 5px 5px 15px;
		text-decoration: none;
	}
	.jqTransformSelectWrapper ul a.selected {
		background: #ededed;
		color: #333;
	}
	.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
		background: #666;
		color: #fff;
	}

/* Hide the original form elements */
.jqTransformHidden { display: none; }
/*** END JQTRANSFORM
--------------------------------------------------------------------------------------- */


/*** 404 PAGE
--------------------------------------------------------------------------------------- */
#error-404 {
	height: 464px;
	padding-top: 0;
}
	#error-404 #midhead-wrap { background: none; }
	#error-404 #midhead { background: url(../images/404_divider.jpg) bottom repeat-x; }

	#error-404 h1 {
		background: none;
		color: white;
		font-size: 180px;
		height: auto;
		line-height: 100px;
		margin: 100px auto 0;
		text-align: center;
		text-shadow: 0px 1px 3px #055080;
		width: 940px;
	}
	#error-404 h1 small { display: block; font-size: 24px; }

/* 404 page - navigation */
.nav-404 {
	margin: 0 auto;
	text-align: center;
	width: 940px;	
}
	.nav-404 li { display: inline-block;; }
	.nav-404 a {
		background: white;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 0 1px 1px #333;
		-moz-box-shadow: 0 1px 1px #333;
		-webkit-box-shadow: 0 1px 1px #333;
		color: #696969;
		display: block;
		padding: 5px 20px;
		text-decoration: none;
	}
		.nav-404 a:hover { color: #333; }
		.nav-404 a:active {
			color: #8d8d8d;
			position: relative;
			top: 1px;
		}
		
.intro-404 {
	background: url(../images/gradient_top.png) repeat-x top;
	height: 50px;
	padding-top: 40px;
}

.intro-404-bottom {
	background: url(../images/gradient_bot.png) repeat-x left bottom;
	margin-bottom: 1px;
	padding-bottom: 15px;
}
/*** END 404 PAGE
--------------------------------------------------------------------------------------- */


/*** THICKBOX
--------------------------------------------------------------------------------------- */
.thickbox { background: url(../images/icon_zoom.png) no-repeat center center; }

#TB_window { color: #333; font: 12px Arial, Helvetica, sans-serif; }
#TB_secondLine { color: #666; font: 10px Arial, Helvetica, sans-serif; }

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 100;
}

.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	background: #fff;
	border: 4px solid #525252;
	color: #000;
	display: none;
	left: 50%;
	position: fixed;
	text-align: left;
	top: 50%;
	z-index: 102;
}

* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	border-top: 1px solid #666;
	display: block;
	margin: 15px 0 0 15px;
}

#TB_caption { float: left; height: 25px; padding: 7px 30px 10px 25px; }
#TB_closeWindow { float: right;	height: 25px; padding: 11px 25px 10px 0; }
#TB_closeAjaxWindow { float: right;	margin-bottom: 1px;	padding: 7px 10px 5px 0; text-align: right; }
#TB_ajaxWindowTitle{ float: left; margin-bottom: 1px; padding: 7px 0 5px 10px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent {
	clear: both;
	line-height: 1.4em;
	overflow: auto;
	padding: 2px 15px 15px 15px;
	text-align: left;
}

#TB_ajaxContent.TB_modal { padding: 15px; }

#TB_ajaxContent p { padding: 5px 0px 5px 0px; }

#TB_load {
	display: none;
	height: 13px;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	position: fixed;
	top: 50%;
	width: 208px;
	z-index: 103;
}

* html #TB_load { /* ie6 hack */
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	position: absolute;
}

#TB_HideSelect {
	background-color: #fff;
	border: none;
	height: 100%;
	left: 0;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

* html #TB_HideSelect { /* ie6 hack */
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	position: absolute;
}

#TB_iframeContent {
	border: none;
	clear: both;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}
/*** END THICKBOX
--------------------------------------------------------------------------------------- */


/*** TIPSY TOOLTIP
--------------------------------------------------------------------------------------- */
.tipsy {
	background: url(../images/tipsy.gif) no-repeat;
	font-size: 11px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	padding: 5px;
}
	.tipsy-inner {
		background-color: black;
		border-radius: 3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		color: #bdbdbd;
		max-width: 240px;
		padding: 8px 10px 5px;
		text-align: center;
	}
	/* If there is an image in the tooltip */
	.tipsy .img-wrap {
		display: block;
		height: 220px;
		margin-bottom: 10px;
		overflow: hidden;
		padding-top: 5px;
		width: 240px;
	}
	.tipsy img {
		max-width: 220px;
	}
	.tipsy strong {
		display: block;
		margin-bottom: 5px;
	}
	/* Change background according to tooltip position */
	.tipsy-north { background-position: top center; }
	.tipsy-south { background-position: bottom center; }
	.tipsy-east { background-position: right center; }
	.tipsy-west { background-position: left center; }
/*** END TIPSY TOOLTIP
--------------------------------------------------------------------------------------- */


/*** DEMO
--------------------------------------------------------------------------------------- */
#skin-box {
	background: #efefef;
	border: 1px solid #ddd;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 0  12px #333;
	left: -140px;
	padding: 10px 20px 10px 10px;
	position: fixed;
	top: 122px;
}
	#skin-box li a {
		border: 1px solid #efefef;
		color: #666;
		display: block;
		font-size: 11px;
		padding: 5px 10px;
		text-decoration: none;
	}
		#skin-box li a:hover, #skin-box li a.active {
			background: #fff;
			border-color: #ddd;
			color: #111;
		}
		#skin-box li a:active {
			border-color: #fff;
			color: #666;
		}
	#skin-box img {
		border: 1px solid #ccc;
		display: inline-block;
		margin-right: 5px;
		vertical-align: middle;
		width: 30px;
	}
	
	#skin-box small {
		color: #999;
		display: block;
		font-size: 10px;
		line-height: 12px;
		margin-top: 10px;
		padding-left: 10px;
		text-shadow: 1px 1px 0 white;
	}
	
	#skin-inner { position: relative; }
	
	#skin-toggle {
		background: url(../pimages/toggle.png) no-repeat center center;
		display: block;
		height: 100%;
		padding: 5px;
		position: absolute;
		right: -20px;
		top: -5px;
		width: 10px;
	}
		#skin-toggle:hover { border-left: 1px solid #ccc; opacity: 0.5; }	
/*** END DEMO
--------------------------------------------------------------------------------------- */