/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Normalises margin, padding */
body, div, dl, dt, dd, ul, ol, li, hi, h2, h3, h4, h5, h6, pre, form, fieldset,
input, p, blockquote, th, td
{ margin: 0; padding: 0; }

/* Normalises heading font sizes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Removes list-style for lists */
ol, ul
{ list-style: none; }

/* Normalises table borders */
table
{ border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Left-aligns text in caption and th */
{ text-align: left; }

/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }

body {
	font: 1em "Century Gothic", Verdana, Arial, sans-serif;
	background: #232136;
	color: #FFFFFF;
}

/* Wrapper */
#wrapper {
	width: 976px;
	margin: 1em auto 0em;
	background: #232136 url(../index-images/index-bg.jpg) no-repeat;
}

/* Header */
#header {
	width: 576px;
	text-align: center;
	color: #FFFFFF;
	margin-left: 400px;
	height: 130px;
	display: block;
}
#header #hdimage {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
#header p {
	padding-top: 0.25em;
	font-size: 70%;
	letter-spacing: 0.05em;
}

/* Start top nav */
#topnav {
	float: right;
	width: 65px;
	margin-top: 2px;
	position: relative;
}
#topnav li {
	height: 18px;
	width: 65px;
	display: block;
	margin-top: 8px;
	margin-bottom: 14px;
}
#topnav li span {			/* places the menu text outside the browser window */
	position: absolute;
	top: -800px;
}
li.home #homelink2, li.about #aboutlink, li.videos #videoslink {	/* Defines top menu size and base formatting */
	height: 18px;
	width: 65px;
	display: block;
}

/* Defines top menu background properties for links and visited links */
li.home a:link, li.home a:visited {
	background: url(../index-images/home-link.gif) no-repeat;
}
li.about a:link, li.about a:visited {
	background: url(../index-images/about-link.gif) no-repeat;
}
li.videos a:link, li.videos a:visited {
	background: url(../index-images/videos-link.gif) no-repeat;
}
/* Defines top menu background properties for hover and active links */
li.home a:hover, li.home a:active {
	background: url(../index-images/home-link-r.gif) no-repeat;
}
li.about a:hover, li.about a:active {
	background: url(../index-images/about-link-r.gif) no-repeat;
}
li.videos a:hover, li.videos a:active {
	background: url(../index-images/videos-link-r.gif) no-repeat;
}
/* End top nav */

#header a:link, #header a:visited {
	color: #ffffff;
}
#header a:hover, #header a:active {
	color: #80c7f9;
}
/* End Header */

/* Start main nav */
#mainnav {
	width: 576px;
	margin-top: 8px;
	margin-left: 400px;
}
#mainnav ul {
	position: relative;
	margin-left: 29px;
}
#mainnav li {
	width: 74px;
	font-size: 60%;
	float: left;
}
#mainnav li span {			/* places the menu text outside the browser window */
	position: absolute;
	top: -800px;
}
li.fountain #fountainlink, li.sculpture #sculpturelink,		/* Defines main menus' size and base formatting */
li.corporate #corporatelink, li.street #streetlink, li.casting #castinglink,
li.commissions #commissionslink, li.detail #detaillink {
	padding-top: 27px;
	display: block;
}

/* Defines main menus' background properties for links and visited links */
li.fountain a:link, li.fountain a:visited {
	background-image: url(../images/fountains-link.png);
	background-repeat: no-repeat;
}
li.sculpture a:link, li.sculpture a:visited {
	background: url(../images/sculpture-link.png) no-repeat;
}
li.corporate a:link, li.corporate a:visited {
	background: url(../images/corporate-link.png) no-repeat;
}
li.street a:link, li.street a:visited {
	background: url(../images/street-link.png) no-repeat;
}
li.casting a:link, li.casting a:visited {
	background: url(../images/casting-link.png) no-repeat;
}
li.commissions a:link, li.commissions a:visited {
	background: url(../images/commissions-link.png) no-repeat;
}
li.detail a:link, li.detail a:visited {
	background: url(../images/detail-link.png) no-repeat;
}
/* Defines main menus' background properties for hover and active links */
li.fountain a:hover, li.fountain a:active {
	background-image: url(../images/fountains-link-r.png);
	background-repeat: no-repeat;
}
li.sculpture a:hover, li.sculpture a:active {
	background: url(../images/sculpture-link-r.png) no-repeat;
}
li.corporate a:hover, li.corporate a:active {
	background: url(../images/corporate-link-r.png) no-repeat;
}
li.street a:hover, li.street a:active {
	background: url(../images/street-link-r.png) no-repeat;
}
li.casting a:hover, li.casting a:active {
	background: url(../images/casting-link-r.png) no-repeat;
}
li.commissions a:hover, li.commissions a:active {
	background: url(../images/commissions-link-r.png) no-repeat;
}
li.detail a:hover, li.detail a:active {
	background: url(../images/detail-link-r.png) no-repeat;
}

