@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
	
body {
background-color:#666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:62.5%;
}

a:link {
text-decoration:none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

div#container {
position:absolute;
top:0;
left:50%;
margin-left:-450px;
width:900px;
background-image:url(pics/repeat.jpg)
}

div#navigation {
margin-top: 40px;
}
div#navigation ul {
list-style-type:none;
}
div#navigation ul li {
float:left;
}

#commissions a {
display:block;
background-image:url(pics/nav-01-commish.jpg);
width:108px;
height:26px;
margin-left: 55px;
}
#commissions a:hover {
background-image:url(pics/nav_01.jpg);
}
#commissions span {
margin-left:-5000px;
}

#windows a {
display:block;
background-image:url(pics/nav-02-window.jpg);
width:87px;
height:26px;
}
#windows a:hover {
background-image:url(pics/nav_02.jpg)
}
#windows span {
margin-left:-5000px;
}

#mosaics a {
display:block;
background-image:url(pics/nav-03-mosaics.jpg);
width:78px;
height:26px;
}
#mosaics a:hover {
background-image:url(pics/nav_03.jpg);
}
#mosaics span {
margin-left:-5000px;
}

#awards a {
display:block;
background-image:url(pics/nav-04-awards.jpg);
width:74px;
height:26px;
}
#awards a:hover {
background-image:url(pics/nav_04.jpg);
}
#awards span {
margin-left:-5000px;
}

#gifts a {
display:block;
background-image:url(pics/nav-05-gifts.jpg);
width:54px;
height:26px;
margin-right: 150px;
}
#gifts a:hover {
background-image:url(pics/nav_05.jpg);
}
#gifts span {
margin-left:-5000px;
}

#about a {
display:block;
background-image:url(pics/nav-07-about.jpg);
width:107px;
height:26px;
}
#about a:hover {
background-image:url(pics/nav_07.jpg);
}
#about span {
margin-left:-5000px;
}

#contact a {
display:block;
background-image:url(pics/nav-08-contact.jpg);
width:81px;
height:26px;
}
#contact a:hover {
background-image:url(pics/nav_08.jpg);
}
#contact span {
margin-left:-5000px;
}

#home a {
display:block;
background-image:url(pics/nav-09.jpg);
width:60px;
height:26px;
}
#home a:hover {
background-image:url(pics/nav-09-home.jpg);
}
#home span {
margin-left:-5000px;
}

div#head-home {
clear:both;
position:relative;
width:818px;
height:600px;
background-image:url(pics/hme-head.jpg);
background-repeat:no-repeat;
margin-left:45px;
}
div#head-home span{
margin-left:-5000px;
}
div#head-home h2 {
font-size: 1.1em;
line-height: 1.8em;
margin-bottom: 40px;
text-align:center;
font-weight:normal;
margin-top:430px;
padding: 0 70px;
width: 700px;
}
div#head-home p {
font-size: 1.1em;
line-height: 1.8em;
text-align:center;
font-weight:normal;
padding: 20px 50px 0 50px;
width: 400px;
margin-left:auto;
margin-right:auto;
margin-bottom: 40px;
border-top: dotted 1px #CCC;
}
div#cont-home {
margin-top:70px;
margin-left:auto;
margin-right:auto;
margin-bottom:75px;
width:798px;
}


div#header-grn {
clear:both;
background-image:url(pics/head-grn.jpg);
background-repeat:no-repeat;
width:800px;
height:170px;
margin-left:56px;
}
div#header-grn h1 span {
margin-left:-5000px;
}

div#header-brown {
clear:both;
background-image:url(pics/head-brown.jpg);
background-repeat:no-repeat;
width:800px;
height:170px;
margin-left:56px;
}
div#header-brown h1 span {
margin-left:-5000px;
}

div#header-blu {
clear:both;
background-image:url(pics/head-blu.jpg);
background-repeat:no-repeat;
width:800px;
height:170px;
margin-left:56px;
}
div#header-blu h1 span {
margin-left:-5000px;
}

div#header-lav {
clear:both;
background-image:url(pics/head-lav.jpg);
background-repeat:no-repeat;
width:800px;
height:170px;
margin-left:56px;
}
div#header-lav h1 span {
margin-left:-5000px;
}

div#header-org {
clear:both;
background-image:url(pics/head-org.jpg);
background-repeat:no-repeat;
width:800px;
height:170px;
margin-left:56px;
}
div#header-org h1 span {
margin-left:-5000px;
}

div#header-red {
clear:both;
background-image:url(pics/head-red.jpg);
background-repeat:no-repeat;
width:800px;
height:170px;
margin-left:56px;
}
div#header-red h1 span {
margin-left:-5000px;
}

div#content {
width: 285px;
margin-left: 60px;
text-align: right;
padding-right:20px;
border-right-width: 15px;
border-right-style: solid;
border-right-color:#D8D8D8;
}
div#content h2 {
color:#399;	
font-style:italic;
font-size: 1.9em;
line-height: 1.1em;	
font-weight: normal;
letter-spacing: -1px;
margin-bottom: 20px;
}
div#content ul {
margin-bottom:20px;
}
div#content li {
font-size: 1.2em;
line-height: 1.8em;
font-weight: bold;
list-style-type:none;
}
div#content p {
font-size: 1.3em;
line-height: 1.8em;
margin-bottom: 40px;
}
div#content img {
position:absolute;
top:85px;
right:50px;
}
div#content h5 {
position:absolute;
top:533px;
left:428px;
width:250px;
font-size: 1em;
font-style: italic;
font-weight: normal;
color: #666;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #CCC;
padding-top: 10px;
text-align:left;
}

div#content-about {
width: 700px;
margin-left: 100px;
text-align: left
}
div#content-about p {
font-size: 1.3em;
line-height: 1.8em;
margin-bottom: 25px;
}
div#content-about h2 {
color:#399;	
font-style:italic;
font-size: 1.9em;
line-height: 1.1em;	
font-weight: normal;
letter-spacing: -1px;
margin-bottom: 20px;
}
div#content-about img {
float:right;
padding-left:30px;
}


div#showcase {
position:relative;
width:800px;
background-image:url(pics/crookedline.jpg);
background-repeat:no-repeat;
margin-top:80px;
margin-left:56px;
margin-bottom:70px;
}
div#showcase2 {
margin-left:10px;
padding-top:40px;
}
div#showcase2 img{
border: 10px solid #E0E0E0;
height: 135px;
width: 135px;
}

div#bttmnav ul {
clear:both;
}

div#bttmnav ul {
list-style-type:none;
}
div#bttmnav ul li {
float:left;
}

div#footer {
clear:both;
position:relative;
width:866px;
height: 200px;
background-color:black;
margin-left:auto;
margin-right:auto;
background-image:url(pics/bttmlogo.jpg);
background-repeat:no-repeat;
background-position: 660px 0px;
}
div#footer p {
color:#444;
padding-top:25px;
padding-left:44px;
font-family: Verdana, Geneva, sans-serif;
text-transform: uppercase;
font-size:.9em;
}

#content-about a, #head-home a {
	color: #882921;
	text-decoration: none;
}
#content-about a:hover, #head-home a:hover {
	color: #882921;
	text-decoration: none;
	padding-top: 1px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #900;
	border-bottom-color: #900;
}