/*- Containers---*/

body{
	margin:0;
	padding:0;
	background-color:#8095b4;
	background: #8095b4 url(/cowboy/images/background_2.jpg) no-repeat top;
	font-family: Arial, sans-serif;
	color:#633A37;
	line-height: 1.5em;
	font-size:11px;
	text-align: left;
	margin-left:75px;
	}
	
h1 {	
	padding-top:100px;
   margin:0 5px 10px 5px;
   color: #633a37;
	font-size:32px;
	line-height:32px;
	font-family: "Myriad Pro";
	text-align:left;
}

a { 
	text-decoration:none;
	color:#633A37;
}

a:hover {
	text-decoration:underline;
	color:#003399;
}

.clearme{
	clear:both;
}

.clearright{
  	float:right;
	clear:right;
}	

#maincontainer{
	position:relative;
	margin:0 auto;
	width:961px;
	z-index:1;	
		}
	
#logobox{
	z-index:99;
	position: absolute;	
	top:23px;
	left:-75px;
	width:352px;
	height:209px;		
}

#regbox{
   font-size:24px;
	color: #d9bc38;
	z-index:100;
	position: absolute;	
	top:125px;
	right:0px;
	width:20px;
	height:20px;	
}

#searchbox{
	float:right;
	color:#0b0b0b;
	margin: 10px 0 0 0;
	font: normal bold 12px Tahoma;
	padding: 10px 0 10px 0;
	width:560px;
	height:24px;	
	text-align:right;		
}

#weatherbox{
	font-size:15px;
	float:right;
	color:#0b0b0b;
	margin: 15px 0 0 0;
	width:110px;
	height:40px;			
}

#facebook-box{
	float:right;
	margin: 15px 0 0 0;
	width:300px;			
}

#searchbox p{
	float:left;
	margin:0;
	padding:0;
	line-height:1.5em;
	width:510px;
}
#searchbox p a:link,#searchbox p a:visited{
	color:#0b0b0b;
	text-decoration: none;
}

#searchbox p a:hover{
	color: blue;
	text-decoration: none;
}

#maincontent{
 	float:left;
 	width: 953px;
 	background-color: white;
 	margin:0;
 	padding:4px 4px 4px 4px;
}

#headerbox{
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:635px;
	height:auto;
}

.prop {
	height:295px;
	float:right;
	width:1px;
}

#rightbox{
	float:right;
	margin:0 0 0 0;
	padding:0;
	width:314px;
	height:295px;
	background: #0e0e0e url(/cowboy/images/welcome_cowboy.jpg) no-repeat center;
}	

ul.welcome, ul.welcome li{
	width:215px;	
	display:list-item;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

ul.welcome{
	margin:194px 5px 0 0;
}

ul.welcome li a{
	font: normal bold 11px Tahoma;  
   color:white;
	margin:4px 0 4px 0;
	padding:0;
}

ul.welcome2, ul.welcome2 li{
	width:170px;	
	display:list-item;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}

ul.welcome2{
	margin:145px 5px 0 0;
}

ul.welcome2 li a{
	font: normal bold 10px Tahoma;  
   color:white;
	margin:4px 0 4px 0;
	padding:0;
}

#secleftbox{
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:635px;
	height:179px;
	background: url(/cowboy/images/intro_back.gif) no-repeat center;
}	

.subscribe{
  margin:15px 0 0 0;
  font: normal bold 12px Tahoma;  
  color:black;
  padding: 0 0 0 10px;
  }
	
.leftcont h1{
	text-indent:0;
	text-align:left;
	margin:0;
	padding:0;
	line-height:27px;
	font: normal 900 27px Myriad Pro;
   display:block;
}

.leftcont{
	color:black;
	float:left;
	margin: 19px 0 0 7px;
	padding:0;
	width:301px;
	height:100px;
	overflow:hidden;
}

.leftcont p{
	margin:0;
	padding:5px 0 0 0;
}

.rightcont{
	color:black;
	float:right;
	margin: 19px 15px 0 0;
	padding:0;
	width:294px;
	height:100px;
	overflow:hidden;
}

.rightcont p{
	margin:0;
	padding:0px 0 0 0;
}

#secrightbox{
	float:right;
	margin:0 0 0 0;
	padding:0;
	width:314px;
	height:179px;
	background: aqua;
}	
	
#split{
	height:4px;
	width:10px;
	}
	
#split2{
	padding: 10px 0 0 10px;
	height:16px;
	width:940px;
	}

#split3{
	border-bottom:1px solid #828383;
	height: 29px;
	width:953px;
	}	

#split4{
	border-bottom:1px solid #828383;
	height: 14px;
	width:953px;
}	
		
#lowerproducts{
	float:left;
	width:303px;
	height:119px;
	background-color: white;
}	

#lowerproducts img{
	float:left;
	border: 1px solid gray ;
	margin:0 5px 18px 0;
}

#lowerproducts p{
	color: #0b0b0b;
	margin:0 0 0  0;
	padding: 0 5px 0 0;
}

#lowerproducts h4{
   padding:0px 0 5px 0;
   margin:0;
   line-height:14px;
   color: #728aaa;
   font: normal bold 14px Tahoma;
}


#lowerproducts.center{
	margin:0 0 0 20px;
}

#lowerproducts.left{
	margin:0 0 0 20px;
}

#footer{
	float:left;
	margin:22px 0 0 0;
	width:953px;
	height:auto;
	background-color: white;
}

#footer div.left{
	float:left;
	width:480px;
	height:auto;
	color: #0b0b0b;
}

