html, body {
	overflow:hidden;
	height:100%;
}
body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}

a img{
	border:0 none;
}


a:link {
	text-decoration: underline;
	color: #000;
}
a:visited {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: underline;
	color: #F00;
}



:focus { 
    outline: none; 
	
}

.link {
	cursor:pointer;
	float:left;
	text-decoration: underline;	
	
}

.link:hover {
	text-decoration: none;	
	
}




.nav a:link {
	text-decoration: none;
	color: #000;
}
.nav a:visited {
	text-decoration: none;
	color: #000;
}
.nav a:hover {
	text-decoration: underline;
	color: #000;
}
.nav a:active {
	text-decoration: none;
}



.toptext a:link {
	text-decoration: underline;
	color: #000;
}
.toptext a:visited {
	text-decoration: underline;
	color: #000;
}
.toptext a:hover {
	text-decoration: none;
	color: #000;
}
.toptext a:active {
	text-decoration: underline;
}



.colophon a:link {
	text-decoration: none;
	color: #000;
}
.colophon a:visited {
	text-decoration: none;
	color: #000;
}
.colophon a:hover {
	text-decoration: underline;
	color: #000;
}
.colophon a:active {
	text-decoration: none;
}



	

   


h1 {
	font-variant: small-caps;
	text-align: center;
	font-size: 180%;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}


p{
	margin:0px;
	
}

.cursor{
   cursor:pointer;	
}

#content {
	background-color: #AAAAAA;
	padding: 3em;
	margin:0.2em 2em;
}



#mainscroll, .detail{
/*float:left;*/
width:100%;
height: 386px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
top:95px;
left:0;
position: absolute;
background-color: #fff;
}


.contentcontainer {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
position: relative;
}

.project{
	position:relative;
	width:230px;
	background:#ffffff;
}
.project img, .project div.loadingProject{
	height:230px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin-top:0;
}
.loadingProject{
	background:#e3e3e3 url("images/projectloader.gif") no-repeat center center;
}
.project div{
	display:block;
	margin-top:240px;
}

.content {
	margin :30px;
}

.header {
	width:100%;
	min-width:1000px;
	float:left;
	margin-top:25px;
	margin-left:31px;
	margin-bottom:20px;
	display:inline;
	
}

.logoloader{
	position:absolute;
	top:25px;
	left:31px;
	
}

.logo {
	float:left;
	width: 230px;
}

.nav {
	margin-top:8px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#000;
	font-style:italic;
	
	
}

.toptext {
	margin-top:3px;
	line-height:13px;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	float:left;
	width:230px;
	
}


.project {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style:italic;
	
}

.projectText {
	background:#efefef;
	padding:20px;
	float:left;
	width: 590px;
	height:405px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-style: normal;
}
.projectText h2{
	font-size: 25px;
	/*font-style:italic;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	font-weight:normal;
	margin:0;
	padding:0
}
.projectText p{
	margin:5px 0;
}

.detail {
	margin-top:-1000%;
	height: 500px !important;
}

.bigimage {
	float:left;
	
}

.colophon {
	right:10px;
	bottom: 5px;
	position:fixed;
	z-index:2000;
	margin-top:3px;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	
	
}

.ieerror{
	left:30px;
	top:134px;
	position:absolute;
	width:450px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	
}

.loading{
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:9000;
	
}


.crosszone{
	
}



.cross{
	position:fixed !important;
	position:absolute;
	width:21px;
	height:21px;
	margin-top:3px;
	left:33px;
	z-index:1000;
	display:none;
	opacity:0;
	
}


/* Add 630 for every extra image.
*/
.images_12{
	width:8880px;
}

.images_11{
	width:8250px;
}

.images_10{
	width:7620px;
}

.images_9{
	width:6990px;
}

.images_8{
	width:6360px;
}
.images_7{
	width:5100px;
}

.images_6{
	width:4470px;
}

.images_5{
	width:3840px;
}

.images_4{
	width:3210px;
}

.images_3{
	width:2580px;
}

.images_2{
	width:1950px;
}

.images_1{
	width:1320px;
}
#emailForm p{
	margin-bottom:5px;
}
#email{
	background:#c6c7c7;
	border:0 none;
	color:#ffffff;
	padding:1px;
	height:16px;
	width:200px;
	font-size:95%;
}
#email, #emailSubmit{
	vertical-align:bottom;
}
.thanks{
	width:216px;
	height:16px;
	padding:1px;
	background:#c6c7c7;
}