/*	Defines current page menu identifier */
#fountainpage #mainnav li #fountainlink {
	background: url(../images/fountains-link-r.png) no-repeat;
}
#sculpturepage #mainnav li #sculpturelink {
	background: url(../images/sculpture-link-r.png) no-repeat;
}
#corporatepage #mainnav li #corporatelink {
	background: url(../images/corporate-link-r.png) no-repeat;
}
#streetpage #mainnav li #streetlink {
	background: url(../images/street-link-r.png) no-repeat;
}
#castingpage #mainnav li #castinglink {
	background: url(../images/casting-link-r.png) no-repeat;
}
#commissionspage #mainnav li #commissionslink {
	background: url(../images/commissions-link-r.png) no-repeat;
}
#detailpage #mainnav li #detaillink {
	background: url(../images/detail-link-r.png) no-repeat;
}
/* End main nav */


/* Start left nav */
#leftnav {
	float: left;
	text-align: center;
	width: 400px;
}
#leftnav h2 {
	font-size: 90%;
	margin-top: 6px;
	margin-bottom: 16px;
	font-weight: normal;
}
#leftnav h3, #leftnav h3.clearright {
	font-size: 80%;
	margin-bottom: 0.25em;
	clear: left;
	font-weight: normal;
}
#leftnav p {
	font-size: 70%;
	text-align: left;
	margin-bottom: 1em;
	margin-right: 12px;
	margin-left: 12px;
}
#leftnav li {
	float: left;
	height: 90px;
	width: 120px;
	margin-bottom: 16px;
	margin-left: 8px;
	font-size: 70%;
}
/* End left nav */


/* Start Main Content */
#content {
	padding-top: 0.5em;
	width: 576px;
	position: relative;
	margin-left: 400px;
}
#content p {
	font-size: 70%;
	color: #CCCCCC;
	margin-top: 12px;
}
#content #textcontent {
	height: 339px;
	width: 220px;
	position: absolute;
	left: 33%;
	top: 50px;
	z-index: 10;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	line-height: 130%;
}
#content #photo1, #content #photo2, #content #photo3, #content #photo4,	/* main photos */
#content #photo5, #content #photo6, #content #photo7, #content #photo8, #content #photo9, #content #photo10, #content #photo11, #content #photo12, #content #photo13, #content #photo14, #content #photo15, #content #photo16, #content #photo17, #content #photo18, #content #photo19, #content #photo20, #content #photo21, #content #photo22, #content #photo23, #content #photo24, #content #photo25, #content #photo26, #content #photo27, #content #photo28, #content #photo29, #content #photo30, #content #photo31, #content #photo32, #content #photo33, #content #photo34, #content #photo35, #content #photo36, #content #photo37, #content #photo38, #content #photo39, #content #photo40, #content #photo41, #content #photo42, #content #photo43, #content #photo44, #content #photo45, #content #photo46, #content #photo47, #content #photo48, #content #photo49, #content #photo50, #content #photo51, #content #photo52, #content #photo53, #content #photo54, #content #photo55, #content #photo56, #content #photo57, #content #photo58, #content #photo59, #content #photo60, #content #photo61, #content #photo62, #content #photo63, #content #photo64, #content #photo65, #content #photo66, #content #photo67, #content #photo68, #content #photo69, #content #photo70, #content #photo71, #content #photo72, #content #photo73, #content #photo74, #content #photo75, #content #photo76, #content #photo77, #content #photo78, #content #photo79, #content #photo80, #content #photo81, #content #photo82, #content #photo83, #content #photo84, #content #photo85, #content #photo86, #content #photo87, #content #photo88, #content #photo89, #content #photo90, #content #photo91 {
	width: 540px;
	position: absolute;
	left: 20px;
	top: 44px;
	visibility: hidden;
	z-index: 20;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}


/* Footer */
#footer {
	width: 960px;
	text-align: center;
	font-size: 60%;
	color: #9999CC;
	padding-top: 1em;
	padding-bottom: 1em;
	clear: both;
}
/* Start footer nav */
#footer ul {
	margin-left: 46%;
}
#footer li {
	height: 18px;
	width: 65px;
	display: block;
	margin-top: 7px;
	margin-bottom: 5px;
}
#footer li span {			/* places the menu text outside the browser window */
	position: absolute;
	top: -1600px;
}
li.home #homelink3 {	/* Defines top menu size and base formatting */
	height: 18px;
	width: 65px;
	display: block;
}

/* Defines top menu background properties for links and visited links */
li.home a:link, li.home a:visited {
	background: url(../index-images/home-link.gif) no-repeat;
}

/* Defines top menu background properties for hover and active links */
li.home a:hover, li.home a:active {
	background: url(../index-images/home-link-r.gif) no-repeat;
}
/* End footer nav */

/* End Footer */


.center {
	text-align: center;
}
.floatright {
	float: right;
	margin-left: 1em;
	margin-right: 1em;
}
.floatleft {
	float: left;
	margin-right: 1em;
	margin-top: .25em;
}
.clear {
	clear: both;
}
.clearright {
	clear: right;
}