@charset "utf-8";
/* CSS Document */
/*	Author: Phil Thornton
	Company: Hyper Hedgehog
	Company URL: http://www.hyperhedgehog.com	*/

/* ---- CSS Contents ----
* 1 Reset defaults
* 2 Layout
* 3 Navigation
* 4 Headings & Typography
* 5 Links
* 6 Lists
* 7 Images
* 8 Forms
* 9 Tables
* 10 Misc Classes
* 11 Home Page
* 12 Services / What We Do
* 13 Portfolio / What We've Done
* 14 Project / Portfolio Item
* 15 Testimonials / What Our Clients Say
* 16 Contact / Contact Us
* 17 Site Redirect / (HH Header Bar & iFrame)	*/



 
/* 1. Reset Defaults ---
======================== */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
a:link, a:visited {text-decoration:none; outline:none;}
html {overflow:-moz-scrollbars-vertical;}
#skipto {position:absolute; left:-9999px; top:-9999px;}

.group:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



/* 2. Layout ---
================ */
body {
	font:82.5% 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#DDD;
	line-height:1.3em;
	background:#000;
	}

#wrapper_bg { /* lower BG */
	z-index:0; 
	height:532px;
	background:url('../img/bg_wrapper100.jpg') no-repeat top center #151515;
	border-bottom:2px solid #000; 
	outline:1px solid #1A1A1A; 
	}
	#topbar_bg {
		width:100%;
		height:30px;
		background:#BBB;
		background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.97, rgb(240,240,240)),color-stop(0.02, rgb(188,188,188)),color-stop(0.47, rgb(165,165,165)),color-stop(0.60, rgb(194,194,194)));
		background-image:-moz-linear-gradient(bottom, rgb(194,194,194) 10%, rgb(166,166,166) 52%, rgb(186,186,186) 5%, rgb(240,240,240) 96%);
		background-image:-o-linear-gradient(bottom, rgb(194,194,194) 10%, rgb(166,166,166) 52%, rgb(186,186,186) 5%, rgb(240,240,240) 96%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F0', EndColorStr='#909090'); /* IE6,IE7 */
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F0', EndColorStr='#909090')"; /* IE8 */
		-webkit-box-shadow:0 1px 11px rgba(0,0,0,0.9);
		-moz-box-shadow:0 2px 9px rgba(0,0,0,0.9);
		-o-box-shadow:0 2px 9px rgba(0,0,0,0.9);
		box-shadow:0 2px 9px rgba(0,0,0,0.9);
		z-index:1;
		}
		
#wrapper {
	z-index:2;
	width:960px;
	margin:-36px auto 20px auto;	
	background:url('../img/24_col.png') repeat-y; /* show grid */
	clear:both;
	}
	#tag {
		position:relative;
		float:left;
		width:54px;
		height:134px;
		margin-top:-24px;
		margin-left:5px;
		padding:2px;
		vertical-align:bottom;
		background:#FC0;
		background-image:-webkit-gradient(linear, left bottom, left top,color-stop(0.99, rgb(252,226,28)),color-stop(0, rgb(255,170,0)),color-stop(0.18, rgb(254,191,1)),color-stop(0.57, rgb(252,223,3)));
		background-image:-moz-linear-gradient(center bottom,rgb(255,160,0) 0%,rgb(254,191,1) 23%,rgb(250,221,5) 57%,rgb(255,234,97) 90%);
		background-image:-o-linear-gradient(bottom,rgb(255,160,0) 0%,rgb(254,191,1) 23%,rgb(250,221,5) 57%,rgb(255,234,97) 90%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFF00', EndColorStr='#FEBF01'); /* IE6,IE7 */
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFF55', EndColorStr='#FCA103')"; /* IE8 */
		border:1px solid #FFFFCC;
		border-bottom-color:#FFF0BB;
		-webkit-border-radius:6px;
		-moz-border-radius:7px;
		-o-border-radius:7px;
		border-radius:6px;
		-webkit-box-shadow:0 2px 6px rgba(0,0,0,1);
		-moz-box-shadow:0 2px 5px rgba(40,40,40,1);
		-o-box-shadow:0 2px 5px rgba(40,40,40,1);
		box-shadow:0 2px 5px rgba(40,40,40,1);
		-webkit-transition: all 0.05s linear;
		-moz-transition: all 0.05s linear;
		-o-transition: all 0.05s linear;
		transition: all 0.05s linear;
		}
		#tag:hover {
			margin-top:-20px;
			-webkit-box-shadow:0 2px 8px rgba(0,0,0,1);
			-moz-box-shadow:0 2px 8px rgba(0,0,0,1);
			-o-box-shadow:0 2px 8px rgba(0,0,0,1);
			box-shadow:0 2px 8px rgba(0,0,0,1);
			}
			#tag:active {margin-top:-18px;}
		#tag a {display:block; width:100%; height:100%;}
		#tag img {margin:92px auto 0 2px;} /* Hog logo */


	#header {height:80px; margin:20px auto 20px auto;}
		#logo {float:left; width:180px; height:44px; margin:10px 0 0px 15px; overflow:hidden;} /* Text logo, (Lg: w:202px; h:49px;) */
		#statement {float:right; margin-top:5px;} /* width:615px; (to pad left) */
		#statement p {margin:0; padding:0; color:#FFF; font:1.94em 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; line-height:1.3em; text-shadow:0 0 7px #000;}
		
	#content {position:relative; margin-bottom:20px; clear:both; min-height:500px;}
		#sidebar {position:relative; background:rgba(50,113,207, 0.0); min-height:500px; padding:0!important;}
		#sidebar div {margin-left:0!important;}
		#main {position:relative; min-height:300px;}
	
	#footer {
		position:relative;
		height:auto;
		margin-top:30px;
		padding:10px;
		font-size:0.9em;
		background: #45484d; /* Old browsers */
		background: -moz-linear-gradient(top,  #111 0%, #45484d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #111 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #111 0%,#45484d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #111 0%,#45484d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #111 0%,#45484d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
		background:#1a1a1a;
		border:1px solid #2f2f2f;
		border-bottom:none;
		-webkit-box-sizing: border-box;1§
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
		#footlinks {margin:1px 0 2px 10px; list-style:none;}
		#footlinks li {display:inline;}
		#footlinks li a {color:#ccc;}
		#footcode {
			margin-top:1px;
			float:right;
			}
			#footcode a {display:inline-block; margin:0 0 0 -3px; text-decoration:none!important;}
			#footcode a i {margin-left:10px ; font-size:1.4em;}
			#footcode a i.icon-css3 {font-size:1.2em;}
			
		#footer p {margin-bottom:5px; color:#606060; font-size:1em;}
		#footer span {padding:0 10px; color:#666;}
		a.hh { 
			float:left;
			width:38px;
			height:22px;
			margin:7px 20px 0 -2px;
			background:url('../img/sprites.png');
			background-position:0 85px;
			cursor:pointer;
			}
			a.hh:link, a.hh:visited {background-position:0 85px;}
			a.hh:hover, a.hh:focus {background-position:127px 85px;}
			a.hh:active {background-position:88px 85px;}
		#footer-form-tab {
			display:inline-block;
			position:absolute;
			top:-36px;
			left:-1px;
			width:auto;
			height:24px;
			padding:5px 5px;
			color:#888;
			background:#131313;
			border:1px solid #333;
			border-bottom:none;
			border-radius:5px 5px 0 0;
			cursor:pointer;
			-webkit-transition:background 0.1s linear;
			}
			#footer-form-tab i {font-size:1.7em; margin-right:5px}
			#footer-form-tab h2 {
				display:inline;
				margin-right:8px;
				font-size:1.3em;
				text-shadow:none;
				}
			#footer-form-tab:hover {
				color:#aaa;
				background:#1a1a1a;
				-webkit-transition:background 0.1s linear;
				}
		
		#footer-form {
			width:auto;
			margin:10px 0 50px 0;
			}
			#footer-form h2 {margin-bottom:14px; margin-left:-3px; color:#bbb; font-size:1.25em; text-shadow:none;}
			#footer-form p {margin-bottom:25px; margin-left:-3px; color:#999;}
			#footer-form p a, #footer-form p a:visited {color:#fc0!important;}
			#footer-form p a:hover, #footer-form p a:focus {color:#fff!important;}
			#footer-form p a:active {color:#444!important;}
			
			#footer input, 
			#footer textarea {
				display:block;
				width:25%;
				margin:0 0 8px 1px;
				padding:4px;
				font:normal normal 1em 'Lucida Sans Unicode', Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-weight:normal!important;
							background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.08, rgb(34,34,34)),color-stop(0.97, rgb(21,21,21)));
							background-image:-moz-linear-gradient(center bottom,rgb(34,34,34) 8%,rgb(21,21,21) 97%);
							background-image:-o-linear-gradient(bottom,rgb(34,34,34) 8%,rgb(21,21,21) 97%);
				border:1px solid #333;
				outline-width:0;
				}
			#footer-form textarea {
				display:inline-block;
				vertical-align:top;
				margin:8px 1px;
				height:90px;
				}
			#footer-form button {
				display:block;
				width:26%;
				margin:16px 0 0 1px;
				padding:6px;
				color:#000;
				font-size:1.15em;
				text-align:centre;
				border-radius:2px;
				cursor:pointer;
				}
				#footer-form button i {margin-right:10px; font-size:1.1em;}
		



