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


/* ===== COLORS ===== */
/* blue 		: #0166FF	*/
/* dark blue 	: #020660 	*/


/* ===== COMMON ===== */
html, body {
	background:#000000;
	height:100%;
	margin:0; 
	padding:0;
}

#page {
	background:url(img/bg.jpg) no-repeat #000000;
	margin:0 auto;
	padding:0;
	position:relative;
	width:1000px;
	height:760px;
}

p {
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:2em;
}

h1 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

h2 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
}

h3 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

a {
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#436caf;
}

span {color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
strong {font-weight:bold;}
em {color:#87C13F; font-style:normal;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}

.underline {text-decoration:underline;}
img {border:1px solid #fff;}
.noborder {border:none;}
ul {margin:0; padding:0;}

label {
	color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
}

input {
	margin:10px 0;
	width:200px;
}
/*li {list-style:none;}*/

/* ===== NAVIGATION ===== */

/*---- main nav index.html ----*/
#nav {background:url(img/navigation/main-nav.jpg); height:36px; margin:0 auto 80px auto; padding:0; width:814px;}
#nav ul { margin:0; padding:0;}
#nav li {float: left; list-style:none;}
#nav li a {
	background:url(img/navigation/main-nav.jpg);
	display: block;
	height: 36px;
	text-indent: -9009px;
}
#nav ul li#link0 a { width: 78px; background-position: 0px 0px; }
#nav ul li#link1 a { width: 143px; background-position: -78px 0px; }
#nav ul li#link2 a { width: 131px; background-position: -221px 0px; }
#nav ul li#link3 a { width: 150px; background-position: -352px 0px; }
#nav ul li#link4 a { width: 188px; background-position: -502px 0px; }
#nav ul li#link5 a { width: 124px; background-position: -690px 0px; }

#nav ul li#link0 a:hover { width: 78px; background-position: 0px -36px; }
#nav ul li#link1 a:hover { width: 143px; background-position: -78px -36px; }
#nav ul li#link2 a:hover { width: 131px; background-position: -221px -36px; }
#nav ul li#link3 a:hover { width: 150px; background-position: -352px -36px; }
#nav ul li#link4 a:hover { width: 188px; background-position: -502px -36px; }
#nav ul li#link5 a:hover { width: 124px; background-position: -690px -36px; }

#home #nav ul li#link0 a { width:78px; background-position: 0px -36px; }
#sample-projects #nav ul li#link1 a { width:143px; background-position: -78px -36px; }
#qualifications #nav ul li#link2 a { width:131px; background-position: -221px -36px; }
#protected-access #nav ul li#link3 a { width:150px; background-position: -352px -36px; }
#product-development #nav ul li#link4 a { width:188px; background-position: -502px -36px; }
#contact #nav ul li#link5 a { width:124px; background-position: -690px -36px; }
/*---- eof nav ----*/

#logo {margin:0 10px;}
#logo img {border:none;}

/*---- nav-sample-projects ----*/
#nav-sample-projects ul {border:1px solid #fff; float:left; margin:0 16px 0 40px; height:382px; width:220px;}
#nav-sample-projects li {list-style:none; padding:7px 5px 7px 0;}
#nav-sample-projects li a {display:block; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#436caf; padding-left:30px;}
#nav-sample-projects li a:hover {background:url(img/common/pointer.gif) left no-repeat; color:#FFF !important;}
#nav-sample-projects li a.selected {background:url(img/common/pointer.gif) left no-repeat; color:#FFF;}
.hidden {display:none;}

/* ===== CONTENT ===== */
#content {margin-top:40px;}
/*---- Index.html ----*/
#imgBar {margin-top:40px;}
#imgBar a {float:left;}
#imgBar a img {border:none;}
.rborder {border-right:2px solid #fff;}
/*---- sample-projects.html ----*/
#info {height:0;margin:0; padding:0;}
a.lightbox {margin:0; padding:0;}
a.lightbox img {border:1px solid #fff; border-collapse:collapse; height:188px; width:230px; margin:0; padding:0;}
#video { margin: 10px 10px 5px 280px; float:left;}
.video {float:left; margin:5px;}
.video img { border:none;}

/*---- qualifications.html ----*/
.portrait {margin:0px 20px 0 40px;}
#qualifications #textBox {height:252px; margin-top:0; padding:0px 20px 10px 20px; width:526px;}
#qualifications #textBox p {margin-top:0;}
#quallist {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:20px;}
#quallist li {margin:7px 0;}
.resume {margin:0 0 0 340px;}
.resume img {border:none; margin-top:20px;}

/*---- contact.html ----*/
#team {margin:0px 20px 0px 40px; float:left;}
#contact #textBox { height:400px; margin-top:0; padding:10px 20px; width:240px; float:left;}
#contact #textBox p {line-height:1.4em;}

/*---- login.php ----*/
#protected-access #textBox, #product-development #textBox  { height:300px; margin:0px auto; padding:0 70px; width:362px;}
#login2 {margin:00px 0 0 20px;}
#nameField {margin-top:40px;}

/*----- gallery ----*/
/*.galleria {list-style:none;width:700px; background:url(img/index/textBox.png) repeat; padding:10px; height:364px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} 
ul.gallery {margin-left:-10px; background:none;}
.galleria_wrapper {text-align:center;}*/

/* ==== FOOTER ==== */
/*---- bottomNav ----*/
#bottomNav {position:absolute; bottom:10px; left:170px; width:100%; text-align:center;}
#bottomNav ul {list-style:none;}
#bottomNav li {color:#FFF; float:left; margin:0 10px;}
#bottomNav li a {font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; color:#4968B1;}
#bottomNav li a.select {color:#FFF;}
#bottomNav li a:hover {color:#fff;}

/*---- footer ----*/
#footer {margin:0 auto; padding:0; width:1000px; text-align:center;}
#footer p {font-size:10px; color:#888;}