/***** Global Settings *****/

@import url(reset.css);

body {	background: black;
	background: url('../images/bg.png');
	font-size: 12px;
	color: #77bbdd;
	}

/***** Font Styles *****/

a 	{ color: #44aaff; }
a:hover { color: #ffcc33; }
p	{ padding: 6px; }

/***** Blueprint *****/

.prototip { 
	position: absolute; 
}

.prototip .silver { 
	background: url('../images/comment.png');
	background-repeat: no-repeat;
	width: 332px;
	height: 42px; 
	font-family: 'Palatino Linotype', "Palatino", serif;
	font-weight: bold;
	font-size: 20px;
	color: #bbddee;
}
.prototip .silver .content { 
	text-align: left; 
	padding: 4px 0 0 12px;
}

h3 {
	font-size: 27px;
	line-height: 25px;
}

.prototip .silver .content h3 {  float: left; }
.prototip .silver .content h5 {  float: left; font-size: 15px; padding-top: 4px; }

.prototip .silver .content b { 	float: right; padding: 6px 12px 0 0; font-size: 17px;  }


area {
	display: block;
}

a area {
	display: block;
	background: red;
}

h4  { 	position: relative;
	font-family: 'Palatino Linotype', "Palatino", serif;
	font-weight: bold;
	font-size: 25px;
	color: #bbddee;
	padding: 4px 2px 2px 12px; }
	
/***** Layout Elements (from top left to bottom right) - for 1024px width *****/

#container {
	position: relative;
	top: 0px;
	margin: 0 auto;
	width: 967px;
	min-height: 100%;
	}


#header a {
	position: absolute;
	top: -86px;
	width: 360px;
	height: 84px;
	margin-left: 3px;
	background: url('../images/logo.gif'); 
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
}

#header a:hover {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}

#content { 
	margin-top: 82px;
	width: 975px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	min-height: 600px;
	}
	
#whoweare {
	float: left;
	margin-top: 5px;
	width: 340px;
	height: 300px;
	display: block;
	background: url('../images/whoweare.gif'); 
	background-repeat: no-repeat;
	padding: 10px;
	padding-top: 40px;
}

#projects {
	position: relative;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	width: 589px;
	height: 228px;
	display: block;
	background: url('../images/projects-bg.gif'); 
	background-repeat: no-repeat;
}

#projects #big {
	position: absolute;
	left: 13px;
	top: 4px;
}

#projects #big a img {	filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
}

#projects #big a:hover img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}

#projects #small {
	position: absolute;
	left: 264px;
	top: 31px;
}

#projects #small p { padding: 0; padding-left: 1px; }
#projects #small b { font-weight: none; font-size: 9px; float: right; margin-top: 3px; }
#projects #small a { color: white; font-size: 11px; }
#projects #small a:hover { color: #ffcc33; }
#projects #small a img { border: 3px white solid; margin: 2px 2px 1px 0; }
#projects #small a:hover img { border: 3px #ffcc33 solid;}
#projects #small1 { float: left; margin-right: 6px; }
#projects #small2 { float: left; }

#projects #small #button a { 
	position: absolute;
	top: 142px;
	left: 13px;
	display:block; 
	width: 310px; 
	height: 40px;  }


#news {
	margin-top: 225px;
	background: #19354c;
	margin-left: 365px;
	width: 587px;
	border-bottom: 1px solid #001122;
}

#news hr {
	margin: 2px auto 12px auto;
	padding: 0;
	width: 100%;
	background: white; 
	border: 0;
	border-bottom: 1px solid #336699;
}

#news h3 { 	font-size: 12px; line-height: 10px; color: #5599ff; font-weight: bold; }

#news h2 { font-size: 24px;}

#news #details { float: right; margin-top: -40px;  }

#news span a {
	display: block;
	width: 311px;
	height: 43px;
	margin-left: 3px;
	background: url('../images/view-news.gif'); 
	float: right;
}

#rightside {  display: block; width: 300px; float: right; height: 500px; border: 0; position: relative; top: -120px; left: -50px;   }

#rightside h2 { font-size: 25px; font-family: arial; }


#content #work {
	margin-top: 5px;
	margin-left: -1px;
}

#content #work #left {
	width: 480px;
	height: 100%;
	float: left;
}