/* 3. Navigation ---
==================== */
#topbar {width:100%; height:30px;}

ul.nav {width:100%; height:30px; margin-top:5px; list-style:none; text-align:right;}
ul.nav li {display:inline-block; height:31px; margin-right:36px; line-height:30px;}
	ul.nav li a {
		line-height:31px!important;
		color:#5A5A5A;
		font:1.2em 'Oswald', 'QuickType Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
		text-shadow:0 0 1px #949494, 0 1px 1px rgba(235,235,235,0.8);
		text-transform:uppercase;
		text-decoration:none;
		vertical-align: baseline; /* delete if breaking Oswald link height */
		}
		ul.nav li.last {margin-right:5px;}	
		ul.nav li a:hover,
		ul.nav li a:focus {color:#7a7a7a; text-shadow:0 0 0 rgba(250,250,250,0.9), 0 0 4px rgba(250,250,250,0.8), 0 0 5px rgba(250,250,250,0.8), 0 1px 1px rgba(245,245,245,0);}
		ul.nav li a:active {color:#eee; text-shadow:0 0 0px rgba(250,250,250,0.6), 0 0 5px rgba(250,250,250,0.4), 0 1px 1px rgba(245,245,245,0.2);}
	
	ul.nav li.selected {color:#111;}



/* 4. Headings & Typography ----
================================ */
h1,h2,h3,h4 {position:relative; padding:0 5px;}

	h1 {font-weight: 200;
		font: 1.3em Helvetica, Arial, sans-serif;
		text-shadow:0 0 3px #000, 0px 0px 6px #000;
		}
	
	h2 {font:normal 1.6em 'Oswald', 'Quicktype Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
		text-shadow:0 0 3px #000, 0px 0px 6px #000;
		text-transform:uppercase;
		}
	
	h3 {margin-bottom:10px;
		color:#BBB;
		font: normal 1.2em 'Oswald', 'Quicktype Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
		text-shadow:0 0 3px #000, 0px 0px 6px #000;
		text-transform:uppercase;
		}
		h3 img {float:left; margin:-8px 8px 0 -5px;}
		
	h4 {margin-bottom:10px;
		color:#AAA;
		font:bold 1.1em Helvetica, Arial, sans-serif;
		text-shadow:0 0 3px #000, 0px 0px 6px #000;
		}

 p {margin:0 0 1.2em; 
	padding:0 5px; 
	color:#D8D8D8;
	font-size:1em;
	text-align:left; 
	line-height:1.4em; 
	text-shadow:0 1px 3px rgba(0,0,0,0.7);
	}
	p.small {margin:0 0 1em; color:#999; font-size:0.9em; text-shadow:none;}
	p.small strong {color:#AAA;}
		.lite {color:#EEE;}
		.med {color:#BBB;}
		.dark {color:#888;}
	
	.italic {font-style:italic;}
	.underline {text-decoration:underline;}
	
hr {
	border: 0;
    height: 1px;
	background:#999;
	}


/* 5. Links ---
=============== */
a.img {border:none;}

a:link, a:visited {color:#FC0; text-decoration:none;}
a:hover {color:#FE9303; text-decoration:underline;}
	/* Transitions Permitted on */
		h3 a:hover,
		p a:hover,
		li.contact_link a:hover,
		li.testimonialslink:hover a span,
		#footer a:hover {
			-webkit-transition:all 0.2s linear; 
			-moz-transition:all 0.3s linear; 
			-o-transition:all 0.3s linear; 
			transition:all 0.3s linear;
			}
		/* Transition out */
			h3 a,
			p a,
			li.contact_link a,
			li.testimonialslink a span,
			#footer a {
				-webkit-transition:all 0.65s linear;
				-moz-transition:all 0.3s linear;
				-o-transition:all 0.3s linear;
				transition:all 0.3s linear;
				}
	/* Transitions Disabled on */
		a.hh,
		a.c2a,
		a.btn,
		a.call,
		a.project_visit,
		a.project_open {
			-webkit-transition:none!important; 
			-moz-transition:none!important; 
			-o-transition:none!important; 
			transition:none!important;
			}
	
	#footer a, 
	#footer a:visited {color:#999!important; text-decoration:none;}
	#footer a:hover, 
	#footer a:focus {color:#e0e0e0!important; text-decoration:underline; }
	#footer a:active {
		color:#fc0!important; 
		text-decoration:none;
		-webkit-transition:none!important; 
		-moz-transition:none!important; 
		-o-transition:none!important; 
		transition:none!important;
		}
	#footer a.newWindow {padding:4px 18px 0 0; font:0.95em "Helvetica Neue", Helvetica, Arial, sans-serif; background:url('../img/newwindow.gif') transparent right no-repeat;}
	

/* 6. Lists ---
=============== */
ol, ul{list-style: none;}

ul.project_spec, ul.project_features {margin:0 0 40px 30px;}
	ul.project_features {margin-top:20px;}
	ul.project_spec li, ul.project_features li {
			margin-bottom:2px;
			padding-left:3px;
			color:#AAA;
			font:0.92em 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
			vertical-align:sub;
			}
			ul.project_spec li {list-style:url('../img/ico_tick.png');}
			ul.project_features li {list-style:url('../img/ico_feature.png');}
			
			
ul.small-list {margin:10px 0 1em 10px;}
ul.small-list li {color:#999; font-size:0.9em; text-shadow:none;}


			

/* 7. Images ---
================ */
img{border:none;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}




/* 8. Forms ---
=============== */





/* 9. Tables ---
================ */
table {border-collapse:collapse; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */




/* 10. Misc Classes ---
======================= */
.right{float:right;}
.left{float:left;}
.clearall{clear:both;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}

.nopadding {padding:0!important;}

.yl {color:#FC0;}

.btn-l {margin-right:8px;}
.btn-r {margin-left:8px;}
.btn-c {margin-left:auto; margin-right:auto;}
.btn {margin-left:0; margin-right:0;}

.btn-l, .btn-r, .btn-c, .btn {
	display:inline-block;
	min-width:120px;
	padding:10px 16px;
	text-align:center;
	font:normal bold 1.2em Arial, Helvetica, sans-serif;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 11px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 11px rgba(0,0,0,0.4);
	-o-box-shadow:0 1px 11px rgba(0,0,0,0.4);
	box-shadow:0 1px 11px rgba(0,0,0,0.4);
	}
	.btn-l:hover, .btn-r:hover, .btn-c:hover, .btn:hover {text-decoration:none;}
		/* Smaller buttons (forms, etc) */
		.s {padding:5px 16px; font-size:1.1em; text-shadow:0 1px 2px #DDD!important;}
			.s:hover, .s:focus {
				text-shadow:0 -1px 1px rgba(0,0,0,0.4)!important;
				border-color:#AAA;
				-webkit-box-shadow:0 1px 11px rgba(0,0,0,0.7)!important;
				-moz-box-shadow:0 1px 11px rgba(0,0,0,0.7)!important;
				-o-box-shadow:0 1px 11px rgba(0,0,0,0.7)!important;
				box-shadow:0 1px 11px rgba(0,0,0,0.7)!important;
				}
			.s:active {text-shadow:none!important; color:#000!important;}

	.btn-l img, 
	.btn-r img, 
	.btn-c img,
	.btn img {margin:-1px 3px 0 -7px; vertical-align:top; opacity:0.8;}
		.btn-l:hover img, 
		.btn-r:hover img, 
		.btn-c:hover img,
		.btn:hover img {opacity:1.0;}
		
	.btn-l img.right, 
	.btn-r img.right, 
	.btn-c img.right,
	.btn img.right {margin:0 0 0 10px;}	

	/* silver btn */
	.call, .call:visited,	
	a.call, a.call:visited { 
		color:#555!important;
		text-shadow:0 1px 1px #EEE;
		background:#ddd;
		background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.65, rgb(240,240,240)),color-stop(0.04, rgb(138,138,138)));
		background-image:-moz-linear-gradient(center bottom, rgb(144,144,144) 10%, rgb(240,240,240) 80%);
		background-image:-o-linear-gradient(bottom, rgb(144,144,144) 10%, rgb(240,240,240) 80%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F8F8F8', EndColorStr='#707070'); /* IE6,IE7 */
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#F8F8F8', EndColorStr='#707070')"; /* IE8 */
		border:1px solid #BBB;
		}	
		.call:hover, .call:focus,
		a.call:hover, a.call:focus {
			color:#FFF!important;
			text-shadow:0 -1px 0 rgba(0,0,0,0.3);
			background:#8a8a8a;
			background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(100,100,100)),color-stop(1, rgb(230,230,230)));
			background-image:-moz-linear-gradient(center bottom,rgb(100,100,100) 0%,rgb(230,230,230) 100%);
			background-image:-o-linear-gradient(bottom,rgb(100,100,100) 0%,rgb(230,230,230) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0E0E0', EndColorStr='#505050'); /* IE6,IE7 */
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0E0E0', EndColorStr='#505050')"; /* IE8 */
			}
			.call:active,
			a.call:active {
				color:#333!important;
				text-shadow:0 1px 1px rgba(0,0,0,0);
				text-decoration:none;
				background:#555;
				background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(136,136,136)),color-stop(1, rgb(67,67,67)));
				background-image:-moz-linear-gradient(center bottom,rgb(136,136,136) 0%,rgb(67,67,67) 100%);
				background-image:-o-linear-gradient(bottom,rgb(136,136,136) 0%,rgb(67,67,67) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#888888'); /* IE6,IE7 */
				-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#888888')"; /* IE8 */			
				border:1px solid #777;
				border-bottom-color:#AAA;
				-webkit-box-shadow:0 0 11px rgba(0,0,0,0.4);
				}
	/* yellow btn */
	.c2a, a.c2a,			
	.c2a:visited, a.c2a:visited { 
		color:#5C5214;
		text-shadow:0 1px 1px rgba(255,255,255,0.8);
		background:#FAD82C;
		background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.65, rgb(252,222,50)),color-stop(0.1, rgb(237,170,0)));
		background-image:-moz-linear-gradient(center bottom,rgb(255,170,0) 0%,rgb(254,191,1) 24%,rgb(250,221,5) 66%,rgb(255,234,97) 90%);	
		background-image:-o-linear-gradient(bottom,rgb(255,170,0) 0%,rgb(254,191,1) 24%,rgb(250,221,5) 66%,rgb(255,234,97) 90%);	
		border:1px solid #FFF0BB;
		-webkit-transition:none!important;
		-moz-transition:none!important;
		-o-transition:none!important;
		transition:none!important;
		}
		.c2a:hover, a.c2a:hover,
		.c2a:focus, a.c2a:focus {
			color:#FFF;
			background:#EEAD03;
			text-shadow:0 -1px 0 rgba(0,0,0,0.35);
			background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0.1, rgb(252,219,3)),color-stop(1, rgb(255,136,9)));
			background-image:-moz-linear-gradient(top,rgb(252,219,3) 10%,rgb(255,136,9) 100%);
			background-image:-o-linear-gradient(top,rgb(252,219,3) 10%,rgb(255,136,9) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCDB03', EndColorStr='#FFA600'); /* IE6,IE7 */
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCDB03', EndColorStr='#FFA600')"; /* IE8 */		
			}
			.c2a:active, a.c2a:active {
				color:#493F0C;
				text-shadow:0 1px 1px rgba(0,0,0,0);
				text-decoration:none;
				background:#9F7616;
				background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(219,173,35)),color-stop(1, rgb(112,75,11)));
				background-image:-moz-linear-gradient(center bottom,rgb(219,173,35)0%,rgb(112,75,11) 100%);		
				background-image:-o-linear-gradient(bottom,rgb(219,173,35)0%,rgb(112,75,11) 100%);		
					filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#888888'); /* IE6,IE7 */
				-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#888888')"; /* IE8 */			
				border:1px solid #958751;
				border-bottom-color:#FFF0BB;
				-webkit-box-shadow:0 0 11px rgba(0,0,0,0.4);
				}
	/* skype btn */
	.skype, a.skype,
	.skype:visited, a.skype:visited { 
		padding:1px 6px;
		color:#FFF!important;
		font-size:1em;
		text-shadow:0 -1px 0px rgba(87,158,1,0.9);
		background:#6BA817;
		background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.20, rgb(100,160,20)),color-stop(0.95, rgb(166,210,85)));
		background-image:-moz-linear-gradient(center bottom,rgb(108,168,23) 20%,rgb(166,210,85) 95%);
		background-image:-o-linear-gradient(bottom,rgb(108,168,23) 20%,rgb(166,210,85) 95%);
		-webkit-transition:none!important;
		-moz-transition:none!important;
		-o-transition:none!important;
		transition:none!important;
		}
	.skype:hover, a.skype:hover,	
	.skype:focus, a.skype:focus {
		text-shadow:0 -1px 0 rgba(90,180,10,0.7);
		background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.06, rgb(100,160,20)),color-stop(1, rgb(208,242,145)));
		background-image:-moz-linear-gradient(center bottom,rgb(117,173,33) 6%,rgb(208,242,145) 98%);
		background-image:-o-linear-gradient(bottom,rgb(117,173,33) 6%,rgb(208,242,145) 98%);
		}
	.skype span, a.skype span {
		display:block;
		padding:5px 3px 5px 25px;
		vertical-align:sub;
		background:url('../img/btn_icon_skype.png') top left no-repeat;
		}
		/* Hide Skype Object */
		#skypedetectionswf {position:fixed; top:0; left:-10px;}



