/* redsun.css (lean version) - no images, all css
 - copyright ©2005 Beau Bishop
 - last modified: 3.8.2005 
 */


body { 
  background-color: #bebebe;
  font-family: Verdana, Arial, sans-serif;
  margin: 0;	
 }


#wrapper { 
  width: 950px !important;
  padding: 0;
  border: 0;
  background: #fff;
  color: #000;
  position: relative; 
  z-index: 0;
  margin-left:auto; 
  margin-right:auto;  
 }

#header {
  background-image:url('header.jpg');
  background-color:white;
  width: 100%;
  height: 156px;
  padding: 0;
  margin: 0;
  border: none;	   
  position:relative;
  top:0;
 }

#logo {
  background-image:url('logo.jpg');
  background-color:white;
  width: 100%;
  height: 156px;
  padding: 0;
  margin: 0;
  border: none;	   
  position:relative;
  top:0;
 }

#header span { 
  position: absolute; 
  top: 0; 
  font: bold 20px Arial, sans-serif;
  margin: 20px;
  padding: 0;
  color: #444; 
 }

#menu { 
  background-color: #fff;
  width: 100%;
  height: 26px;
  margin: 0;
  color: #fff;
  position: relative;
  z-index: 1;
  border:0;
 }

#menu ul {
  margin: 0; 
  padding: 0; 
  list-style: none; 
  float:right; 
  background:#fff;
  position:relative;
  right:2px;
  border-right:1px solid #fff;
 
 }

#menu ul li { 
  margin: 0; 
  padding: 0;
  float:left;
  text-align: center; 
}

#menu ul li a { 
  margin: 0;  
  display: block;
  padding: 5px 15px 15px; 
  background-color: #fff; 
  color: #666;
  border:1px solid #fff;
  border-bottom: 2px solid #fff; 
  border-right: 0; 
  font: 18px Verdana, Arial, sans-serif;
  text-decoration:none;
 }

#menu ul li a:hover { 
  background: #fff; 
  color: #0099ff; 
  border-bottom:2px solid #0099ff;
 }


#feature { 
  background-image:url('http://www.questavolta.com/idt/images/headers/rotator.php');
  /* background-image:url('images/2people_feature.jpg'); */
  background-color: #fff;
  width: 100%;
  height: 190px;
  margin: 1px 0;
  text-align: right;
  position: relative;
  z-index:0; 
  clear: right; 
 }

#feature h2 { 
  position: absolute; 
  left: 450px;
  top: 125px;
  font-family: Verdana, Arial, sans-serif;
  color: #fff;
  font-size: 18pt;
  padding: 0; 
  margin:20px 0 0 0; 
 }

#content { 
  position: relative;
  width: 100%;
  background: #fff;
  margin: 0px;
}
.gt { margin:5px 17px; }
.clear { clear: left; height:15px; }

.tile {
  margin: 5px;
  width: 200px;
  background: #f9f9f9;
  padding: 0;
  font: normal 12px Verdana, Arial,sans-serif;
  color: #666;	   
  border: 1px solid #aaa;
  text-align: left;
  position:relative;
  float:left; 
  display:inline; /* IE needs this to display correctly */
 }
.tile p { margin: 0 5px 5px; }
.tile h2 { margin: 5px 5px 5px; font: 18px Verdana, Arial, sans-serif;}
.tile h3 { margin: 5px 5px 5px; font: 14px Verdana, Arial, sans-serif;}
.tile .image {  position:relative;float:right;top:-5px;left:5px; right:5px; text-align:right;color:#bbb;margin:0; width:75px; height:75px; background:#eee; border:1px solid #bbb; }

 .tilemain {
  margin: 5px;
  width: 475px;
  /* background: #f9f9f9; */
  padding: 10;
  font: normal 12px Verdana, Arial,sans-serif;
  color: #666;	   
  /* border: 1px solid #aaa; */
  text-align: left;
  position:relative;
  float:left; 
  display:inline; /* IE needs this to display correctly */
 }
.tilemain p { margin: 5px 5px 5px; }
.tilemain h2 { margin: 5px 5px 5px; font: 18px Verdana, Arial, sans-serif;}
.tilemain h4 { margin: 5px 5px 5px; font: 12px Verdana, Arial, sans-serif;}
.tilemain h3 { margin: 5px 5px 5px; font: 14px Verdana, Arial, sans-serif;}
.tilemain .image {  position:relative;float:right;top:-5px;left:5px; right:5px; text-align:right;color:#bbb;margin:0; width:75px; height:75px; background:#eee; border:1px solid #bbb; }

.tilemain h3 a { 
  margin: 0;   
  color: #0099ff;
  font: bold 14px Verdana, Arial, sans-serif;
  text-decoration:none;
 }

.tilemain h3 a:hover { 
  background: #fff; 
  color: #bebebe;
  font: bold 14px Verdana, Arial, sans-serif;
  text-decoration:none;
 }

/* Start Contact Form */
.contactform {width:460px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* End Contact Form */

#footer  { 
  position: relative;
  width:100%;
  background: #fff;
  padding:0;
  margin: 0px;
  text-align: center;
 }

#footer ul { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
 }

#footer ul li { 
  margin: 0; 
  padding: 0px 5px 0px 5px; 
  display: inline; 
  text-align: center; 
 }

#footer ul li a { 
  margin: 0; 
  padding:0;
  border: 0; 
  font: 10px Verdana, Arial, sans-serif;
  color: #666;
  text-decoration:none;
 }

#footer ul li a:hover { color: #0099ff; }
 

#copyright { 
  background: #333;
  font: normal 9px Verdana, Arial, sans-serif;
  color: #666;
  text-align: left;
  padding: 10px;
  border: 1px solid #aaa;
  width:930px;
 }