*{ margin: 0px; padding: 0px; border: none; outline: none; }
html{ background-color: #f0f0f0; border-top: 6px solid #202020; }

body{
	padding: 32px 0px;
	width: 992px;
	font-family: HelveticaNeue-Light, Helvetica, Arial, sans-serif;
	font-size: 12pt;
	color: #404040;
	}

#topbar{ display: none; width: 100%; height: 6px; background-color: #202020; position: absolute; top: 0px; z-index: 1;}


#head{ margin: 0px 32px; }

#logo{
		width: 490px; height: 100px;
		background: url(../img/main/logo.png) no-repeat top center;
		-webkit-transition: all 0.2s;
		float: left;
		}
		#logo:hover{ background-position: 0px -273px; }
		#logo img{ width: 490px; height: 100px; }


a, a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	-webkit-transition: all 0.2s;
	}
	a:link, a:visited{ color: #ff3355; }
	a:hover{ color: #ff6666; }
	a:active{ color: #cc0022; }

	
	#contact{
		margin: 16px 32px 0px; padding: 8px;
		line-height: 12pt;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		cursor: default;
		float: left;
		}
	
	abbr{ text-decoration: none; border: none; outline: none; }
	.g{ color: #c0c0c0; }


hr{ width: 100%; height: 96px; clear: both; }


#works img{ margin-right: 10px; float: left; }
#works p{ margin-top: 8px; margin-left: -137px; width: 320px; font-size: 11pt; line-height: 11pt; float: left; }


a.work{ color: #c0c0c0; line-height: 16pt; }
a.work:hover{ color: #202020; }


	#view-all{
		margin: 0px;
		width: auto;
		font-family: inherit;
		font-size: 16pt;
		text-align: center;
		float: none;
		}
		a.view-all:link, a.view-all:visited{ color: #c0c0c0; }
		a.view-all:hover{ color: #ff6666; }
		a.view-all:active{ color: #cc0022; }

		#view-all span{ padding: 4px 8px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }


.preview{
	display: inline;
	width: 640px; height: 320px;
	opacity: 1;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-transition: all 0.25s;
	}
	.preview:hover{ opacity: 0.9; }

	.badge{ position: relative; top: -1px; left: -137px; margin: 0px; width: 128px; height: 128px; opacity: 0.85; -webkit-transition: all 0.25s; }
		.badge:hover{ opacity: 1; }
	.no-badge{ width: 128px; height: 128px; }

	a.view-option{ color: #c0c0c0; line-height: 16pt; }
	a.view-option:hover{ color: #202020; }

		.preview-btn{
			margin-right: 0px !important;
			width: 16px; height: 16px;
			background: url(../img/main/icns.gif) no-repeat -32px 0px;
			vertical-align: -3px;
			float: none !important;
			}
		.view-btn{
			margin-right: 0px !important;
			width: 16px; height: 16px;
			background: url(../img/main/icns.gif) no-repeat -32px -16px;
			vertical-align: -3px;
			float: none !important;
			}


#foot{ margin: 0px auto; width: 960px; }

h1, h2, h3, h4, h5, h6{ margin: 0px 32px 6px; color: #202020; cursor: default; }
	h1{ font-size: 32pt; line-height: 32pt; letter-spacing: -2px; }
	h2{ font-size: 28pt; line-height: 28pt; letter-spacing: -2px; }
	h3{ font-size: 24pt; line-height: 24pt; letter-spacing: -1px; }

	h4{
		font-size: 20pt;
		font-weight: lighter;
		color: #c0c0c0;
		line-height: 20pt;
		}

	h5{ font-size: 16pt; line-height: 16pt; letter-spacing: -1px; }
	h6{ font-size: 12pt; line-height: 12pt; }

p{ margin: 8px 0px; }

.data{
	font-weight: bold;
	font-size: 9pt;
	color: #c0c0c0;
	text-transform: uppercase;
	padding-right: 2px;
	}

#icns{
	margin: 32px auto 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #c0c0c0;
	text-align: right;
	}
	.icns-dA{
		margin: auto 4px;
		width: 32px; height: 32px;
		background: url(../img/main/icns.gif) no-repeat 0px 0px;
		opacity: 0.25;
		-webkit-transition: all 0.25s;
		}
		.icns-dA:hover{ opacity: 1; }
	
	.icns-t{
		margin: auto 4px;
		width: 32px; height: 32px;
		background: url(../img/main/icns.gif) no-repeat 0px -32px;
		opacity: 0.25;
		-webkit-transition: all 0.25s;
		}
		.icns-t:hover{ opacity: 1; }

.go-top{ opacity: 0.25; -webkit-transition: all 0.25s; }
	.go-top:hover{ opacity: 1; }