@font-face { font-family: 'LeagueGothicRegular'; src: url('fonts/League_Gothic-webfont.eot'); src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'CicleSemi'; src: url('fonts/Cicle_Semi-webfont.eot'); src: url('fonts/Cicle_Semi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cicle_Semi-webfont.woff') format('woff'), url('fonts/Cicle_Semi-webfont.ttf') format('truetype'), url('fonts/Cicle_Semi-webfont.svg#CicleSemi') format('svg'); font-weight: normal; font-style: normal; }

body							{ background: url(../images/bg.jpg); color: #f7f7f7; font-size: 1.0em; font-family: 'CicleSemi'; letter-spacing: 1px; }
.content						{ width: 1000px; margin: 0 auto; border-top: dashed 5px #f7f7f7;}
.columnLeft						{ width: 470px; float: left; line-height: 1.3em; }
.columnRight						{ width: 470px; float: right; line-height: 1.3em; }

a							{ color: #444; text-decoration: none; text-shadow: 1px 1px 1px #f7f7f7; }
a:hover							{ text-decoration: underline; }

h2							{ margin-top: 50px; margin-bottom: 30px; font-size: 3.0em; color: #fff; font-family: 'LeagueGothicRegular'; text-transform: uppercase; text-shadow: 1px 1px 1px #444;}
h3							{ display: block; width: 1000px; height: 300px; font-size: 2.0em; background-image: url(../images/process.png); text-indent: -9999px; }

a.toTop							{ position: fixed; bottom: 10px; right: 10px; padding: 10px; background: #f87346; color: #fff; text-shadow: 1px 1px 1px #f87346; }
a.toTop a:hover						{ text-decoration: none; }

#topBar							{ background: url(../images/bg_footer.png); padding: 10px; }
	#topBar .content				{ border: none; }
	#topBar .content p				{ text-align: right; border: none; }
#header							{ background: url(../images/bg_header.png); height: 100px; }
	#header .content				{ border: none; }
	#header .logo					{ width: 300px; float: left; margin-top: 5px; }
	#header .logo a					{ background: url(../images/logo.png); width: 213px; height: 50px; text-indent: -9999px; display: block; }
	#header .navigation				{ float: right; margin-top: 20px; }
	.navigation li					{ float: left; margin-left: 15px; }
	.navigation li.nav_home a			{ display: block; background-image: url(../images/nav_home.png); text-indent: -9999px; width: 47px; height: 27px; }
	.navigation li.nav_about a			{ display: block; background-image: url(../images/nav_about.png); text-indent: -9999px; width: 56px; height: 27px; }
	.navigation li.nav_services a			{ display: block; background-image: url(../images/nav_services.png); text-indent: -9999px; width: 80px; height: 27px; }
	.navigation li.nav_portfolio a			{ display: block; background-image: url(../images/nav_portfolio.png); text-indent: -9999px; width: 89px; height: 27px; }
	.navigation li.nav_blog a			{ display: block; background-image: url(../images/nav_blog.png); text-indent: -9999px; width: 42px; height: 27px; }
	.navigation li.nav_contact a			{ display: block; background-image: url(../images/nav_contact.png); text-indent: -9999px; width: 76px; height: 27px; }

	.navigation li.nav_home a:hover			{ background-position: 0 -30px; background-repeat: no-repeat; }
	.navigation li.nav_about a:hover		{ background-position: 0 -30px; background-repeat: no-repeat; }
	.navigation li.nav_services a:hover		{ background-position: 0 -30px; background-repeat: no-repeat; }
	.navigation li.nav_portfolio a:hover		{ background-position: 0 -30px; background-repeat: no-repeat; }
	.navigation li.nav_blog a:hover			{ background-position: 0 -30px; background-repeat: no-repeat; }
	.navigation li.nav_contact a:hover		{ background-position: 0 -30px; background-repeat: no-repeat; }

	.facebookLike					{ margin-left: 10px; padding-top: 40px; }

#slogan							{ width: 1000px; margin: 0 auto; margin-top: 30px; margin-bottom: 200px; }
	#slogan h2					{ text-align: center; font-size: 4.0em; }

#about							{ clear: both; }
	#about h2					{ font-size: 3.0em; text-transform: uppercase; font-family: 'LeagueGothicRegular'; color: #f7f7f7; text-shadow: 1px 1px 1px #444; margin-bottom: 20px; }
	#about p					{ margin-bottom: 20px; text-shadow: 1px 1px 1px #346b5e; font-weight: 600; }
	#about p:last-child				{ margin-bottom: 200px; }
	#about ul					{ display: block; }
	#about ul li					{ float: left; margin-bottom: 200px; }
	#about ul li.facebook a				{ display: block; background-image: url(../images/facebook.png); width: 48px; height: 48px; text-indent: -9999px; }
	#about ul li.twitter a				{ display: block; background-image: url(../images/twitter.png); width: 48px; height: 48px; text-indent: -9999px; }
	#about ul li.forrst a				{ display: block; background-image: url(../images/forrst.png); width: 48px; height: 48px; text-indent: -9999px; }
	#about ul li.dribbble a				{ display: block; background-image: url(../images/dribbble.png); width: 48px; height: 48px; text-indent: -9999px; }
	#about ul li.lastfm a				{ display: block; background-image: url(../images/lastfm.png); width: 48px; height: 48px; text-indent: -9999px; }
	#social						{ margin-top: 20px; }

#portfolio						{ clear: both; }
	p.shadow					{ text-shadow: 1px 1px 1px #346b5e; margin-bottom: 20px; }
	.portfolioPiece					{ float: left; padding: 10px; background: #f7f7f7; margin: 10px 5px 0 5px; }
	.portfolioPiece img				{ margin-bottom: 10px; }
	.portfolioPiece p				{ color: #444; margin-bottom: 5px; font-weight: lighter; }
	.portfolioPiece:last-child			{ margin-bottom: 200px; }
	#portfolio p					{ font-weight: 600; }

#services						{ clear: both; }
	#services p					{ margin-bottom: 20px; text-shadow: 1px 1px 1px #346b5e; font-weight: 600; }
	#services p:last-child				{ margin-bottom: 200px; }
	#services img					{ margin-bottom: 20px; }

#contact						{ clear: both; }
	#contact p					{ text-shadow: 1px 1px 1px #346b5e; font-weight: 600; }
	#contactForms p 				{ text-shadow: 1px 1px 1px #346b5e; }
	#contactForms h1 				{ margin: 10px 0 10px; font-size: 24px; color: #f7f7f7; }
	#contactForms hr 				{ color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }
	#contactForms 					{ padding: 15px;  -webkit-border-radius:5px;  margin: 20px 0 20px 0; }
	#contactForms label 				{ display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; -webkit-border-radius:5px; }
	#contactForms input, textarea, select 		{ width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; -webkit-border-radius:5px; }   
	#contactForms input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
	#contactForms input.submit 			{ width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
	#contactForms input.submit:hover 		{ background:#444; }
	#contactForms input[type="submit"][disabled] 	{ background:#888; }
	#contactForms fieldset 				{ padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; background-image: url(../images/bg_noise.jpg);}
	#contactForms legend 				{ padding:7px 10px; font-weight:bold; color:#f7f7f7; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
	#contactForms span.required			{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */
	#message 					{ margin: 10px 0; padding: 0; }
	.error_message 					{ display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }
	.loader 					{ padding: 0 10px; }
	#contactForms #success_page h1 			{ background: url('../assets/success.gif') left no-repeat; padding-left:22px; }
	acronym 					{ border-bottom:1px dotted #ccc; }

	#contact .columnRight				{ margin-top: 200px; text-shadow: 1px 1px 1px #346b5e; }
	#contact .columnRight p				{ margin-bottom: 20px; text-shadow: 1px 1px 1px #346b5e; }
	#contact .columnRight address			{ margin-bottom: 20px; }
	#contact .columnRight ul			{ margin-bottom: 20px; font-weight: 600; }
	#contact p:last-child				{ margin-bottom: 50px; }

	#contact address				{ font-weight: 600; }

#footer							{ clear: both; background: url(../images/bg_footer.png); padding: 10px; }
	#footer .content				{ border: none; }
	#footer p					{ text-shadow: 1px 1px 1px #346b5e; }

.featured						{ margin-top: 20px; }
	.featured p					{ margin-bottom: 10px; text-shadow: 1px 1px 1px #346b5e; }
	.featured img					{ margin-bottom: 10px; }

#toTop 							{ display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(../img/ui.totop.png) no-repeat left top; }
#toTopHover 						{ background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus 				{ outline:none; }