html, body {margin:0; padding:0;}
body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#3e3e3e; background:#5e5e5e;}
p {font-size:1.0em; margin:0 0 10px 0;}

	a:link, a:visited, a {color:#a97a12; font-weight:bold; text-decoration:none;}
	a:active {text-decoration:underline;}
	a:focus {text-decoration:underline;}
	a:hover {text-decoration:underline;}
	a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */
	a img {border:none;}

h1, h2 {color:#3e3e3e; line-height:1.2em; text-transform:uppercase; font-size:1.1em; font-weight:bold; padding:0; margin:0 0 10px 0; letter-spacing:1px;}
h2 {margin-top:15px; color:#a97a12; font-size:0.95em;}
h3 {color:#3e3e3e; line-height:1.2em; text-transform:uppercase; font-size:1.1em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h4 {color:#3e3e3e; line-height:1.1em; font-size:1.0em; font-weight:bold; padding:0; margin:0 0 10px 0; }
.unviewable {position:absolute; display:block; height:10px; text-indent:-999em; margin:-10px 0 0 0; list-style:none;}  /* Hides the element from view */
.small {font-size:0.9em; margin-bottom:15px;}
.white-border {border:1px #fff solid;}
.clear {clear:both;}

table {margin-bottom:10px;}

div {position:relative;}

p.highlight {color:#a97a12; font-weight:bold; font-size:0.95em;}

.all-caps {text-transform:uppercase;}


/************************
STRUCTURAL
************************/



#container {min-width:980px;}

.wrapper {margin:0 auto;width:980px; height:100%; z-index:3; }






/************************
 * HEADER
 ***********************/

#logo-bar {position:relative; margin:0; padding:0; width:100%; overflow:hidden; height:100px; z-index:2; background:#fff; }

#logo {position:absolute; display:block; top:0; left:0; width:230px; height:100px;}
#logo a {}
#logo a:hover {text-decoration:none; text-decoration:none;}


/************************
 * SEARCH FORM AND PAGE
 ***********************/
form fieldset {border:0; padding:0; margin:0; }
form legend {display:none;}


#search-box {position:absolute; display:block; bottom:5px; right:0px; width:175px; height:27px; }

#SearchForm_SearchForm {} /* form element */
#Search {float:right;} /* div containing box */
#SearchForm_SearchForm_Search {border:2px solid #b4b4b4; border-left:0; padding:4px 5px 3px 5px; width:130px; height:16px; color:#3e3e3e;} /* input box */
#SearchForm_SearchForm_action_results {border:2px solid #b4b4b4; border-right:0;font-weight:bold; background:url(../images/search.png) no-repeat center left; width:29px; height:27px; color:#3e3e3e; cursor:pointer;float:right;} /* go button */


#search_results {list-style:none; padding:0; margin:0;}
#search_results li {margin:15px 0 0 0; border-bottom:1px dashed #bbbbbb;}
#search_results li p {color:#8b8b8a; margin-left:20px;}
#search_results .search_parent {color:#3e3e3e;}


#PageNumbers {margin:20px 0; padding:10px; background:#D9D9D9; }
.search-current {background:#e2e2e2; padding:3px 3px 0 3px; }
#search-caption {color:#464646; font-weight:normal;}


/************************
 * NAVIGATION
 ***********************/
/*Menu positioning*/
#navigation {position:absolute; top:100px; left:0; height:35px; width:100%; color:#FFFFFF; z-index:10; background:#5e5e5e;} 

/* all lists */
#mainnav, #mainnav ul { padding: 0; margin: 0; list-style: none; line-height: 1;}
#mainnav a { display: block; /*width: 10em;*/ }


/* Main level links styles*/
#mainnav .lvl1 {height:35px; text-transform:uppercase; line-height:35px; font-weight: bold;font-size:0.8em;  }
#mainnav .lvl1 a {text-decoration:none; color:#FFFFFF; padding:0 10px;  }
#mainnav .lvl1:hover a, #mainnav li.sfhover:hover a, #mainnav .lvl1.current a, #mainnav .current a { background:#fff; color:#a97a12;}

#mainnav li.section a, #mainnav li a:hover,#mainnav li a:focus {background:#fff; color:#a97a12;}

/* all lists */
#mainnav li { float: left; cursor:default; }


/* using left instead of display to hide menus because display: none isn't read by screen readers */ 
#mainnav li ul { position: absolute; background: #fff; width: 23em; margin-left: -1000em; }

	#mainnav .lvl2 li a { color:#3e3e3e; font-weight:bold; text-transform:none; line-height:1.2em; border-top:#5e5e5e dotted 1px; height:auto;width:23em; background:#fff; padding:0.7em 2em 0.5em 2em;}
	#mainnav .lvl1 .lvl2 li a { color:#3e3e3e; } /* odd fix to reset colour after it is set here: #mainnav .lvl1:hover a */ 
	#mainnav .lvl2 li.last a {border-bottom:#5e5e5e dotted 1px; }
	#mainnav .lvl2 li:hover a, #mainnav .lvl2 li.sfhover a {color:#a97a12; border-top:#a97a12 dotted 1px;}

	#mainnav .lvl2 .Menu3 li a {color:#3e3e3e; font-weight:normal; line-height:1em; border-top:#5e5e5e dotted 1px; height:auto;width:23em; background:#fff; padding:0.5em 2em 0.3em 2em;}
	#mainnav .lvl2 .Menu3 li.last a {border-bottom:#5e5e5e dotted 1px; }
	#mainnav .lvl2 .Menu3 li:hover a, #mainnav .lvl2 .Menu3 li.sfhover a {color:#a97a12; border-top:#a97a12 dotted 1px; }


#mainnav li ul ul { /* third-and-above-level lists */
	margin: -1.6em 0 0 -1000em;
}

#mainnav li:hover ul ul, #mainnav li.sfhover ul ul {
	margin-left: -1000em;
}

#mainnav li:hover ul, #mainnav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}

#mainnav li li:hover ul, #mainnav li li.sfhover ul {
	margin-left: 17em;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#mainnav li a:focus + ul { margin-left: 0; }
#mainnav li li a:focus + ul { margin-left: 1010em; }
#mainnav li li a:focus { margin-left:1000em; width:23em; background: #fff; color:#a97a12; }
#mainnav li li li a:focus {margin-left: 2010em; width: 23em; background: #fff; color:#a97a12; }
#mainnav li:hover a:focus, #mainnav li.sfhover a.sffocus { margin-left: 0; }
#mainnav li li:hover a:focus + ul, #mainnav li li.sfhover a.sffocus + ul { margin-left: 17em; }


/************************
 * CONTENT
 ***********************/

#content-top {height:215px; background:url(../images/header-default.jpg);}
#content {position:relative; margin:35px 0 0 0; padding:0; width:100%; overflow:hidden;  z-index:2;}
#content .wrapper {background:#fff;}

.structureleft-home {float:left; width:360px; height:100%; margin:40px 40px 20px 100px; border-left:1px solid #a97a12; padding-left:10px;min-height:250px; z-index:3; }
.structureright-home {float:right; width:350px; z-index:3; margin:40px 90px 0 0;}
.structureright-home h2 {font-size:1.0em;}

.structureleft-project {float:left; width:300px; height:100%; margin:40px 0 20px 100px; border-left:1px solid #a97a12; padding-left:10px;min-height:250px; z-index:3; }
.structureright-project {float:right; width:460px; z-index:3; margin:40px 35px 0 0; text-align:center;}

.structureleft {float:left; width:640px; margin:40px 0 20px 100px; border-left:1px solid #a97a12; padding-left:10px; min-height:250px; z-index:3; }
.structureright {}

.structureleft-staff {float:left; width:800px; margin:40px 0 20px 100px; border-left:1px solid #a97a12; padding-left:10px; min-height:250px; z-index:3; }
.structureright-staff {}
.staff-member {width:630px; min-height:170px; }
.staff-member .staff-photo {position:absolute; display:block; left:644px; }
.staff-member p {text-align:justify;}

.structureright hr, .structureright-home hr, .structureright-project hr {height:1px; color:#a97a12; border:1px #a97a12 solid; border-bottom:0; margin:0;}
.structureright-project hr {margin:0 auto; width:350px; }
.project-list {width:630px; min-height:135px; }
.project-list .image {position:absolute; display:block; left:644px; }
.project-list p {text-align:justify;}

.structureright h2, .structureright-home h2 {margin:0 0 5px 0;}
.structureright-project h2 {margin:0 auto 5px auto; width:350px; text-align:left;}

#content-left {position:absolute; left:0; top:260px; width:88px; height:240px; overflow:hidden; background:url(../images/content-left.png) no-repeat top left; }
#content-right {position:absolute; right:93px; top:215px; width:132px; height:49px; overflow:hidden; background:url(../images/content-right.png) no-repeat top left; }

.home-project {min-height:80px; margin:5px 5px 5px 0; font-size:0.95em;}
.home-project h4 {margin:0 0 5px 110px;}
.home-project p {margin-left:110px;}
.home-project h4 a {color:#3e3e3e; font-weight:bold;}
.home-project h4 a:hover, .home-project h4 a:focus {color:#a97a12;}
.home-project a.image {position:absolute; top:0; left:0; }
.home-project-bottom {margin-top:20px;}

.home-project-bottom a {text-transform:uppercase; font-weight:bold; padding:2px; letter-spacing:1px; font-size:0.95em;}
.home-project-bottom a:hover,home-project-bottom a:focus,home-project-bottom a:active {text-decoration:none; background-color:#D9D9D9;}
/************************
 * FOOTER
 ***********************/
 
#footer {position:relative; height:35px; margin:0 0 20px 0; padding:0; width:100%; overflow:hidden; font-size:0.95em; color:#fff;  z-index:2;}
#footer a:link, #footer a:visited, #footer a {color:#fff; font-weight:normal;}
#footer a:hover {}
#footer p {margin:0; line-height:35px;}
#footer .wrapper {background:#7e7e7e; }
#footer .wrapper .footer-left {float:left; margin-left:100px;}
#footer .wrapper .vanity {float:right; margin-right:90px;}

/************************
 * SITEMAP
 ***********************/

ul.tree{width:auto;padding-left:0;margin-left:0;}
ul.tree img{border:none;}
ul.tree,ul.tree ul{padding-left:0;}
ul.tree ul{margin-left:16px;}
ul.tree li.closed ul{display:none;}
ul.tree li{list-style:none;background:url(../images/tree/i-repeater.gif) 0 0 repeat-y;display:block;width:auto;}
ul.tree li.last{list-style:none;background-image:none;}
ul.tree span.a{background:url(../images/tree/t.gif) 0 50% no-repeat;display:block;}
ul.tree span.a.last{background:url(../images/tree/l.gif) 0 50% no-repeat;}
ul.tree span.a.children span.b{background:url(../images/tree/minus.gif) 0 50% no-repeat;cursor:pointer;}
ul.tree li.closed span.a.children span.b{background:url(../images/tree/plus.gif) 0 50% no-repeat;cursor:pointer;}
ul.tree span.c{margin-left:16px;}
ul.tree span.a.children span.c{background:url(../images/tree/i-bottom.gif) 0 50% no-repeat;}
ul.tree span.a.spanClosed span.c{background-image:none;}
ul.tree a{white-space:nowrap;overflow:hidden;padding:10px 0 10px 18px;line-height:16px;background:url(../images/tree/page-file.png) 0 50% no-repeat;}
ul.tree span.a.children a{background-image:url(../images/tree/page-openfoldericon.png);}
ul.tree span.a.children.spanClosed a{background-image:url(../images/tree/page-foldericon.png);}
ul.tree.unformatted li{background-image:none;padding-left:16px;}
ul.tree.unformatted li li{background-image:none;padding-left:0;}
ul.tree li div{float:right;clear:right;height:1em;margin-top:-26px;}
ul.tree div a{padding:0;background-image:none;min-height:0;height:auto;}
ul.tree li A:link,ul.tree li A:hover,ul.tree li A:visited{color:#111;}
ul.tree li .over{background-color:#f49ac1;}

/************************
WYSIWYG EDITOR ALIGNMENT CLASSES
************************/

#content .left {text-align:left;}
#content .center {text-align:center;}
#content .right {text-align:right;}
#content img.center {margin:0 auto 10px auto; display:block}
#content img.right {float:right; margin-left:20px;}
#content img.leftAlone {text-align:left; display:block; margin-bottom:10px;}
#content img.left {float:left; margin-right:20px;}
#content p.MsoNormal, #content p.MsoBodyText {margin: 0;}

/************************
LOGIN
************************/

#MemberLoginForm_LoginForm {border:#464646 1px solid; background:#EFEFEF;padding:20px; margin:20px; }
#MemberLoginForm_LoginForm fieldset {border:none;}
#MemberLoginForm_LoginForm .middleColumn {display:block; position:absolute; left:100px; top:0; }
#MemberLoginForm_LoginForm .field {min-height:30px;}
#MemberLoginForm_LoginForm input.checkbox {border:none;}
#MemberLoginForm_LoginForm input {border:#464646 1px solid; margin-right:10px;}
#MemberLoginForm_LoginForm #Remember {margin-left:100px;}


/************************
PROJECT GALLERY
************************/

#content .wrapper.project {background:#fff url(../images/project-back.png) no-repeat bottom right;}

.structureright-project #project {margin-bottom:10px;}

#project-enlarge {margin-top:10px;}

#project-thumbs {width:458px; overflow:auto; border:1px solid #5e5e5e; border-top:none; border-bottom:none; }
#project-thumbs a:hover {background-color:#D9D9D9;}
#project-thumbs-inner {height:90px; width:560px; text-align:left; overflow:hidden; }
#project-thumbs-inner .project-thumb {float:left; padding:5px;width:100px; height:80px; }
#project-thumbs-inner .highlight {background:#a97a12;}
#project-thumbs a.highlight:hover {background-color:#a97a12; cursor:default;}

#spec-loading {position:absolute; top:80px; left:50%; margin-left:-75px; width:150px; height:150px; background:url(../images/loading-back.png) repeat; display:none; z-index:200;}
#spec-loading p {height:65px; text-align:center; color:#000; text-transform:uppercase; background:url(../images/loading.gif) no-repeat 59px 40px; margin:0; padding:85px 0 0 0;}

.project-stage, .project-client, .project-name {margin-bottom:5px; padding-left:7em;}
.project-stage span, .project-client span, .project-name span {position:absolute; left:10px; color:#3e3e3e;}
.project-stage {margin-bottom:20px;}
.project-name {color:#a97a12;}

/************************
GALLERY NAV BUTTONS
************************/
#gallery-nav {margin:10px 0 5px 0; visibility:hidden;text-align:left;}
#gallery-nav ul {list-style:none; margin:0; padding:0;}
#gallery-nav ul li {display:block; width:12em; float:left; overflow:hidden; }
#gallery-nav ul li.next {display:block; width:9em; float:right; overflow:hidden; }

#gallery-nav ul li a {padding:2px; display:block; position:relative; text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-size:0.90em;}
#gallery-nav ul li a:hover, #gallery-nav ul li a:focus, #gallery-nav ul li a:active {text-decoration:none; background-color:#D9D9D9;}
#gallery-nav ul li span {padding:2px; display:block; position:relative; text-transform:uppercase; font-weight:bold; letter-spacing:1px; color:#9E9E9E; cursor:default;}

#gallery-nav .next {text-align:right;}

#gallery-nav ul li a.off {background-color:transparent; color:#9E9E9E; cursor:default;}
#gallery-nav ul li a.off:hover, #gallery-nav ul li a.off:focus, #gallery-nav ul li a.off:active {background:#fff;}

/************************
PROJECT NAV BUTTONS
************************/
#project-nav {width:350px; margin:10px auto 0 auto; text-align:left;}
#project-nav ul {list-style:none; margin:0; padding:0;}
#project-nav ul li {display:block; width:175px; float:left; overflow:hidden; }

#project-nav ul li a {padding:2px; display:block; position:relative; text-transform:uppercase; font-weight:bold; letter-spacing:1px;}
#project-nav ul li.next a:hover, #project-nav ul li.prev a:hover, #project-nav ul li.next a:focus, #project-nav ul li.prev a:focus, #project-nav ul li.next a:active, #project-nav ul li.prev a:active {text-decoration:none; background-color:#D9D9D9;}
#project-nav ul li span {padding:2px; display:block; position:relative; text-transform:uppercase; font-weight:bold; letter-spacing:1px; color:#9E9E9E; cursor:default;}

#project-nav .next {text-align:right;}

/************************
 CONTACT
************************/
.contact-columns {float:left; width:310px;}