/*

Steeb Russell
http://steebrussell.com

Cascading Style Sheet
Author: Josh Parrish/KeyLime Design
Created: 3/19/2006
Last Revision: 3/19/2006

*/

/* css rotator, for rotating background icon */
@import "/css/css-rotate.php";


/* -- General Styles -- */

body {
    font-family: Verdana, sans-serif;
    color: #000;
    text-align: center;
    background: #d2b387 url(/graphics/bg_wood.jpg) top center;
    margin: 0px;
    padding: 0px;
}
img {
    border: none;
}
.container {
    width: 720px;
    margin: 0 auto;
}

/* -- Top/Title Styles -- */

div#top {
    background: #f90 url(/graphics/bg_orange.png) bottom center repeat-x;
    border-bottom: solid 1px #794210;
}
#title h1 {
    display: block;
    height: 97px;
    background: url(/graphics/steeb_06.png) bottom right no-repeat;
    margin: 0px;
    margin-left: -999em;
}

/* -- Navigation Styles -- */

div#nav {
    background: #643402 url(/graphics/bg_nav.png) top center repeat-x;
    text-align: center;
    margin: 0;
}
#nav table {
    margin: 0 auto;
}
table#view_nav {
    border: none;
}
table#view_nav td {
    border: none;
    width: 100px;
    text-align: center;
}
table#view_nav td img {
    border: none;
    margin: auto;
    display: block;
}
table#view_nav td a {
    display: block;
    padding-bottom: 30px;
}
table#view_nav td.r a {
    background: url(/graphics/view_arrow-r.gif) 2px 90px no-repeat;
}
table#view_nav td.r a:hover {
    background: url(/graphics/view_arrow-r2.gif) 2px 90px no-repeat;
}
table#view_nav td.l a {
    background: url(/graphics/view_arrow-l.gif) 0px 90px no-repeat;
}
table#view_nav td.l a:hover {
    background: url(/graphics/view_arrow-l2.gif) 0px 90px no-repeat;
}

/* -- Intro Page -- */

body#i {
    background: #333;
    padding-top:36px;
    padding-bottom: 24px;
    text-align: center;
}
img.intro
{
	border: solid 2px #fff;
	padding: 1px;
	background: #333;
}
.promo {
	text-decoration: none;
}


/* -- Main Content Styles -- */

#main {
    background: url(/graphics/bg_shadow.gif) 0px -2px repeat-x;
    margin: 0;
}
#main .container {
    background: transparent url(/graphics/bg_shadow2.gif) 4px repeat-y;
    padding-bottom: 4px;
    margin-bottom: 24px;
}
#info {
    background: #9ad8ec;
    margin-right: 4px;
    padding-top: 20px;
    border-top: solid 2px #6f9caa;
}
#content {
    background: #fff;
    text-align: left;
}
#content-left {
    float: left;
    width: 432px;
    padding: 16px;
    
}
#content-right {
    float: left;
    width: 228px;
    padding: 16px;
    padding-left: 0px;
}
#contact-info {
    background: #9ad8ec;
    clear: both;
    text-align: left;
    color: #6f9caa;
    font-size: x-small;
    padding: 8px 20px;
}
#contact-info h4 {
    font-size: small;
    margin: 0px;
}
#contact-info span#phone {
    display: block;
    padding-left: 16px;
    background: url(/graphics/phone.gif) left center no-repeat;
    font-style: normal;
}
#contact-info span#street {
    display: block;
    font-style: normal;
}

/* -- Gallery -- */

#g .container {
    width: 90%;
}
#g #main ul {
    margin: 0px;
    padding: 16px 0 0 0;
    list-style: none;
}
#g #main li {
    float: left;
    padding: 8px 0px 8px 16px;
    height: 220px;
}
#g #main li a img {
    border: solid 0px;
}
#v h3 {
    margin-bottom: 0px;
}
#v img {
    border: solid 0px;
}

/* -- Contact Form -- */

div#contactform {
    background: url(/graphics/contact_form.gif) top left no-repeat;
    width: 400px;
    padding-top: 58px;
    padding-left: 50px;
}
div#contactform label {
    font-size: xx-small;
    font-weight: bold;
    color: #000;
}
div#contactform input, div#contactform label, div#contactform textarea {
    display: block;
    width: 300px;
}
div#contactform input#fullname, div#contactform input#from, div#contactform input#subject, div#contactform textarea#message, div#contactform input.button  {
    border: solid 1px #999;
    border-right: solid 2px #999;
    border-bottom: solid 2px #999;
    margin-bottom: 4px;
    color: #333;
}
div#contactform input.button, div#contactform label {
    display: inline;
    width: 60px;
}
div#contactform input.button:hover {
    color: #f90;
    background-color: #ffc;  
    border: solid 1px #f90;
    border-right: solid 2px #f90;
    border-bottom: solid 2px #f90;
}
div#contactform input.button:active {
    color: #f90;
    background-color: #ff9;
    border: solid 1px #f90;
    border-right: solid 2px #f90;
    border-bottom: solid 2px #f90;    
}

/* -- Page Footer -- */

div.footer  {
    color: #89643b;
    font-size: x-small;
    text-align: right;
    margin-bottom: 24px;
}
.footer a {
    color: #89643b;
    font-weight: bold;
}
.footer a:hover {
    color: #390;
}