/* Auspole Website */
/* June 2009 */

* {
     margin: 0;
	 padding:0;
}

html, body {
    height: 100%;
	padding-bottom: 1px;
	font-family: lucida grande,verdana,sans-serif;
	font-size: 11px;
}

#foundry {
	background: #070707;
	overflow: hidden;
	position: relative;
	height: 270px;
	z-index: 1;
	}

/* Main graphics */


#etage {
	background: url(../images/etage.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
	height: 270px;
	width: 100%;
	max-width: 1400px;	
	min-width: 970px;
	z-index: 5;
	}

#mid-etage {
	background: url(../images/mid-etage.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
	height: 270px;
	width: 100%;
	max-width: 1400px;	
	min-width: 970px;
	z-index: 5;
	}

#flood-etage {
	background: url(../images/flood-etage.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
	height: 270px;
	width: 100%;
	max-width: 1400px;	
	min-width: 970px;
	z-index: 5;
	}

#banner-etage {
	background: url(../images/banner-etage.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
	height: 270px;
	width: 100%;
	max-width: 1400px;	
	min-width: 970px;
	z-index: 5;
	}

#street-etage {
	background: url(../images/street-etage.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
	height: 270px;
	width: 100%;
	max-width: 1400px;	
	min-width: 970px;
	z-index: 5;
	}

#decorative-etage {
	background: url(../images/decorative-etage.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
	height: 270px;
	width: 100%;
	max-width: 1400px;	
	min-width: 970px;
	z-index: 5;
	}

#options {
	background: url(../images/options.jpg) no-repeat top center;
	margin: 0 auto;
	position: relative;
	height: 107px;
	width: 272px;
	}


/* End of Main graphics */

.shaders {
	background:  url(../images/shaders.png) no-repeat top right;
	position: absolute;
	top: 0;
	left: 0px;
	height: 270px;
	width: 390px;
	z-index: 17;
	}
.shaders.right {
	background-position: bottom left;
	left: auto;
	right: 0px;
	}

#floordo {
	background: url(../images/etage.jpg) no-repeat top center;
	display: block;
	position: relative;
	z-index: 16;
	height: 230px;
	width: 100%;
	}

#inside .features {
	clear: left;
	list-style: none;
	padding: 0px 0 0 0;
	margin: -4px 0 0 0;
	}

#inside .features li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 14px 0;
	}

.cuppa #inside .features li { margin: 0 10px 0 0; }

.cuppa #inside .features li.last { margin-right: 0; }

.cuppa #inside .features span.hover { display: block; }

#inside {
	background: transparent;
	display: block;
	float: left;
	margin: 0px 0 0 0;
	padding: 0 20px 30px 24px;
	position: relative;
	top: -20px;
	height: 250px;
	width: 686px;
	z-index: 2;
	}

#inside .section {
	background: #0a0a0a url(../images/centre.jpg) repeat-y top left;
	margin: 0 0 14px 0;
	padding: 21px 21px 7px 28px;
	}

#inside .clearsection {
	background: transparent;
	}

.cuppa #inside .section { padding: 0; }

#inside .section.topped { xmargin: 0; }

#inside .section .highlight {
	}

#inside .section.topped .highlight {
}

#inside .section .shadow {
	display: block;
	padding: 21px 21px 7px 28px;
	padding: 28px 28px 18px 42px;
	width: 637px;
	width: 616px
	}

#inside .section.narrow .shadow {
	width: 220px !important;
	overflow: hidden;
	}

.section.narrow { float: right; }

#section-questions,#section-book { display: none; }

#smen {
	float: left;
	margin: 0 0 0 0;
	position: relative;
	top: -20px;
	min-height: 250px;
	width: 240px;
	z-index: 2;
	}

.safari #smen { margin: 0 0 0 1px; }

#smen #navigation {
	list-style: none;
	}

#smen #navigation li {
	margin: 0 0 0 10px;
	padding: 0;
	}

#smen #navigation li.last { background: transparent; }

#navigation li a {
	background: #222;
	background: url(../images/buttons.jpg) no-repeat 0 0;
	color: #aaa;
	display: block;
	padding: 0 21px 0 18px;
	position: relative;
	left: 30px; /* Controls horizontal alignment of button block */

	text-decoration: none;
	height: 69px; /* middle ones */
	width: 140px;
	}

#navigation li.buttonheight a {
	height: 69px;
	}

#smen #navigation li a h3 {
	color: #fff;
	font: 14px/21px lucida grande,verdana,sans-serif;
	display: none;
	}

#smen #navigation li a small {
	color: #aaa;
	display: block;
	display: none;
	}

#navigation li a span { display: none; }

