div, p, form, h1, h2, h3, h4, h5, 
td, ul, li, img, dl, dd, dt {
 margin: 0px;
 padding: 0px;
 font-family: 'Arial','Helvetica', sans-serif;
 font-size: 12px;
 line-height:13px;
}
input {
 margin: 0px;
 padding: 0px;
 font-family: 'Arial','Helvetica', sans-serif;
 font-size: 12px;
 color: #B3B3B3;
 background-color: #4C4C4C;
}
body {
 color: #B3B3B3;
 background-color: #E6E6E6;
}
img {
 font-size: 9px;
 border: 0px;
}
a {
 color: #B3B3B3;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
h5 {
 font-size: 12px;
 color:#DAD8DB;
 font-weight: bold;
}
hr {
 display: none;
}
.hidden {
 display: none;
}
/** TOP LINKLISTS **/
ul.linklist {
 list-style-type: none;
 height: 150px;
 margin-bottom: 4px;
}
ul.linklist li {
 font-size: 11px;
}
ul.linklist a {
 text-decoration: none;
}
ul.linklist a:hover{
 color: #fff;
 font-weight: bold;
}
ul.linklist .current {
 color: #fff;
 font-weight: bold;
 cursor: text;
}
/** TEXT STUFF **/
.highlight_1 {
 color: #fff;
}
.highlight_2 {
 color: #DAD8DB;
}
.highlight_3 {
 font-size: 9px;
}
.highlight_4 {
 font-size: 9px;
 color: #B3B3B3;
}
.boldcap {
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: .3px;
}
.small {
 font-size:10px;
 line-height:10px;;
}
/** NAV BAR **/
#navbar span {
 display: block;
 float: left;
 height: 32px;
 width: 27px;
 font-size: 11px;
 text-align: center;
 text-indent: -9999px;
 font-size: 0px;
 margin-left: 1px;
}
#navbar span#mid {
 width: 27px;
 float: left;
 height: 32px;
 text-align: center;
 width: 244px;
}
#navbar a {
 display: block;
 height: 32px;
 width: 27px;
}
#navbar #prevlink a {
 background: url(gfx/btn_thumbprev.gif);
}
#navbar #prevlink a:hover {
 background: url(gfx/btn_thumbprev_on.gif);
}
#navbar #nextlink a {
 background: url(gfx/btn_thumbnext.gif);
}

#navbar #nextlink a:hover  {
 background: url(gfx/btn_thumbnext_on.gif);
}
/** prev | next text **/
#navbartext span {
 display: block;
 float: left;
 height: 15px;
 width: 40px;
 font-size: 11px;
 text-align: center;
}

#navbartext span#mid {
 display: block;
 float: left;
 height: 15px;
 width: 5px;
 text-align: center;
}


