/* v1.0 | 20080212 - eric meyer reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* hacks */

.clearfix {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/* lay-out */

body {
	width:100%;
	height:100%;
	font-size:100%;
	font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	color:#666;
	background-image:url(../../img/floral_wallpaper_by_gtsat_5.png)
	
}

a {
	color:#666666;
	text-decoration:underline;
}

/* header */

#wrapper {
	width:748px;
	height:700px;
	height:auto;
	margin:0 auto;
	padding-top:1.5em;
	background-color:#FFF;
}


	#wrapper h1 {
		width:750px;
		font-size:3.25em;
		/*margin-left:0.25em;*/
		padding-top:0.5em;
		padding-bottom:0.75em;
		text-indent:0.5em;
		color:#000;
	}
	
	#wrapper h2 {
			font-size:2em;
			margin-top:0.50em;
			float:left;
		}


	#wrapper ul {
		display:block;
		position:relative;
		float:right;
		width:15em;
		margin-bottom:2em;
		margin-top:-1.5em;
		margin-right:1.1em;
		background-color:#fff;
		
	}
		#wrapper ul li {
			position:relative;
			display:block;
			float:left;
		}
		#wrapper ul li a,
		#wrapper ul li a:link,
		#wrapper ul li a:active,
		#wrapper ul li a:visited {
			display:block;
			float:left;
			font-size:0.85em;
			line-height:1.7em;
			color:#666;
			text-decoration:none;
			padding-right:0.8em;
			padding-left:0.8em;
			cursor:pointer;
		}
	
		#wrapper ul li a.selected,
		#wrapper ul li a:hover {
			color:#fff;
			background-color:#000;
			text-decoration:none;
		}

	
/* footer */

#footer {
	width:750px;
	font-size:0.8em;
	padding-top:1em;
	padding-left:1em;
	margin-bottom:5em;
}
		#footer p {
			float:left;
			padding-top:1em;
			padding-bottom:0.5em;
			margin-left:-1em;
		}
		#footer p a,
		#footer p a:link,
		#footer p a:visited,
		#footer p a:active {
			color:#666666;
			text-decoration:none;
			cursor:pointer;
		}
		
		#footer p a:hover {
			text-decoration:underline;
			cursor:pointer;
		}
		
.copy {
	margin-right:26.5em;
}

/* photo-gallery */

#section-photo-main {
	clear:both;
	width:740px;
	height:10px;
	min-height:10px;
	height:auto !important;
	overflow:auto;
	margin-bottom:1em;
}

	ul#left-navi {
		position:relative;
		float:left;
		width:10em;
		margin:0;
		padding:0;
		padding-left:1em;
		padding-top:1.05em;
	}
	
		ul#left-navi li {
			width:10em;
		}
		
		ul#left-navi li a,
		ul#left-navi li a:link,
		ul#left-navi li a:visited,
		ul#left-navi li a:active {
			font-size:0.85em;
			color:#333;
			cursor:pointer;	
		}
	
	ul#left-navi li a.current,
	ul#left-navi li a:hover {
		color:#666;
		background-color:#CCCCCC;
		width:10em;
		text-decoration:none;
	}

#section-text {
	display:block;
	float:left;
	width:17em;
	margin-left:1em;
	margin-right:1.5em;
	margin-top:0.75em;
	
}

#section-text h3 {
		font-size:1.5em;
		padding-top:0.1em;
	}

#section-text p {
		line-height:1.25em;
		margin-top:1em;
		font-size:0.8em;
	}


#section-thumbnail {
	display:block;
	float:left;
	width:240px;
	padding-bottom:1em;
	margin-left:0.75em;
	margin-top:0.5em;
	background-color:#FFF;
	overflow:auto;
}
	
	#section-thumbnail p a,
	#section-thumbnail p a:link,
	#section-thumbnail p a:visited,
	#section-thumbnail p a:active {
		position:relative;
		float:right;
		width:4.5em;
		font-size:0.9em;
		color:#666;
		text-decoration:none;
	}

.thumbnails {
	display:block;
	float:left;
}

	.thumbnails img {	
		background-color:#F2F2F2;
		padding:0.5em;
		margin:0.5em 0.5em 0 0;
		border:1px solid #CCC;
	}

/* about */

	#section-about h3 {
		width:17em;
		text-indent:1.75em;
	}
	
	#section-about p {
		width:34em;
		float:left;
		margin-left:2.3em;
		margin-right:1.3em;
		margin-top:0.5em;
		font-size:0.8em;
		line-height:1.25em;
		
	}

	ul.exhibition li {
		float:left;
		font-size:0.8em;
		line-height:1.25em;
		margin-top:0.5em;
	}
		.exhibition li strong{
			font-size:1.3em;
			padding-right:8em;
		}
		
		#section-about ul.exhibition li a,
		#section-about ul.exhibition li a:link,
		#section-about ul.exhibition li a:visited,
		#section-about ul.exhibition li a:active,
		#section-about ul.exhibition li a:hover {
			font-size:1em;
			text-decoration:underline;
			background-color:none;
			margin:0;
			padding:0;
		}
	
	#section-text p.font-small {
		font-size:0.7em;
	}

/* contact form */

#contact-container {
	width:25em;
	color:#FFF;
	z-index:100;
	margin-bottom:3em;
	margin-left:1em;
}

#contact-form {
	width:25em;
	/*height:20em;*/
	background-color:#000;
	padding:1.5em 1em 1.5em 1em;
}
	#contact-form legend {
		font-weigth:bold;
	}

	#contact-form fieldset {
		padding:1.5em;
		border::none;
		font-size:0.8em;
	}
	#contact-form label {
		display:block;
	}
	#contact-form input[type=text] {
		display:block;
		border:1px solid #666;
		width:100%;
		height:2em;
		margin-bottom:10px;
		margin-top:10px;
	}
	#contact-form textarea {
		display:block;
		border:1px solid #666;
		margin-top:10px;
		width:100%;
	}
	#contact-form input[type=submit] {
		margin-top:20px;
		margin-left:15px;
	}
	#message-sent {
		color:#fff;
		float:right;
	}

/**** contact page *****/

.secion-contact {
		margin-bottom:2em;
	}

.section-contact h3 {
	width:675px;
	padding-left:0.5em;
	padding-bottom:0.5em;
}

#contact-form p {
	font-size:16px;
	padding: 20px 20px 20px 20px;
	color:#000;
}