/* 11. Home Page -----
====================== */

	/* sidebar content */
	
	#sidebar h3 {padding:0;}
	#sidebar div.divideditem {
		position:relative;
		display:block;
		width:270px;
		margin-left:2px;
		padding:20px 5px 20px 10px;
		border-top:1px solid #333;
		border-bottom:1px solid #111;
		}
		#sidebar div.divideditem:hover,
		#sidebar div.divideditem:focus {cursor:pointer;}
		#sidebar div.divideditem:hover h3 {color:#eee;}
		#sidebar div.first {border-top:none; border-radius:3px 3px 0 0;}
		#sidebar div.last {margin-bottom:25px; border-bottom:none; border-radius:0 0 3px 3px;}
		#sidebar div.last:hover,
		#sidebar div.last:focus {border-bottom:1px solid #111; padding-bottom:19px;}
		#sidebar div.divideditem h3 {display:inline-block; margin-left:0;}
		#sidebar div.divideditem h3:hover,
		#sidebar div.divideditem h3:focus {color:#fc0;}
		#sidebar div.divideditem h3 img {margin-right:10px; padding-top:2px;}
		#sidebar div.divideditem p {margin-left:0; margin-bottom:2px; padding-left:0;}
		#sidebar div.divideditem:hover {background:rgba(0,0,0, 0.1);}
		
	#testimonials, #project_testimonial {
		position:relative;
		display:block;
		margin:5px 3px 60px 3px;
		padding-bottom:5px;
		font-size:0.9em;
		background:#111;
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #222222),color-stop(1, #333333));
		background-image:-moz-linear-gradient(top, #222222, #333333);
		background-image:-o-linear-gradient(top, #222222, #333333);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#333333'); /* IE6,IE7 */
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#333333')"; /* IE8 */
		border:1px solid #363636;
		-webkit-box-shadow:0 0 8px rgba(0,0,0,0.9);
		-moz-box-shadow:0 0 8px rgba(0,0,0,0.9);
		-o-box-shadow:0 0 8px rgba(0,0,0,0.9);
		box-shadow:0 0 8px rgba(0,0,0,0.9);
		}
		#testimonials h3, 
		#project_testimonial h3 {margin:10px 7px; padding-left:2px; font-size:1.3em;}
		
		#testimonials .star,
		#project_testimonial .star {
			position:absolute; top:0; right:0;		
			width:0;
			height:0;
			border-style:solid;
			border-width:0 55px 55px 0;
			border-color:transparent #E0B623 transparent transparent;
			}
			#testimonials i,
			#project_testimonial i {
				position:absolute; top:7px; left:30px;
				color:#eee;
				font-size:1.6em;
				}	
		#testimonials p, 
		#project_testimonial p {margin:10px; padding:6px 0 0 0; border-top:1px solid #1A1A1A;}
			
			#testimonialholder {margin:15px 10px 0 10px!important; padding:0 10px 1px 10px; background:url('../img/quotemark.png') bottom right no-repeat;}
			#testimonialholder p {margin:0 0 12px 0; padding:0 7px!important; line-height:1.4em; border:none;}
			#testimonialholder p:last-child {margin-bottom:16px;}
			#testimonialholder em {display:none; visibility: hidden;}


	/* main content */
	
	#btn-container {margin-top:10px; margin-bottom:15px;}
		#btn-container .soc {position:relative; float:right; width:34px; height:39px; margin:2px 7px 0 11px; font-size:3.7em; background:#ddd;}
			#btn-container .soc:hover,
			#btn-container .soc:focus {text-decoration:none; background:#fff;}
			#btn-container .soc:active {background:#333;}
		
			#btn-container .soc i {position:absolute; top:-5px; left:-4px;}
			#btn-container .soc i.icon-facebook-sign {color:#1F4189; color:#3B5998;}
				#btn-container .soc:hover i.icon-facebook-sign,
				#btn-container .soc:focus i.icon-facebook-sign {color:#5B7CBF;}
			#btn-container .soc i.icon-twitter-sign {color:#4099FF;}
				#btn-container .soc i.icon-twitter-sign:hover,
				#btn-container .soc i.icon-twitter-sign:focus {color:#6FB4FF;}
				
				#btn-container .soc i.icon-facebook-sign:active,
				#btn-container .soc i.icon-twitter-sign:active {color:#fd0;}
					
			#btn-container .soc:active i {color:#fd0;}
	
	#slider_wrapper {
		position:relative;
		margin-bottom:46px;
		padding:20px 0;
		}
		#slider {
			border:1px solid #CCC!important;
			-webkit-box-shadow:0 0 14px rgba(0,0,0,0.6);
			-moz-box-shadow:0 0 14px rgba(0,0,0,0.6);
			-o-box-shadow:0 0 14px rgba(0,0,0,0.6);
			box-shadow:0 0 14px rgba(0,0,0,0.6); 
			}
			.no-rightmargin {margin-right:0!important;}
	
	#featured_work {
		display:inline-block;
		margin-bottom:5px;
		}
		#featured_work h3 {margin:15px 0 15px 4px!important; padding:0!important; font-size:1.2em;}
		.featured_item {display:inline-block;}
		.featured_item:first-child {margin-right:30px!important;}
		.featured_item:last-child {margin-left:5px!important;}
			.featured_item .project {width:305px; margin-left:0; background:none!important;}
				.featured_item img {width:288px!important; margin-bottom:15px; padding:5px; background:#ccc; opacity:0.95!important}
				.featured_item a {text-decoration:none;}
				.featured_item strong {display:block; margin-left:1px; font-size:1.1em; font-weight:normal;}
			#featured_work h4 {margin:5px 0 12px -4px; color:#999; font-size:0.9em; font-weight:normal;}
				.featured_item p {margin:0 0 8px -4px!important; color:#d8d8d8!important;}
				.featured_item p:last-child {margin-bottom:20px!important;}
			.middle_featured_item {margin:0 25px!important;}
			
			#featured_work .portlink {margin:0; font-size:1em; float:right;}
		
	

/* 12. Services - What We Do
================================== */

#services-nav {
	display:block;
	margin:0 auto 20px auto;
	text-align:center;
	}
	#services-nav div {
		display:inline-block;
		width:265px;
		padding:20px;
		text-align:center;
		background:#000;
		-webkit-transition:background 0.7s linear;
		-moz-transition:background 0.7s linear;
		-o-transition:background 0.7s linear;
		transition:background 0.7s linear;
		}
		#services-nav div:nth-child(2) {margin:0 10px 0 10px;}
		
		#services-nav div h2 {
			color:#aaa;
			text-shadow:none;
			-webkit-transition:color 0.2s linear;
			-moz-transition:color 0.2s linear;
			-o-transition:color 0.2s linear;
			transition:color 0.2s linear;
			}
			#services-nav div:hover h2,
			#services-nav div:focus h2 {
				color:#fff;
				-webkit-transition:color 0.2s linear;
				-moz-transition:color 0.2s linear;
				-o-transition:color 0.2s linear;
				transition:color 0.2s linear;
				}
				#services-nav div.active h2 {color:#000;}
				
		#services-nav div i {
			font-size:10em;
			color:#aaa;
			-webkit-transition:color 0.2s linear;
			-moz-transition:color 0.2s linear;
			-o-transition:color 0.2s linear;
			transition:color 0.2s linear;			
			}
			#services-nav div:hover i,
			#services-nav div:focus i {
				color:#fff;				
				-webkit-transition:color 0.2s linear;
				-moz-transition:color 0.2s linear;
				-o-transition:color 0.2s linear;
				transition:color 0.2s linear;
				}
				#services-nav div.active i {color:#000;}
				
		#services-nav div:hover,
		#services-nav div:focus {
			background:rgba(0,0,0,0.5);
			cursor:pointer;
			-webkit-transition:background 0.2s linear;
			-moz-transition:background 0.2s linear;
			-o-transition:background 0.2s linear;
			transition:background 0.2s linear;
			}
		#services-nav div.active {background:#ffc000;}


	#service-info {
		display:block;
		position:relative;
		margin:10px 10px 20px 10px;
		padding:10px 10px 20px 10px;
		background:#eaeaea;
		border-top:10px solid #ffc000;
		}
		#service-arrow {
			position:absolute; top:-22px;
			width:21px; height:12px;			
			background:url('../img/service-arrow.png') no-repeat;
			}

		/* service content container */	
		#service-info section {
			display:none;
			color:#000;
			}
			#service-info h2 {color:#444;}
			#service-info section h2,
			#service-info section p {margin-bottom:0.5em; text-shadow:none;}
			#service-info section p {color:#555;}
			
			#service-info section a {color:#555; text-decoration:underline;}
				#service-info section a:hover,
				#service-info section a:focus {color:#cc9a00;}

				#service-info section a.call {
					display:inline-block;
					text-decoration:none;
					padding:8px 12px;
					font-size:1.1em;
					border-radius:5px;
					}
				
			/* individual service blocks */
			#service-info section .service {
				position:relative;
				display:inline-block;
				width:270px;
				margin:20px 0 10px 10px;
				padding:10px;
				vertical-align:top;
				color:#222;
				font-size:0.9em;
				background:#ddd;
				border:1px solid #c2c2c2;
				}
				.fl {float:left; margin-right:3px!important;}
				.fr {float:right;}
				#service-info section .service i {
					position:absolute;
					top:-6px;
					left:-6px;
					color:green;
					font-size:1.5em;
					}
				#service-info section .service h2 {margin:5px 0 0.75em 0; font-size:1.4em;}
				#service-info section .srv {position:absolute; bottom:20px; right:-15px; text-decoration:none;}
				
				/* service boxes */
				#service-info section .service h2, 
				#service-info section .service p {text-shadow:none;}
				#service-info section .service p {
					margin:0 0 1em 0;
					color:#000;
					text-shadow:none;
					}
				.service hr {margin:26px 0 12px 0; background:#bbb;}
				.service h3 {color:#777; text-shadow:none;}
				.service i.icon-star {
					position:relative!important;
					float:left;
					margin:8px 2px 5px 2px!important;
					padding:3px 4px;
					font-size:1.6em!important;
					color:#ccc!important;
					background:#777;
					border-radius:20px;
					}
				
			/* example projects (2-wide) */
			#service-info section .example-project {
				display:inline-block;
				width:45%;
				margin:15px 5px 20px 29px;
				padding-bottom:10px;
				vertical-align:top;
				background:#333;
				border-radius:5px;
				box-shadow:0 0 3px 0 #999;
				}
				#service-info section .example-project img {border-radius:3px 3px 0 0;}
				#service-info section .example-project h4,
				#service-info section .example-project p {
					padding:0 10px;
					color:#fff;
					}
				#service-info section .example-project h4 {margin-bottom:10px; font-size:1.1em; font-weight:normal;}
				#service-info section .example-project h4 a,
				#service-info section .example-project h4 a:visited {color:#fd0; text-decoration:none;}
				#service-info section .example-project h4 a:hover,
				#service-info section .example-project h4 a:focus {color:#f80; text-decoration:underline;}
				#service-info section .example-project h4 a:active {color:#fff;}
				#service-info section .example-project h4 strong {display:block; padding:2px 0 0 0; color:efefef; font-size:0.8em; font-weight:normal;}
				
				#service-info section .example-project p {margin-bottom:10px; font-size:0.9em; color:#ccc;}
				#service-info section .example-project p strong {display:block; margin:20px 0 5px; color:#fff; font-size:0.9em; font-weight:bold; text-transform:uppercase}
				#service-info section .example-project ul.eg-project-service-list {
					margin:15px 15px 20px 15px;
					color:#ccc;
					font-size:0.9em;
					}
					#service-info section .example-project ul.eg-project-service-list li {margin-left:5px;}
					#service-info section .example-project ul.eg-project-service-list li i {margin-right:7px; color:#090;}
				
				#service-info section ul.services {margin:10px 0 0 10px;}
				#service-info section ul.services li i {margin:0 5px 0 0; color:green;}
				
				#service-info .closing-call {
					margin:30px;
					padding:0 40px;
					color:#999;
					font-size:2em;
					text-align:center;
					text-shadow:0 2px 0 #fff;
					}
					#service-info .closing-call strong {font-weight:normal; color:#333;}
					#service-info .closing-call a {color:#8f8f8f;}
					
				/* example projects (3-wide) */
				#service-info section div.example-project {
					width:30%;
					margin:10px 1.5%;
					}
					div.example-project img {width:100%;}
					
			
			
	/* our design process */
	#process {margin:80px 10px 80px 10px;}
	#process .title {
		display:block;
		width:215px;
		margin:-32px auto;
		padding-bottom:70px;
		text-align:center;
		background:#000;
		border:none;
		}
		#process .title i {
			padding:0 5px 0 0;
			font-size:3em;
			color:#fff;
			-webkit-animation:lightbulb 3s infinite;
			-moz-animation:lightbulb 3s infinite;
			-o-animation:lightbulb 3s infinite;
			animation:lightbulb 3s infinite;
			}
		#process .title h2 {display:inline; font-size:1.5em!important;}
		
	#process div {
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:187px;
		margin:0 24px 25px 0;
		padding:0 10px;
		background:#111;
		background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #222222),color-stop(1, #333333));
	    background-image:-moz-linear-gradient(top, #222222, #333333);
		background-image:-o-linear-gradient(top, #222222, #333333);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#333333'); /* IE6,IE7 */
	    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#333333')"; /* IE8 */
		border:2px solid #363636;
		-webkit-box-shadow:0 0 8px rgba(0,0,0,0.9);
		-moz-box-shadow:0 0 8px rgba(0,0,0,0.9);
		-o-box-shadow:0 0 8px rgba(0,0,0,0.9);
		box-shadow:0 0 8px rgba(0,0,0,0.9);
		}
		#process div:last-child {
			display:block;
			width:100%;
			margin:0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			}
		#process div h2 {
			font-size:1.2em;
			margin:14px 0 10px 0;
			}
			#process div h2 span {
				position:absolute; top:-27px; left:-25px;
				width:35px; height:30px;			
				padding:4px 0 0 0;
				color:#fc0;
				font-size:1.1em;
				text-align:center;
				background:#252525;
				border-radius:20px;
				border-top:2px solid #444;
				border-left:2px solid #444;
				}
		#process div p {color:#999; font-size:0.9em;}
		#process-5 {width:75%!important; margin-left:auto!important; margin-right:auto!important;}
	
