/*-------------- 
			GLOBAL
---------------*/

*, html{
  margin: 0;
  padding: 0;
}
*:focus {
  outline: 0;
}
body{
  margin: 0 auto;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  background: #007dc8 url("../images/top_back.jpg") repeat-x fixed top;
}
a {
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color:#007dc8;
}
a:hover{
  font-weight: bold;
  text-decoration: none;
  color:#999;
}
a:visited{
  font-weight: bold;
  text-decoration: none;
  color:#999;
}
h1{
  color: #666;
  font-size:18px;
}
h2{ font-size:15px;
  color: #333;
}

h3{ font-size:14px;
  color: #007dc8;
}
a img{
  border: 0px;
}
.red {
  font-weight: bold;
  color: red;
  text-transform:uppercase;
}
.quote {
  color:#333; 
  font-style:italic;
  font-size:14px;
  font-family: times;
}
.quoteLink a:visited, a:link{
  color: #333;
  font-size: 10px;
  font-weight: normal;
}
p.quoteLink {
    float: right;
}
.quoteLink a:hover{
  color: #999;
  font-size: 10px;
  font-weight: normal;
}
ul.square{
  font-weight: bold;
  margin: 9px 0 9px 19px;
}
ul.square li{
  list-style: square inside;
  line-height: 1.5;
}
ul.square li a{
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
  color:#007dc8;
}
ul.square li a:hover{
  font-weight: bold;
  text-decoration: none;
  color:#999;
}
ul.thumbnails{
  list-style-type: none;
  margin: 0;
  padding-left: .7em;
  width: 900px;
  float: left;
} 
ul.thumbnails a{
  display: block;
  text-decoration: none;
  color:#777;
  width:100px;
}
ul.thumbnails li{
  float:left;
  border: 1px solid #666;
  margin: 1.2em .23em;
  padding: 2px;
  font-size: 10px;
  text-align: left;
}
ul.thumbnails a:hover {
  color: #333;
  background-color:#EDEDED;
}
li.thumbnails {
  display: inline;
}
li.last {
  clear:right;
}

.contentbox {
  width: 275px;
  padding: 5px;
  margin: 15px 5px;
  float: left;
  text-align: center;
}
.box {
    border: 1px solid #CCC;
    background-color: #e9f3f9;
}
.boxsorter {
  padding:3px;
  margin:1px;
  border:1px solid #EDEDED;
}
.results {
  font-size: 12px;
  text-align: center;
  background-color: #FFF;
  padding: 3px;
}
.first {
  margin-left: .9em;
}
.last {
  clear: right;
}
.center {
  text-align: center;
}
.description {
  width: 860px;
  height: 105px;
  color: #000;
  margin-top: 350px;
  padding: 11px;
  background: url("../images/description.png");
}
.description a:link, a:visited {
  color: #007dc8;
  font-weight: bold;
  text-decoration: none;
}
.description a:hover {
  color: #20478c;
  font-weight: bold;
  text-decoration: underline;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 450px; /*Height should enough to fit largest content's height*/
background:url("../images/loading.jpg");
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 880px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 450px;
text-align: left;
border: 10px solid #FFF;
}

/* SEE BACKGROUND */
#page-container {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	/*background-color: #FFF;*/
}
#top{
  height: 75px;
  width: 900px;
  text-align: left;
}
#navspacer{
  height: 30px;
  width: 900px;
}
#main{
  background: #FFF url("../images/main_back.gif") no-repeat bottom;
  width:900px;
  height:760px;
  border: 1px solid #20478c;
  text-align: left;
}
.template {
  width: 865px;
  padding: 5px;
  margin: 10px;
  float: left;
  text-align: center;
  border: 1px solid #F7F7F7;
}
.home{
  background:url("../images/home.jpg");
}
.panel1{
  background:url("../images/lg/1.jpg");
}
.panel2{
  background:url("../images/lg/2.jpg");
}
.panel3{
  background:url("../images/lg/3.jpg");
}
.panel4{
  background:url("../images/lg/4.jpg");
}
.panel5{
  background:url("../images/lg/5.jpg");
}
.panel6{
  background:url("../images/lg/6.jpg");
}
.panel7{
  background:url("../images/lg/7.jpg");
}
.panel8{
  background:url("../images/lg/8.jpg");
}
.panel9{
  background:url("../images/lg/9.jpg");
}
.financing{
  background:url("../images/FAQ.jpg");
}
.FAQ{
  background:url("../images/FAQ.jpg");
}
/* NAVIGATION */
.footer{
  background: url("..images/footer_back.jpg");
  width: 900px;
  height: 42px;
}
ul.footer{
  list-style-type: none;
  margin: 0;
  padding-left: .7em;
  width: 900px;
  float: left;
} 
ul.footer a{
  display: block;
  text-decoration: none;
  color:#777;
  width:100px;
}
ul.footer li{
  float:left;
  border: 1px solid #666;
  margin: 1.2em .23em;
  padding: 2px;
  font-size: 10px;
  text-align: left;
}
ul.footer a:hover {
  color: #333;
  background-color:#EDEDED;
}
li.footer {
  display: inline;
}