@charset "UTF-8";
body {
	background-color: #181818;
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 76%;
}
p {
	text-align: left;
	font-size: 1em;
	margin-top: 0.3em;
	margin-bottom: 0.8em;
}
#header {
	height: 65px;
	background: url(../img/header-bg.gif) repeat-x;
}
div.inner {
	margin: auto;
	position: relative;
	width: 1000px;
}
#header .inner {
	height: 65px;
}
#header .logo {
	width: 193px;
	height: 45px;
	position: absolute;
	top: 5px;
	left: 0;
	background: url(../img/logo.png) no-repeat 0 0;
}
#siteNav {
	background-image:url(../img/site/temp/nav.gif);
	background-repeat:no-repeat;
	height:31px;
	left:746px;
	position:absolute;
	top:33px;
	width:294px;
}
a.port_btn, a.about_btn, div.port_btn, div.about_btn {
	display: block;
	background-image:url(../img/site/buttons/portfolio.gif);
	background-repeat: no-repeat;
	width: 134px;
	height: 31px;
	float: left;
	margin-bottom: 6px;
	outline: none;
}
div.about_btn {
	background-image:url(../img/site/buttons/about.gif);
}
a.about_btn {
	background-image:url(../img/site/buttons/about.gif);
	margin-left: -1px;
	background-position: 0 -31px;
}
a.about_btn:hover {
	background-position: 0 -62px;
}
a.port_btn {
	background-position: 0 -31px;
}
a.port_btn:hover {
	background-position: 0 -62px;
}
a.about_btn {
	background:url(../img/site/buttons/about.gif) no-repeat 0 -31px;
	margin-left:-1px;
}
#loadcover {
	position: absolute;
	height: 800px;
	width: 100%;
	background: #181818;
	z-index: 9000;
	padding-top: 20px;
	left:0;
	top:0;
	text-align:left;
}
#loadcover p {
	padding-left: 20px;
	margin-bottom: 14px;
}
#overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../img/overlay.png) no-repeat 0 0;
	height: 582px;
	width: 1062px;
	text-align:left;
}
#controls {
	display: block;
	position: absolute;
	top: 465px;
	left: 0;
	height: 117px;
	width: 100%;
	border-top: solid 1px #262626;
	border-bottom: solid 1px #262626;
}
#inner {
	display: block;
	margin: auto;
	top: 0;
	left: 0;
	width: 1000px;
	position: relative;
	background: #000;
}
#inner_overlay {
	display: block;
	margin: auto;
	top: 0;
	left: 0;
	width: 1000px;
	height: 100px;
	position: absolute;
	background: #000;
	z-index: 0
}
#inner .words {
	position: absolute;
	width: 445px;
	margin: 20px 15px 10px 20px;
	height: 75px;
	padding: 0 0px 0 15px;
	border-left: solid 1px #262626;
	z-index: 60;
	left: 230px;
}
#inner .words h2, #inner .nav h2 {
	font-size: 0.92em;
	background: url(../img/site/titles/sprites.gif) no-repeat 0 0;
	margin-top: 2px;
	margin-bottom: 5px;
}
#inner .nav h2 {
	background-position: 0 -112px;
	margin-bottom: 10px;
}
#inner .words p {
	line-height: 15px;
}
p.copy {
	margin-top: 0
}
#inner .nav {
	position: absolute;
	width: 230px;
	overflow: hidden;
	margin: 20px 0 0 0;
	height: 75px;
	left: 0;
}
#inner .nav .col {
	width: 15px;
	height: 75px;
	float: left;
	margin-right: 3px;
	overflow: hidden;
}
#inner .nav .col a {
	display: block;
	width: 13px;
	height: 11px;
	border: solid 1px #fff;
	margin-bottom: 3px;
	background: #000;
	outline: none;
	overflow: hidden;
}
#inner .nav .col a:hover {
	background: #444;
}
#inner .keys {
	position: absolute;
	width: 71px;
	overflow: hidden;
	margin: 20px 0 0 0;
	height: 71px;
	left: 150px;
	top:25px;
	 
}
#inner .keyscover {
	position: absolute;
	width: 71px;
	overflow: hidden;
	margin: 20px 0 0 0;
	height: 71px;
	left: 150px;
	top:25px;
	 
}
#inner .keyscover a {
	position: absolute;
	height: 71px;
	width: 71px;
	outline: none;
	display: block;
	text-decoration: none;
}



 .keyscover1 a {
	position: absolute;
	z-index:100;
	top:350px;
	margin-left:310px;
	height: 71px;
	width: 71px;
	outline: none;
	display: block;
	text-decoration: none;
}
 .keyscover2 a {
	position: absolute;
	z-index:100;
	top:350px;
	margin-left:990px;
	display: block;
	text-decoration: none;
	width:71px;
	height:71px;
}
 .keyscoverdown a {
	position: absolute;
	z-index:100;
	top:450px;
	margin-left:650px;
	display: block;
	text-decoration: none;
	width:71px;
	height:71px;
}

img {
  border:0;
}
#upClick {
	top: 0px;
	left: 24px;
}