#faq {
	float:right;
	width:438px;
	margin:0 40px 0 0;
	}
	#faq div {
		width:438px;
		margin:10px;
		padding:10px;
		background:rgba(255,255,255,0.1);
		}
	#faq div h2 {
		margin:0 0 5px 0;
		text-decoration:underline;
		}

@keyframes lightbulb {
	0%   {color: #fff;}
	50%  {color: #fff;}
	75%  {color: #ffc000;}
	100% {color: #fff;}
	}

@-moz-keyframes lightbulb {
	0%   {color: #fff;}
	50%  {color: #fff;}
	75%  {color: #ffc000;}
	100% {color: #fff;}
	}

@-webkit-keyframes lightbulb {
	0%   {color: #fff;}
	50%  {color: #fff;}
	75%  {color: #ffc000;}
	100% {color: #fff;}
	}

@-o-keyframes lightbulb {
	0%   {color: #fff;}
	50%  {color: #fff;}
	75%  {color: #ffc000;}
	100% {color: #fff;}
	}
	
	
/* ----- Services2.html ----- */
.service-category {margin:0 0 20px 0;}
	.service-category h2 {
		color:#fff;
		font-size:3em;
		}
		.service-category h2 i {font-size:1.3em;}
		.service-category .service {
			margin:10px 0 0 0;
			padding:10px;
			background:#d2d2d2;
			border-left:5px solid #ffc000;
			}
			.service-category .service h3 {
				font-size:1.5em;
				color:#666;
				text-shadow:none;
				}
			.service-category .service p {
				color:#000;
				text-shadow:none;
				}


/* 13. Portfolio - What We've Done 
================================== */
#portfolio_intro {}
	#portfolio_intro h1, 
	#portfolio_intro h2, 
	#portfolio_intro h3 {margin:5px 0 20px 0;}
	
	h2 img, 
	h3 img {margin-bottom:-4px;	text-shadow:0 0 3px #000, 0px 0px 6px #000;}

	/* Back to top */
	a.top,
	a.top-fullrow {
		position:absolute;
		right:2px;
		bottom:-5px;
		clear:both;
		padding:0;
		background:none;
		}
		a.top:hover, a.top-fullrow:hover,
		a.top:focus, a.top-fullrow:focus {color:#aaa;}
		a.top:active, a.top-fullrow:active {color:#fd0;}
		
		a.top-fullrow {
			z-index:100;
			position:relative;
			float:right;
			margin-top:-10px;
			margin-bottom:20px;
			}
			a.top i {font-size:1.8em; font-weight:300; margin:0 31px 0 0; color:#555;}
			a.top:hover i,
			a.top:focus i {text-decoration:none; color:#aaa;}
			a.top:active i {color:#fd0;}

#portfolio_categories { 
	margin-top:-80px;
	padding:0;
	vertical-align:top;
	}
	#portfolio_categories img {margin:-5px 0 0 50px;}
	ul#portfolio_types { /* Other types of Portfolio work */
		margin-top:-40px;
		margin-left:10px;
		}
		ul#portfolio_types li {
			display:inline-block;
			margin:0 5px 12px 0px;
			cursor:pointer;
			}
		ul#portfolio_types li a { /* Portfolio category links */
			width:auto;
			padding:2px 7px 3px 7px; 
			color:#8A8A8A;
			font:0.8em 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
			background:#444;
			-webkit-border-radius:2px;
			-moz-border-radius:2px;
			-o-border-radius:2px;
			border-radius:2px;			
			-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			-o-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			box-shadow:0 1px 2px rgba(0,0,0,0.7);
			-webkit-transition:color 0.1s, background 0.1s;
			-moz-transition:color 0.1s, background 0.1s;
			transition:color 0.1s, background 0.1s;
			}
			ul#portfolio_types li a:hover,
			ul#portfolio_types li a:focus {
				color:#CCC;
				text-shadow:0 1px 0px #222;
				text-decoration:none;
				background:#555;
				}
			ul#portfolio_types li a:active {	
				color:#777; text-shadow:0 -1px 0px #333;
				}
			ul#portfolio_types li.active a {
				color:#a69000;
				background:#333;
				-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.7) inset;
				-moz-box-shadow:0 1px 1px rgba(0,0,0,0.7) inset;
				-o-box-shadow:0 1px 1px rgba(0,0,0,0.7) inset;
				box-shadow:0 1px 1px rgba(0,0,0,0.7) inset;
				-webkit-transition:color 0.1s, background 0.1s;
				-moz-transition:color 0.1s, background 0.1s;
				transition:color 0.1s, background 0.1s;
				}
				ul#portfolio_types li.active a:hover {color:#fd0;}
			
			ul#portfolio_types li.testimonialslink {
				margin-top:36px;
				padding:6px 14px 0 0;
				height:25px;
				}				
				ul#portfolio_types li.testimonialslink:hover {
					text-shadow:0 1px 0px #222;
					background:rgba(0,0,0, 0.18);
					-webkit-border-radius:4px;
					-moz-border-radius:4px;
					-o-border-radius:4px;
					border-radius:4px;
					cursor:pointer;
					}
					ul#portfolio_types li.testimonialslink:hover a span {color:#FE9303; text-decoration:underline;}
					
					ul#portfolio_types li.testimonialslink img {float:left; margin:-16px 7px 0 -8px; padding:0;}
					ul#portfolio_types li.testimonialslink a {display:inline-block; color:#CCC; font-style:normal;}
					ul#portfolio_types li.testimonialslink a span {color:#FC0; font-style:italic;}
					ul#portfolio_types li a.textlink {
						padding:0;
						font-size:1em;
						background:none; 
						box-shadow:none;
						border-radius:0; 
						}
section.category {
	margin-bottom:40px; 
	background:rgba(0,0,0,0);
	border-radius:5px;
	}
	
.portfolio_row {
	clear:both;
	position:relative;
	margin:0 0 5px -1px;
	padding:15px 0;
	}
	.portfolio_row h3 {
		padding-left:10px;
		margin-bottom:20px;
		}
	.project {
		position:relative;
		z-index:80;
		display:inline-block;
		width:280px;
		margin-right:33px;
		margin-left:5px;
		padding-bottom:5px;
		vertical-align:top;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		-o-border-radius:6px;
		border-radius:6px;
		-webkit-transition:all 0.5s ease-in-out;
		-moz-transition:all 0.5s ease-in-out;
		-o-transition:all 0.5s ease-in-out;
		transition:all 0.5s ease-in-out;
		}
		.project:hover {
			background:none;
			background:-webkit-gradient(linear,left bottom,left top,color-stop(0.02,rgb(19,19,19)),color-stop(0.25,rgb(6,6,6)));
			background:-moz-linear-gradient(center bottom,rgb(19,19,19)2%,rgb(6,6,6)25%);
			background:-o-linear-gradient(bottom,rgb(19,19,19)2%,rgb(6,6,6)25%);
			-webkit-transition:all 0.5s ease-in-out;
			-moz-transition:all 0.5s ease-in-out;
			-o-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;
			-webkit-transition-delay: 0.3s;
			-moz-transition-delay: 0.3s;
			-o-transition-delay: 0.3s;
			transition-delay: 0.3s;
			}
	.project a {text-decoration:none;}
	.project img {
		width:270px;
		margin-bottom:10px;
		padding:5px; 
		background:#CCC; 
		border:1px solid #222; 
		-webkit-box-shadow:0 0 12px rgba(0,0,0,0.9);
		-moz-box-shadow:0 0 12px rgba(0,0,0,0.9);
		-o-box-shadow:0 0 12px rgba(0,0,0,0.9);
		box-shadow:0 0 12px rgba(0,0,0,0.9);
		opacity:0.7;
		filter:alpha(opacity=70);
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition:all 0.2s linear;
		}
		.project img:hover,
		.project img:focus {
			margin-top:-4px; 
			margin-bottom:14px;
			opacity:1.0; 
			filter:alpha(opacity=100); 
			-webkit-transition:all 0.2s linear;
			-moz-transition:all 0.2s linear;
			-o-transition:all 0.2s linear;
			transition:all 0.2s linear;
			}
		.project:hover img {
			opacity:1.0; 
			filter:alpha(opacity=100); 
			background:#FFF; 
			border:1px solid #DDD;
			}
			.project img.logo {
				position:absolute!important; top:0; left:0;
				opacity:1;
				border:1px solid #000;
				transition-duration:1s!important;
				transition-timing-function:linear!important;
				}
				.project img.logo:hover,
				.project img.logo:focus {
					margin-top:0;
					opacity:0;
					transition-duration:.4s!important;
					transition-timing-function:ease-in!important;			
					}
		
	.project p {
		margin:10px 2px 15px 2px;
		color:#A5A5A5;
		font-size:0.9em;
		}
		.project:hover p {
			color:#FFF;
			-webkit-transition:all 0.2s linear;
			-moz-transition:all 0.2s linear;
			-o-transition:all 0.2s linear;
			transition:all 0.2s linear;
			}
		.project p:last-child {margin-top:20px;}
		.project p strong {
			color:#DDD; 
			font-size:1.15em; 
			text-shadow:0 0 5px #000, 0 0 10px #000;
			-webkit-transition:all 0.2s linear;
			-moz-transition:all 0.2s linear;
			-o-transition:all 0.2s linear;
			transition:all 0.2s linear;
			}
			.project:hover strong,
			.project p strong:hover,
			.project img:hover p strong {color:#FFF; text-shadow:0 0 5px rgba(225,225,225,0.8), 0 0 10px rgba(225,225,225,0.6)!important;}
			
	a.project_visit, a.project_visit:visited { /* Visit site */
		float:right;
		margin-top:-1px;
		margin-right:1px;
		padding:2px 8px 3px 8px; 
		color:#777;
		text-shadow:0 1px 1px #111;
		font:0.8em 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
		background:#222;
		z-index:1;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		-o-border-radius:2px;
		border-radius:2px;
		}
		a.project_visit:hover, a.project_visit:focus {
			color:#BBB;
			background:#2F2F2F;
			text-decoration:none;
			-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			-o-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			box-shadow:0 1px 2px rgba(0,0,0,0.7);
			}
			a.project_visit:active {color:#666; text-shadow:0 -1px 0 #111;}

	a.project_open, a.project_open:visited { /* More about this... (Open Project) */
		/*margin-top:55px!important;*/
		padding:2px 10px 3px 8px;
		text-shadow:0 1px 0px #222;
		font:0.9em 'Lucida Sans Unicode', Verdana, Arial, sans-serif;
		color:#AAA; /* #AAA */
		background:#444; /* #444 */
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		border-radius:3px;
		}
		a.project_open:hover, a.project_open:focus {
			color:#FFF; /* #FFF */
			background:#555; /* #555 */
			text-decoration:none;
			-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			-o-box-shadow:0 1px 2px rgba(0,0,0,0.7);
			box-shadow:0 1px 2px rgba(0,0,0,0.7);
			}
			a.project_open:active {color:#888; text-shadow:0 -1px 0 #333;}
		
		a.project_open img {
			position:relative;
			width:14px;
			height:8px;
			margin:10px 0 0 0;
			padding:0;
			background:none;
			box-shadow:none;
			border:none;
			opacity:1;
			}
			
#project-info {
	position:absolute;
	top:200px;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	padding:10px;
	background:rgba(0,0,0,1);
	border-top:5px solid #ffc000;
	box-shadow:0 0 3px rgba(0,0,0,0.4);
	display:none;
	}
	#project-info .close {
		position:absolute;
		width:180px;
		top:-35px;
		left:50%;
		margin:0 0 0 -90px;
		z-index:1000;
		}
		#project-info .close:hover {cursor:pointer;}
	#project-info #loading {width:130px; margin:20px auto;}
		#project-info #loading p {padding:0 0 0 20px;}
		


/* 14. Project - Portfolio item 
=============================== */
#project { /* Used in project-slider.php */
	margin:40px 0 0 0;
	}

#project_info {
	position:relative;
	display:inline-block;
	margin-right:25px;
	}
	.project_url {font-size:1.3em; text-shadow:0 0 8px rgba(0,0,0,0.8)}
 /* .project_features - see: 6. Lists */
	
#project_visual { /* Project Slider container */
	position:relative;
	display:inline-block;
	/*margin-top:-32px;*/
	margin-bottom:20px;
	vertical-align:top;
	}
	#project_visual img {
		margin-bottom:20px; 
		padding:5px; 
		background:#DDD; 
		border:1px solid #333;
		-webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);
		-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
		-o-box-shadow:0 0 15px rgba(0,0,0,0.6);
		box-shadow:0 0 15px rgba(0,0,0,0.6);
		}
	#project_visual a.btn {padding:7px 16px;}

#project_testimonial {display:inline-block; width:255px; margin-right:10px;}
	#project_testimonial h3 {margin:10px 5px;}
	
#project_indepth {display:inline-block; margin-top:0; margin-bottom:5px;}

#project_process {padding:0; text-align:right;}
	#project_process img {
		display:inline-block; 
		margin:0 6px 10px 0px; 
		padding:5px; 
		background:#DDD; 
		border:1px solid #333; 
		opacity:0.8; 
		filter:alpha(opacity=90);
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		}
	#project_process img.noRmargin {margin-right:0; }
	#project_process img:hover {
		opacity:1.0;
		filter:alpha(opacity=100);
		background:#FFF;
		}
		




/* 15 Testimonials - What Our Clients Say ---
============================================= */




/* 16 Contact / Contact Us ---
============================= */
#content{clear:both;}
	#contact_leftcol {margin-right:0;}
		#contact_leftcol h2 {margin-bottom:15px;}
		
		p.shift {margin-top:10px;}
		p img.lineico {float:left; margin:-3px 7px 0 -4px;}
		
		#form-tabs {
			position:relative;
			margin:30px 0 -1px 0;
			}
			#form-tabs div {
				position:relative;
				display:inline-block;
				width:auto;
				padding:10px 28px 5px 25px;
				color:#888;
				background:#1f1f1f;
				border:1px solid #2f2f2f;
				border-bottom:none;
				border-radius:4px 4px 0 0;
				cursor:pointer;
				}
				#form-tabs div h2 {display:inline; font-size:1.1em; font-weight:normal; line-height:1.4em;}
				#form-tabs div i {display:inline-block; margin:0 0 0 6px; font-size:1.5em; font-weight:normal; vertical-align:top;}
				#form-tabs div i.icon-coffee {margin-top:2px; font-size:1.3em!important;}
				#form-tabs div.selected {
					z-index:2;
					padding:10px 28px 5px 25px;
					color:#ccc;
					background:#222;
					border-color:#363636;
					border-bottom:none;
					}
					#form-tabs div.selected h2 {margin-top:-4px; font-size:1.1em;}
					
		
		#forms /* Container */ {
			position:relative;
			margin:0 auto 0 auto;
			padding:15px 20px 10px 20px;
			font-size:0.9em;
			background:#111;
			background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #222222),color-stop(1, #333333));
			background-image:-moz-linear-gradient(top, #222222, #333333);
			background-image:-o-linear-gradient(top, #222222, #333333);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#333333'); /* IE6,IE7 */
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#222222', EndColorStr='#333333')"; /* IE8 */
			border:1px solid #363636;
			-webkit-box-shadow:0 0 8px rgba(0,0,0,0.9);
			-moz-box-shadow:0 0 8px rgba(0,0,0,0.9);
			-o-box-shadow:0 0 8px rgba(0,0,0,0.9);
			box-shadow:0 0 8px rgba(0,0,0,0.9);
			}
			#forms form {margin-top:30px!important;}
			#forms h3 {margin-top:10px;}
			#forms p {font-size:1.05em;}
			#forms section {padding:0 5px;}
				#forms fieldset {
					position:relative;
					margin:10px auto 20px auto;
					padding:0 4px;
					border:none;
					}
					fieldset legend {display:none;}
						fieldset.particulars {margin-top:0; padding-bottom:0;} /* Visible Legend fieldset */
						fieldset.particulars legend {
							display:block;
							padding-bottom:15px;
							color:#888;
							font: normal 1.15em 'Oswald', 'Quicktype Condensed', 'Arial Narrow', Helvetica, Arial, sans-serif;
							text-shadow:0 0 3px #111, 0px 0px 6px #222;
							text-transform:uppercase;
							}
										
					fieldset div {position:relative; margin:0 0 10px 0; }
					
					fieldset div.form_leftcol, fieldset div.form_rightcol {display:inline-block;}
					fieldset div.form_leftcol {margin-right:20px;}
					fieldset div div {}
					fieldset.last_fieldset {clear:both; margin-top:0; margin-bottom:0;}
						fieldset div.msg {position:relative;}
						fieldset div.msg img {
							position:absolute; 
							top:-16px; right:30px; 
							z-index:1;
							-webkit-transition:0.4s ease-in-out;
							-moz-transition:0.4s ease-in-out;
							-o-transition:0.4s ease-in-out;
							transition:0.4s ease-in-out;
							}
							fieldset div.msg:hover img {top:-30px;}
						fieldset div.msg textarea {position:relative; z-index:1;}
							
					fieldset label, fieldset input {margin-left:0;}
					fieldset label {display:block; margin:0 0 3px 1px;}				
					fieldset label span {color:#FC0;}				
						
					fieldset input, fieldset textarea {
						margin-bottom:5px;
						padding:4px;
						font:normal normal 1.1em 'Lucida Sans Unicode', Tahoma, Verdana, Arial, Helvetica, sans-serif;
						color:#888;
						background:#151515;
						border:1px solid #333;
						}
						fieldset input:hover, fieldset textarea:hover,
						fieldset input:focus, fieldset textarea:focus {
							color:#BBB; border-color:#555;
							}
						fieldset :focus, fieldset textarea:focus {
							background:#151515;
							}	
						fieldset input {
							width:155px;
							background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.08, rgb(34,34,34)),color-stop(0.97, rgb(21,21,21)));
							background-image:-moz-linear-gradient(center bottom,rgb(34,34,34) 8%,rgb(21,21,21) 97%);
							background-image:-o-linear-gradient(bottom,rgb(34,34,34) 8%,rgb(21,21,21) 97%);
							}
						fieldset input.e-info {width:247px;}
						fieldset select {
							margin:2px 0 5px 0;
							padding:3px 2px;
							font:normal normal 1.08em 'Lucida Sans Unicode', Tahoma, Verdana, Arial, Helvetica, sans-serif;
							color:#888;
							background-color:#1D1D1D;
							/* background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.08, rgb(34,34,34)),color-stop(0.97, rgb(21,21,21))); */
							background-image:-moz-linear-gradient(bottom,rgb(34,34,34) 8%,rgb(21,21,21) 97%);
							background-image:-o-linear-gradient(bottom,rgb(34,34,34) 8%,rgb(21,21,21) 97%);
							border:1px solid #333;
							}							
							fieldset select:hover, fieldset select:focus {
								color:#BBB; 
								border:1px solid #555;
								}
							select option:hover {
								background-color:yellow!important;
								color:#111;					
								}	
						fieldset textarea {
							z-index:0;
							width:96.5%; 
							margin:2px 0 0 0;
							background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.80, rgb(34,34,34)),color-stop(1.0, rgb(21,21,21)));
							background-image:-moz-linear-gradient(center bottom,rgb(34,34,34) 80%,rgb(21,21,21) 100%);
							background-image:-o-linear-gradient(bottom,rgb(34,34,34) 80%,rgb(21,21,21) 100%);
							}
						fieldset div.submit {text-align:right;}
						fieldset div.submit input#contact_submit {margin:10px 2px 0 0; cursor:pointer}
							#submit_genenq,
							#submit_quote,
							#submit_consult {width:auto;}
						
						.no_btm_margin {margin-bottom:0!important; padding-bottom:0!important;}
						.no_top_margin {margin-top:0!important; padding-top:0!important;}
					
					p.label {display:block; margin:-8px 0 14px; color:#7E7E7E; font:1em 'Lucida Sans Unicode', Helvetica, Arial, sans-serif!important; text-shadow:none; text-align:right;}
					p.label span {color:#FC0; font-size:0.9em;}
	
	
	#contact_rightcol {margin:30px 0 0 50px;}
			.qrcode_hint {
				position:absolute;
				top:-120px;
				right:5%;
				}
			.qrcode {
				cursor:pointer;
				z-index:100;
				float:right;
				width:106px;
				height:106px;
				margin:15px 0 0 20px;
				opacity:0.8;
				-webkit-transition:0.4s ease-in; -webkit-box-shadow:0 0 6px rgba(0,0,0,0.6);
				-moz-transition:0.4s ease-in; -moz-box-shadow:0 0 6px rgba(0,0,0,0.6);
				-o-transition:0.4s ease-in; -o-box-shadow:0 0 6px rgba(0,0,0,0.6);
				transition:0.4s ease-in; box-shadow:0 0 6px rgba(0,0,0,0.6);
				}
				.qrcode:hover {
					z-index:100;
					opacity:1;
					margin-left:-80px;
					-webkit-transform:scale(2,2); -webkit-box-shadow:0 0 16px rgba(0,0,0,1);
					-moz-transform:scale(2,2); -moz-box-shadow:0 0 16px rgba(0,0,0,1);
					-o-transform:scale(2,2); -o-box-shadow:0 0 16px rgba(0,0,0,1);
					transform:scale(2,2); box-shadow:0 0 16px rgba(0,0,0,1);
					}
				
			ul#contact_list {margin:20px 0 40px 0;}
			ul#contact_list li {margin-bottom:8px; font-size:1.2em;}
							li.contact_link {
								position:relative; 
								height:28px;
								display:block!important;
								margin-bottom:30px;
								}
							li.contact_link a span {
								float:left; 
								display:inline-block;
								width:28px;
								height:28px;
								margin:-5px 14px 5px 4px; 
								background:url('../img/sprites.png');
								}
							li.contact_link a:hover {color:#FFF;}							
								li.contact_link a span.contact_email {background-position:133px 2px;}
								li.contact_link a:hover span.contact_email {background-position:133px -40px;}
								
								li.contact_link a span.contact_home {background-position:167px 2px;}
								li.contact_link a:hover span.contact_home {background-position:167px -40px;}
				
								li.contact_link a span.contact_skype {background-position:98px 2px;}
								li.contact_link a:hover span.contact_skype {background-position:98px -40px;}
	
								li.contact_link a span.contact_twitter {background-position:66px 2px;}
								li.contact_link a:hover span.contact_twitter {background-position:66px -40px;}								
								
								li.contact_link a span.contact_vcard {background-position:30px 2px;}
								li.contact_link a:hover span.contact_vcard {background-position:30px -40px;}
					
			ul#contact_list li img {margin-right:10px; vertical-align:middle;}
			ul#contact_list li.tel {margin-top:30px;}
			ul#contact_list li.tel img {margin-right:4px;}
			ul#contact_list li.tel p {font-size:0.75em!important;}
			ul#contact_list li.tel p:first-child {
				margin-bottom:3px!important;
				font-weight:bold;
				font-size:0.87em!important;
				}
				p.tel-expl {padding-left:45px;font-size:0.85em!important;}
				p.tel-expl img {float:left; margin-right:12px;}
				p.tel-info {margin-top:45px;}
				p.tel-info:hover #forms {border-color:#fff;}
				p img.telinfo {float:left; display:inline-block; margin-right:10px!important;}
		
		#gmap_container {
			margin:20px 5px 5px 5px;
			background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #353535),color-stop(1, #555555));
			background-image:-moz-linear-gradient(top, #353535, #555555);
			background-image:-o-linear-gradient(top, #353535, #555555);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#555555'); /* IE6,IE7 */
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#555555')"; /* IE8 */
			border:1px solid #454545;
			border-top-color:#4F4F4F;
			-webkit-box-shadow:0 0 12px rgba(0,0,0,0.9);
			-moz-box-shadow:0 0 12px rgba(0,0,0,0.9);
			-o-box-shadow:0 0 12px rgba(0,0,0,0.9);
			box-shadow:0 0 12px rgba(0,0,0,0.9);
			}
			#gmap_container:hover {	
				background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #555555),color-stop(1, #777777));
				background-image:-moz-linear-gradient(top, #555555, #777777);
				background-image:-o-linear-gradient(top, #555555, #777777);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#777777'); /* IE6,IE7 */
				-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#777777')"; /* IE8 */
				}
				#gmap {height:240px; opacity:0.9; filter:alpha(opacity=90);}
				#gmap_container:hover #gmap {opacity:1; filter:alpha(opacity=100);}
				
				span.pointer {
					float:right; 
					margin:0 0 10px 5px!important;
					width:23px;
					height:37px;
					background:url('../img/sprites.png');
					background-position:-2px 55px;
					}
					span.pointer:hover {margin-top:-2px!important; background-position: 132px 55px;}



/* 17. Site Redirect / (HH Header Bar & iFrame) ---
================================================ */
#hh-bar-container {
	display:block;
	background:#000;
	border-bottom:2px solid #ffc000;
	}
	#hh-bar {
		position:relative;
		width:960px;
		margin:0 auto;
		padding:10px;
		color:#fff;
		}
		#hh-bar #tag {
			position:absolute;
			top:-45px;
			left:0;
			}
		#hh-bar #logo {margin:0 0 0 65px;}
		#hh-bar p {
			margin:28px 0 -5px 250px;
			}
		#hh-bar #portfolio-link {
			float:right;
			padding:10px;
			border-radius:5px;
			}
			#hh-bar #portfolio-link:hover {text-decoration:none;}
