*{margin: 0px; padding: 0px;}
body {width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; line-height: 200%; background-color: #000;}
img{border: 0px; vertical-align: bottom;} a:link, a:visited{color: #FFF;} a:hover{color: #DDD;}
h1{font-size: 22px; font-weight: 300;}
#container{width: 100%; background-color: #000;}
#topbleed{width: 100%; height: 149px; background-position: center top;}
#top{height: 149px; width: 780px; margin: 0px auto;}
#top #fade{margin-left: 85px;}
#top #logo{margin-left: 280px; margin-bottom: 10px;}
#navigation{width: 100%; height: 24px; background-color: #4C4C4C;}
#content_black{width: 100%; background-color: #000; background-image: url(../images/bg_tile.jpg);
background-position: center -173px;}
#content_blue{width: 100%; background-color: #000;}
#home, #portfolio, #about, #contact{clear: left; width: 780px; margin: 0px auto;  position: relative;}
#home{ letter-spacing: 1px; color: #CCC; }
#about{color: #CCC; letter-spacing: 1px;}
.links{list-style: none; width: 780px; margin: 0px auto; padding: 0px;}
.links li{float: left;}
.holder{
	color: #CC3333;
	letter-spacing: 0px;
	font-size: 22px;
	font-family: BauerBodoni, Times, serif;
	font-weight: bold;
	line-height: 19px;
}
#image1{position: absolute; top: 67px; left: 564px; z-index: 2;}
#image2{position: absolute; top: 137px; left: 287px; z-index: 2;}
#image3{position: absolute; top: 185px; left: 488px; z-index: 2;}
html>body #image1{position: absolute; top: 64px; left: 567px; z-index: 2;}
html>body #image2{position: absolute; top: 131px; left: 287px; z-index: 2;}
html>body #image3{position: absolute; top: 178px; left: 491px; z-index: 2;}
#hometable{position: absolute; top: -13px;}
html>body #hometable{position: absolute; top: 0;}

#portfolio_nav, #about_nav, #contact_nav{position: absolute; top: 8px;
background-image: url(../images/b_line.gif); background-repeat: repeat-y; background-position: left;}
#portfolio_nav{margin-left: 110px; margin-top: 67px; padding-bottom: 4px;}
#about_nav{margin-left: 287px; margin-top: 95px; padding-bottom: 4px;}
#contact_nav{margin-left: 397px; margin-top: 95px; padding-bottom: 4px;}
#portfolio_nav ul, #about_nav ul, #contact_nav ul{list-style: none; margin: 0px; padding: 0px;}
#portfolio_nav li, #about_nav li, #contact_nav li{clear: left; float: left; height: 14px; font-size: 0px;}

#form1, #login{height: 250px; width: 370px; padding: 25px 33px 30px; color: #000; background-color: #FFF;}
#form1 a{color: #000;}
.form2, .form3, .downloadable{color: #000; padding: 20px 20px 0px; width: 374px; background: #FFF;}
.form3{padding: 0px 20px 20px; border-top: 1px solid #999;}
.form2 a, .form2 a:visited, .form2 a:hover, .form3 a, .form3 a:visited, .form3 a:hover{color: #000; text-decoration: none;}
.downloadable{margin-top: 20px; padding-top: 0; background-color: #FFF; background: url(/images/ftp_dashed.gif) repeat-y; background-position: 219px;}
.formelem{float: left; width: 100%; padding-bottom: 10px;}
.leftelem{float: left; padding-right: 5px;} .rightelem{float: right; padding-left: 5px;}
.textelem{padding-bottom: 5px;}
html>body .textelem{clear: left;}
.submitelem{clear: both;}
.label{font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000;}
.input{width: 366px;} .smallinput{width: 176px;}
.topline{height: 1px; border: 0px; width: 100%; padding: 0px 1px; margin: 0px; overflow: hidden; font-size: 0px; vertical-align: bottom; position: relative; top: 1px; background: #999;}
html>body .topline{position: static;}
input.dever, textarea.dever { background-color: white ! important; }
input.dever{border: 1px #CCC solid; width: 100%; padding: 1px 0px; margin: 0px; font-size: 12px; height: 16px; font: 11px Arial, Helvetica, sans-serif;}
textarea.dever{border: 1px #CCC solid; width: 100%; padding: 1px 0px; margin: 0px; font-size: 12px; height: 55px; overflow: hidden; overflow-y: auto; font: 11px Arial, Helvetica, sans-serif;}
.submit{width: 75px; height: 30px; border: 0px; cursor: pointer; margin: 0px; padding: 0px; background: #FFF;} .submit img{margin: auto;}
.blue{color: #346699; font-size: 16px; font-weight: bold;}
.black{font: 11px Arial, Helvetica, sans-serif; color: #000; padding-bottom: 10px;}
.download{width: 220px; height: 22px; display: block; vertical-align: top; position: relative; margin-left: -20px;}
html>body .download{margin-left: -22px;} 
.download img{position: absolute; top: 2px;}
.download a{display: block; width: 220px; height: 18px;}
.download a:hover{background: url(/images/ftp_bg.gif);}
.download span.filename{padding-left: 30px; position: absolute; top: -2px; cursor: pointer;}
.up1{float: left; padding-top: 10px; display: block; cursor: pointer;}
.up2{float: left; padding-top: 10px; padding-left: 25px; display: block; cursor: pointer;}
#fileupload{visibility: hidden; position: relative; top: 15px; z-index: 3;}
#confirm{visibility: visible;}
.items{position: absolute; top: -25px; left: 250px; z-index: 2;} .item{float: left; padding: 0px 5px;}

#description{
	width: 390px;
	height: 62px;
	font-size: 12px;
	line-height: 140%;
	background: #333;
	padding-top: 9px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}
#description #title{color: #FF9900;}
#description #desc{color: #999;}
#idtable{ width: 178px; height: 300px; position: relative; background-image: url(/images/table_bg_long.jpg); background-position: top; background-repeat: no-repeat;}

.copyright{font-size: 7px; font-weight: lighter; padding-top: 20px; letter-spacing: 1px; text-transform: uppercase; color: #F3F3F3; position: absolute; top: 295px; left: 287px;}
.nudged { left: 276px; }
.copyright span{font-size: 150%;}