/* Generic */
html { overflow : auto; }
body {
	font : 0.7em arial, helvetica, sans serif;
	color : #FFF;
	background : fixed #04152F url(../images/bkg.jpg) top repeat-x;
	text-align : center;
	margin : 0;
}
a { 
	color : #9AB4C9;
	text-decoration : none;
}
a:hover { color : #FFF; }
a.thumb {
	font-weight : bold;
	color : #FFF;
	text-decoration : none;
}
a.thumb:hover { color : #D1D1D1; }
.clear {
	clear : both;
	height : 0;
	font-size : 0;
	line-height : 0;
}
.back {
	float : right;
	font-weight : bold;
	margin-right : 10px;
}

/* Content */
.holder {
	position : relative;
	width : 600px;
	text-align : left;
	margin : 0 auto 0 auto;
}
h1 {
	font : bold 1.2em arial, verdana, sans-serif;
	margin : 0 0 12px 1px;
	text-transform : uppercase;
}
h2 {
	font : bold 1em arial, verdana, sans-serif;
	margin : 0 0 4px 0;
	text-transform : uppercase;
}

.portfolio-head {
	font-size : 0.9em;
	font-weight : bold;
	line-height : 2.5em;
	padding : 15px 0 15px 15px;
}
.portfolio-head img {
	float : right;
	margin-right : 10px;
}
.portfolio-head ul {
	padding : 0;
	margin : 0;
}
.portfolio-head li {
	float : left;
	list-style : none;
	padding : 0;
	margin : 0 9px 0 0;
}
.portfolio-head a { color : #FFF; }
.portfolio-head a:hover { color : #8DA8BB; }
.portfolio-name { margin : 10px 0 20px 205px; }

.content {
	width : 565px;
	padding : 20px 20px 20px 15px;
}
.content ul {
	padding : 0;
	margin : 0 0 0 2px;
}
.content li {
	background : url(../images/arrow.gif) left no-repeat;
	line-height : 1.6em;
	list-style : none;
	padding : 0 0 0 12px;
	margin : 0;
}
.content blockquote {
	font : 1.2em verdana, helvetica, sans-serif;
	line-height : 1.3em;
	padding-top : 4px;
}
.content blockquote span {
	font : 0.7em verdana, helvetica, sans-serif;
	line-height : 3em;
}

.flash {
	font-weight : bold;
	padding : 10px 0 0 18px;
}

/* Credits */
.sitecredits {
	width : 360px;
	text-align : left;
	margin : 110px auto 4px auto;
}
.credits {
	width : 100%;
	height : 220px;
}
.credit-content {
	position : relative;
	width : 400px;
	text-align : left;
	line-height : 1.15em;
	margin : 0 auto 0 auto;
}
.copy {
	position : absolute;
	top : 29px;
	left : 22px;
	width : 360px;
	z-index : 3;
}
.panel1 {
	position : absolute;
	top : 10px;
	left : 5px;
	width : 284px;
	height : 200px;
	z-index : 2;
}
.panel2 {
	position : absolute;
	top : 20px;
	left : 85px;
	width : 314px;
	height : 158px;
	z-index : 1;
}
.logo {
	width : 400px;
	text-align : right;
	padding : 8px 0 0 0;
	margin : 0 auto 0 auto;
}

/* Forms */
form { display : inline; }
input {
	font-size : 10px;
}