#website-frame {
	width:100%;
	height:100%;
	}






/* SLIMBOX Styling (lightbox) */
#lbOverlay {
	position:fixed;
	z-index:9999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
	cursor:pointer;
	}
#lbCenter, #lbBottomContainer {
	position:absolute;
	z-index:9999;
	overflow:hidden;
	background-color:#fff;
	}
	.lbLoading {background:#fff url(../img/slimbox/loading.gif) no-repeat center;}
#lbImage {
	position:absolute;
	left:0;
	top:0;
	border:10px solid #fff;
	background-repeat:no-repeat;
	}
#lbPrevLink, #lbNextLink {
	display:block;
	position:absolute;
	top:0;
	width:50%;
	outline:none;
	}
	#lbPrevLink {left:0;}
	#lbPrevLink:hover {background:transparent url(../img/slimbox/prevlabel.gif) no-repeat 0 15%;}
	
	#lbNextLink {right:0;}
	#lbNextLink:hover {background:transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;}

#lbBottom {
	padding:5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	line-height:1.6em;
	text-align:left;
	border:10px solid #fff;
	border-top-style:none;
	}
#lbCloseLink {
	display:block;
	position:absolute; bottom:15px; right:11px;
	width:66px;
	height:22px;
	background:transparent url(../img/slimbox/closelabel.gif) no-repeat center;
	outline:none;
	}
