.hide {
	left:-5000px;
	position:absolute;
}

.display-none  { display : none; }
.display-block { display : block; }
.center { margin-left:auto; margin-right:auto; display:block; }

.clearfix {
	overflow: hidden;
}
.clearer { clear : both; height : 1px; }

p { padding : 0 0 10px 0; }

* {
	margin  : 0;
	padding : 0;
}

img { position:relative; }

html, body {
	height: 100%;
}

a {
	color : #000;
	text-decoration : underline;
}
a:hover { text-decoration : none; color : #cc0000; }
a.active, a.current, a.section { color:#000 !important; }

.margin-center { margin-left:auto; margin-right:auto; }
.align-left { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right { text-align:right !important; }
.align-top { vertical-align:top !important; }
.align-bottom { vertical-align:bottom !important; }
.text-justify { text-align:justify !important; }

h1, h2, h3, h4, h5, h6 {
	color : #000;
	font-weight : bold;
	line-height : 150%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration : none; }
h1 { font-size  : 2.0em; }
h2 { font-size  : 1.2em; }
h3 { font-size  : 1.1em; }
h4 { font-size  : 1.05em; }

body {
	color : #000;
	background  : #FFF;
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	font-size   : 82.5%;
	line-height	: 150%;
	font-weight	: normal;
	text-align	: center;
	font-size-adjust : none;
	font-stretch 	 : normal;
	font-style 		 : normal;
	font-variant	 : normal;
}

body { padding-top:0px; height:100%; min-height:100%; }
.wrapper {
	text-align : left;
	width  : 880px;
	margin : 0 auto;
	background : #BFBFBF url(../images/wrapper.gif) repeat-x;
	position : relative;
	height : 100%;
	min-height:100%;
	height:auto;
}
	.wrapper .header h1 { position:absolute; top:20px; left:130px; }
		.wrapper .header .logo {
			width : 356px;
			height : 24px;
			display : block;
			position : relative;
			text-indent : -9999px;
			background  : url(../images/logo.gif) no-repeat;
		}
	
#navigation {
	width : 830px;
	margin : 0 auto;
	background : url(../images/navigation.jpg) 98px 54px no-repeat;
	padding-top : 50px;
	padding-bottom : 25px;
	text-transform : uppercase;
	position : relative;
	font-size:1.05em;
}
	#navigation li { float:left; text-align:center; }
	#navigation a { text-decoration:none; color:#FFF; display:block; position:relative; }
	#navigation a:hover { color:#000; }
	#navigation a.home { width: 50px; }
	#navigation a.residential { margin-left:50px; width:160px; padding-top:18px; }
	#navigation a.commercial { width:160px; padding-top:18px; }
	#navigation a.public-art { width:161px; padding-top:18px; }
	#navigation a.about-us { width:159px; padding-top:18px; }
	#navigation a.contact-us { position:absolute; margin-top:-28px; margin-left:7px; }
	
#footer { position:absolute; bottom:0; left:0; height:15px; padding : 0 10px; font-size : 0.7em; }
	#footer .copy { float:left; }
	#footer .developer { float:right; text-indent :-9999px; }
		#footer .developer a { text-decoration:none;  }

#sidenav {  }
	#sidenav li { padding-left:5px; width:155px; margin-bottom:10px; }
	#sidenav a { color:#FFF; font-weight:bold; text-align:right; text-decoration:none; text-transform:none; display:block; position:relative; }
	#sidenav a:hover { color:#000; }

.page-content { width:880px; padding-bottom:15px; }
	.page-content #content { width:880px; }
.page-content.with-left { overflow:hidden; }
	.page-content.with-left .left-col { width:160px; float:left; }
	.page-content.with-left #content { margin-left:30px; width:670px; float:left; }

#content a { color:#0000EE; }

/* START : Gallery pages */
	#content.GalleryPage { height:410px; overflow:auto; }
		#content.GalleryPage #thumbs img { width:auto; height:auto; }
/* END : Gallery pages */

/* START : About Us */
	#content.AboutPage { width:580px; margin:0 auto; }
		#content.AboutPage .photo { background:url(../../../assets/about/off.jpg) no-repeat; width:470px; height:370px; margin:0 auto; display:block; position:relative; margin-bottom:20px; }
		#content.AboutPage .photo:hover { background:url(../../../assets/about/on.jpg) no-repeat; }
/* END : About Us */

/* START : Contact Us */
	#content.ContactPage { width:580px; margin:0 auto; }
		#content.ContactPage {  }
/* END : Contact Us */

/* START : Project Page */
	#content.ProjectPage {  }
		#content.ProjectPage table { width:620px; margin:0 auto; }
		#content.ProjectPage table,
		#content.ProjectPage tr,
		#content.ProjectPage td { vertical-align:middle; }
		#content.ProjectPage td { padding : 5px; }
/* END : Project Page */

 
/* START : JAVASCRIPT */
	.js #content { height:auto; overflow:hidden; }
	/* START : Gallery */
	.js #content.GalleryPage {  }
		.js #content.GalleryPage #thumbs { height:100%; float:left; width:100px; }
			.js #content.GalleryPage #thumbs a { display:block; position:relative; margin-bottom:8px; }
			.js #content.GalleryPage #thumbs a img { opacity:0.6; filter:alpha(opacity=60); }
			.js #content.GalleryPage #thumbs a.active img { opacity:1 !important; filter:alpha(opacity=100); }
				.js #content.GalleryPage #thumbs img { display:block; cursor:pointer; }
		.js #content.GalleryPage #viewer { float:left; width:550px; height:100%; margin-left:20px; }
			.js #content.GalleryPage #viewer .loading { width:64px; height:64px; margin : 40px auto 0 auto; display:none; background:url(../images/loading.gif) no-repeat; }
			.js #content.GalleryPage #viewer img { display:block; position:relative; margin:0 auto; width:auto; height:auto; max-height:99%; }
	/* END : Gallery */
/* END : JAVASCRIPT */