/*
//////////////////////////////////////////////////////////////////////
//                                                                  //
//  File name:   styles.css                                         //
//  Description: Stylesheet for Vivid Wind Web Solutions            //
//  Last edited: July 25, 2009                                      //
//  Author:      Stephen Gomori                                     //
//  Contact:     webmaster at vividwind dot com                     //
//                                                                  //
//////////////////////////////////////////////////////////////////////
*/

* {
  margin: 0px;
  padding: 0px;
}

body {

  /* Set font and size. Set bg color and repeat gradient strip as background image.
     Text align centre to fix IE5 */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  background-image: url(../images/headerBg.jpg);
  background-repeat: repeat-x;

}

#wrapper {
  position: relative;
  width: 775px;
  margin: 0px auto;
  height: 510px;
}

body > #wrapper {
  height: auto !important;
  min-height: 510px;
}

#header {
  position: absolute;
  top: 0px;
  height: 125px;
  width: 775px;
  background-image: url(../images/vividWindLogo.jpg);
  background-repeat: no-repeat;
}

#header a {
  padding: 0px 526px 125px 0px;
}

#navBar {
  position: absolute;
  top: 128px;
  height: 38px;
  width: 775px;
  background-image: url(../images/navBarBg.jpg);
  background-repeat: repeat-x;
  font-size: 16px;
}

#navBar .leftEnd {
  position: absolute;
  left: 0px;
  height: 38px;
  width: 10px;
  background-image: url(../images/navBarLeftEnd.jpg);
  background-repeat: no-repeat;
}

#navBar .rightEnd {
  position: absolute;
  left: 763px;
  height: 38px;
  width: 12px;
  background-image: url(../images/navBarRightEnd.jpg);
  background-repeat: no-repeat;
}

#navBar ul {
  margin-top: 5px;
  margin-left: 22px;
}

#navBar li {
  display: inline;
  padding: 0px 55px;
  font-weight: bold;
  color: #6490bb;
}

a {
  white-space: nowrap;
}

a, a:visited {
  color: #775914;
}

a:hover {
  color: #b7923c;
}

#navBar a, #navBar a:visited {
  text-decoration: none;
}

#footer {
  position: relative;
  bottom: 0px;
  width: 775px;
  height: 54px;
  background-image: url(../images/footerBg.jpg);
  background-repeat: repeat-x;
  font-size: 11px;
  text-align: center;
  line-height: 1.6em;
}

#footer .leftEnd {
  position: absolute;
  left: 0px;
  height: 54px;
  width: 10px;
  background-image: url(../images/footerLeftEnd.jpg);
  background-repeat: no-repeat;
}

#footer .rightEnd {
  position: absolute;
  left: 763px;
  height: 54px;
  width: 12px;
  background-image: url(../images/footerRightEnd.jpg);
  background-repeat: no-repeat;
}

#footer ul {
  padding-top: 5px;
}

#footer li {
  display: inline;
}

#footer li {
  padding-right: 15px;
}

#footer li.last {
  padding-right: 0px;
}

#wrapper > #footer li {
  padding-right: 0px;
}

#wrapper > #footer li.last {
  padding-right: 0px;
}

#wrapper > #footer li:after {
  content:' - ';
  padding: 0px 10px;
}

#wrapper > #footer li.last:after {
  content:'';
  padding: 0px;
}

#footer a, #footer a:visited {
  color: #775914;
}

#footer a:hover {
  color: #b7923c;
}

#content {
  margin: 0px 11px;
  padding-top: 173px;
  padding-bottom: 50px;
  height: 340px;
}

#wrapper > #content {
  height: auto !important;
  min-height: 340px;
}

#content p {
  line-height: 1.2em;
  margin-top: 10px;
}

form {
  margin-top: 20px;
}

td  {
  padding: 0px 5px 5px 0px;
}

#message {
  margin-bottom: 3px;
}

#char_count {
  font-size: 13px;
	margin-left: 14px;
}

h1, h2, h3 {
  color: #774114;
  padding-top: 20px;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
  border-bottom: 1px solid #DBC38A;
}

h2.h1 {
  font-size: 18px;
  border: none;
}

h3 {
  font-size: 15px;
}

.required {
  color: #f00;
  vertical-align: top;
}

#content p.facebook {
  float: right;
  padding: 12px 150px 0px 0px;
}

a img {
  border: none;
}

a img.validxhtml {
  float: left;
  margin: 7px 0px 0px 45px;
}

a img.validcss {
  float: right;
  margin: 7px 45px 0px 0px;
}

#portfolio {
  position: relative;
  width: 753px;
  margin-top: 20px;
  background-image: url(../images/curvedDivBg.jpg);
  background-repeat: repeat-y;
}

#portfolio .curvedDivTop {
  position: absolute;
  top: 0px;
  height: 15px;
  width: 753px;
  background-image: url(../images/curvedDivTop.jpg);
  background-repeat: no-repeat;
}

#portfolio .curvedDivBottom {
  position: absolute;
  bottom: -3px; /*IE6 Fix*/
  height: 15px;
  width: 753px;
  background-image: url(../images/curvedDivBottom.jpg);
  background-repeat: no-repeat;
}

#portfolio .entry {
  border-bottom: 2px solid #DBC38A;
  height: 175px;
  padding: 27px;
}

#content > #portfolio .entry {
  height: auto !important;
  min-height: 175px;
}

#portfolio .image {
  float: left;
}

#portfolio .blurb {
  margin-left: 270px;
}

#portfolio .last {
  border: none;
}

#portfolio h2 {
  padding: 0px;
  color: #2D5377;
  border: none;
}

#contact_form table {
  width: 475px;
}

#contact_form .label {
  width: 77px;
}