/* Global Styles */

html, body{
	width: 100%;
	margin:0;
	padding:0;	
	
}

body {
	background:#000 url(images/ds-back.gif) top left repeat;
	
	color:#fff;
	font: normal 62.5% Verdana, Helvetica, Arial, sans-serif;
	padding:0;
	margin-top:100px;
}

a, a img { /* takes off link borders and underlines */
	text-decoration:none;
	border:none;
}

/* Main Styles  */

#container {
	margin:0;
	padding:0;
	width:865px;
	height:600px;
	}

h1 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	letter-spacing:2px;
	margin:0;
	}

h1 a {	
	padding-right:15px;
	background:url(images/white_block.gif) right center no-repeat;
	}
	
h1 a:hover{
	padding-right:15px;
	background:url(images/red_block.gif) center right no-repeat;
	}
	
	
/* Left Side  *********************/
	
#left-main {
	float:left;
	width:215px;
	height:600px;	
	background:url(images/ds-side.gif) top right no-repeat;
	padding-top:19px;/*to kick it below the white line */
	margin-top:10px;
}


#navigation {
	text-align:right;
	
}

#navigation ul {
	line-height:1.8em;
	margin-top:5px;
}

#navigation ul li {
	list-style:none;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	
}

#navigation ul li a, h1 a {
	color:#fff;
}

#nav-home{
	margin:0;
	background:url(images/white_block.gif) left center no-repeat;
	padding:0 0 0 20px;
}

#mainnav {
	margin-top:310px;
	}

#nav-port{
	background:url(images/white_block.gif) right center no-repeat;
	margin-right:33px;
	padding-right:15px;
}

.subnav a:hover{
	background:url(images/red_block.gif) center right no-repeat;
	}
	
.subnav a{
	padding-right:15px;
	}

#nav1{
	margin-right:13px;
}
#nav7{
	margin-right:11px;
}
#nav2{
	margin-right:9px;
}
#nav3{
	margin-right:7px;
}
#nav4{
	margin-right:6px;
}
#nav5{
	margin-right:6px;
}
#nav6{
	margin-right:7px;
}


#nav-about{
	margin-right:20px;
}

#nav-contact{
	margin-right:24px;
}
	
#lowernav{
	padding-top:40px;
	}
	
.contact {
	margin:50px 0 0 40px;
	text-align:left;
	float:left;
	width:200px;
	}
	
.contact h1 {
	font-size:2.2em;
	}

.contact p{
	font-size:1.2em;
	line-height:.8em;
}

.contact a{
	color:#f7f085;
	border-bottom:1px solid #f7f085;
}


#about {
	clear:both;
	width:415px;
	float:left;
	text-align:left;
	font-size:1.3em;
	}



/* Right Side *********************/


#right-main {
	float:right;
	width:583px;	
	text-align:left;
	margin-top:27px;/*to kick it below the white line */
}

#right-main a img {
	float:left;
	padding:0px;
	margin:0 0 9px 0;
	}
	
#flashcontent {
	height:470px;
	width:583px;
	}
	
#project-link{
	position:absolute;
	left:283px;
	top:670px;
	font-size:1em;
	color:#fff;
	padding:0px 0 0 15px;
	background:url(images/white_block.gif) left center no-repeat;
	}

#project-link:hover{
	padding-right:15px;
	background:url(images/red_block.gif) left center no-repeat;
	text-decoration:underline;
	}