/* CSS Document */

body {
	background-color:#75A3BD;
	width:976px;
	margin-left:auto; 
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	}

div#page {
	background-color:#ffffff;
	width:906px;
	margin-left:auto;
	margin-right:auto;
/*	padding:10px 33px;
*/	}

div#whitespace {
	position:relative;
	left:2px;
	width:972px;
	padding-top:20px;
	background-color:#ffffff;
	}


div#links ul {
	width:272px;
	float:left;
	}

div#links ul, div#links ul li {
	margin:0;
	padding:0;
	list-style:none;
	}

div#links ul li {
	padding-bottom:3px;
	}

div#links ul li a span {
	display:none;
	}

div#links ul li a {
	margin:0; padding:0;
	width:254px;
	height:35px;
	display:block;
	}

div#links ul li a#link-home { background:url(images/nav001_up.gif) no-repeat; }
div#links ul li a#link-about { background:url(images/nav002_up.gif) no-repeat; }
div#links ul li a#link-current { background:url(images/nav003_up.gif) no-repeat; }
div#links ul li a#link-completed { background:url(images/nav007_up.jpg) no-repeat; }
div#links ul li a#link-contact { background:url(images/nav005_up.gif) no-repeat; }
div#links ul li a#link-test { background:url(images/nav006_up.gif) no-repeat;}

div#links ul li a#link-home:hover { background:url(images/nav001_over.gif) no-repeat; }
div#links ul li a#link-about:hover { background:url(images/nav002_over.gif) no-repeat; }
div#links ul li a#link-current:hover { background:url(images/nav003_over.gif) no-repeat; }
div#links ul li a#link-completed:hover { background:url(images/nav007_over.jpg) no-repeat; }
div#links ul li a#link-contact:hover { background:url(images/nav005_over.gif) no-repeat; }
div#links ul li a#link-test:hover { background:url(images/nav006_over.gif) no-repeat;}

div#links img {
	float:left;
	padding-bottom:10px;
	}


div#topbar {
	background-image:url(images/topbar.gif);
	background-repeat:no-repeat;
	height:14px;
	width:100%;
	}

div#bottombar {
	background-image:url(images/bottombar.gif);
	background-repeat:no-repeat;
	height:14px;
	width:100%;
	}

div#header {
	background-image:url('images/newlogo.jpg');
	background-repeat:no-repeat;
	height:56px;
	width:401px;
	float:left;
	}
div#header h1 {
	display:none;
	}
	
h1, h2, h3, ul, p {
	margin:0;
	}

div#featureddesigns {
	width:260px;
	}
	
div#featureddesigns h2 {
	background-image:url(images/featured_designs.gif);
	background-repeat:no-repeat;
	height:41px;
	width:254px;
	}
	
div#featureddesigns h2 span {
	display:none;
	}

div#featureddesigns div {
	margin:10px;
	width:240px;
	height:72px;
	}

div#featureddesigns div img {
	float:left;
	margin-right:10px;
	}
div#featureddesigns div h3 {
	float:left;
	font-size:11px;
	letter-spacing:-0.4pt;
	color:#000000;
	text-decoration:underline;
	margin-bottom:15px;
	}

div#featureddesigns div h3 a {
	color:#000000;
	}

div#featureddesigns div p {
	float:left;
	width:150px;
	letter-spacing:-0.2pt;
	line-height:1.7em;
	}

/* ed hax */
div#personnel {
	width:260px;
	}

div#personnel h2 {
	background-image:url(images/key_personnel.gif);
	background-repeat:no-repeat;
	height:41px;
	width:254px;
	}

div#personnel h2 span {
	display:none;
	}
	
div#personnel div {
	margin:10px;
	width:240px;
	height:72px;
	}
	
div#personnel div img {
	float:left;
	margin-right:10px;
	}
div#personnel div h3 {
	float:left;
	font-size:11px;
	letter-spacing:-0.4pt;
	color:#000000;
	text-decoration:underline;
	margin-bottom:15px;
	}

