/* CSS CODE BY MANIFEST CREATIVE */
/* www.manifestbozeman.com */

/***************************************************
ROCKY MOUNTAIN BALE SWEEP
www.rockymountainbalesweep.com

Project Coding Began: 02/13/2009
Lead Programmer: Philip Downer

NOTES:
This project uses the 960 Grid System.
Information on this framework is available at
www.960.gs

UPDATE LOG:

2/23/10
~ Added banner ad image
~ Changed specs on ordering page
****************************************************/
body {
margin:0;
background-color:#cccccc;
font-family:arial,verdana,helvetica,sans-serif;
font-size:14px;
line-height:20px;
color:#4b4b4b;
}

/* BASE LINKS STYLE */
a, a:visited {
text-decoration:underline;
color:#4b4b4b
}
a:hover {
text-decoration:none;
}
a.hidden,a.hidden:visited{
text-decoration:none;
}

/*BASE PARAGRAPH STYLE */
.bodytext p {
margin-bottom:15px;
}
.bodytext p.indent {
text-indent:10px;
}

/* BASE HEADER STYLES */
h1 {
text-indent:-9999px;
overflow:hidden;
}
h1.home {
background:url('../images/text-headers/h1-home.png') no-repeat top left;
height:165px;
}
h1.ordering {
background:url('../images/text-headers/h1-ordering.png') no-repeat top left;
height:137px;
}
h1.contact {
background:url('../images/text-headers/h1-contact.gif') no-repeat top left;
height:137px;
}
h4 {
color:#ffa92b;
font-weight:bold;
font-size:16px;
}
/*=WRAPPER */
#wrapper {
margin:0 auto;
background-color:#cccccc;
}

/*BASIC IMAGE FLOATS */
.imgright {
float:right;
margin:0 0 10px 10px;
}
.imgleft {
float:left;
margin:0 10px 10px 0;
}
.caption {
margin-top:5px;
text-align:center;
color:#000;
}
.center {
text-align:center;
}
/******************************************************
=HEADER AREA
*******************************************************/
#header {
background-color:#000;
padding:15px 0 0 0;
border-bottom:3px solid #ffa92b;
}
.logo {
margin:0 auto;
text-align:center;
}

#banner {
	text-align:center;
	clear:both;
	margin:0px 0 25px;
}
#ccs {
	color:white;
	float:right;
	left:119px;
	margin-top:-133px;
	width:72px;
	display:inline;
	position:relative;
}

/******************************************************
=NAVIGATION BAR
*******************************************************/
#navigation {
position:relative;
z-index:50;
top:3px;
}
.navbar img
{
width: 116px;
display:inline;
border: 0;
}
.navbar img.cur {
position:relative;
top:3px;
}
.navbar a:hover img
{
visibility:hidden;
}
.navbar a
{
display:inline;
color: #000000;
font-size: 11px;
width: 116px;
float: left;
color: black;
text-decoration: none;
}

