/* ----------------------------------------------------/
basic stylesheet for Eye Gallery pages  

(c) 2008 EyeDivision www.eyedivision.co.uk 
info@eyedivision.co.uk 
/-----------------------------------------------------*/


html { 
	height:100%;
	margin:0px;
	padding:0px;
}

body {
	position:relative;
	font-family: "Century Gothic", verdana, helvetica, arial, sans-serif;
	font-size:1em;
	line-height:2em;
	margin:0px;
	color:#333;
	text-align:center;
	height:100%;
	padding:0;
	width: 100%;
	background-color:#FFF;
}

#container {	
	line-height:130%;
	text-align:center;
	margin:0px auto;
	padding:0px;
	width:900px;
	background-color:#FFF;
}
#left {
	float:left;
	width:450px;
}

#right{
	padding-top:290px;
	float:left;
	width:450px;
}

#content {	
	padding:0px;
	margin:0px;	
	line-height:130%;
	font-size:small;
	text-align:left;
	clear:both;
}

a {  border:none; font-weight:bold; }
a:link { color:#333; text-decoration: none; }
a:visited { color:#666;  text-decoration: none;  }
a:hover { color:#CCC;  text-decoration: none; }
a:active { color:#999; text-decoration: none; }

/* styled header logo */
#header {
	width:550px;
	height:56px; 
	background-color:#FFF; 
	color:#000;
	padding:0px;
	margin: 0 auto;
	float:left;
}
#logo {
	width:550px;
	margin: 0 auto;
	padding:0px;
}

h1 a {
	text-align:left;
	display: block;	
	width:424px;
	height:56px;
	padding:0px;
	background: transparent url("/images/header.gif") no-repeat 0% 0%;
}
h1 a:hover {
	background: transparent url("/images/header.gif") no-repeat 0% 0%;
	text-decoration: none;
}
#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
	border: none;
}

h1	{
	text-indent: -9999px;
	border: none;
	padding:0px;
	/*background: transparent url("/images/header.gif") no-repeat 0% 0%;	*/
}

/* top navigation - goes on right of header*/
#topnav { 
	font-size:small; 
	padding:10px 0px 3px 10px; 
	margin:10px 0px 3px 10px;
	line-height:140%;
	letter-spacing:0.2em;
	text-align:right;
}
#topnav ul {
	margin-left:40px;
	padding:3px 0;
	font: bold 12px Verdana, sans-serif;
}
#topnav ul li {
	list-style: none;
	margin:0px 5px 5px 0px;
	display:inline;
}
#topnav ul li a {
	padding: 3px 0.5em;
	margin-left: 0px;
	background: #FFF;
	text-decoration:none;
}
#topnav ul li a:link {
	color:#000;
}
#topnav ul li a:visited {
	color:#666;
}
#topnav ul li a:link:hover, #topnav ul li a:visited:hover {
	color:#000;
}
#topnav ul li a#current {
	background:white;
	font-weight:bold;
	color:#000;
}

b, strong { font-weight: 900; }

li, ul, ol {  
	font-style: normal; 
	font-weight: normal; 
}

.small { font-size: 10px; }

h1 {
	font-size: 2em;
	font-weight:normal;
	margin-top: 4px;
	text-align:center;
}

#credits {
	/* clear:left; */
	font-size:x-small;
	padding-top:25px;
	padding-bottom:25px;
	letter-spacing:normal;
}
#credits A IMG, #credits A:link {
	border:none;
}


.grey {
	color:#666;
}

#images { padding-top:2em; text-align:center; margin:0 auto;}
td.thumb { vertical-align:top; }

td.thumb img { border:none; text-decoration:none; }
.detail { padding-top:2em; margin:0 auto; text-align:center;} 
.pagination { padding:1em 0; }
.detailsText { padding:1em 0; }
/* form stuff - see http://www.websiteoptimization.com/speed/tweak/forms/ */

form { 
	/*font-size : 1em; */
	text-align:right;
	margin:25px auto;
	width:580px;
}

form.contact {
	padding-top:40px;
}
select {
	/*width: 200px;*/
	text-align: left;	
}

fieldset { 
	padding : 10px;
	margin: 0px;
	border-color:#CCC;
	border-style: solid;
	border-width: 1px;
} 
legend {
	color:#000;
}
form br {
	clear: left;
}

label { 	
	display : block; 
	float: left;
	width: 150px;
	padding: 0px;
	text-align:right;
	margin : 5px 0px 0px; 
}

textarea { 
	overflow: auto; 
	border:#FF9900 1px solid;
	background:#FFF;
}
input {
	border:#FF9900 1px solid;
	background:#FFF;
}
input:focus {
	background:#FFFFCC;
}
textarea:focus {
	background:#FFFFCC;
}
/* end form stuff */