/*-----------------------------------------------------------------------------
Georgina Giles Screen Stylesheet

version:   1.0
date:      May 2009
author:    Matthew Cleveland
email:     mail@matthewcleveland.co.uk

website:   http://www.matthewcleveland.co.uk

version history: 1.0
-----------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------
	Remove default margin, padding and border
--------------------------------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

* a {
	text-decoration:none;
	color:#000000;
}

* a:hover {
	text-decoration:none;
	color:#ffffff;
}

* a:active { 
	text-decoration:underline;
	color:#ffffff;
}

* a:focus {
	-moz-outline-style: none; 
}

/*--------------------------------------------------------------------------------------------------------------
	Typography
--------------------------------------------------------------------------------------------------------------*/

h1
	{
	font-size: 2.8em; /* Equivalent to 28pt */
}
	
h2
	{
	font-size: 2.0em; /* Equivalent to 20pt */
}
	
h3
	{
	font-size: 1.3em; /* Equivalent to 13pt */
}
	
h4
	{
	font-size: 1.2em; /* Equivalent to 12pt */
}
	
h5
	{
	font-size: 1.0em; /* Equivalent to 10pt */
}
	
p, q, cite
	{
	font-size: 1.2em; /* Equivalent to 12pt */
}

ul, ol, dl
	{
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}

li, dd, dt
	{
	font-size: 1.2em; /* Equivalent to 12pt */	
}


/*--------------------------------------------------------------------------------------------------------------
	Body and Container Appearance
--------------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.5  Georgia, "Times New Roman", serif;
	background-color:#F2F2F2;
	color: #000000;	
	text-align:center;
}

#container { 
	width: 700px;
	height: 520px;
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	margin-top:20px;
	border: 1px solid #403E3F; 
	background-color: #D9D9D9;
	position:relative;
}


/*--------------------------------------------------------------------------------------------------------------
	Navigation
--------------------------------------------------------------------------------------------------------------*/

ul#nav-bar {
	list-style-type:none;
	position:absolute;
	left:30px;
	top:47px;
}

ul#nav-bar li {
	list-style:none;
	margin-right:15px;
	font-size:11px;
	text-transform:uppercase;
	display:inline;
}


ul#nav-bar li a {
	text-decoration:none;
	color:#000000;
}

ul#nav-bar li a:hover {
	text-decoration:none;
	color:#ffffff;
}

ul#nav-bar li a:active { 
	text-decoration:underline;
	color:#ffffff;
}

ul#nav-bar li a:focus {
	-moz-outline-style: none; 
}


/*--------------------------------------------------------------------------------------------------------------
	Header
--------------------------------------------------------------------------------------------------------------*/

#header {
	height:80px;
	background-color:#a6a6a6;
	border-bottom:1px solid #F2F2F2;
}

#heading-text {
	position:absolute;
	left:30px;
	top:15px;
}


/*--------------------------------------------------------------------------------------------------------------
	Content
--------------------------------------------------------------------------------------------------------------*/

#content {
	margin-top:20px;
	margin-bottom:10px;
}


/*--------------------------------------------------------------------------------------------------------------
	Coloumn One
--------------------------------------------------------------------------------------------------------------*/

.column1 {
	float:left;
	width:220px;
	height:355px;
	margin-left:30px;
	margin-right:30px;
}


/*------------------------------------------
	Column Title
------------------------------------------*/

#div-title {
	height:36px;
	width:220px;
	float:left;
}


/*------------------------------------------
	Gallery Title List Properties
------------------------------------------*/

#gallery-page-titles {
	height:284px;
	width:220px;
	float:left;
}

ul.gallery-links {
	list-style-type:none;
}

ul.gallery-links li {
	list-style:none;
	padding-top:10px;
}


/*------------------------------------------
	Gallery Thumnail Properties
------------------------------------------*/

#thumbnail {
	border:1px solid #757575;
}

#div-thumb-row1 {
	height:92px;
	width:220px;
	float:left;
}

#div-thumb-row2 {
	height:92px;
	width:220px;
	float:left;
}

#div-thumb-row3 {
	height:92px;
	width:220px;
	float:left;
}

ul.thumbnails {
	list-style-type:none;
}

ul.thumbnails li {
	list-style:none;
	max-width:50px;
	margin-right:10px;
	font-size:11px;
	text-transform:uppercase;
	display:inline;
}

ul.thumbnails li a {
	text-decoration:none;
	color:#000000;
}

ul.thumbnails li a:hover {
	text-decoration:none;
	color:#ffffff;
}

ul.thumbnails li a:active {
	text-decoration:underline;
	color:#ffffff;
}

ul.thumbnails li a:focus {
	-moz-outline-style: none; 
}


/*------------------------------------------
	Gallery Sub Link Properties
------------------------------------------*/

#div-lower-links {
	height:42px;
	width:220px;
	float:left;
}

ul.sub-links-list {
	list-style-type:none;
	position:absolute;
	line-height:11px;
}


ul.sub-links-list li {
	list-style:none;
	padding-top:10px;
}


/*--------------------------------------------------------------------------------------------------------------
	Coloumn Two - Main Image
--------------------------------------------------------------------------------------------------------------*/

.column2 {
	float:left;
	width:408px;
	margin-right:10px;
	margin-top:38px;
}

/*------------------------------------------
	Gallery
------------------------------------------*/

#content ul {
	list-style-type: none;
	height: 1%; /* IE fix */
}

#content ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}            

/*------------------------------------------
	Main Image Display
------------------------------------------*/

#content .column2 {
	overflow: hidden;
}

#content .column2 ul {
	width: 3672px;
}

#content .column2 li {
	width: 408px;
	float: left;
}

#content .column2 h3 {
	font-family:"Courier New", Georgia, "Times New Roman", serif;
	font-weight:normal;
	line-height:22px;
	margin-bottom:11px;
}

#content .column2 p {
	font-family:"Lucida Sans", "Trebuchet MS", sans-serif;
	margin-top:6px;
	padding-right:50px;
	font-size:11px;
	letter-spacing:1px;
	color:#403E3F;
	line-height:20px;
	text-align:justify;
}

/*--------------------------------------------------------------------------------------------------------------
	Footer
--------------------------------------------------------------------------------------------------------------*/

#footer {
	clear:both;
	color:#aeaeae;
	text-transform:uppercase;
}

#copyright-content {
	font-size:9px;
	position:absolute;
	right:10px;
	bottom:5px; 
}

#copyright-site {
	font-size:9px;
	position:absolute;
	left:10px;
	bottom:5px; 
}

#copyright-site a {
	text-decoration:none;
	color:#868686;
}

#copyright-site a:hover {
	text-decoration:none;
	color:#000000;
}

#copyright-site a:active {
	text-decoration:underline;
	color:#000000;
}

/*--------------------------------------------------------------------------------------------------------------
	Index
--------------------------------------------------------------------------------------------------------------*/


#div-index {
	margin-left:24px;
}

#div-index img {
	border:1px solid #757575;
}