@charset "utf-8";
/* 
CSS Document
Site: http://www.outwestbranding.com
Author: Out West Branding
Date: February 14, 2009
*/

body {
  font: 70% Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  background-image: url(images/OutWestBackground.gif);
  background-repeat: repeat-x;
  }

#head_wrapper {
  width: 700px;
  margin: 10px auto 0 auto;
  padding-bottom: 60px;
  text-align: center;
  background: url(images/top_shadow.gif) no-repeat bottom;
  }

#wrapper {
  width: 700px;
  margin: 0 auto;
  padding: 0 0 25px 0;
  bottom: 0;
  text-align: center;
  background-image: url(images/body_shadow.png);
  background-repeat: repeat-y;
  }

#footer_wrapper {
  width: 700px;
  height: 120px;
  margin: 0 auto;
  bottom: 0;
  text-align: center;
  background-image: url(images/bottom_shadow.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  }

#header {
  width: 625px;
  margin: 0 37px;
  text-align: center;
  padding: 0;
  }

#mainContainer {
  width: 625px;
  margin: 0 37px;
  padding: 0;
  }

#mainContainer:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
  }

#footerContainer {
  width: 625px;
  margin: 0 37px;
  padding: 0;
  }

#homepage_copy {
  text-align: left;
  width: 524px;
  padding: 0 18px 20px 18px;
  }
  
div.flashNavLeft {
  width: 115px;
  text-align: left;
  float: left;
  }

div.flashNavRight {
  width: 115px;
  text-align: right;
  float: left;
  }

div.content {
  text-align: left;
  width: 560px;
  padding: 20px 32px;
  background-image: url(images/wagon.gif);
  background-position: center;
  background-repeat: no-repeat;
  }

div.content h1 {
  padding-top: 20px;
  }

div.filler {
  width: 560px;
  height: 250px;
  }

div.left {
  float: left;
  width: 245px;
  padding: 15px 15px 15px 0;
  }

div.right {
  float: right;
  width: 275px;
  padding: 15px 0 15px 15px;
  }

div.footerTop {
  text-align: center;
  padding-bottom: 10px;
  width: 625px;
  float: left;
  }

div.footerLeft {
  float: left;
  text-align: left;
  vertical-align: top;
  width: 280px;
  border-top: 1px solid #990000;
  padding-left: 20px;
  }

div.footerRight {
  float: left;
  text-align: right;
  vertical-align: top;
  width: 305px;
  border-top: 1px solid #990000;
  padding-right: 20px;
  }

div {
  margin: 0;
  padding: 0;
  }

img {
  border: 0;
  }

h1 {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  }

p {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  line-height: 1.5em;
  }

p.nav {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  }

p.footerBig {
  font-size: 18px;
  font-weight: bold;
  color: #663300;
  margin-top: 5px;
  }

p.footerSmall {
  font-size: 11px;
  font-weight: bold;
  color: #663300;
  margin-top: 10px;
  }

span.nav {
  font-size: 11px;
  font-weight: bold;
  color: #666666;
  }

table.pfolio {
  margin: 0 16px 0 16px;
	}

td.portfolio {
  text-align: center;
  vertical-align: top;
  padding: 10px 10px 10px 10px;
  width: 33%;
  }

.style2 {font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 5px 0px 5px 0px; color:#666666;}

.style3 {font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#663300;}

.style4 {font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.style5 {font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.list1 {font-size: 14px;  font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 2px 0px 2px 0px; list-style-type: square;}

.feature1 {margin: 0px; padding: 10px 10px 10px 10px;}

.feature2 {margin: 0px; padding: 20px 20px 20px 20px;}

img.pic {border: 1px solid #000000; margin: 0px 0px 10px 0px;}

a {color:#663300; font-weight: bold; text-decoration: none;}

a:hover {text-decoration: underline;}