/*-----Defaults-----*/
html, body{
	margin:0;
	padding:0;
}

body{
	min-width: 800px;
	font-family: Lucida Sans, Arial, sans-serif;
	font-size: .70em;
	color: #fff;
	background: #333;
}

#clear{
	clear: both;
	height: 10px;
}

/*-----Links-----*/
a.master:link, a.master:visited {text-decoration: none; color: #fff;}
a.master:hover, a.master:active {text-decoration: underline; color: #fff;}

a.red:link, a.red:visited {text-decoration: none; color: #ff0000;}
a.red:hover, a.red:active {text-decoration: underline; color: #ff0000;}

a.whitered:link, a.whitered:visited {text-decoration: none; color: #fff;}
a.whitered:hover, a.whitered:active {text-decoration: none; color: #ff0000;}

a.white:link, a.white:visited {text-decoration: none; color: #fff;}
a.white:hover, a.white:active {text-decoration: none; color: #fff;}

a.projects:link {text-decoration: none; color: #fff;}
a.projects:visited {text-decoration: none; color: #000;}
a.projects:hover, a.projects:active {text-decoration: underline; color: #fff;}
	

/*-----Type-----*/
h2{
	font-family: Lucida Sans, Arial, sans-serif;
	font-size: 1.2em;
	color: #fff;
	margin-bottom: -15px;
}


/*-----Layout-----*/
#wrap_index{
	background: #000;	
	width: 760px;
	text-align: left;
	margin: 10px;
}

#wrap{
	background: #000;	
	width: 800px;
	text-align: left;
	margin: 10px;
}
	
#header{
	background: #000 url(../images/header_top_right.gif) no-repeat top right;
	width: 100%;
	height: 120px;
	text-align: left;
}

#brand{
	float: right;
	padding: 26px 50px 0px 0px;
	line-height: 14px;
}

#logo_screen{
	width: 250px;
	height: 120px;
	float: left;
}

#logo_print{
	display: none;
}

#sidebar{
	background: #000;
	float: left;
	width: 210px;
	padding: 6px;
	font-size: 1.1em;
}

#red_nav{
	font-size: .9em;
	height: 300px;
	padding: 10px;
	background: #FF0000;
}

#red_nav_projects{
	font-size: .9em;
	height: 550px;
	padding: 10px;
	background: #FF0000;
}

#content{
	background: #000;
	float: right;
	width: 560px;
	padding: 6px;
	line-height: 1.5em;
}

#slideshow_projects{
	width: 550px;
	height: 386x;
}

#col_left{
	float: left;
	width: 265px;
	margin: 5px;
}

#col_right{
	float: right;
	width: 265px;
	margin: 5px;
}

#bio{
	width: 130px;
	height: 160px;
	float: left;
	clear: left;
	padding: 0;
}

#footer_index{
	background: #000 url(../images/footer_bottom_right.gif) no-repeat bottom right;
	color: #333333;
	height: 200px;
	padding-top: 15px;
	text-align: center;
	clear: both;
}

#footer{
	background: #000 url(../images/footer_bottom_right.gif) no-repeat bottom right;
	color: #333333;
	height: 30px;
	padding-top: 15px;
	text-align: center;
	clear: both;
}

/*-----Nav Setup-----*/
#nav {background: url("../images/nav.gif"); float: right; text-align: center; margin-top: 70px; margin-right: 30px; padding: 0; position: relative; width: 370px; height: 40px;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav li, #nav a  {text-decoration: none; display: block; height: 40px;}

/*-----Nav Off State-----*/
#nav #home {left: 0; width: 56px;}
#nav #services {left: 56px; width: 66px;}
#nav #projects {left: 122px; width: 68px;}
#nav #company {left: 190px; width: 74px;}
#nav #contact {left: 264px; width: 66px;}
#nav #ftp {left: 330px; width: 40px;}

/*-----Nav Hover State-----*/
#nav #home a:hover {background: transparent url("../images/nav.gif") 0 -40px no-repeat;}
#nav #services a:hover {background: transparent url("../images/nav.gif") -56px -40px no-repeat;}
#nav #projects a:hover {background: transparent url("../images/nav.gif") -122px -40px no-repeat;}
#nav #company a:hover {background: transparent url("../images/nav.gif") -190px -40px no-repeat;}
#nav #contact a:hover {background: transparent url("../images/nav.gif") -264px -40px no-repeat;}
#nav #ftp a:hover {background: transparent url("../images/nav.gif") -330px -40px no-repeat;}

/*-----Nav On State-----*/
#nav #homeon {left: 0; width: 56px;}
#nav #homeon a {background: transparent url("../images/nav.gif") 0 -80px no-repeat;}
#nav #homeon a:hover {background: transparent url("../images/nav.gif") 0 -80px no-repeat;}
#nav #homeon a:active {background: transparent url("../images/nav.gif") 0 -80px no-repeat;}

#nav #serviceson {left: 56px; width: 66px;}
#nav #serviceson a {background: transparent url("../images/nav.gif") -56px -80px no-repeat;}
#nav #serviceson a:hover {background: transparent url("../images/nav.gif") -56px -80px no-repeat;}
#nav #serviceson a:active {background: transparent url("../images/nav.gif") -56px -80px no-repeat;}

#nav #projectson {left: 122px; width: 68px;}
#nav #projectson a {background: transparent url("../images/nav.gif") -122px -80px no-repeat;}
#nav #projectson a:hover {background: transparent url("../images/nav.gif") -122px -80px no-repeat;}
#nav #projectson a:active {background: transparent url("../images/nav.gif") -122px -80px no-repeat;}

#nav #companyon {left: 190px; width: 74px;}
#nav #companyon a {background: transparent url("../images/nav.gif") -190px -80px no-repeat;}
#nav #companyon a:hover {background: transparent url("../images/nav.gif") -190px -80px no-repeat;}
#nav #companyon a:active {background: transparent url("../images/nav.gif") -190px -80px no-repeat;}

#nav #contacton {left: 264px; width: 66px;}
#nav #contacton a {background: transparent url("../images/nav.gif") -264px -80px no-repeat;}
#nav #contacton a:hover {background: transparent url("../images/nav.gif") -264px -80px no-repeat;}
#nav #contacton a:active {background: transparent url("../images/nav.gif") -264px -80px no-repeat;}

#nav #ftpon {left: 330px; width: 40px;}
#nav #ftpon a {background: transparent url("../images/nav.gif") -330px -80px no-repeat;}
#nav #ftpon a:hover {background: transparent url("../images/nav.gif") -330px -80px no-repeat;}
#nav #ftpon a:active {background: transparent url("../images/nav.gif") -330px -80px no-repeat;}