#footer div.right{
	float:right;
	width:460px;
	height:auto;
	color: #0b0b0b;
	text-align: right;
}

#footer p{
	padding:0;
	margin:0;
	line-height:20px;
	font: normal 12px Tahoma;
	
}

#footer h5{
   padding:0;
	margin:0;
	color: #0b0b0b;
	line-height:1.7em;
	font: normal bold 18px Tahoma;	
}
/*--End Container----*/

/*----Secondary Page containers------*/

#leftsecpg{
	float:left;
	width:700px;
	height:auto;
	margin:0;
	padding:0;
	border: 1px solid #e0e0e0;
}

#leftsecpg.ourstory{
	background: url(/cowboy/images/sec_pg_head_1.jpg) no-repeat top center;
}

#leftsecpg H1{
   padding-top:100px;   
   margin:0 5px 10px 5px;
   color: #633a37;
	font-size:32px;
	line-height:32px;
	font-family: "Myriad Pro";
}

#leftsecpg p{
   margin-left: 5px;
   margin-right:5px;
   color: #3d3d3d;
	font-size:13px;
	line-height:16px;	
}

#rightsecpg{
	float: right;
	width:245px;
	height:228px;
	margin-bottom:5px;
	border: 1px dashed #e0e0e0;
	background: url(/cowboy/images/welcome_cowboy_2.jpg) no-repeat top left;	
}

#rightsecpg p{
   margin-left: 5px;
   margin-right:5px;
   color: #3d3d3d;
	font-size:13px;
	line-height:16px;	
}

#rightsecpg h2{
  font-family: "Myriad Pro";
  margin-left:5px;
  color:#0e0e0e;
 }

#rightsecpg.top{
	background: url(/cowboy/images/welcome_cowboy_2.jpg) no-repeat top left;
}

#rightsecpg.center{
	background: #e6e1e1 url(/cowboy/images/white_spotlight.png) no-repeat top center;
}

/*----End Secondary page-------*/





/*------Links------*/
.gosubmit{
	  background: url(/cowboy/images/search_go.gif) no-repeat center;
	  text-decoration:none;
	  text-indent:-5000px;
	  border:none;
	  width:31px;
	  height:25px;
	  cursor: pointer;	    
}


a.footer:link, a.footer:visited{
	text-decoration: none;
	color: #382722;
}
a.footer:hover{
	text-decoration:none;
	color: #728aaa;
}

a.general:link, a.general:visited{
	text-decoration: none;
	color: #382722;
}
a.general:hover{
	text-decoration:none;
	color: #728aaa;
} 
/*-----End Link styles*/

/*-----Image----*/

.image{
   margin:0 0 5px 5px;
}
/*-----End Image-----*/

/*----Font Styles----*/
fieldset{
	width:600px;
	border: solid 1 transparent;
	text-align: left;
}

legend{
	font-weight:bold;
	color:#0e0e0e;
}

label{
	display:block;
}
/*----End Font styles----*/






/*--Navigation---*/
#navi{
	border-top:1px solid #b28d77; 
	border-left:1px solid #b28d77;
	border-right:1px solid #b28d77;
	border-bottom: 0px none transparent;	
	background:#040707 url(/cowboy/images/navi_back.gif) repeat-x ;
	width: 960px;
	height:37px;
	}

#navishift{ 
    float:left;
	 width:430px;
	 height:10px
}
	
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topbar a:link,.topbar a:visited{
	color:white;
	font: Tahoma;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}

.topbar a:hover{
	color: #a4484b;
	font: Tahoma;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}
.subnav a:link,.subnav a:visited{
	line-height:30px;
	padding:0;
	color:white;
	font: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

.subnav a:hover{
	padding:0;
	color: #a4484b;
	font: Tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

ul li {
	z-index:100;
	position: relative;
	float: left;
    width: auto;
	padding:0 10px 0 10px;
    margin:0 0 0 0px;
	color:white;
}

ul.subnav li{
	width:120px;
}

ul.subnav{
	width:140px;
}

li ul {
	z-index:100;
	position: absolute;
	top: 30px;
	display: none;
	width: 100px;
	background: #040707;
}

ul li a {	
	z-index:100;
	display: block;
	text-decoration: none;
	line-height: 20px;
	color: #000;
	padding: 5px;
	margin: 0 2px;
}

ul li a:hover { color: #66F; }
li:hover ul, li.over ul { display: block; }

/* Slider styles------------------*/
div.wrap{
 width:635px;
 margin:0 auto;
 text-align: center;
}
 div#top div#nav{
  float:left;
  clear:both;
  width:635px;
  height:52px;
  margin:22px 0 0;
  background:url(images/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:635px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#video-header{
 height:641px;
 margin:-1px 0 0;
}

 div#header div.wrap{
  height:auto;
  background: transparent url(/cowboy/images/sec_pg_head_1.jpg) no-repeat scroll center top;;
 }
 
 
 div#header div#slide-holder{  
  z-index:40;
  width:635px;
  height:295px;
  float:left; 
 }
 
  div#header div#slide-holder div#slide-runner{
   width:635px;
   height:295px;
   overflow:hidden;
   position:relative;
  }
  div#header div#slide-holder img{
   border:none;
	margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0px;
   bottom:0px;
   width:635px;
   height:46px;
   display:none;
   position:absolute;
   background: url(/cowboy/images/slide-bg.png) 0 0;
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    border:none;
	 color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    color:white;
	 float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
	
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     border: none white;
	  color:white;
	  float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image: url(/cowboy/images/slide-nav.png);border:none;}
div#nav ul li a{background:url(images/nav.png) no-repeat; border:none;}

/* End slider styles------------------*/

