body {
margin:0;
padding:0;
background:black;
font: 12px Arial, Helvetica, sans-serif;
color:black;
}

input, textarea {
font: 12px Arial, Helvetica, sans-serif;
}

input.contact, textarea.contact {
width: 400px;
}

img {
border-style:none;
margin:0;
padding:0;
}

h1 {
font-size:22px;
}

h2 {
font-size:20px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

p {
font-size:14px;
}

#screen {
width:942px;
margin-left:auto;
margin-right:auto;
background: white;
/*background-image:url(../images/fauxcolumns2.gif);
background-repeat:repeat-y; */
}

#header {
height:189px;
margin:0;
padding:0;
background:white;
}

/* \*/
* html #header {
margin-bottom:-3px;
}
/* */

#main {
float:left;
width:600px;
margin:0;
margin-top:5px;
padding:15px;
margin-left:45px;
margin-right:45px;
display:inline;
background: white;
}

/* \*/
* html #main { height: 1%; }
/* */

#sidebar {
padding:0;
margin-top:0;
margin-left:705px;
padding-top:15px;
padding-left:35px;
background:white;
color:black;
}

#sidebar p{
font-size:16px;
}

#footer {
clear:both;
font-size: 12px;
color:white;
text-align:right;
padding-right:15px;
background-image:url(../images/menufill.jpg);
background-repeat:repeat-x;
/*background:#000080;*/
}

.preload {
clear:both;
display:none;
}

.gallery {
clear:both;
padding:0;
margin-left: auto;
margin-right: auto;
width: 85%;
}

.thumbnail {
padding: 3px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
background:#E4DEDC;
}	

.weblink a:link, .weblink a:visited {
color:#486821;
text-decoration:underline;
}

.weblink a:hover, .weblink a:active, .weblink a:focus {
color:#75A738;
text-decoration:underline;
}

.sigquote {
font-style:italic;
font:18px Bradley Hand ITC, cursive, Arial, Helvetica, sans-serif; 
}

ul.address {
list-style:none;
}

a:link, a:visited {
color:#676767;
text-decoration:none;
}
a:hover, a:active, a:focus {
color:#DF9F0B;
text-decoration:none;
}

#sidebar a {
display: block;
width:190px;
height:112px; 
}

#sidebar a:link, #sidebar a:visited {
color: black;
text-decoration:none;
}
#sidebar a:hover, #sidebar a:active, #sidebar a:focus {
color:#DF9F0B;
text-decoration:none;
}

#sidebar a#lcontactus { background: url(../images/contactus_tn.jpg) no-repeat; }
/* #sidebar a#lcontactus:link, #sidebar a#lcontactus:visited { background: url(../images/contactus_tn.jpg) no-repeat; } */
/* #sidebar a#lcontactus:hover, #sidebar a#lcontactus:active, #sidebar a#lcontactus:focus { background: url(../images/contactus_tn.jpg) no-repeat; } */
.preload p#pcontactus { background: url(../images/contactus_tn.jpg);}

#sidebar a#lrequestquote { background: url(../images/goldenvelope.jpg) no-repeat; }
/* #sidebar a#lcontactus:link, #sidebar a#lcontactus:visited { background: url(../images/contactus_tn.jpg) no-repeat; } */
/* #sidebar a#lcontactus:hover, #sidebar a#lcontactus:active, #sidebar a#lcontactus:focus { background: url(../images/contactus_tn.jpg) no-repeat; } */
.preload p#prequestquote { background: url(../images/goldenvelope.jpg);}

#sidebar a#ldesignconcepts { background: url(../images/designconcepts.gif) no-repeat; }
/* #sidebar a#ldesignconcepts:link, #sidebar a#ldesignconcepts:visited { background: url(../images/designconcepts.gif) no-repeat; } */
/* #sidebar a#ldesignconcepts:hover, #sidebar a#ldesignconcepts:active, #sidebar a#ldesignconcepts:focus { background: url(../images/designconcepts.gif) no-repeat; } */
.preload p#pdesignconcepts { background: url(../images/designconcepts.gif);}



#footer a {
color:white;
padding-left:5px;
}

#footer a.validxhtml {
color:white;
padding-left:5px;
}

/* NAVBAR */

.navbar {
width:942px;
height:24px;
position:relative;
margin:0;
padding:0; 
z-index:80;
color:white;
background-image:url(../images/menufill.jpg);
background-repeat:repeat-x;
}

/* IE5.5 box model */
* html .navbar {width:943px; w\idth:942px;}

.navbar ul {padding:0;margin:0;list-style-type:none;}
.navbar ul {margin-left:50px;}
.navbar ul ul {margin-left:0;}
.navbar ul ul {width:149px;}

/* relative positon to control dropdown menu positon */
.navbar li {float:left;width:149px;position:relative;}

/* top level */
.navbar a, .navbar a:active, .navbar a:visited, .navbar a:link {display:block;font-size:14px;text-decoration:none; color:black; width:129px; height:22px; /*background:#D9A627;*/}
.navbar a {padding: 2px 10px 0 10px;}

/* IE5.5 */
* html .navbar a, * html .navbar a:visited {color:black; width:149px; w\idth:129px;}

/* hide 2nd level, positon absolute so take up no room */
.navbar ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0; width:149px;border-top:1px solid #000;}
/* IE5.5 */
* html .navbar ul ul {top:22px;t\op:23px;}

/* style table so no part in layout - for IE */
.navbar table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* 2nd level */
.navbar ul ul a, .navbar ul ul a:visited {background:#D9A627;color:black; height:auto; line-height:23px; padding:1px 10px; width:129px;}

/* IE5.5 */
* html .navbar ul ul a, * html .navbar ul ul a:visited {width:149px;w\idth:129px;}

/* top level hover */
.navbar a:hover, .navbar ul ul a:hover{color:black;background:#E3C064;}
.navbar :hover > a, .navbar ul ul :hover > a {color:black;background:#E3C064;}

/* make the second level visible when hover on first level list OR link */
.navbar ul li:hover ul,
.navbar ul a:hover ul{visibility:visible; }

.navbar a.current {color:white;}
.navbar ul ul a.current {color:white;}