/* CSS Document */

body{
background-image:url(../images/background.gif);
background-repeat:repeat;
font-family:Trebuchet MS, verdana, sans-serif;
margin-bottom:15px;}


#container{
margin-right:auto;
margin-left:auto;
margin-top:40px;

padding:0;
width: 830px;
position:relative;

}

#america p{text-align:right;  margin-top: -2px;color:#CCCAB5; font-size:12px;}


img.logo{
position:absolute;
top:0px;
left:258px;
border:0;
z-index:1000;
}

img.download{
float:left;
margin-right:0px;
margin-left:0px;
border:0px;
}

p.download{ 
 float:right; margin-top:0; width:350px; font-size:12px; line-height:1.5em; color:#666666;}
 p.download a{color:#996600; font-weight:bold;}
 
p.seal{position:absolute; top:425px; right:15px;}
p.caption{clear:both; font-size:12px; color:#666666;}

#purchase{
position:absolute;
top:30px;
left:20px;}
#purchase.p{
margin-top:0;}

td{padding:0 5px 0 5px;}

tr{padding:0;margin:0;}

small{font-size:10px;line-height:12px;}

#navbar{
width:830px;
height:80px;
position:absolute;
left:0;
top:0px;
border:0;
overflow:visible;
z-index:3;
background-image:
url(../images/nav_mission.jpg);
}

#navbar{z-index:500;}
#navbar nav, ul{list-style:none; margin:0; padding:0;margin:0;}
#nav li{font-size:12px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;color:#FFFFFF; position:relative; display:inline; margin-left:0;}
#nav > li{ position:relative; display:inline;margin-left:0;font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;color:#FFFFFF; }
#nav  li a{padding:5px; color:#f0e5b4; border:0; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
#nav  li a.page{padding:5px; color:white; border:0; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
#nav  li a:hover{padding:5px; color:#434343; border:0; font-weight:bold;}
#nav  li ul {display:none; position:absolute; z-index:500; top:28px;width:200px;text-align:center;left:-50px;font-weight:bold; }
#nav  li ul.about {width:200px;left:-50px; }
#nav  li ul.tiles {width:200px;left:-50px; }
#nav  li ul.specs {width:250px;left:-85px; }
#nav  li ul.pr {width:150px;left:-55px; }
#nav li > ul{top:22px;font-weight:bold;}
#nav  li:hover ul, #nav li.sfhover ul{ display: block; position: absolute;z-index:500;}
#nav  li li{display:block; border:0;padding:0px 10px 15px 10px; font-size:11px; font-weight:bold; height:auto; background-color:#434343;filter:alpha(opacity=90); opacity:.90;z-index:500;}
#nav  li li.top{padding-top:9px; margin-top:-4px;}
#nav  li ul > li.top{padding-top:15px; margin-top:-3px;}
#nav  li ul li{padding-bottom:10px;}
#nav  li ul > li{padding-bottom:15px;}
#nav  li li.bottom{margin-top:-10px;}
#nav  li ul > li.bottom{margin-top:-10px;}
#nav  li li a{border:0; background-color:transparent; padding:10px; margin:0;font-weight:bold; }
#nav  li ul li a:hover{background-color:transparent; color:white;}

ul{
margin:0;
position:absolute;
top:60px;
left:50px;
height:9px;
list-style:none;
display:inline;
padding:0;
border:0;
}

li{
display:inline;
padding:0;
margin:0 6px 0 6px;
border:0;
}

#footer{
margin:0;

border:0;
position:absolute;
right:0;
top:638px;
background-color:#363636;
background-color:transparent;
width:830px;

background-position:right; background-repeat:no-repeat;

}
#footer p{margin-left:0; margin-top:10px; letter-spacing:1px; font-weight:800;}
#footer p.right{font-size:10px; color:#996600; float:right;letter-spacing:1px;}
#footer p.left{font-size:10px; color:#996600; float:left;}
#footer p.left a{color:#CCCAB5;}
#footer p.left a:hover{ color:#F7F3E7;}
strong{font-family:"Times New Roman", Times, serif; font-size: 16px;}
#footer p.phone{ text-align:center; font-size:11px; color:#CCCAB5;letter-spacing:5px; margin-left:-5px; }
#footer p.center{ border:1px #996600 solid; padding:5px 15px 5px 15px; float:left; margin-left:62px; margin-bottom:25px;text-align:center; font-size:13px; color:#CCCAB5; margin-bottom:0; margin-top:10px; line-height:18px; letter-spacing:0; }

table{margin-right:50px;font-size:12px; color:#666666; }

table.clayhaus{margin:0; padding:0;}



#sub{
position:absolute;
right:0px;
left:auto;
top:65px;
width:502px;
height:20px;
z-index:3;
}

#sub ul li {display:inline; font-size:11px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;margin:0; padding:10px 0 15px 0; color:white;}
#sub ul li.bar{margin-right:25px;margin-left:25px; color:#333333; font-size:14px;}
#sub a{color:#996600; border:0; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
#sub a:hover{color:#434343; border:0; }

