/* --------------------------------------------------

	1:	GLOBAL
	2:	TYPOGRAPHY
	3:	CONTAINERS
	4:	NAVIGATION
	5:	GALLERY
	6:	CONTENT

-------------------------------------------------- */



/*	1:	GLOBAL
-------------------------------------------------- */
body {
	text-align: center;
	font: 11px arial, verdana, sans-serif;
	line-height: 14px;
	color: #b79fa7;
	background: #f9fcfb;
}
body, html {height: 100%}
*, ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
img {border: 0}
a {	
	color: #b79fa7;
	text-decoration: none;
}
a:hover {color: #764354}
.left {float: left}
.right {float: right}
.cleat {clear: both}
.logo {
	float: left;
	width: 99px;
	height: 355px;
}
.commercial .logo {background: #d8ced1}
.gallery .logo {background: #764354}
a.logo span {
	position: absolute;
	width: 1px;
	height: 0;
	visibility: hidden;
}



/*	3:	TYPOGRAPHY
-------------------------------------------------- */
h2, p {margin: 0 0 15px 0}
h2, h4 {font-size: 11px}



/*	3:	CONTAINERS
-------------------------------------------------- */
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -177px;
	float: left;
}
#container {
	height: 355px;
	clear: both;
	position: relative;
    top: -177px;
    position: static;
	padding: 0 50px 0 10px;
	text-align: center;
	
}
#content {
	width: 943px; 
	height: 355px;
	margin: 0 auto; 
	background: #f9fcfb; 
	text-align: left;
	position: relative;
}
.content, #PageText {
	float: left; 
	width: 530px; 
	display: block; 
	white-space: normal;
}

#PageText {
	margin-left: 20px;
}

.bkg {
	width: 100%;
	height: 355px;
	background: #d8ced1;
	position: absolute;
	left: 0;
}
.commercial .bkg {background: #764354}
.gallery .bkg {background: #d8ced1}


.footer 
{
	padding-top:20px;
	text-align : center;
	float:left;
	width : 100%;
}
.footer a {color: #c5b2b8}
.footer a:hover {color: #764354}
.subtext {
	width : 943px;
	height : 110px;
	margin: 0 auto 0 auto;
}
.text {
	float : left;
	width : 437px;
	font-size : 9px;
	text-align : justify;

}

.footerText {
	font-size : 9px;
	text-align : center;


}


/*	4:	NAVIGATION
-------------------------------------------------- */
#nav {
	width: 122px;
	height: 285px;
	float: left;
	margin: 70px 0 0 10px;
}

/* Level 1 */
#nav li {display: inline}
#nav li a {
	float: left;
	width: 110px;
	height: 7px;
	text-indent: -9000px;
	background-position: 0 -7px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin-bottom: 6px
}
#nav li a:hover, #nav li a.current {background-position: 0 0}

/* Navigation spacing */
#nav li.home a, #nav li.profile a, #nav li.currentExhibition a, #nav li.clients a, #nav .landscape a {margin-bottom: 20px}
#nav li.contact a, #nav li.links a {margin-top: 14px}
#nav li.galleries a {margin-top: 14px}
#nav li.links a {margin-top: 0}
#nav li.profile li a {margin-bottom: 6px}
#nav li.profile ul {top: -14px}
#nav li.currentExhibition li a {margin-bottom: 6px}
#nav li.currentExhibition ul {top: -14px}

/* Level 1 images */
#nav .home a {background-image: url(../images/nav_home.gif)}
#nav .profile a {background-image: url(../images/nav_profile.gif)}
#nav .currentExhibition a {background-image: url(../images/nav_current-exhibition.gif)}

#nav .clients a {background-image: url(../images/nav_clients.gif)}
#nav .architecture a {background-image: url(../images/nav_architecture.gif)}
#nav .people a {background-image: url(../images/nav_people.gif)}
#nav .editorial a {background-image: url(../images/nav_editorial.gif)}
#nav .landscape a {background-image: url(../images/nav_landscape.gif)}
#nav .exhibitions a {background-image: url(../images/nav_exhibitions.gif)}
#nav .recent a {background-image: url(../images/nav_recentwork.gif)}
#nav .links a {background-image: url(../images/nav_links.gif)}
#nav .contact a {background-image: url(../images/nav_contact.gif)}
#nav .galleries a {background-image: url(../images/nav_galleries.gif)}


#nav .solo a {background-image: url(../images/nav_solo-shows.gif)}
#nav .group a {background-image: url(../images/nav_group-shows.gif)}
#nav .collections a {background-image: url(../images/nav_collections.gif)}
#nav .installations a {background-image: url(../images/nav_installations.gif)}
#nav .reviews a {background-image: url(../images/nav_reviews.gif)}
#nav .video a {background-image: url(../images/nav_video.gif)}

/* Level 2 */
#nav ul {
	position: relative;
	display: none;
	float: left;
	margin-bottom: 6px;
}
html>/**/body #nav ul {margin-bottom: 0}
#nav ul li a {
	height: 7px;
	width: 100px;
	margin-left: 10px;
}

