/* RESETS & BASIC PAGE SETIP */

* {margin: 0; padding: 0;}
html  {overflow-y: scroll;}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	background-color: #282828;
	background-image: url(images/header.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

ul {
	line-height: 1.5em;
	padding-bottom: 1em;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 20px;
}
p {font-size: 1.2 em; line-height: 1.5em; margin-bottom: 1.2em;}
a {outline: none;}
a img {border: none;}

img {
	padding-bottom: 10px;
}

/*END RESET*/




/* TOOLBOX */

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}

/*END TOOLBOX*/


/* STRUCTURE & STUFF */
#page-wrap {
	width: 750px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-image: url(images/body_bg.jpg);
}

#header {
	background-image: url(images/header.gif);
	height: 101px;
	width: 750px;
	position: static;	
	z-index: -100px;
}

#nav {
		position: absolute;
		padding-left: 183px;
			

}


#eye {
	position: absolute;
}

#camera {
	position: static;
	padding-left: 689px;
	z-index:-1;

}


ul#nav li a {
	display: block;
	float: left;
	margin-top: 78px;
	left: 183px;
	position: relative;
	
	}

	ul#nav li a:hover, ul#nav li a:active {
		font-weight: bold;
	}
	
#main-content {
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 183px;
	font-size: 1.2em;
	width: 500px;
	background-image: url(images/body_bg.jpg);
	background-repeat: repeat-y;
}
	
	#footer {
	float: right;
}
	#footer a {
	text-decoration: none;
	color: #FFFFFF;
	
}
	#footer a:hover, #footer a:active {
	text-decoration: underline;
	}



#name {
	position:absolute;
	left:183px;
	top:0px;
	width:223px;
	height:77px;
	z-index:1;
	visibility:visible;
}
#contact {
	position:absolute;
	left:601px;
	top:82px;
	width:57px;
	height:12px;
	z-index:2;
	visibility:visible;
}
#gallery {
	position:absolute;
	left:532px;
	top:82px;
	width:56;
	height:15px;
	z-index:3;
	visibility:visible;
}
#home {
	position:absolute;
	left:183px;
	top:82px;
	width:36px;
	height:12px;
	z-index:4;
	visibility:visible;
}
#whatwedo {
	position:absolute;
	left:231px;
	top:82px;
	width:82px;
	height:12px;
	z-index:5;
	visibility:visible;
}
#howwedoit {
	position:absolute;
	left:328px;
	top:82px;
	width:89px;
	height:12px;
	z-index:6;
	visibility:visible;
}
#applications {
	position:absolute;
	left:429px;
	top:82px;
	width:89px;
	height:12px;
	z-index:7;
	visibility:visible;
}




h1 {
	font-size: 1.25em;
	font-weight: bold;
	color: #F9ED2F;
	padding-bottom: .75em;
	font-style: italic;
}

.alignright {
	padding-left: 20px;
	float: right;
	border-style: none;
}

.alignleft {
	padding-right: 20px;
	float: left;
	border-style: none;
}

.aligncenter {
	border-style: none;
}

.alignnone {
	border-style: none;
}


div.flashmovie {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}