#pr{
position:absolute;
right:0px;
left:auto;
top:65px;
width:560px;
height:20px;
z-index:3;
}

#pr ul li {display:inline; font-size:11px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;margin:0; padding:10px 0 15px 0; color:white;}
#pr ul li.bar{margin-right:7px;margin-left:7px; color:#333333; font-size:14px;}
#pr a{color:#996600; border:0; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
#pr a:hover{color:#434343; border:0; }


#subtiles{
position:absolute;
right:0px;
left:auto;
top:65px;
width:430px;
height:20px;
z-index:3;
}


#subtiles ul li {display:inline; font-size:11px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;margin:0; padding:10px 0 15px 0; color:white;}
#subtiles ul li.bar{margin-right:5px;margin-left:5px; color:#333333; font-size:14px}
#subtiles a{color:#996600; border:0; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
#subtiles a:hover{color:#434343; border:0; }




#subgallery{
position:absolute;
right:0px;
left:auto;
top:65px;
width:380px;
height:20px;
z-index:3;
}


#subgallery ul li {display:inline; font-size:11px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;margin:0; padding:10px 0 15px 0; color:white;}
#subgallery ul li.bar{margin-right:5px;margin-left:5px; color:#333333; font-size:14px}
#subgallery a{color:#996600; border:0; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;}
#subgallery a:hover{color:#434343; border:0; }


#subspecs{
position:absolute;
right:0px;
left:auto;
top:65px;
width:450px;
height:20px;
z-index:3;
}

#subspecs ul li {display:inline; font-size:11px; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;margin:0; padding:10px 0 15px 0; color:white;}
#subspecs ul li.bar{margin-right:5px;margin-left:5px; color:#333333; font-size:14px}
#subspecs a{color:#996600; border:0; font-weight:bold;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;}
#subspecs a:hover{color:#434343; border:0; }





h1{
color:#996600;
font-size:14px;
font-weight:bold;
margin:10px 40px 0 0;
line-height:18px;
}

h2{
font-size:13px;
font-weight:100;
margin:10px 40px 0 0;
color:#666666;
line-height:18px;}


h3{
font-size:14px;
font-weight:bold;
margin-top:10px;margin-bottom:0;
color:#333333;
line-height:22px;}

hr{
color:#666666;
background-color:#434343;
height: 7px;
border:0;
width:830px;
margin-left:-25px;
}

#leftbar{
position:absolute;
left:0;
top:87px;
padding:0;
border:0;
}
#flashcontent{
position:absolute;
left:0;
top:87px;
padding:0;
border:0;
}

#rightbar{
margin:0;
border:0;
position:absolute;
right:0;
top:87px;
left:auto;
background-image:url(../images/right.jpg);
background-repeat:repeat;

}

.rightbar{
border-width:7px 0 0 0;
border-color:#333333;
border-style:solid;
position:absolute;
bottom:-1px;
right:0;
top:auto;
left:auto;
margin:0;
padding:0;
}

#rightbar > img.rightbar{bottom:0;}

.recycled{
width:481px;
height:465px;
padding-top:80px;
padding-left:25px;
}

.home{
width:481px;
height:495px;
padding-top:50px;
padding-left:25px;
padding-bottom:0px;
}

#rightbar.home a{
color:#996600;text-decoration:underline;}
#rightbar.home a:hover{color:#666666;}

#rightbar.home ul.ceramic{list-style-type:square; display:block; margin:0; padding:0;position:relative; top:auto;left:auto;}
#rightbar.home ul.ceramic li{list-style-type:square; display:block; margin:0; padding:0; position:relative;top:auto;left:auto;}

.mission{
width:481px;
height:465px;
padding-top:80px;
padding-left:25px;}

.contact{
width:481px;
height:800px;
padding-top:80px;
padding-left:25px;}

.purchase{
width:805px;
height:600px;
padding-top:80px;
padding-left:25px;
}

.artists{
width:481px;
height:530px;
padding-top:80px;
padding-left:25px;
}

#gallery{
position:absolute;
left:0;
top:87px;
padding:0;
border:0;
background-image:url(../images/right.jpg);
background-repeat:repeat;
width:830px;
height:544px;
}

#loadarea{left:0; top:0; position:relative; background-color:#434343; width:325px; height:544px;}

#bottomleft{left:0; top:0; position:relative; background-color:#999999; width:316px; height:517px; border-right:#434343 solid 9px; border-top:#434343 solid 9px;}
#gallery #table{width:450px; height:450px; margin-left:0px; background-color:transparent; position:absolute;  top:100px; left:370px;}
#table p{font-size:12px;  color:#996600; margin-left:15px;}
#gallery #table img{border:1px #FFFFFF solid;}

#palette{
position:absolute;
right:auto;
left:75px;
bottom:105px;
}

#boards{
position:absolute;
right:0px;
left:auto;
top:0px;
}


p.paletteinfo{
position:absolute;
right:58px;
bottom:25px;
font-size:12px;
color:#666666;
width:260px;
text-align:left;}


.gallery{
width:411px;
height:500px;}