/* Level 2 Profile images */
#nav .profile .s1 a {background-image: url(../images/nav_soloexhib.gif)}
#nav .profile .s2 a {background-image: url(../images/nav_groupexhib.gif)}
#nav .profile .s3 a {background-image: url(../images/nav_collections.gif)}
#nav .profile .s4 a {background-image: url(../images/nav_biography.gif)}
#nav .profile .s5 a {background-image: url(../images/nav_services.gif)}

/* Level 2 Current Exhibition images */
#nav .currentExhibition .s1 a {background-image: url(../images/nav-lakeeyre0607.gif)}
#nav .currentExhibition .s2 a {background-image: url(../images/nav_information.gif)}
#nav .currentExhibition .s3 a {background-image: url(../images/nav_gallery.gif)}

/* Level 2 Architecure images */
#nav .architecture .s1 a {background-image: url(../images/nav_residential.gif)}
#nav .architecture .s2 a {background-image: url(../images/nav_interiors.gif)}
#nav .architecture .s3 a {background-image: url(../images/nav_hospitality.gif)}
#nav .architecture .s4 a {background-image: url(../images/nav_commercial.gif)}
#nav .architecture .s5 a {background-image: url(../images/nav_landscape.gif)}
#nav .architecture .s6 a {background-image: url(../images/nav_industrial.gif)}

/* Level 2 Exhibition images */
#nav .exhibitions .s1 a {background-image: url(../images/nav_salt1.gif)}
#nav .exhibitions .s2 a {background-image: url(../images/nav_salt2.gif)}
#nav .exhibitions .s3 a {background-image: url(../images/nav_tasmania.gif)}
#nav .exhibitions .s4 a {background-image: url(../images/nav_himalayan.gif)}

/* Level 2 Recent Work images */
#nav .recent .s1 a {background-image: url(../images/nav_recentwork_01.gif);}
#nav .recent .s2 a {background-image: url(../images/nav_recentwork_02.gif);}
#nav .recent .s3 a {background-image: url(../images/nav_recentwork_03.gif)}
#nav .recent .s4 a {background-image: url(../images/nav_recentwork_04.gif)}
#nav .recent .s5 a {background-image: url(../images/nav_recentwork_05.gif)}


/*	5:	GALLERY
-------------------------------------------------- */
/* Thumbnails */
.thumbs {
	float: left;
	width: 53px;
	height: 390px;
	margin-right: 5px;
}
.thumbs li {
	float: left;
	width: 53px;
	height: 40px;
	margin: 0 0 5px 0
}
.thumbs li img {float: left}
.thumbs li a {
	width: 53px;
	height: 40px;
	float: left;
	display: block;
}

/* Image */
#img {
	height: 355px;
	text-align: center;
	font-weight: bold;
	color: #764354;
	padding-right: 5px;
}
#img p {
	margin: 5px 0 0 0;
	text-transform: uppercase;
}



/*	6:	CONTENT
-------------------------------------------------- */
.col {
	float: left;
	margin-right: 20px;
}
	
/* Clients */
.clients .col {width: 155px}
.clients .btn {
	position: absolute;
	bottom: 35px;
	right: 20px;
}

/* Links */
.links {width: 300px}

/* Services */
.services {width: 460px}
.services .col {
	margin-right: 30px;
	width: 200px
}


/* Home */
#BtnCommercial a
{
	width:128px;
	height:355px;
	float:left;
	background: url("../images/home_nav_commercial_off.gif") 0 0 no-repeat;

	
}
#BtnCommercial a:hover { 
	background: url("../images/home_nav_commercial_on.gif") 0 0 no-repeat;

}


#HomeFlash
{
	float:left;
	/*border:dashed 1px #ff660;*/
	text-align: center;
	width:647px;
	padding-left:20px;
	padding-right:20px;
	
}


#BtnGallery a
{
	width:128px;
	height:355px;
	float:left;
	background: url("../images/home_nav_gallery_off.gif") 0 0 no-repeat;

}
#BtnGallery a:hover { 
	background: url("../images/home_nav_gallery_on.gif") 0 0 no-repeat;

}

/* Home */


.LinkBack
{
	position:absolute;
	left:943px;
}

#flashcontent {
	width: 647px;
	height: 355px;
}

#LogoTop
{
	position:absolute;
	padding-bottom:20px;
	top:-30px;
	left:355px;
}