.navbar span
{
position:absolute;
text-indent:-9999px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.navbar .home
{
position:relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/nav/home-over.gif') no-repeat bottom left;
display: inline;
float:left;
width: 116px;
height: 28px;
margin-right: 2px;
padding: 0;
}

.navbar .ordering
{
position:relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/nav/ordering-over.gif') no-repeat bottom left;
display: inline;
float:left;
width: 116px;
height: 28px;
margin-right: 2px;
padding: 0;
}

.navbar .contact
{
position:relative;
font-family: arial, helvetica, sans-serif;
background: url('../images/nav/contact-over.gif') no-repeat bottom left;
display: inline;
float:left;
width: 116px;
height: 28px;
margin: 0;
padding: 0;
}
/******************************************************
=MAINCONTENT
*******************************************************/
#maincontent {
background:#fff url('../images/template/bg-shadow.gif') repeat-x top left;
padding:25px 0 10px 0;
}
/******************************************************
=SIDEBAR
*******************************************************/
#sidebar {
background-color:#fff;
clear:none;
position:relative;
margin:0px;
}
#sidebar ul {
list-style-type:disc;
font-size:12px;
line-height:18px;
text-indent:0;
}
#sidebar ul li {
margin-bottom:10px;
}
#sidebar .ordertoday {
text-align:center;
}
/******************************************************
=TEXTUAL CONTENT
*******************************************************/
#textual {
position:relative;
left:10px;
border-right:2px dotted #b7b6b6;
}
#textual .imgright {
position:relative;
left:-10px;
margin-left:15px;
}
#textual h3 {
color:#000;
font-weight:bold;
font-size:20px;
line-height:24px;
}
/******************************************************
=FOOTER
*******************************************************/
#footer {
background-color:#ffa92b;
padding:5px 0;
color:#fff;
font-weight:bold;
text-align:center;
}
#footer a,#footer a:visited {
margin:0 8px;
color:#fff;
font-weight:bold;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
.belowfooter {
background-color:#fff;
}
#copyright {
position:relative;
left:10px;
}
#copyright,#credit {
color:#8f8f8f;
font-size:11px;
}
#credit a,#credit a:visited,#credit a:hover {
color:#8f8f8f;
text-decoration:none;
}
#credit {
font-weight:bold;
text-align:right;
position:relative;
left:-10px;
}
#credit span,#credit a {
cursor:help;
}
#credit span:hover {
text-decoration:underline;
}
#credit img {
position:relative;
top:3px;
}
/******************************************************
=HOME PAGE
*******************************************************/
#intro {
background-color:#ffa92b;
padding:5px 0 8px 0;
}
#intro .mainimg,#intro .slideshow {
text-align:center;
}
#intro .slideshow {
position:relative;
left:10px;
}
#intro .slideshow h2 {
font-size:20px;
line-height:24px;
font-weight:bold;
text-align:center;
color:#fff;
padding:0 10px;
}
.player {
position:relative;
left:15px;
top:-10px;
width:270px;
height:205px;
overflow:clipped;
margin-bottom:0;
margin-top:-4px;
}
.player img {
border:1px solid #000;
}
#slidetitle {
width:246px;
height:40px;
border:1px solid #000;
background-color:#fff;
font-size:12px;
color:000;
line-height:14px;
font-weight:normal;
padding:8px 12px;
position:relative;
left:15px;
margin-top:-20px;
}
#intro .slideshow .player {
margin-bottom:10px;
}
#intro .slideshow a,#intro .slideshow a:visited {
font-size:12px;
font-weight:bold;
color:#fff;
text-decoration:underline;
letter-spacing:1px;
}
#intro .slideshow a:hover {
text-decoration:none;
}
#hiddenshow {
display:none;
}
/******************************************************
=ORDERING PAGE
*******************************************************/
#models {
width:95%;
}
#models .box {
padding:10px 15px;
background-color:#ececec;
margin-bottom:15px;
}
#models .box h5 {
font-weight:bold;
font-size:16px;
color:#000;
margin-bottom:5px;
}
#models .box p.price {
text-align:right;
margin-top:-5px;
margin-bottom:0px;
font-weight:bold;
color:#000;
}
.mountingplate {
border-right:2px dotted #b7b6b6;
text-align:center;
}
.options h4 {
margin-bottom:0px;
}
.options p {
margin-right:15px;
}
/******************************************************
=CONTACT PAGE
*******************************************************/
.contactinfo {
padding-bottom:15px;
margin-bottom:15px;
border-bottom:2px dotted #b7b6b6;
}
.contactinfo h3,.contactform h3 {
text-align:center;
margin-bottom:0px;
}
.contactinfo p {
margin-top:10px;
margin-bottom:0px;
}
.contactform form {
margin-top:15px;
margin-bottom:100px;
}
input.text,textarea.message {
background-color:#fff4db;
border:1px solid #ffa92b;
color:ffa92b;
width:300px;
height:20px;
padding:2px;
margin-left:10px;
margin-bottom:10px;
float:left;
}
input.text {
vertical-align:middle;
}
textarea.message {
height:150px !important;
}
input.text:focus,textarea.message:focus {
background-color:#ffa92b;
}
.contactform {
line-height:33px;
}
.contactform .label {
width:150px;
height:20px;
text-align:right;
float:left;
clear:left;
font-size:12px;
vertical-align:middle;
}
.contactform .submission {
clear:left;
width:470px;
text-align:right;
}
.contactform .success {
margin-bottom:300px !important;
}
.contactform .success h3 {
color:#fff4db !important;
}