#overflow{
margin:0;
padding:0;
border:0;
position:absolute;
right:0;
top:128px;
height:273px;
width:481px;
overflow:scroll;
background:none;
}


#feature{
position:absolute;
top:15px;
left:20px;}




#specs{
position:absolute;
left:0;
top:87px;
padding:45px;
border:0;
background-image:url(../images/right.jpg);
width:740px;
height:690px;
}

#clayhaus{
position:absolute;
left:0;
top:87px;
padding:45px;
border:0;
background-image:url(../images/right.jpg);
width:740px;
height:630px;
}

#shape{
position:absolute;
left:0;
top:87px;
padding:45px;
border:0;
background-image:url(../images/right.jpg);
width:740px;
height:540px;
}
#specs p{font-size:12px;
font-weight:100;
margin:0px 40px 0 0;
color:#666666;
line-height:16px;
}

img.states{float:left; border:#CCCCCC solid 1px; margin-right:15px;}

.shape_chart{
position:absolute;
top:100px;
left:78px;
}


#purchase{ position:absolute; top:87px; left:0; z-index:3;}
#purchase img{border-width:0 7px 0 0;
border-color:#434343;
border-style:solid;}

#purchasebottom{margin:0; padding:15px;
border:0;
position:absolute;
right:0;
top:358px;
background-image:url(../images/right.jpg);
background-repeat:repeat;
width:800px;
}

#purchaseright{margin:0; 
border:0;
position:absolute;
right:0;
top:87px;
background-image:url(../images/right.jpg);
background-repeat:repeat;
width:481px;
height:254px;
padding-top:10px;
padding-left:25px;
}


p.rollover{
position:absolute;
top:15px;
left:15px;
font-size:12px;
color:#666666;
}


#purchase p{
margin-top:0;}




p.content{
position:absolute;
left:22px;
top:128px;
margin:0;
padding:0;
border:0;
width:375px;
text-align:left;
font-size:12px;
color:#333333;
line-height:18px;
}

#installation{
top:80PX;
position:absolute;
right:0px;
width:830px;
height:1000px;


}




strong{
font-size:14px;
color:#333333;
line-height:24px;
font-weight:600;
}








a{
text-decoration: none;
border-width:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#996600;
}
a:hover{color:#666666;}

a.leed{
text-decoration: underline;
border-width:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#666666;
}
a.leed:hover{color:#996600;}

.hidden{
display:none;}


<table>
			
			
			<tr>
			<td><p><strong>In the Portland, Or Metro area:</strong></p><img src="images/pratt-larson.jpg"/></td>
			
			<td><p>Pratt &amp; Larson Tile And Stone<br>
              <small>1201 SE 3rd Ave<br>
              Portland, OR 97214<br>
              (503) 231-9464</small></p></td>
			  </tr>
			  </table>
			  <br />
			  
			  
			  <table>
			  
			  <tr>
			  <td><p><strong>In Austin,Tx:</strong></p><img src="images/architerra.jpg"/></td>
			  
			  <td><p>Architerra<br />
			  <small>3601 S.Congress Bldg C<br>
Austin, TX 78704<br>
512-441-5540</small></p></td></tr>
			  </table>
			  <br /><br />
			  
			  <p><strong style="color:#993300;">Outside of Austin and Portland we supply<br /> customers directly.</strong><br /><br />
			  <strong>Please contact us for more information about our tile:<br /><br /></strong>
			  <strong >info@stardustglass.com<br />(503) 880-2360</strong>
			  </p>
			  
			  
			  <!--
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("images/color_palette/01.jpg","images/color_palette/02.jpg","images/color_palette/03.jpg","images/color_palette/04.jpg","images/color_palette/05.jpg","images/color_palette/06.jpg","images/color_palette/07.jpg","images/color_palette/08.jpg","images/color_palette/09.jpg","images/color_palette/10.jpg","images/color_palette/11.jpg","images/color_palette/12.jpg","images/color_palette/13.jpg","images/color_palette/14.jpg","images/color_palette/15.jpg","images/color_palette/16.jpg","images/color_palette/17.jpg","images/color_palette/18.jpg","images/color_palette/19.jpg","images/color_palette/20.jpg","images/color_palette/21.jpg","images/color_palette/22.jpg","images/color_palette/23.jpg","images/color_palette/24.jpg","images/color_palette/25.jpg","images/color_palette/26.jpg","images/color_palette/27.jpg","images/color_palette/28.jpg","images/color_palette/29.jpg","images/color_palette/30.jpg","images/color_palette/31.jpg","images/color_palette/32.jpg","images/color_palette/33.jpg","images/color_palette/34.jpg","images/color_palette/35.jpg","images/color_palette/36.jpg","images/color_palette/37.jpg","images/color_palette/38.jpg","images/color_palette/39.jpg","images/color_palette/40.jpg","images/color_palette/41.jpg","images/color_palette/42.jpg","images/color_palette/43.jpg","images/color_palette/44.jpg","images/color_palette/45.jpg","images/color_palette/46.jpg","images/color_palette/47.jpg","images/color_palette/48.jpg");