/** SCROLL BAR **
* Copy These
* (.bar should be
* 20px shorter)
*****************/
div.scroll {
 float: none;
 height: 0px;
}
div.scroll div.bar {
 height: 0px;
}
/** END COPY ***
/**************/
div.scroll {
 width: 11px;
 border: 1px solid #999999;
}
div.scroll div {
 width: 11px;
 font-size: 8px
}
div.scroll div.up {
 background: url(gfx/scroll_upbtn.gif) no-repeat center center;
 height: 10px;
}
div.scroll div.down {
 background: url(gfx/scroll_downbtn.gif) no-repeat center center;
 height: 10px;
}
/*****************************
PAGE TEMPLATE
*****************************/
div#center {
 width: 920px;
 height: 618px;
 margin: 40px auto 15px auto;
 padding: 0 10px 10px 10px;
 background: #e6e6e6 url(gfx/bg_center.gif) no-repeat 0 20px;
}
div#toplinks {
 width: 930px;
 margin-left: -10px;
 padding-left: 10px;
 height: 20px;
 background: url(gfx/toplinks.gif) no-repeat 33px 0px;
}
div#toplinks h4 {
 display: none;
}
div#toplinks span {
 display: none;
}
div#toplinks ul {
 list-style-type: none;
 width: 500px;
 margin-left: 40px;
}
div#toplinks li {
 float: left;
}
div#toplinks a {
 display: block;
 width: 60px;
 height: 12px;
 margin-top: 3px;
 margin-right: 10px;
}
div#toplinks a.wider {
 width: 65px;
 margin-right: 14px;
}
div#toplinks a#h{
 width: 40px;
}
div#toplinks a#h:hover {
 background: url(gfx/toplinks_home.gif) -17px -3px;
}
div#toplinks a#in{
 width: 60px;
}
div#toplinks a#in:hover {
 background: url(gfx/toplinks_interiors.gif) -67px -3px;
}
div#toplinks a#c{
 width: 50px;
}
div#toplinks a#c:hover {
 background: url(gfx/toplinks_projects.gif) -137px -3px;
}
div#toplinks a#a{
 width: 55px;
}
div#toplinks a#a:hover {
 background: url(gfx/toplinks_aboutus.gif) -197px -3px;
}
div#toplinks a#e{
 width: 59px;
}
div#toplinks a#e:hover {
 background: url(gfx/toplinks_contactus.gif) -262px -3px;
}
div#mainbox {
 background: #4C4C4C url(gfx/righttext.gif) no-repeat 837px 20px;
 width: 870px;
 height: 531px;
 padding: 29px 50px 29px 0px;
 overflow: hidden;
 margin-bottom: 15px;
}
div#mainbox h1#header {
 display: none;
}
div#lefttext {
 width: 34px;
 height: 100%;
 border-right: 1px solid #666;
 float: left;
}
div#lefttext span {
 display: none;
}
div#lefttext h2 {
 width: 27px;
 height: 200px;
}
div#lefttext h2#aboutus {
 background: url(gfx/lefttext_aboutus.gif) no-repeat top center;
}
div#lefttext h2#enquiries{
 background: url(gfx/lefttext_contactus.gif) no-repeat top center;
}
div#lefttext h2#ourclients{
 background: url(gfx/lefttext_projects.gif) no-repeat top center;
}
div#lefttext h2#interiors {
 background: url(gfx/lefttext_interiors.gif) no-repeat top center;
}
div#lefttext h2#home {
 background: url(gfx/lefttext_home.gif) no-repeat top center;
}
div#middle {
 margin-left: 43px;
/** height: 410px;**/
}
/****************************
INDEX
****************************/
div#indexleft{
 width: 240px;
 float: left;
}
div#indexleft ul.linklist {
 margin-bottom: 35px;
}
div#indexleft span ul.linklist {
 margin-bottom: 25px;
}
div#indexleft img {
 margin-top: 6px;
 /*cursor: help;*/
}
div#indexleft #logoleft {
 margin-top: 19px;
}

div#indexleft #logotextleft {
 margin-top: 0px;
	text-align:left;
}
div#indexleft #logotextleft img {
float:left;
	padding-right:7px;
	clear:both;
	}
	div#indexleft #logotextleft p {
	padding-top:5px;
	font-size:10px;
	line-height:11px;

	}
div#indexleft #logolefthome {
 margin-top: 1px;
}
div#indexright {
 float: none;
}

/****************************
PHOTOS
****************************/
div#photosleft {
 float: left;
 width: 312px;
 _width: 324px;
}
div#photosleft div#thumbcarousel,
div#photosleft div.thumbslide {
 width: 312px;
 _width: 324px;
}

div#photosleft div#thumbcarousel li {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

div#photosleft div.thumbslide div.thumbrow {
 height: 68px;
 margin-bottom: 8.5px;
}
div#photosleft div.thumbslide div.thumbbox {
 float: left;
 height: 62px;
 width: 62px;
 padding: 2px;
 background: #B4B2B4;
 border: 1px solid #4C4C4C;
 margin-right: 10px;
 overflow: hidden;
}
div#photosleft div.thumbslide div.thumbbox:hover {
 background: #e6e6e6;
 border: 1px solid #e6e6e6;
}
div#photosleft div.thumbslide a.hidden {
 display: none;
}
div#photosleft div#slideshowlink {
 font-size:11px;
 clear:both;
 padding-top: 27px;
 *padding-top: 15px;
}
div#photosright {
 float: left;
 width: 458px;
 margin-left: 11px;
 _margin-left: -1px;
}
div#photosright div#main {
 float: right;
 text-align: right;
 width: 445px;
 margin-right: 3px;
}
div#photosright div#main div#credits {
 height: .8em;
 margin-top: -3px;
}
div#photosright div#main span {
 float: left;
 width: 45%;
 text-align: left;
 text-transform: uppercase;
 font-size: 8.5px;
}
div#photosright div#main span#right {
 text-align: right;
 float: right; 
 width: 54%;
}
div#photosright div#main p {
 text-align: justify;
 margin-top: 10px;
 height: 53px;
 overflow: hidden;
}
div#photosright div#main img {
 /* cursor: move; */
 margin-bottom: 0px;
}
/****************************
PHOTO LARGE
****************************/
div#photolargeframe {
 width: 760px;
 margin: 0px auto;
 text-align: center;
}
div#photolargeframe a {
 background-color: #E6E6E6;
 color: #4C4C4C;
 font-weight: bold;
 padding: 4px 4px;
}
div#photolargeframe img {
 border: 1px solid #4c4c4c;
}
/****************************
THREE BAR/ABOUT US
****************************/
div#threebarleft {
 float: left;
 width: 310px;
}
div#threebarleft ul {
 margin-bottom: 14px;
}
div#threebarleft p {
 margin-bottom: 12px;
}
div#threebarmiddle {
 float: left;
 width: 308px;
 margin-left: 15px;
 padding-top: 164px;
}
div#threebarmiddle ul{
 list-style-type: none;
 margin-top: 10px;
 border-top: 1px solid #666;
}
div#threebarmiddle ul.error{
 list-style-type: none;
 margin: 10px 0px;
 border-top: none;
}
div#threebarmiddle li {
 border-bottom: 1px solid #666;
}
div#threebarmiddle li.error {
 border-bottom:none;
 color:#fffd01;
}
div#threebarright {
 float: left;
 width: 120px;
 margin-left: 25px;
 text-align: right;
}
div#threebarright .barrightmulti {
 float: right;
}
div#logoleft {
 clear:both;
 float: left;
 height: 100px;
 margin-top: 10px;
 *margin-top: 11px;
 width: 256px; /* originally 56px - made widet to add acid logo 20091026 */
}

