html, body{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #666666; background-image: url(../images/layout/bg_main2.jpg); background-repeat: repeat; background-attachment: fixed; }

#container{
	position: relative;
	width: 715px;
	margin: 0 auto;
	background-color: #fff;
	border-right-width: 12px;
	border-left-width: 12px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
} 
#header{ position: relative; background-color: #FFFFFF; height: 170px; background-image: url(../images/layout/bg_head.jpg); background-repeat: no-repeat; color:#fff; } 
#header #mylogo{ position: absolute; left: 10px; top: 10px; }
#header #mylogo h1{ margin:0; padding:0; text-align: left;	text-indent: -9000px; display: none; }
#header #tip{
	position: absolute;
	left: 420px;
	font-size: 85%;
	color: #1a1a1a;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 0px;
	bottom: 0px;
}

#header_bg{
	position: absolute;
	left: 0px;
	bottom: 0;
	font-size: 85%;
	color: #1a1a1a;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#nav{ background-image: url(../images/layout/navBg.gif); background-repeat: repeat; background-color: #f4f9f8; }
#nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #d18a2d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d18a2d;
}
#nav ul li{
	float: left;
	position: relative;
	font-size: 102%;
	background-image: url(../images/layout/navBg.gif);
}
#nav ul li a{ display: block; padding: 10px .55em; }
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover{
	color: #663300;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #d18a2d;
	border-right-color: #d18a2d;
	border-left-style: solid;
	border-bottom-color: #d18a2d;
	border-left-color: #d18a2d;
}
#nav ul li a:hover{
	color: #261300;
	background-color: #d2eae8;
	background-image: url(../images/layout/navBg2.gif);
}
#nav ul li.emailme a{ padding-left: 25px; background-image: url(../img/email.gif); background-repeat: no-repeat; background-position: 5px 50%; }

#content{ padding: 0 25px; }

p{ line-height: 1.6em; margin: 0 0 1em 5px; }
h1{
	position: absolute;
	top: 0;
	left: -80px;
	width: 720px;
	height: 46px;
	margin: 0;
	padding: 12px 0 0 60px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 180%;
	font-weight: normal;
	background-image: url(../img/h1Bg.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #663300;
}
span.toTop{ position: absolute; top: 13px; right: -23px; }
span.toTop img{ border: 0 none; }
h2{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-weight: normal;
	clear: both;
	color: #222423;
}
strong{ background-color: #fffce4; font-weight: normal; }

ul.thumbs{ list-style: none; margin: 10px 0 20px 40px; padding: 0; }
ul.thumbs li{ float: left; padding: 0; margin: 5px; position: relative; }
ul.thumbs li a img{ border: 5px solid #999999; }
ul.thumbs li a:hover img{ border: 5px solid #663300; }
ul.thumbs li img.new {display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: none; }

acronym { border-bottom: 1px solid #e2d6d6; cursor: help; }

#about, #howwework, #finearts, #decoratives, #murals, #logo, #screens, #ill {
	position: relative;
	padding-top: 5em;
	padding-bottom: 25px;
}
#contact, #links, #awards{  position: relative; padding: 4.5em 25px 10px 25px; }

#about h1{ background-image: url(../img/h1BgAbout.gif); }
#contact h1{ top: -5px; left: -54px; background-image: url(../img/h1BgContact.gif); color:#7b4f4f; }
#links h1 { top: -5px; left: -54px; background-image: url(../img/h1BgLinks.gif); color: #afc1bf; }
#awards h1 { top: -5px; left: -54px; background-image: url(../img/h1BgAwards.gif); color: #e29098; }
#contact span.toTop, #links span.toTop, #awards span.toTop{ position: absolute; top: 9px; right: 0px; }

#about{  }
.aboutRight{
	float: right;
	padding-bottom: 25px;
}
.aboutRight img{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#contact{ background-color: #f5eded; }
#contact .button{  }
#contact p.email{ background-image: url(../img/email.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 25px; }
#contact a, #contact a:link, #contact a:active, #contact a:visited, #contact a:hover{ color: #aaa; text-decoration: none; }
#contact a:hover{ color: #f7d400; text-decoration: underline; }
span.error{ color: red; display:none; }
#loadBar{ display: none; color: #494343; background-color: #d4c5c5; padding: 5px; }
#emailSuccess{ display: none; color: #313333; background-color: #d4c5c5; background-image: url(../img/check.gif); background-repeat: no-repeat; background-position: 5px 50%; padding: 5px 5px 5px 20px; }
label span{ font-style: italic; color: #999; }
input, textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #575b5b; }

#links{ background-color: #6c7877; color: #d2e4e2; }
#links ul{ list-style: none; padding: 1em; margin: .5em 0px 1em 50px; background-color: #778483; }
#links ul li{ float: left; padding: 0 12px .4em 12px; width: 170px; }
#links ul li a, #links ul li a:link, #links ul li a:active, #links ul li a:visited, #links ul li a:hover{ color:#cadddc; text-decoration: none; border-bottom: 1px dashed #acbdbc; }
#links ul li a:visited { color: #464b4b; border-bottom: 1px dashed #585e5e; }
#links ul li a:hover{ color: #fff; border-bottom: 0 none; }
#links ul li img{ border: 3px solid #84908f; vertical-align: middle; margin-right: 5px;}
#links h2{ margin: 1.5em 0 0 50px; padding: 0; color: #ffaba6; }

#awards{ background-color: #6e5256; color: #d6b9be; }
#awards ul{ list-style: none; padding: 0; margin: 1.5em 0 1em 40px; }
#awards ul li{ float: left; padding: 0 1em 1em 0; white-space: nowrap;}
#awards p a, #awards p a:link, #awards p a:active, #awards p a:visited, #awards p a:hover{ color:#edd9d9; text-decoration: none; border-bottom: 1px dashed #af8b8b;}
#awards p a:hover{ color: #fff; border: 0 none; }
#awards ul li img{ border: 3px solid #886c70; }

#footer{
	position: relative;
	background-color: #1A1A1A;
	color: #FFFFFF;
	font-size: 75%;
	text-transform: uppercase;
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #999999;
}
#footer p{ padding: 0 0 .25em 30px; margin: 0 290px 0 0; }
#footer p.thanks{ margin: 0 25px; padding: .25em 5px; background-image: url(../img/thanksBg.gif); background-repeat: repeat; }
#footer ul{ margin: 0; padding: 0; list-style: none; position: absolute; top: 1.2em; right: 30px; }
#footer ul li{ background-image: url(../img/check.gif); background-repeat: no-repeat; background-position: 0 50%; float: left; padding: 0 15px 0 12px; }
#footer ul li.printerFriendly{ background-image: none; padding: 0; }
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:hover{ color: #705758; text-decoration: none; border-bottom: 1px dashed #594546; }
#footer a:hover{ color: #9e7e7f; border: 0 none; }

a, a:link, a:active, a:visited, a:hover{ color: #222423; text-decoration: none; }
a:hover{ color: #660000; border: 0 none; }

#hardAtWork{ margin: 100px auto; padding: 20px; width: 500px; background-color: #ffe9ea; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; font-size: 180%; text-align: center; line-height: 1.6em; }

.clearfix:after { display:block; content:"."; height:0; visibility:hidden; clear:both; }
.clearfix {display:inline-table;}/* for IEMac only */
/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;} /* for IE*/
.clearfix {display:block;} /* resets to block */
/* end hide from IEMac */