div#personnel div h3 a {
	color:#000000;
	}

div#personnel div p {
	float:left;
	width:150px;
	letter-spacing:-0.2pt;
	line-height:1.7em;
	}
/* end ed hax */

div#welcome {
	margin-left:12px;
	float:left;
	width:628px;
	margin-bottom:20px;
	}

div#welcome img {
	margin-right:15px;
	float:left;
	}

div#welcome h1 {
	background-image:url(images/welcome.gif);
	background-repeat:no-repeat;
	height:40px;
	width:200px;
	margin-bottom:10px;
	float:left;
	}
	
div#welcome h1 span {
	display:none;
	}

div#welcome p {
	width:480px;
	float:left;
	line-height:1.5em;
	}


/* about us ed hax */
div#aboutus {
	margin-left:12px;
	float:left;
	width:628px;
	margin-bottom:20px;
	}

div#aboutus img {
	margin-right:15px;
	float:left;
	}

div#aboutus h1 {
	background-image:url(images/about.gif);
	background-repeat:no-repeat;
	height:40px;
	width:200px;
	margin-bottom:10px;
	float:left;
	}
	
div#aboutus h1 span {
	display:none;
	}

div#aboutus p {
	width:480px;
	float:left;
	line-height:1.5em;
	}
/* end ed about us hax */


div#projects ul {
	list-style:none;
	}


div.hr100 {
	width:100%;
	height:1px;
	background-color:#f1f1f1;
	clear:both;
	padding:2px 0;
	border-bottom:10px solid #ffffff;
	}

div.hr100 hr {
	display:none;
	}

div#projects {
	float:left;
	display:block;
	height:170px;
	}

div#projects h2 span{
	display:none;
	}

div#projects img {
	margin-left:12px;
	}

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

div#projects a:hover {
	color:#333333;
	text-decoration:underline;
	}

div#projects ul {
	margin-top:15px;
	margin-left:3px;
	padding-left:45px;
	line-height:16px;
	}

div#contact {
	background-color:#8C8C8C;
	float:right;
	padding-bottom:10px;
	}

div#contact div img {
	float:left;
	margin-left:10px;
	}

div#contact h2 span {
	display:none;
	}

div#contact p {
	color:#FFFFFF;
	padding:9px 9px 7px 17px;
	line-height:16px;
	}

div#footer {
	padding-bottom:0;
	clear:both;
	}
div#footer p {
	background-color:#f1f1f1;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	display:block;
	width:866px;
	}
div#footer span {
	background-color:#f1f1f1;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	display:block;
	width:866px;
	}

div#footer a {
	color:#666666;
	}
	
div#footer a:hover {
	color:#333333;
	}
	
div#bottombar {
	clear:both;
	}

div#slogan {
	margin-top:10px;
	float:right;
	display:block;
	height:47px;
	width:553px;
	}
div#slogan h2 {
	display:none;
	}

/* ///////////////// PROJECT GALLERY -- Project Categories /////////////////// */

div#subheading {
	background-image:url(images/project_categories.jpg);
	background-repeat:no-repeat;
	margin-left:300px;
	width:242px;
	height:35px;
	float:right;
	margin-top:15px;
	}

div#subheading h2 {
	display:none;
	}

/* ed hax current projects */
div#currentprojects {
	background-image:url(images/current_projects.jpg);
	background-repeat:no-repeat;
	margin-left:300px;
	width:242px;
	height:35px;
	float:right;
	margin-top:15px;
	}

div#currentprojects h2 {
	display:none;
	}
	
/* end ed hax of current projects */

/* ed hax current projects */
div#projectgallery {
	background-image:url(images/project_gallery.jpg);
	background-repeat:no-repeat;
	margin-left:300px;
	width:242px;
	height:35px;
	float:right;
	margin-top:15px;
	}
div#testim {
	background-image:url(images/project_reviews.jpg);
	background-repeat:no-repeat;
	margin-left:300px;
	width:242px;
	height:35px;
	float:right;
	margin-top:15px;
	}
