/* ----------------------------------------------------------------

  Title:    Master Screen Styles
  Author:    Styromedia
  Version:    02.21.2006

--------------------------------------------------------------- */

/* --[ color reference ]--------------------------

blue (dark)			#1f558b    	definition term, header, links
blue (light)		#6a8fb6		links
blue (very light)	#e4eef8		links
gold				#bd9a18		links
gray (dark)			#6f6262		background

-------------------------------------------------- */


/* --[ general styles ]--------------------------- */

* {
  margin: 0;
  padding: 0;
  }
a:link, a:visited, a:active {
  color: #1f558b; 
  text-decoration: none;
  }
a:hover {
  border-color: #bd9a18;
  color: #bd9a18;
  text-decoration: none;
  }
body {
  background: #6f6262 url(/images/bg.jpg) repeat-y center;
  color: #333;
  font: 62.5%/1.6em "Lucida Grande", Verdana, Arial, Sans-serif;
  text-align: center;
  }
dd {
  margin: 1em 0 1.5em;
  }
dt {
  color: #1f558b;
  line-height: 1.4em;
  font-size: 1.5em;
  font-weight: bold;
  margin: .5em 0 0 0;
  }
form {
  text-align: left;
  line-height: 1.8em;
  }
h1 {
  color: #1f558b;
  font: 2.75em "Lucida Grande", Georgia, Tahoma, Serif;
  margin-bottom: .5em;
  }
h2 {
  font: 2.25em "Lucida Grande", Georgia, Tahoma, Serif;
  margin-bottom: .25em;
  }
hr {
  background: url(/images/hr.gif) repeat-x;
  margin-bottom: .75em;
  }
img {
  border: 0;
  }
input, select, textarea {
  margin-top: .25em;
  color: #333;
  }
label {
  cursor: pointer;
  }
li {
  font-size: 1.5em;
  line-height: 1.4em;
  }
ol, ul {
  margin: 1.5em 0 2em 3em;
  }
p {
  font-size: 1.5em;
  line-height: 1.4em;
  margin: 0 0 1.4em;
  }
span {
  font-size: 1.5em;
  line-height: 1.4em;
  }
textarea {
  height: 125px;
  width: 400px;
  }


/* --[ ids ]-------------------------------------- */

#page {
  margin: 0 auto;
  padding-left: 1px;
  width: 760px;
  }
#content-t {
  background: url(/images/bg_content_t.gif) no-repeat;
  height: 34px;
  width: 760px;
  }
#content {
  background: url(/images/bg_content.gif) repeat-y;
  min-height: 30em;
  padding: 5px 40px 18px;
  text-align: left;
  }
#copyright {
  float: left;
  padding-left: 5em;
  }
#footer {
  background: url(/images/bg_content_b.gif) no-repeat;
  height: 50px;
  padding-bottom: 29px;
  width: 760px;
  }
#footer:after, .row:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#footer p {
  margin: 0;
  text-align: center;
  }
#footer span {
  padding-left: 5em;
  }
#leftcolumn {
  float: left;
  width: 250px;
  }
#header {
  background: url(/images/bg_header.gif) repeat-x;
  height: 92px;
  padding: 52px 35px 0;
  width: 690px;
  }
#nav {
  width: 740px;
  list-style: none;
  background: #1f558b url(/images/bg_nav.gif) repeat-x top left;
  text-align: center;
  margin: 0;
  padding: .75em 0 .75em 20px;
  }
#nav li {
  margin: 0 1em 0 0;
  padding: 0 1em 0 0;
  display: inline;
  font-size: 1.5em;
  font-weight: bold;
  border-right: 1px solid #6a8fb6;
  }
#nav li.last {
  border-right: none;
  }
#nav li a {
  color: #e4eef8;
  text-decoration: none;
  }
#nav li a:hover {
  color: #b3cbe3;
  background: none;
  }
#nav li.active a {
  color: #444;
  border: none;
  }
#rightcolumn {
  float: left;
  padding-left: 1em;
  width: 260px;
  }
#siteby {
  float: right;
  padding-right: 5em;
  }
#uc {
  background: no-repeat;
  margin: 0;
  text-indent: -9999px;
  }
#uc h2 {
  height: 219px;
  margin: 0;
  width: 760px;
  }
#uc_404 {
  background: url(/images/uc_home.jpg);
  }
#uc_applications {
  background: url(/images/uc_applications.jpg);
  }
#uc_photo_gallery {
  background: url(/images/uc_photo_gallery.jpg);
  }
#uc_faq {
  background: url(/images/uc_faq.jpg);
  }
#uc_manufacturers {
  background: url(/images/uc_manufacturers.jpg);
  }
#uc_contact {
  background: url(/images/uc_contact.jpg);
  }


/* --[ classes ]---------------------------------- */

.button {
  margin: 5px 0 0 0;
  }
.clear {
  clear: both;
  }
.error {
  background: url(/images/bullet_red.gif) no-repeat 0 .5em;
  background: #eee;
  color: #000;
  }
.field {
  float: left;
  width: 280px;
  }
.hide {
  display: none;
  }
.required {
  color: #c00;
  }
.row {
  clear: both;
  padding-top: 8px;
  }
.label {
  float: left;
  padding-top: 1px;
  width: 120px;
  }
.small {
  font-size: 85%;
  }
.text {
  width: 250px;
  }