#inner .icons {
	position: absolute;
	left: 800px;
	width: 205px;
	height: 110px;
	overflow: hidden;
	top: 20px;
}
.icons div {
	height: 15px;
	width: 91px;
	float: left;
	overflow: hidden;
	margin: 0 10px 5px 0;
	background-repeat: no-repeat;
	background-image: url(../img/site/icons/sprites.gif);
}
.tech_css {
	background-position: 0 0
}
.tech_html {
	background-position: 0 -15px
}
.tech_php {
	background-position: 0 -30px
}
.tech_mysql {
	background-position: 0 -45px
}
.tech_flash {
	background-position: 0 -60px
}
.tech_js {
	background-position: 0 -75px
}
.tech_dotnet {
	background-position: 0 -90px
}
.tech_as {
	background-position: 0 -105px
}
.icons div span {
	display: block;
	height: 15px;
	width: 91px;
	float: left;
	overflow: hidden;
	margin: 0;
	background-repeat: no-repeat;
	background-image: url(../img/site/icons/sprites.gif);
}
.tech_css_off {
	background-position: 0 -120px
}
.tech_html_off {
	background-position: 0 -135px
}
.tech_php_off {
	background-position: 0 -150px
}
.tech_mysql_off {
	background-position: 0 -165px
}
.tech_flash_off {
	background-position: 0 -180px
}
.tech_js_off {
	background-position: 0 -195px
}
.tech_dotnet_off {
	background-position: 0 -210px
}
.tech_as_off {
	background-position: 0 -225px
}
#main, #main2 {
	height: 583px;
	position: relative;
	width: 100%;
	background: #000
}
#main2 {
	height: 480px;
	border-bottom: solid 1px #262626;
}
#about {
	background: #000;
	overflow: hidden;
	position: relative;
	height: 480px;
	width: 1000px;
	margin: auto;
}
#about .leftCol {
	margin: 20px 0px 20px 0;
	float: left;
	overflow: hidden;
	width: 728px;
	text-align:left;
}
#about .rightCol {
	float: left;
	text-align: left;
	width: 250px;
	margin-top: 20px;
	padding-left: 20px;
	border-left: solid 1px #262626;
}
#about .leftCol .sifr {
	padding-left: 112px;
	background: transparent url(../img/site/bg/paul.gif) no-repeat 0 0;
	color: #fff;
	text-align: left;
	width:420px;
	height: 120px;
	font-size: 14px;
}
#about .leftCol .col {
	width: 320px;
	margin-right: 15px;
	float: left;
	overflow: hidden;
	margin-top: 20px;
}
#about p {
	color: #9e9e9e;
	line-height: 1.4em;
}
#about a, #inner a {
	text-decoration: none;
	border-bottom: dotted 1px #555;
	color:#ddd;
}
#about a:hover, #inner a:hover {
	border-bottom: dotted 1px #fff;
	color: #fff;
}
#gallery {
	background: #000;
	overflow: hidden;
	position: relative;
	height: 580px;
	width: 1000px;
	margin: auto;
}
#gallery div {
	display: block;
	height: 425px;
	width: 535px;
	background: #888;
	position: absolute;
	overflow: hidden;
}
#ie8fix {
	display: block;
	height: 579px;
	width: 1000px;
	top: 0;
	left: 50%;
	margin-left: -501px;
	border: solid 1px #000;
	position: absolute;
	overflow: hidden
}
#ie8fix a {
position:absolute;

}
#ie8fix img {
border:0;
	}
#ie8fix #downClick {
position:absolute;
left:50%;
bottom:120px;	}
#ie8fix #upClick {
position:absolute;
left:50%;
top:-01px;	}

#ie8fix #leftClick {
position:absolute;
left:15%;
top:30%;	}

#ie8fix #rightClick {
position:absolute;
left:82%;
top:30%;	}







#footer {
	background: url(../img/footer-bg.gif) repeat-x;
	height: 100px;
	margin-top: -4px;
}
#footer p {
	padding-top: 15px;
	color: #555;
	text-align: right;
}
#footer a {
	text-decoration: none;
	border-bottom: dotted 1px #555;
	color: #555;
}
ul.contact_form input.txt, textarea {
	color:#868686;
	background:#262626 !important;
	border:1px solid #303030;
}
ul.contact_form input.focus, textarea.focus {
	background:	#342d28 !important;
	border:	1px solid #443b35;
}
ul.contact_form span {
	color:	#3a2e25;
}
ul, ol {
	list-style-type:	none;
	padding: 0;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}
ul.contact_form {
	font-weight: bold;
}
ul.contact_form input, textarea {
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}
ul.contact_form input.txt {
	height:	13px;
	width:235px;
	margin:5px 0 10px;
	padding: 5px;
}
ul.contact_form textarea {
	width:240px;
	height:84px;
	line-height:22px;
	margin:5px 0 2px;
	padding:2px 0 5px 5px;
}
ul.contact_form input.btn {
	background:	none;
	outline: none;
	cursor:pointer;
	margin-top:15px;
	display:block;
	height:26px;
	width:77px;
}
ul.contact_form a.btn:hover {
	border:	none;
}
ul.contact_form li.btn {
	margin-top: 10px;
}