#lbCaption, #lbNumber {margin-right:71px;}
	#lbCaption {font-weight:normal; line-height:1.3em; margin-bottom:10px;}
	#lbNumber {font-size:11px; color:#999}




















/* X 960 Grid System / 24col.css ---
===================================== */
/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* Container >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .grid_1 {
	width: 30px;
}

.container_24 .grid_2 {
	width: 70px;
}

.container_24 .grid_3 {
	width: 110px;
}

.container_24 .grid_4 {
	width: 150px;
}

.container_24 .grid_5 {
	width: 190px;
}

.container_24 .grid_6 {
	width: 230px;
}

.container_24 .grid_7 {
	width: 270px;
}

.container_24 .grid_8 {
	width: 310px;
}

.container_24 .grid_9 {
	width: 350px;
}

.container_24 .grid_10 {
	width: 390px;
}

.container_24 .grid_11 {
	width: 430px;
}

.container_24 .grid_12 {
	width: 470px;
}

.container_24 .grid_13 {
	width: 510px;
}

.container_24 .grid_14 {
	width: 550px;
}

.container_24 .grid_15 {
	width: 590px;
}

.container_24 .grid_16 {
	width: 630px;
}

.container_24 .grid_17 {
	width: 670px;
}

.container_24 .grid_18 {
	width: 710px;
}