div#testim h2 {
	display:none;
	}
div#projectgallery h2 {
	display:none;
	}
	
/* end ed hax of current projects */


div#categories {
	float:left;
	width:543px;
	margin-bottom:20px;
	padding-left:87px;
	}
	
div#categories2 {
	float:left;
	width:543px;
	margin-bottom:20px;
	padding-left:340px;
	}
	
div#categories3 {
	float:left;
	width:543px;
	margin-bottom:20px;
	padding-left:290px;
	}

/* educational */
a#link-educational  {
	display:block;
	float:left;
	margin-left:70px;
	display:block;
	height:199px;
	width:213px;
	background-image:url(images/cat003.jpg);
	background-repeat:no-repeat;
	}
a#link-educational:hover { background:url(images/cat003_over.jpg) no-repeat; }
a#link-educational h3 { display:none; }
/* /educational */
	
a#link-community {
	display:block;
	float:left;
	margin-left:50px;
	display:block;
	height:199px;
	width:213px;
	background-image:url(images/cat002.jpg);
	background-repeat:no-repeat;
	}
a#link-community:hover { background:url(images/cat002_over.jpg) no-repeat; }

a#link-community h3 { display:none; }
	
a#link-religious {
	float:left;
	display:block;
	height:199px;
	width:213px;
	background-image:url(images/cat001.jpg);
	background-repeat:no-repeat;
	}

a#link-religious:hover { background:url(images/cat001_over.jpg) no-repeat; }
a#link-religious h3 { display:none; }

a#link-commercial {
	float:left;
	margin-left:52px;
	display:box;
	height:199px;
	width:213px;
	background-image:url(images/cat004.jpg);
	background-repeat:no-repeat;
	}
	
a#link-commercial:hover { background:url(images/cat004_over.jpg) no-repeat; } 
a#link-commercial h3 { display:none; }

/* ed hax (same as religious) */
a#link-medical {
	float: left;
	display:block;
	height:199px;
	width:213px;
	background-image:url(images/cat005.jpg);
	background-repeat:no-repeat;
	}
a#link-medical:hover { background:url(images/cat005_over.jpg) no-repeat; } 	
a#link-medical h3 { display:none; }

a#link-rec {
	float:left;
	margin-left:52px;
	display:box;
	height:199px;
	width:213px;
	background-image:url(images/cat006.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
a#link-rec:hover { background-position:bottom; } 
a#link-rec h3 { display:none; }

a#link-retail {
	float:left;
	margin-left:52px;
	display:box;
	height:199px;
	width:213px;
	background-image:url(images/cat007.jpg);
	background-repeat:no-repeat;
	}
a#link-retail:hover { background:url(images/cat007_over.jpg) no-repeat; } 
a#link-retail h3 { display:none; }
/* stop ed hax */



/* ///////////////// PROJECT GALLERY -- Project Gallery /////////////////// */

div#gallery {
	display:block;
	float:left;
	}

div#gallerybacktop {
	background-image:url(images/galleryback_top.jpg);
	background-repeat:no-repeat;
	float:left;
	width:583px;
	height:18px;
	display:block;
	margin-top:13px;
	margin-left:25px;
	}

div#galleryback {
	background-image:url(images/galleryback.jpg);
	background-repeat:repeat;
	float:left;
	width:533px;
	margin-top:0px;
	margin-left:25px;
	padding:25px;
	}
	
div#gallerybackbottom {
	float:left;
	background-image:url(images/galleryback_bottom.jpg);
	background-repeat:no-repeat;
	width:583px;
	height:20px;
	margin-left:25px;
	padding:0;
	margin-bottom:20px;
	}

.gallerypicleft {
	background-repeat:no-repeat;
	height:70px;
	width:70px;
	display:block;
	float:left;
	clear:both;
	margin-bottom:7px;
	}
.gallerypicleft span { 
	display:none;
	}

div#galleryentry {
	display:block;
	width:243px;
	margin-bottom:50px;
	float:left;
	clear:both;
	}

