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

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

a {color:#FFFFFF; text-decoration:underline;}
a:hover {color:#CCCCCC; text-decoration:none;}

a.navigation:link {color:#CCCCCC; text-decoration:none;}
a.navigation:visited {color:#CCCCCC; text-decoration:none;}
a.navigation:hover {color:#FFFFFF; text-decoration:none;}
a.navigation:active {color:#FFFFFF; text-decoration:none;}

body {background:#000000 url(../images/brooklyn-bridge.jpg) no-repeat fixed top left;	font:12px Verdana, Arial, Helvetica, sans-serif;	margin:0;}
#button {	background-color:#CCCCCC;	border:thin solid #CCCCCC;	color:#666666;	font:bold 12px Verdana, Arial, Helvetica, sans-serif;	margin-right:2px;}
#contact {	float:right;	width:255px;}
#content {	position:absolute;	top:170px;	left:30px;	width:533px;	color:#FFFFFF;	padding:9px;	padding-top:0px;	border:1px solid #CCCCCC;	min-height:250px;
						max-height:330px;	overflow:auto;}
.field {	width:250px;	font:14px Verdana, Arial, Helvetica, sans-serif;	color:#666666;	background-color:#CCCCCC;}
#footer {	font-size:10px;	color:#FFFFFF;	position: absolute;	bottom:10px;	left:330px;	width:500px;}
#form {	border-right:1px solid #CCCCCC;	padding-right:9px;	width:256px;}
h1 {	color:#CCCCCC;	font-size:22px;}
h2 {	color:#CCCCCC;	font-size:17px;}
h3 {	font-size:14px;}
#navigation {	position:absolute;	top:161px;	left:545px;	font:bold 14px Verdana, Arial, Helvetica, sans-serif;	color:#CCCCCC;}
.navigation {	list-style-type:none;	padding:5px;}
#portfolio img {	border:solid 2px #CCCCCC;}
#portfolio li {float:left; margin-right:33px; display:block; width:125px; height:125px;}
.small {	font-size:10px;}