.container_24 .grid_19 {
	width: 750px;
}

.container_24 .grid_20 {
	width: 790px;
}

.container_24 .grid_21 {
	width: 830px;
}

.container_24 .grid_22 {
	width: 870px;
}

.container_24 .grid_23 {
	width: 910px;
}

.container_24 .grid_24 {
	width: 950px;
}

/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .prefix_1 {
	padding-left: 40px;
}

.container_24 .prefix_2 {
	padding-left: 80px;
}

.container_24 .prefix_3 {
	padding-left: 120px;
}

.container_24 .prefix_4 {
	padding-left: 160px;
}

.container_24 .prefix_5 {
	padding-left: 200px;
}

.container_24 .prefix_6 {
	padding-left: 240px;
}

.container_24 .prefix_7 {
	padding-left: 280px;
}

.container_24 .prefix_8 {
	padding-left: 320px;
}

.container_24 .prefix_9 {
	padding-left: 360px;
}

.container_24 .prefix_10 {
	padding-left: 400px;
}

.container_24 .prefix_11 {
	padding-left: 440px;
}

.container_24 .prefix_12 {
	padding-left: 480px;
}

.container_24 .prefix_13 {
	padding-left: 520px;
}

.container_24 .prefix_14 {
	padding-left: 560px;
}