div#galleryentryright {
	display:block;
	width:243px;
	margin-bottom:50px;
	float:left;
	margin-left:40px;
	}

.galleryentrytitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	margin-bottom:20px;
	display:block;
	width:155px;
	margin-left:15px;
	float:left;
}

.galleryentrytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	color: #000000;
	text-decoration: none;
	margin-bottom:0px;
	display:block;
	width:155px;
	margin-left:15px;
	float:left;
	}

a#link-viewprojectbutton {
	clear:both;
	float:left;
	background-image:url(images/viewproject.gif);
	background-repeat:no-repeat;
	display:block;
	width:69px;
	height:26px;
	}
a#link-viewprojectbutton span {
	display:none;
	}

div#galleryentrygraybar {
	float:left;
	background-image:url(images/galleryentrygraybar.gif);
	background-repeat:no-repeat;
	dislay:box;
	width:154px;
	height:26px;
	margin-left:7px;
	}

div#navigation {
	clear:both;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:51px;
	}

.navigationlink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
	}
.navigationlink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
	text-decoration: underline;
	}

/* ///////////////// PROJECT GALLERY -- Project PAGE/////////////////// */

div#galleryback_project {
	background-image:url(images/galleryback_project.jpg);
	background-repeat:repeat;
	float:left;
	width:533px;
	margin-top:0px;
	margin-left:25px;
	padding:5px 25px 25px 25px;
	}

div#project_title {
	color:#999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-decoration: none;
	margin-left:25px;
	margin-top:23px;
	}

div#project_pic {
	background-repeat:no-repeat;
	height:144px;
	width:144px;
	display:block;
	margin-bottom:50px;
	float:left;
	}

div#projectbacktop {
	background-image:url(images/galleryback_project_top.jpg);
	background-repeat:no-repeat;
	float:left;
	width:583px;
	height:55px;
	display:block;
	margin-top:13px;
	margin-left:25px;
	}

.link-thumb001 {
	background-repeat:no-repeat;
	height:68px;
	width:68px;
	display:block;
	float:left;
	clear:both;
	margin-top:8px;
	}
.link-thumb001 span {
	display:none;
	}

.link-thumb002 {
	background-repeat:no-repeat;
	height:68px;
	width:68px;
	display:block;
	float:left;
	margin-top:8px;
	margin-left:8px;
	}
.link-thumb002 span {
	display:none;
	}

.link-morephotos {
	background-image:url(images/morephotos_button.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:144px;
	height:26px;
	display:block;
	float:left;
	clear:both;
	margin-top:8px;
	}
.link-morephotos span {
	display:none;
	}
	
div#project_col-right table tr th {
	color:#b15c11;
	text-align:left;
	letter-spacing:-1px;
	border-bottom:1px solid #CCCCCC;
	padding-top:8px;
	padding-bottom:8px;
	}
div#project_col-right span {
	color:#b15c11;
	text-align:left;
	letter-spacing:-1px;
	padding-top:15px;
	padding-bottom:8px;
	font-weight:bold;
}

div#project_col-right p {
	padding-bottom:7px;
}

div#project_col-right table tr td {
	color:#666666;
	letter-spacing:-1px;
	border-bottom:1px solid #CCCCCC;
	padding-top:8px;
	padding-bottom:8px;
	}
	
/* ed contact us hax */
div#contactus {
	margin-left:12px;
	float:left;
	width:628px;
	margin-bottom:20px;
	}

div#contactus img {
	margin-right:15px;
	float:left;
	}

div#contactus h1 {
	background-image:url(images/contact.gif);
	background-repeat:no-repeat;
	height:40px;
	width:200px;
	margin-bottom:10px;
	float:left;
	}
	
div#contactus h1 span {
	display:none;
	}

div#contactus p {
	width:480px;
	float:left;
	line-height:1.5em;
	}
/* end the haxors */

/* lightbox additions below this comment */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #F8F8F8;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #F8F8F8;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}
/* end the lightbox additions */