/* 
	Copyright (c) 2009-2010 Auforia
	(Close to) Valid, crispy CSS 2.1
*/
@media print,screen{
	html,body{
		font: 14px Helvetica, Arial, sans-serif;
	}
}
@media screen{
	#content a, .button{
		background: #505050;
		padding: 1px 5px 2px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		color: #fff;
	}
	#content a:hover, .button:hover{
		background: #dcf50a;
		color: #000;
	}
	a{
		color: #dcf50a;
	}
	p a:hover{
		background: #dcf50a;
		color: #000;
		text-decoration: none;
	}
	abbr{
		border-bottom: 1px dotted #2d2d2d;
	}
	html,body{
		padding: 0;
	}
	html,body{
		background: #2d2d2d; /*url(../images/body/background.png) */
		margin: 0;
		text-align: center;
		color: #fff;
	}
	body{
		margin: auto;
		width: 100%;
	}
	.bodyframe{
		width: 853px;
		padding: 0;
		margin: auto;
		text-align: left;
	}
	/*
	#logo{
		/*background: url(../images/body/logo.png) no-repeat;*/
	/*
		width: 228px;
		height: 40px;
		margin: 40px 0 35px 0;
	}
	#logo h2{
			background: url(../images/body/home-arrow.png) left center no-repeat #505050;
			height: 17px;
			padding: 5px 10px 4px 18px ;
			float: left;
			font-size: 100%;
			font-weight: normal;
			margin: 0.5em 0 0 1em;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
		}
	#logo h2:hover{
		background: url(../images/body/home-arrow.png) left center no-repeat #d10202;
	}
	*/
	#logo{
		/*background: url(../images/body/logo.png) no-repeat;*/
		/*width: 228px;*/
		height: 40px;
		margin: 40px 0 35px 0;
	}
	#logo a{
		text-decoration: none;
		color: #fff;
	}
	#logo img{
		float: left;
	}
	#logo h2{
		background: url(../images/body/home-arrow.png) left center no-repeat #505050;
		height: 17px;
		padding: 5px 10px 4px 18px ;
		float: left;
		font-size: 100%;
		font-weight: normal;
		margin: 0.5em 0 0 1em;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}
	#logo h2:hover{
		background-color: #d10202;
	}
	.column-left,.column-right{
		width: 409px;
		padding: 0;
	}
	.column-left p,.column-right p{
		text-align: left;
	}
	.column-left{
		float: left;
	}
	.column-right{
		float: right;
	}
	#content{
		/*margin-bottom: 20px;*/
	}
	#content,#portfolio{
		line-height: 1.8em;
	}
	#content p{
		margin: 0;
	}
	#content h2,#content .intro,#content p{
		color: #fff;
		letter-spacing: -0.03em;
		margin: 0 0 0.4em 0;
	}
	#content h2{
		font-size: 45px;
		margin-left: -3px;
	}
	#content p,#content .intro{
		color: #fff;
	}
	#content p{
		font-size: 26px;
		/*margin-left: 3px;*/
	}
	#content .intro{
		font-size: 35px;
		font-weight: bold;
		line-height: 90%;
		letter-spacing: -0.05em;
	}
	#content .nav{
		line-height: 190%;
		font-size: 18px;
	}
	#content strong,#portfolio strong{
		font-size: 110%;
	}
	#content strong{
		color: #dcf50a;
	}
	body#clients li.clients, body#contact li.contact{
		background: #141414;
		border-bottom: 1px solid #141414;
	}
	body#clients li.clients a, body#contact li.contact a{
		color: #fff;
	}
	#detail-xmas-wrapper{
		width: 853px;
		margin: auto;
		height: 100%;
	}
	#detail{
		text-align: left;
	}
	#detail p{
		margin: 0 0 20px 0;
		padding: 0;
	}
	#detail img{
		margin: 0 31px 26px 0;
	}
	#detail .last{
		margin-right: 0px;
	}
	#portfolio{
		background: #1f1f1f;
		width: 100%;
		padding-top: 35px;
	}
	#portfolio p{
		margin-top: -0.4em;
	}
	#portfolio form{
		margin-top: -0.6em;
	}
	#portfolio h2{
		margin-top: -0.1em;
		margin-bottom: 0.8em;
		font-size: 160%;
	}
	#portfolio .intro{
		font-size: 130%;
	}
	#portfolio .description{
		font-size: 115%;
	}
	#footer{
		margin: 25px 0;
		color: #727272;
	}
	#footer a{
		background: #3c3c3c;
		padding: 3px 5px 2px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		color: #9c9c9a;
	}
	#footer a:hover{
		background: #dcf50a;
		color: #000;
		/*color: #323232;*/
	}
	#footer small.left{
		float: left;
	}
	#footer small.right{
		float: right;
	}
	img{
		border: 0;
	}
	a img:hover{
		background: none;
	}
	br{
		clear: both;
	}
	fieldset{
		border: 0;
		padding: 0;
		margin: 0;
	}
	hr{
		border: 0;
		color: #fff;
		background-color: #fff;
		height: 1px;
		opacity: 0.1;
		margin: 0 0 2em 0;
	}
	address{
		font-style: normal;
		padding: 0;
		margin: 0;
	}
	.dark, address{
		color: #c0c0c0;
	}
	/*.button{
		background: #333333;
		color: #fff;
		text-decoration: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		margin: 0;
		padding: 5px 15px;
	}
	.button:hover{
		background: #454545;
		color: #fff;
	}*/
	.left{
		float: left;
	}
	.right{
		float: right;
	}
	.error{
		color: #e40000;
		font-weight: bold;
	}
	input{
		font-size: 150%;
	}
	input,textarea{
		border: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: 3px 5px;
		margin: 0 0 1em 0;
	}
	input,textarea,button{
		font-family: Helvetica, Arial, sans-serif;
	}
	textarea{
		font-size: 105%;
		height: 10em;
		padding: 6px 4px;
	}
	button,input.sbutton{
		border: none;
		background: #be0208;
		padding: 0.6em 0.7em 0.6em 0.7em;
		letter-spacing: 0.1em;
		margin: 0;
		font-size: 110%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		text-decoration: none;
		color: #fff;
	}
	label+button,label+input.sbutton{
		margin-left: 0.5em;
		margin-right: 0;
	}
	form{
		margin: 0;
		padding: 0;
	}
	.controls{
		text-align: right;
		margin: 0;
	}
	.extend{
		width: 399px;
	}
	.highlight{
		background: #e6e380;
		border: 0;
	}
	.success{
		background: #319436 url(../images/body/check-2.png) no-repeat 7px 5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 6px 0 0 27px;
		margin: 0 0 1em 0;
		width: 382px;
	}
	ul{
		margin: 0 0 1em 0;
		padding: 0;
		list-style-type: none;
	}
	ul li{
		background: url(../images/body/check.png) no-repeat;
		background-position-y: 0.4em;
		padding: 0 0 0 23px;
	}
	
	/* HERE GOES MORE CSS */
	#overlay{
		display: none;
		position: fixed;
		_position: absolute; /*Crappy IE6 fix...*/
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		background: #000000;
		z-index: 1;
		opacity: 0.75;
	}
	#loading {
		position: fixed;
		_position: absolute; /*Crappy IE6 fix...*/
		background: transparent;
		display: none;
		overflow: hidden;
		z-index: 100;
	}
/*	#loading {
		position: absolute;
		height: 48px;
		width: 48px;
		display: none;
		overflow: hidden;
		background: transparent;
		z-index: 100;
	}
	#loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 48px;
		height: 576px;
		background: transparent url(/images/body/spinner.png) no-repeat;
	}*/
	#thumbs{
		text-align: left;
	}
	#thumbs img{
		margin-right: 35px;
	}
	#thumbs a:last-child img{
		margin: 0;
	}
	img.close {
		z-index: 200;
		position: absolute;
		top: -15px;
		left: -15px;
	}
	a.thickbox {
		outline: none;
	}
	#thumbs .pagination a{
		bakground: url(/images/body/portofolio/selector.png) top no-repeat;
		height: 8px;
		width: 8px;
		display: block;
	}
	#thumbs .pagination a.selected, #thumbs .pagination a:hover{
		background-position: bottom;
	}
	/* /HERE GOES MORE CSS */
}