#navigation li a span.hover {
	background: url(../images/buttons.jpg) no-repeat -178px 0;
	border-top: 1px solid #555;
	cursor: pointer;
	display: block;
	position: absolute;
	top: -1px;
	left: 1px;
	height: 69px;
	width: 178px;
	opacity: 0;
	}


.home #inside .section .shadow {
	padding: 21px 21px 7px 28px;
	width: 637px;
	}


/* Doing the buttons.jpg thing */
/* Across, Down */

/* This lot does the black tab for the current page's tab */
.home #navigation .welcomef a { background-position: -356px 0; }
.home #navigation .midf a { background-position: -356px -69px; }
.home #navigation .floodf a { background-position: -356px -138px; }
.home #navigation .bannerf a { background-position: -356px -207px; }
.home #navigation .streetf a { background-position: -356px -276px; }
.home #navigation .decorativef a { background-position: -356px -345px; }
.home #navigation .projectsf a { background-position: -356px -414px; }

/* This lot does the grey tab for the current page's tab */
.home #navigation .welcome a { background-position: 0 0; }
.home #navigation .mid a { background-position: 0 -69px; }
.home #navigation .flood a { background-position: 0 -138px; }
.home #navigation .banner a { background-position: 0 -207px; }
.home #navigation .street a { background-position: 0 -276px; }
.home #navigation .decorative a { background-position: 0 -345px; }
.home #navigation .projects a { background-position: 0 -414px; }

/* This lot does the blue "focus" tab for the current page's tab */
.home #navigation .welcome a .hover { background-position: -178px 0px; }
.home #navigation .mid a .hover { background-position: -178px -69px; }
.home #navigation .flood a .hover { background-position: -178px -138px; }
.home #navigation .banner a .hover { background-position: -178px -207px; }
.home #navigation .street a .hover { background-position: -178px -276px; }
.home #navigation .decorative a .hover { background-position: -178px -345px; }
.home #navigation .projects a .hover { background-position: -178px -414px; }

/* End of doing the buttons.jpg thing */

* {
	margin: 0;
	padding: 0; 
	}

html {
    height: 100%;
	min-width: 970px;
    /* Force a vertical scroll bar to always be displayed */
	height: 100%;
	margin-bottom: 1px;
}

body {
	background: #111 url(../images/body.jpg) repeat-y top center;
	min-width: 971px;
	height: 100%;
	}

#body {
	background: #ccc url(../images/body.jpg) repeat-y top center;
	display: block;
	margin: 0 auto 0 auto;
	min-width: 971px;
	max-width: 1400px;
	position: relative;
	z-index: 2;
	height: auto;
	}

.container {
	margin: 0 auto;
	width: 970px;
	}

.safari .container { width: 971px; } 

.clear { clear: both; }

#footer {
	background: url(../images/footer.jpg) repeat-x top;
	clear: left;
	clear: both;
	color: #52a1e6;
	margin: 7px 0 0 0;
	padding: 14px 0;
	position: relative;
	text-align: center;
	}
	
#foundry #etage {
	}

body {
	color: #000;
	font: 12px/21px lucida grande,verdana,sans-serif;
	}

p { /* main text */
	color: #000;
	font: 12px/20px lucida grande,verdana,sans-serif;
	margin: 7px 60px 14px 0px;
	}

em {
	color: #ccc;
	font-size: 12px;
	}

em.time { color: #e64600; }

p em {
	color: #aaa;
	}

small {
	font: 11px/18px lucida grande,verdana,sans-serif;
	}
	
a { outline: none; }

hr {
	background: url(../images/section.jpg) repeat-x top;
	border: 0 none;
	clear: both;
	margin: 10px 0 14px 0;
	height: 2px;
	}

br { clear: both; }

h1 {  /* Heading levels */
	color: #000;
	font: bold 400 21px lucida grande,verdana,sans-serif;
	}

h2 {
	color: #000;
	font: bold 400 19px lucida grande,verdana,sans-serif;
	}

h3, h3 a {
	color: #000;
	font: bold 400 19px lucida grande,verdana,sans-serif;
	}

h4,h4 a {
	color: #6dcff6;
	font: 13px/14px lucida grande,verdana,sans-serif;
	margin: 7px 0 0 0;
	}

h3 a:hover,h4 a:hover { 
	text-decoration: none;
	border-bottom: 1px none;
	}

p a {
	color: #2e2edb;
	text-decoration: underline;
	}

p a:hover {
	color: #a329e2;
	text-decoration: none;
	}

.section ul {
	margin: 7px 0 14px 14px;
	} 

#etage h3 {
	color: #fff;
	color: #ccc;
	display: block;
	font: 16px/1.1 lucida grande,verdana,sans-serif;
	margin: -75px 0 0 -214px;
	margin: -75px 0 0 -210px;
	position: absolute;
	top: 180px;
	left: 50%;
	width: 100%;
	text-align: left;
	z-index: 3;
	}