#content #work #right {
	width: 480px;
	height: 100%;
	float: left;
}

	
#content #work a img {
	margin: 1px;
	padding: 0;
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
}

#content #work a:hover img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}

#bar {
	background: url('../images/bar.png'); 
	width: 934px;
	height: 95px;
	padding: 20px 10px;
	font-family: 'Palatino Linotype', "Palatino", serif;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: -75px;
}

#bar #right a {
	margin-top: -25px;
	font-size: 14px;
	float: right;
}

#bar span a {
	float: left;
	font: 14px tahoma, sans-serif;
	padding: 5px 12px;
	margin: 0;
	margin-right: 1px;
	color: #aaddff;
	background: #001133;
	filter:alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;
}

#bar span a:hover {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}

#bar span #break {
	float: left;
	margin-top: 4px;
	background: url('../images/break.gif'); 
	height: 20px;
	width: 20px;
}

#bar img { 
	margin-right: -6px;
}

#project {
	width: 952px;
}

#project #desc {
	border-bottom: 1px solid #aaddff;
	margin-bottom: 8px;
	line-height: 17px;
	min-height: 136px;
}

#project #desc p { color: #bbeeff; }

#gallery {
	width: 952px;
	border-bottom: 1px solid #aaddff;
	padding-bottom: 10px;
	margin-bottom: 8px;
}


#gallery a img {
	border: 3px solid white;
	margin: 3px;
}

#gallery a:hover img {
	border: 3px solid #ffcc33;
}

#gallery h2 {
	margin-bottom: 6px;
}

#footer {
	position: relative;
	bottom: 1px;
	width: 961px;
	height: 82px;
	}
	
#footer a { 
	width: 332px;
	height: 42px;
	display: block;
	background: url('../images/fpsphoto.png'); 
	position: absolute;
	right: 0px;
	top: 20px;
	}

#footer #copyright {
	width: 350px;
	height: 47px;
	display: block;
	color: #77bbdd;
	position: absolute;
	left: 140px;
	top: 30px;
 }

#footer #green a {
	width: 74px;
	height: 81px;
	display: block;
	background: url('../images/green-member.png'); 
	position: absolute;
	left: 8px;
	top: 0;
 }
	
/***** Navbar *****/

#navbar {
	position: absolute;
	top: -65px;
	left: 432px;
	width: 518px;
	height: 47px;
	display: block;
	background: url('../images/navbar2.png'); 
}

#navbar div a {
	position: absolute;
	height: 47px;
	display: block;
	background: url('../images/navbar2.png'); 
}

#navbar #home a {
	width: 85px;
}

#navbar #home a:hover {
	background-position:  0 -47px;
}

#navbar #res a {
	left: 85px;
	width: 95px;
	background-position:  -85px 0px;
}

#navbar #res a:hover {
	background-position:  -85px -47px;
}

#navbar #comm a {
	left: 180px;
	width: 135px;
	background-position:  -180px 0px;
}

#navbar #comm a:hover {
	background-position:  -180px -47px;
}

#navbar #about a {
	left: 315px;
	width: 100px;
	background-position:  -315px 0px;
}

#navbar #about a:hover {
	background-position:  -315px -47px;
}

#navbar #contact a {
	left: 415px;
	width: 100px;
	background-position:  -415px 0px;
}

#navbar #contact a:hover {
	background-position:  -415px -47px;
}

/***** Dropdown *****/

#dropdown {
	position: absolute;
	top: -77px;
	left: 517px;
	width: 95px;
	height: 47px;
	display: block;
}

.dropdown { float:left; font-size: 12px; }

.dropdown dt {
	height: 47px;
	display: block;
	background: url('../images/navbar2.png'); 
	width: 95px;
	background-position:  -85px 0px;
	cursor: crosshair;
}
.dropdown dt:hover { background-position:  -85px -47px; }
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#19354c; z-index:200; opacity:0}
.dropdown ul {padding: 0; margin: 0; width:204px; border:1px solid #19354c; list-style:none; border-top:none}
.dropdown li {padding: 0; margin: 0; display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {
	display:block; 
	padding:9px; 
	text-decoration:none; 
	width:194px;
	background-position: center center;
	background-image:  url('../images/bg.png');
	color: #77bbdd;
	}
.dropdown a:hover { background:#dddddd; color:black; }
.dropdown .underline { border-bottom:1px solid #19354c; }