/******* Common Style Elements *******/

@import url("reset.css");

body {
	font-family: Century Gothic, Apple Gothic, "Futura", sans-serif;
	background-color: #262626;
	letter-spacing:0.3px;
	line-height: 135%;
	color: #777777;
	font-size: 12px;
}

img {
	border-style: none;
	margin: 0px;
	padding: 0px;
}

.bold {
	font-weight: bold;
	font-size: 105%;
}

.red {
	color: red;
}

/* Set same as BG otherwise get flash of foreground colour */
#fade {
	color: #262626;
}

p {
	margin-bottom: 10px;
}

/*
p + p {
	text-indent: 3em;
}
*/

a, a:link, a:visited {
	color: #999999;
	text-decoration: none;
}

#header {
	margin: 80px 0px 50px 61px;
}

#header h1 {
	display: block;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0;
	line-height: 1em;
	margin: 0;
	padding: 0;
	color: white;
	letter-spacing:1px;
	text-align: left;
	background: none;
}

#header a, #header a:visited, #header a:link {
	color: white;
}

#footer {
	border-top:1px solid #444444;
	margin: 100px 65px 30px 65px;
	padding-top: 20px;
	color: #777777;
	font-size: 11px;
	overflow: hidden;
}

#footer .left {
	float: left;
	width: 60%;
	text-align: left;
}

#footer ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

#footer .right {
	float: right;
	width: 30%;
	text-align: right;
}

#footer .right p {
	text-align: right;
}

#footer h5 {
	font-size: 11px;
	margin-bottom: 10px;
	color: #c80000;
}

#main {
	margin: 0px 65px 20px 65px;
	overflow: hidden;
	position: relative;
	display: block;
}

#Only800 {
	width: 800px;
}

/******* Main Page Elements *******/

.squares {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 40px -40px 0px 0px;
	overflow: hidden;
	padding: 0;
	text-align: left;
}

.squares li {
	float: left;
	font-size: 12px;
	height: 170px;
	overflow: hidden;
	padding: 0px 40px 50px 0px;
	width: 240px;
}

.thumbnail {
	clear: both;
	display: inline-block;
	height: 110px;
	background: url("../img/dropshadow.png") no-repeat bottom left; 
}

.squares h3 {
	font-size: 13px;
	font-weight: normal;
	line-height: 1em;
	margin: -10px 0 1px 8px;
}

.squares h3 a, .squares h3 a:link, .squares h3 a:visited {
	color: #999999;
	text-decoration: none;
}

.summary {
	font-size: 11px;
	margin: 4px 8px 0px 8px;
	background: url('../img/fadeout.png') no-repeat top right;
	padding-top:8px;
}

/******* Sub Page Elements *******/

h1 {
	text-align: left;
	font-variant: small-caps;
	font-size: 15pt;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	color: white;
	/*letter-spacing: 7px;*/
	letter-spacing: 0;
	font-weight: normal;
	background: url('../img/fadeout.png') no-repeat bottom right;
	clear:both;
}

h2 {
	text-align: left;
	font-size: 12pt;
	margin: 0px 0px 15px 0px;
	padding: 30px 0px 4px 0px;
	color: white;
	/*letter-spacing: 3px;*/
	letter-spacing: 0;
	font-weight: normal;
	background: url('../img/fadeout.png') no-repeat bottom right;
	clear:both;
}

.dataentry {
	width: 600px;
}

/******* Galleria *******/
#main_image {
	margin:0 auto 60px auto;
	height:438px;
	width:700px;
	background:black;
}

#main_image img {
	margin-bottom:10px;
}
	
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

.galleria{list-style:none;width:100%;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin: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} /* MSIE bug */

#demo {
	width:700px;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/******* Galley *******/
.gallery {
	margin: 0 auto;
}

#main_image1 {
	width: 600px;
	height: 600px;
	background-color: black;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.gallery img {
	margin: 0px auto;
	z-index: 2;
}

.thumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.thumbs li {
	border: 0;
	display:block;
	float: left;
}

.gallery h5 {
		margin: 0 auto;
		z-index: 3;
		position:absolute;
		background:#262626 no-repeat 90%;
		opacity: .7;
}