/****************************
BACKGROUND
****************************/
div#backgroundleft {
 float: left;
 width: 626px;
}
div#backgroundleft ul {
 margin-bottom: 14px;
}
div#backgroundleft div.scroll {
 float: right;
 height: 355px;
}
div#backgroundleft div.scroll div.bar {
 height: 336px;
}
div#backgroundleft div#bgtext{
 width: 597px;
 height: 425px;/* set to 367 to restore original size to work with scroll bar*/
 overflow: hidden;
 margin-top:-52px;/*added 20091027 move text up - not inline now with other pages*/
}
div#backgroundleft p{
 margin-bottom: 10px; 
}
div#backgroundright {
 float: left;
 width: 108px;
 margin-left: 44px;
 margin-top: 4px;
}
div#backgroundright img {
 margin-bottom: 10px;
}
/****************************
ENQUIRIES
****************************/
form#enquiry {
 padding-top: 5px;
}
form#enquiry label {
 clear: both;
 display: block;  
 float: left;
 width: 55px;
 height: 15px;
 margin-bottom: 10px;
}
form#enquiry fieldset{
 border:none;
 padding-bottom:0px;
 padding-left:0px;
 margin-left:0px;
}
form#enquiry input,
form#enquiry textarea {
 display: block;
 float: left;
 height: 15px;
 margin-bottom: 10px;
}
form#enquiry dd.tall {
 height: 235px;
 margin-bottom: 0px;
}
form#enquiry input,
form#enquiry textarea {
 width: 226px;
 height: 14px;
 padding: 1px;
 font-size: 12px;
 background: #4C4C4C;
 border: 1px solid #666;
 color: #DAD8DB;
 font-family: 'Arial','Helvetica',sans-serif;
}
form#enquiry textarea {
 height: 225px;
 margin-bottom: 0px;
}
form#enquiry input.button {
 width: 67px;
 height: 18px;
 padding: 0px;
 margin-left: 55px;
 border: 0px;
 color: #fff;
 font-size: 12px;
 background: #808080;
 font-weight: bold;
 margin-top: 2px;
 clear: both;
}
form#enquiry p.button {
margin:0px;
padding:0px;
}
/****************************
CLIENT COMMENTS
****************************/
div#clientcommentsleft {
 float: left;
 width: 655px;
 margin-right: 15px;
}
div#clientcommentsleft ul {
 margin-bottom: 10px;
}
div#clientcommentsleft div.ccomm {
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: 1px dotted #666;
}
div#clientcommentsleft p img.open {
 margin-left: -19px;
 float: left;
}
div#clientcommentsleft div.scroll {
 float: right;
 height: 370px;
}
div#clientcommentsleft div.scroll div.bar {
 height: 351px;
}
div#clientcommentsleft div#text{ 
 width: 630px;
 margin-top: 1px;
 overflow: hidden;
 height: 371px;
}
div#clientcommentsleft p {
 margin-bottom: 10px;
 margin-left: 20px;
}
div#clientcommentsright {
 float: left;
 width: 108px;
}
/****************************
OUR CLIENTS
****************************/
div#ourclientsbarleft {
 float: left;
 width: 327px;
}
div#ourclientsbarleft ul {
 margin-bottom: 310px;
}
div#ourclientsbarmiddle {
 float: left;
 width: 331px;
 overflow: hidden;
}
div.projectitem {
 display: block;
 width: 338px;
 height: 62px;
 margin-bottom: 15px;
}
div.projectpics {
 background: #4C4C4C;
 height: 62px;
 float: left;
 cursor: pointer;
 width: 134px;
}
div.projectpics a{
 float: left;
 display: block;
 /*width: 62px;*/
 height: 62px;
 background: #4C4C4C;
}
div.projectpics a.rightspace {
 padding-right: 10px;
}
div.projectpics img {
 width: 62px;
 height: 62px;
 border: 0px;
}
a.projecttext {
 display: block;
 float: left;
 width: 202px;
 _width: 189px;
 height: 51px;
 padding-top: 11px;
}
a.projecttext:hover {
 background: #666;
 text-decoration: none;
 color: white;
}
a.projecttext span {
 display: block;
 float: left;
 padding-left: 15px;
 width: 182px;
 _width: 160px;
}
div#ourclientsbarright {
 float: left;
 width: 115px;
 height: 437px;
 margin-left: 5px;
 text-align: right;
}
/****************************
PROJECT DETAIL
****************************/
div.projectdetailleft {
 float: left;
}
div.projectdetailleft ul {
 height: 150px;
}
div#pdleft_text {
 width:620px;
}
div#pdleft_text div#topbox {
 margin-bottom: 10px;
}
div#pdleft_text p#desc {
 height: 258px;
 overflow: hidden;
 margin-bottom: 2px;
}
div#pdright_image div.scroll {
 float: right;
 height: 254px;
 margin-left: 5px;
}
div#pdright_image div.scroll div.bar {
 height: 234px;
}
div#pdleft_image {
 width: 317px;
 _width: 329px;
}
div#pdleft_image ul {
 float: left;
 width: 290px;
}
div#pdleft_image div#thumbs {
 clear: both;
 width: 312px;
 _width: 324px;
}
div#pdleft_image div#thumbs div.thumbrow {
 height: 68px;
 margin-bottom: 8.5px;
}
div#pdleft_image div#thumbs div.thumbbox {
 float: left;
 height: 62px;
 width: 62px;
 padding: 2px;
 background: #B4B2B4;
 border: 1px solid #4C4C4C;
 margin-right: 10px;
 overflow: hidden;
}
div#pdleft_image div#thumbs div.thumbbox:hover {
 background: #e6e6e6;
 border: 1px solid #e6e6e6;
}
div#pdleft_image div#slideshowlink,
div#pdleft_text div#slideshowlink {
 font-size:11px;
 clear: both;
 padding-top: 27px;
 *padding-top: 15px;
}
div.projectdetailright {
 float: left;
}
div.projectdetailright em {
 color: #fff;
}
div#pdright_text {
 float: left;
 margin-left: 50px;
}
div#pdright_image {
 width: 444px;
 margin-left: 15px;
 _margin-left: 3px;
 text-align: center;
}
div#pdright_image p {
 text-align: left;
}
div#pdright_image #topbox {
 margin: 1px 0 10px 0;
}
div#pdright_image #topbox p.left {
 float: left;
}
div#pdright_image #topbox p.right {
 float: right;
 font-size: 8.5px;
 margin-top: -12px;
 *margin-top: -6px;
 text-align: right;
 text-transform: uppercase;
}
div#pdright_image #bottombox {
 clear: both;
}
div#pdright_image p#desc {
 height: 53px;
 overflow: hidden;
 margin-bottom: 2px;
}
div#pdright_image div.scroll {
 float: right;
 height: 50px;
 margin-left: 5px;
}
div#pdright_image div.scroll div.bar {
 height: 30px;
}
/****************************
Footer
****************************/
div#footercredit {
 float: right;
 color:#999999;
 font-size:9px;
 text-transform:uppercase;
}
/** TEMP **/
div#pdright_image img {
 width: 444px;
 height: 444px;
}
div#photosright div#main img {
 height: 444px;
 width: 444px;
}
div#photosleft div.thumbslide div img {
 width: 62px;
 height: 62px;
}
div#ourclientsbarmiddle div.projectitem div.projectpics a img {
 height: 62px;
 width: 62px;
}
div#pdleft_image div#thumbs img {
 width: 62px;
 height: 62px;
}