@charset "utf-8";
/* CSS Document */



body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/background.jpg) repeat;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #D0D0D0;
	font-size: 14px; 
}

A:link {text-decoration: none; color: #999999;}
A:visited {text-decoration: none; color: #999999}
A:active {text-decoration: none; color: #999999}
A:hover {text-decoration: underline; color: #CCCCCC}

p {color: #CCCCCC; line-height: 25px; margin-bottom: 20px;}

H2 {font-size:14px}

object { outline:none; }

#container {
	width: auto;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 1px;
}


#inner {
	margin: 0 auto;
	height: 600px;
	width: 1000px;
	top: 20px;
	padding-bottom:20px;
	border: none;
	position: relative;
}


#header {
	height: 20px;	
	width: 500px;
	color: #FFF;
	left: 50px;
	top: 20px;
	position: relative;
}

#footer {
	background:url(../images/tile.png) repeat;
	width: 100%;
	position: absolute;
	bottom: 0px;
}

#footertext {float:left; width:400px; font-size:10px; margin: 20px;}
#footertext p {color: #666; line-height: 5px}

#zorbixdesign {float:right; width:149px; height:64px; margin: 20px;}
#zorbixdesign a {text-align: left; display:block; width:149px; height:64px; text-indent:-9999px; text-decoration:none; overflow:hidden; background:url(../images/zorbixlogo.png) no-repeat 0 0;}
#zorbixdesign a:hover {background-position: 0 -64px;}
.container { padding: 20px 0; margin-top: 50px;  width: auto;}


.box {background: url(../images/tile.png) repeat;}

.textbox {float:left; width: 390px; margin: 10px}
img {float:left; margin:5px;}
.clear {clear:both}
.filmnav {float:right; margin: 30px; color: #F8F8F8; font-size:16px;}

#navmain {position:relative; left: 500px; top: 200px; width:500px;}
.boxskills {float:left; background: url(../images/tile.png) repeat; margin: 10px; padding:10px;}


label, label span { display:block; padding-bottom:.25em;}
label {float:left; width: 100%;}
label span {float:left; width: 35%; text-align:right;}

fieldset input, textarea {float: right; width: 60%; background:url(../images/tile.png) repeat; color:#CCC; border: none; padding: 2px;} 
fieldset  textarea  {height: 200px;}
fieldset input:hover {}
fieldset inout:active {}
fieldset {float:left; border:none; width:60%;}
form div input { background:#000; padding: 5px; color:#CCC; border: none; float:right; margin-right: 200px;}