a:active, a:focus{outline:none;}
.copy{
font-size:13px;
color:#CC6600;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.bottom{
font-size:11px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
a{
font-size:11px;
color:#006699;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
a:hover{
font-size:11px;
color:#006699;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.rowHeader{
font-size:12px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.rowTitle{
font-size:11px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.row{
font-size:11px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}

#nav{
  width:800px;
  height:151px;
  position:relative;
  background:#fff url(images/nav-bg.jpg) center top no-repeat;
}
#nav .nav{
  position:absolute;
  top:36px;
  left:20px;
  width:752px;
  height:26px;
  text-align:center;
}
#nav .nav a{
  color:#00499B;
  border-right:2px solid #00499B;
  display:inline-block;
  margin:6px 5px 0 0;
  padding:0;
  padding-right:5px;
  font-size:10pt;
  text-decoration:none;
  font-weight:bold;
}
#nav .nav a.last{
  border:0;
  padding-right:0px;
}
#nav .nav a.on{
  border-bottom:2px solid #00499B;
  border-right:2px solid #00499B;
  padding-right:5px;
}
#nav a.contact, #nav a.order, #nav a.home{
  position:absolute;
  z-index:100;
}
#nav a.contact{
  top:80px;
  left:595px;
  height:16px;
  width:95px;
}
#nav a.order{
  top:80px;
  left:690px;
  height:16px;
  width:80px;
}
#nav a.home{
  top:122px;
  left:675px;
  height:20px;
  width:75px;
}

#sunsets, 
#swim-systems{
  margin:10px 0;
  width:380px;
  float:left;
  clear:none;
  padding:0;
}
div.logo{
  text-align:center;
  height:55px;
  display:table-cell;
  vertical-align:middle;
}
div.model{
  margin:5px 0;
  height:430px;
  background:#FFF url(images/loading.gif) center no-repeat;
  position:relative;
}
div.model div.image{
  float:left;
  clear:both;
  width:380px;
  height:410px;
  text-align:center;
}
div.model div.name{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:10pt;
  text-align:center;
  width:380px;
  float:left;
  clear:both;
  margin:10px 0;
}
div.patterns{
  text-align:left;
}
div.patterns img{
  border:1px solid #CCC;
  padding:1px;
  margin:2px;
}
div.patterns img.on{
  border:2px solid #D29749;
  padding:0;
}
a.next img, a.prev img{
  border:none;
  outline:none;
}
div.patterns div.items, 
div.parts div.items{
  width:315px;
  float:left;
}
div.patterns a.next, 
div.patterns a.prev{
  display:block;
  width:32px;
  float:left;
  cursor:pointer;
  margin-top:20px;
}
div.tops a.next, 
div.tops a.prev, 
div.parts a.next, 
div.parts a.prev{
  display:block;
  width:32px;
  float:left;
  cursor:pointer;
  margin-top:90px;
}
div.bottoms a.next, 
div.bottoms a.prev{
  margin-top:45px;
}
div.patterns div.scrollable,
div.parts div.scrollable{
    float:left;
	position:relative;
	overflow:hidden;
	width: 315px;
	height:61px;
}
div.parts div.scrollable{
	height:180px;
	font-size:10pt;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:10px 0;
}
div.bottoms div.scrollable{ height:130px; }
div.name{ height:20px; }
div.parts div.scrollable div.items div{
	width:325px;
}
div.parts div.scrollable div.items div div.image{
	height:150px;
}
div.bottoms div.scrollable div.items div div.image,
div.coverups div.scrollable div.items div div.image{
	height:100px;
}
div.patterns div.scrollable div.items, 
div.parts div.scrollable div.items{
	width:20000em;
	position:absolute;
  left:0;
}
div.patterns div.scrollable div.items div,
div.parts div.scrollable div.items div{
	float:left;
}

div.clearfix{ clear:both; margin:0; padding:0; height:0;}