.container_24 .prefix_15 {
	padding-left: 600px;
}

.container_24 .prefix_16 {
	padding-left: 640px;
}

.container_24 .prefix_17 {
	padding-left: 680px;
}

.container_24 .prefix_18 {
	padding-left: 720px;
}

.container_24 .prefix_19 {
	padding-left: 760px;
}

.container_24 .prefix_20 {
	padding-left: 800px;
}

.container_24 .prefix_21 {
	padding-left: 840px;
}

.container_24 .prefix_22 {
	padding-left: 880px;
}

.container_24 .prefix_23 {
	padding-left: 920px;
}

/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .suffix_1 {
	padding-right: 40px;
}

.container_24 .suffix_2 {
	padding-right: 80px;
}

.container_24 .suffix_3 {
	padding-right: 120px;
}

.container_24 .suffix_4 {
	padding-right: 160px;
}

.container_24 .suffix_5 {
	padding-right: 200px;
}

.container_24 .suffix_6 {
	padding-right: 240px;
}

.container_24 .suffix_7 {
	padding-right: 280px;
}

.container_24 .suffix_8 {
	padding-right: 320px;
}

.container_24 .suffix_9 {
	padding-right: 360px;
}

.container_24 .suffix_10 {
	padding-right: 400px;
}

.container_24 .suffix_11 {
	padding-right: 440px;
}

.container_24 .suffix_12 {
	padding-right: 480px;
}

.container_24 .suffix_13 {
	padding-right: 520px;
}

.container_24 .suffix_14 {
	padding-right: 560px;
}

.container_24 .suffix_15 {
	padding-right: 600px;
}

.container_24 .suffix_16 {
	padding-right: 640px;
}

.container_24 .suffix_17 {
	padding-right: 680px;
}

.container_24 .suffix_18 {
	padding-right: 720px;
}

.container_24 .suffix_19 {
	padding-right: 760px;
}

.container_24 .suffix_20 {
	padding-right: 800px;
}

.container_24 .suffix_21 {
	padding-right: 840px;
}

.container_24 .suffix_22 {
	padding-right: 880px;
}

.container_24 .suffix_23 {
	padding-right: 920px;
}

/* Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .push_1 {
	left: 40px;
}

.container_24 .push_2 {
	left: 80px;
}

.container_24 .push_3 {
	left: 120px;
}

.container_24 .push_4 {
	left: 160px;
}

.container_24 .push_5 {
	left: 200px;
}

.container_24 .push_6 {
	left: 240px;
}

.container_24 .push_7 {
	left: 280px;
}

.container_24 .push_8 {
	left: 320px;
}

.container_24 .push_9 {
	left: 360px;
}

.container_24 .push_10 {
	left: 400px;
}

.container_24 .push_11 {
	left: 440px;
}

.container_24 .push_12 {
	left: 480px;
}

.container_24 .push_13 {
	left: 520px;
}

.container_24 .push_14 {
	left: 560px;
}

.container_24 .push_15 {
	left: 600px;
}

.container_24 .push_16 {
	left: 640px;
}

.container_24 .push_17 {
	left: 680px;
}

.container_24 .push_18 {
	left: 720px;
}

.container_24 .push_19 {
	left: 760px;
}

.container_24 .push_20 {
	left: 800px;
}

.container_24 .push_21 {
	left: 840px;
}

.container_24 .push_22 {
	left: 880px;
}

.container_24 .push_23 {
	left: 920px;
}

/* Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/

.container_24 .pull_1 {
	left: -40px;
}

.container_24 .pull_2 {
	left: -80px;
}

.container_24 .pull_3 {
	left: -120px;
}

.container_24 .pull_4 {
	left: -160px;
}

.container_24 .pull_5 {
	left: -200px;
}

.container_24 .pull_6 {
	left: -240px;
}

.container_24 .pull_7 {
	left: -280px;
}

.container_24 .pull_8 {
	left: -320px;
}

.container_24 .pull_9 {
	left: -360px;
}

.container_24 .pull_10 {
	left: -400px;
}

.container_24 .pull_11 {
	left: -440px;
}

.container_24 .pull_12 {
	left: -480px;
}

.container_24 .pull_13 {
	left: -520px;
}

.container_24 .pull_14 {
	left: -560px;
}

.container_24 .pull_15 {
	left: -600px;
}

.container_24 .pull_16 {
	left: -640px;
}

.container_24 .pull_17 {
	left: -680px;
}

.container_24 .pull_18 {
	left: -720px;
}

.container_24 .pull_19 {
	left: -760px;
}

.container_24 .pull_20 {
	left: -800px;
}

.container_24 .pull_21 {
	left: -840px;
}

.container_24 .pull_22 {
	left: -880px;
}

.container_24 .pull_23 {
	left: -920px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}