* { margin: 0; padding: 0; } /* Sets Defaults to avoid cross-browser issues */
.clear { clear: both; /* Clears any floating divs */ }

body {
font-size: 12px; /* Sets base font size */
font-family: Arial;
text-align: center; /* Centers Layout for IE6, IE7 */
background-color: #FC6;
background-image: url(repeatpatternlong.png);}

/**************************************************
************* TYPOGRAPHY SETTINGS *****************/

h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

p { 
color: #474747;
font-size: 1em;
line-height: 1.5em;
margin: 6px 0;
text-indent: 10px; }

a { }
a:hover { }
a:visited { }


/**************************************************
********** PRIMARY LAYOUT-FORMING DIVS ************/

/*** The Grandaddy of All DIVS */
#container {
width: 800px;
text-align: center;
margin-top: 20px; /* To avoid layout from touching top of browser window */
margin-right: auto; /* "auto" makes div center */
margin-left: auto; /* on page in Firefox, Safari, etc. */
background-color: #630;
border: 2px solid #630;}

/*** Defaults for Related Content DIVS */
#header, 
#navigation,
#content,
#footer { 
width: 800px; /* Equal to width specified for #container */
text-align: left; /* Resets text-alignment previously set in Body */ }


/**************************************************
************* PAGE HEADER *************************/

#header { }

/**************************************************
************* SITE NAVIGATION *********************/

#navigation { height: 40px; background-color: #dfa749; }

#navigation ul {  }
#navigation ul li {
float: left;
width: 200px;
height: 40px;
line-height: 40px;
text-align: center;
list-style-type: none; /* Gets rid of bullets on Navigation Buttons */ }

/*** Navigation Button Text */
#navigation ul li a { 
color: #ffffff;
font-style: oblique;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 1.2em; }

/*** Current Page's Nav Butons Highlight (Optional) */
#navigation ul li.current { background-color: #dd9b41; } 

/*** How Nav Buttons Respond to the Cursor */
#navigation ul li:hover { background-color: #640F02; color: #640F02 }
#navigation ul li a:hover { background-color: #D4A84A; color: #630 }


/**************************************************
*************** PAGE CONTENT **********************/

#content { padding: 20px 0; background-color: #ffffff; background-image: url();}

/*** Basic Page Layout */
.main {
width: 525px;
float: left; 
margin-left: 5px;
margin-bottom: 24px;}
.sideBar {
width: 260px;
float: left;
margin-left: 5px;
margin-bottom: 24px; }

/*** Three Column Page Layout */
.triCol {
width: 260px; 
float: left;
margin-left: 5px; }

/*** Single, Full-Width DIV */
.full {
width: 790px;
margin-left: 5px; }

/**************************************************
***************** IMAGE PORTFOLIO *********************/


.img
  {
  margin: 2px;
  border: 0px solid #ffffff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
.img img
  {
  display:inherit;
  margin: 3px;
  border: 5px solid #FFFF80;
  }
.img a:hover img
  {
  display:inherit;
  margin: 3px;
  border: 5px solid #ffffff;
  }
.desc
  {
  text-align: center;
  color:#999
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }

/**************************************************
***************** CONTACT FORM *********************/

#contact {
width: 520px;
height: 290px;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right: auto;
background-image: url(perkslogo2.jpg);
background-position: center;
background-color: #FFFFFF; }
#contact h3 { padding-top: 10px;}
#contact p { border-bottom: 1px solid #ddd; padding-bottom: 10px;}
#contact form { margin: 0px 20px;}
#contact form label { font-size: .90em; }
#contact form input, textarea { display: block; border: 1px solid #aaa; background-color: #eee; margin-bottom: 10px; }
#contact form input { width: 300px; padding: 2px;}
#contact form input#submit {  width: 80px; margin-top: 20px;}


/**************************************************
***************** PAGE FOOTER *********************/

#footer { padding: 20px 0; text-align: center; background-color: #dfa749; }

/*** Footer Links (Optional) */
#footerLinks { font-size: .90em; }

/*** Copyright text */ 
#copyright { font-size: .90em;  }