#header {height: 123px; background:url(../img/header.jpg) no-repeat; }
div.inner { margin: auto; position: relative; width: 1000px;}
#page { width: 1186px; }
#header .inner { height: 115px;}
#header .logo { width: 183px; height: 45px; position: absolute; top: 55px; left: 0; }
#siteNav { background-image:url(../img/site/temp/nav.gif); background-repeat:no-repeat; height:31px; left:746px; position:absolute; top:83px; 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: 643px; width: 100%; background: #181818; z-index: 9000; padding-top: 20px; left:0;top:0; text-align:left;}
#loadcover p { padding-left: 0px;  margin-bottom: 14px; }
#overlay { display: block; position: absolute; top: 0; left: 0;  height: 480px; width: 1024px; text-align:left; border: solid 0px #000;}
#transparentbar { position: absolute; margin-top: 558px;  height: 22px; width: 843px; }



#controls { display: block; position: absolute; top: 465px; left: 0; height: 117px; width: 100%; border-top: solid 0px #262626; border-bottom: solid 0px #262626; }
#inner {display: block; margin: auto; top: 0; left: 0;   width: 843px; position: relative;  }
#inner_overlay {display: block; margin: auto; top: 0; left: 0;   width: 1024px; height: 100px; position: absolute;  z-index: 0 }
#inner .words { position: absolute; width: 315px; margin: -20px 15px 10px 290px;  height: 250px;  padding: 0 0px 0 0px; font-family:Helvetica, Arial, sans-serif; font-size: 13px; color: #a2a2a2; z-index: 1002; left: 280px; }
#inner .words .titles { color:#1694da; font-weight: bold; }



#inner .words h2, #inner .nav h2 { font-size: 0.92em; background: url(../img/site/titles/sprites.gif) no-repeat 0 0; margin-top: 0px; margin-bottom: 5px;  }
	 #inner .nav h2 { background-position: 0 -112px; margin-bottom: 10px; }
#inner .words p {   }
p.copy {margin-top: 0}
#inner .nav { position: absolute; width: 320px; overflow: hidden; margin: 0px 0 0 0; height: 200px; left: 0; background-color:#fff; z-index: 1000;}




#inner .nav .arrows { width: 23px; position:absolute; margin-left: 30px; margin-top: -23px;  float: left; }
#inner .nav .col { width: 23px;  float: left; margin-right: 5px; overflow: hidden;}
		#inner .nav .col a { display: block; width: 20px; height: 20px; border: solid 1px #7e7e7e; margin-bottom: 3px; background: #d6d6d6; outline: none; overflow: hidden; }
		#inner .nav .col a:hover { background: #d6d6d6;  }
#inner .keys { position: absolute; width: 79px;  margin: 20px 0 0 0; height: 145px; left: 150px; top:25px; background-color:#990033; z-index: 1001; }
#inner .keyscover { position: absolute; width: 79px; margin-left:300px ; height: 145px;  background-color:#990033; z-index: 1001; }
#inner .keyscover a { position: absolute; height: 122px; width: 24px; text-decoration: none;  z-index: 1002; }
#leftClick { top: 0px; left: 0px; }
#upClick { top: 0px; left: 24px; }
#downClick { top: 23px; left: 24px; }
#rightClick { top: 23px; left: 48px; }
#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: 400px; position: relative; width: 100%; }
#main2 { height: 400px; border-bottom: solid 0px #262626; }
#about { background: #000; overflow: hidden; position: relative; height: 400px; width: 843px; 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: 0px; border-left: solid 0px #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: 0px; float: left; overflow: hidden; margin-top: 20px;}
#about   p { color: #878787; line-height: 1.4em; }
#about  a, #inner a {  text-decoration: none; border-bottom: dotted 0px #555; color:#a2a2a2; }
#about   a:hover, #inner a:hover {  border-bottom: dotted 0px #fff; color: #a2a2a2; }


#portfolio { overflow: hidden; position: relative; height: 500px; width: 843px; margin: auto; text-align: left; background-color: #ffffff; z-index: }
#portfolio div { display: block; height: 700px; width: 843px; position: absolute; overflow: hidden;}
#ie8fix { display: block; height: 500px; width: 843px; top: 0; left: 50%; margin-left: -512px; border: solid 0px #000; position: absolute; overflow: hidden}
#footer { background: url(../img/footer-bg.gif) repeat-x; height: 150px; margin-top: -4px;}
#footer p { padding-top: 15px; color: #555; text-align: right; }
#footer a {text-decoration: none; border-bottom: dotted 0px #555; color: #555; }


	ul.contact_form input.txt, textarea { color:#868686; background:#fff !important; border:0px solid #303030;}
	ul.contact_form input.focus, textarea.focus { background:	#fff !important; border:	0px 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; }