/*  *********************************
= Click Point Ranch [Style] Style Sheet
= Version: 1.0
================================
= Graphic Design: Ken Hoke
= XHTML/CSS Dev: Stephen K.
= Cick Point Ranch - Denver, Colorado
= http://www.clickpointranch.com
= stephen@clickpointranch.com
********************************* */

html {
margin: 0;
padding: 0;
}

/* --- Generic HTML Selectors --- */

body {
position: relative;
margin: 0;
padding: 0;	
font-family: "Verdana", Arial, Helvetica, San-serif;
font-size: 100%;
color: #ffffff;
background: #DFCCA7 url(../design/bg_ray2.jpg) no-repeat fixed;
}

/* --- Main Content Wrapper --- */	

#wrapper {
position: absolute;
width: 100%;
min-width: 840px;
height: 700px;
position: relative;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px;
/*border: 1px solid #0099ff;*/
z-index: 1;
}

#top_right_grime {
float: right;
width: 100%;
min-width: 840px;
height: 700px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: transparent url(../design/top_right_grime.gif) no-repeat top right;
z-index: 2;
}

#top_left_grime {
float: left;
width: 100%;
min-width: 840px;
height: 700px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: transparent url(../design/top_left_grime.gif) no-repeat;
z-index: 3;
}

#bottom_right_grime {
float: right;
width: 100%;
min-width: 840px;
height: 700px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: transparent url(../design/bottom_right_grime.gif) no-repeat bottom right;
z-index: 4;
}

#bottom_left_grime {
float: left;
width: 100%;
min-width: 700px;
height: 700px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: transparent url(../design/bottom_left_grime.gif) no-repeat bottom left;
z-index: 5;
}

#logo {
position: absolute;
width: 175px;
height: 77px;
top: 19px;
left: 58px;
padding: 0px;
background: transparent url(../design/logo.gif) no-repeat;
}

/*contact us start*/

#contact_us {
position: absolute;
width: 173px;
height: 83px;
padding: 0px;
right: 35px;
top: 595px;
background: transparent url(../design/contact_us.gif) no-repeat;
cursor: pointer;
/*border: 1px solid #0099ff;*/
}

#container {
width: 100%;
min-width: 920px;
margin: 0px 0px 0px 0px;
padding: 0px;
color: #663300;
/*border: 1px solid #ff3300;*/
}

#content_main {
position: absolute;
width: 95%;
min-width: 50px;
height: 600px;
top: 120px;
left: 0px;
padding: 0px;	
color: #663300;
/*border: 1px dotted #666600;*/
}

#content_history {
position: absolute;
width: 99%;
min-width: 200px;
height: 600px;
top: 120px;
left: 0px;
padding: 0px;
color: #663300;
/*border: 1px dotted #666600;*/
background: transparent url(../design/history_pages.gif) top right no-repeat;
}

#content_contact {
position: absolute;
width: 1150px;
min-width: 50px;
height: 600px;
top: 120px;
left: 0px;
padding: 0px;
color: #663300;
/*border: 1px dotted #666600;*/
}

#content_left {
float: left;
width: 35%;
min-width: 200px;
height: 450px;
top: 0px;
left: 66px;
padding: 0px 1% 0px 60px;
margin: 0px 50px 50px 0px;
color: #663300;
overflow: none;
/*border: 1px dotted #3399ff;*/
}

#content_right{
float: right;
/*width: 60%;*/
width: 40%;
min-width: 249px;
height: 450px;
top: 64px;
/*right: 0px;*/
overflow: none;
/*border: 1px dotted #cc6600;*/
z-index: 2;
}

#content_contact_left {
float: left;
width: 15%;
min-width: 200px;
height: 450px;
top: 0px;
left: 66px;
padding: 0px 10% 0px 60px;
margin: 0px 50px 50px 0px;
color: #663300;
overflow: none;
/*border: 1px dotted #3399ff;*/
}

#content_contact_right{
float: left;
/*width: 60%;*/
width: 598px;
min-width: 249px;
height: 380px;
margin: 60px 0px 0px -18px;
/*right: 0px;*/
overflow: none;
/*border: 1px dotted #cc6600;*/
background: transparent url(../design/postcard.gif) bottom left no-repeat;
}

#form {
float: left;
margin: 60px 0px 0px -18px;
}

#thanks {
float: left;
text-align: center;
margin: 60px 0px 0px 30px;
}


*html #three_pics {
top: 420px;
}

#three_pics {
position:absolute;
left: 0px;
top: 420px;
width: 100%;
height: 80px;
/*border: 1px dotted #000000;*/
z-index: 1;
}

*html #three_pics_zero {
width: 30%;
padding: 0px 2% 0px 0px;
}

#three_pics_zero {
float:left;
width: 23.5%;
height: 100px;
padding: 0px 70px 0px 0px;
/*border: 1px dotted #ffffff;*/
}

*html #three_pics_left {
padding: 0px 2% 0px 0px;
}

#three_pics_left {
float:left;
width: 10%;
height: 100px;
padding: 0px 30px 0px 0px;
/*border: 1px dotted #ffffff;*/
}

*html #three_pics_center {
padding: 0px 2% 0px 0px;
}

#three_pics_center {
float:left;
width: 10%;
height: 100px;
padding: 0px 40px 0px 30px;
/*border: 1px dotted #ffcc00;*/
}

*html #three_pics_right {
padding: 0px 2% 0px 0px;
}

#three_pics_right {
float:left;
width: 10%;
height: 100px;
padding: 0px 0px 0px 32px;
/*border: 1px dotted #ffcc00;*/
}

/*Home*/
*html #content_home{
position: absolute;
width: 50%;
left: 40%;
}

/* ie 7/firefox */
html>body #content_home{
position: absolute;
width: 30%;
/*width: 449px;*/
min-width: 400px;
height: 500px;
top: 0px;
/*right: 0px;*/
left: 55%;
padding: 0px;
background: transparent url(../design/parchment.gif) no-repeat center;
/*border: 1px dotted #cc6600;*/
}

#content_home{
position: relative;
width: 30%;
/*width: 449px;*/
min-width: 400px;
height: 500px;
top: 0px;
/*right: 0px;*/
left: 55%;
padding: 0px;
background: transparent url(../design/parchment.gif) no-repeat center;
/*border: 1px dotted #cc6600;*/
}

#home_burn{
position: absolute;
width: 279px;
height: 227px;
padding: 0px;
left: 100px;
top: 250px;
background: transparent url(../design/burn.gif) no-repeat center;
z-index: 1;
}

html>body #elearning_bttn {
left: 90px;
}

#elearning_bttn {
position: absolute;
width: 240px;
height: 55px;
padding: 0px;
left: 190px;
top: 145px;
z-index: 1;
}

html>body #marketing_bttn {
left: 70px;
}

#marketing_bttn {
position: absolute;
width: 240px;
height: 50px;
padding: 0px;
left: 170px;
top: 260px;
z-index: 1;
}

html>body #web_bttn  {
left: 70px;
}

#web_bttn {
position: absolute;
width: 240px;
height: 50px;
padding: 0px;
left: 170px;
top: 335px;
z-index: 1;	
}

/*Gallery*/
#gallery_center {
width: 755px;
height: 500px;
margin: 10px auto;
padding: 0px;
/*border: 1px dotted #3399ff;*/
}

#gallery_left {
float: left;
width: 331px;
min-width: 331px;
height: 398px;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: none;
background: transparent url(../design/gallery_center_left.gif) no-repeat;
/*border: 1px dotted #3399ff;*/
}

#gallery_bttn_container {
width: 240px;
height: 260px;
padding:0px;
margin: 6px 0px 0px 15px;
/*border: 1px solid #000000;*/
}

#gallery_box {
width: 260px;
height: 40px;
padding:0px;
margin: 1px 0px 0px 0px;
border: 1px solid #000000;
}

#gallery-thumb {
float: left;
width: 54px;
height: 38px;
margin: 0px;
border: 1px solid #000000;
}

#gallery-text {
float: left;
width: 204px;
left: 20px;
height: 40px;
top: -20px;
background: transparent url(../design/gallery_left_tile.gif) repeat-x;
/*border: 1px solid #000000;*/
}

#gallery-news{
float: left;
width: 260px;
left: 20px;
height: 40px;
top: -20px;
background: transparent url(../design/gallery_left_tile.gif) repeat-x;
/*border: 1px solid #000000;*/
}

#gallery-description {
position:relative;
width: 204px;
left: 0px;
height: 10px;
/*border: 1px solid #000000;*/
z-index: 2;
}

#content_gallery{
float: left;
/*width: 60%;*/	
width: 392px;
min-width: 392px;
height: 397px;
/*right: 0px;*/
padding: 20px 0px 0px 0px;
background: transparent url(../design/gallery_center_right.gif) no-repeat;
/*border: 1px dotted #cc6600;*/
z-index: 2;
}

#gallery_pic{
position: relative;
left: 17px;
right:0px;
top: 24px;
width: 300px;
height: 250px;
margin: 0px;
padding: 0px;
text-align: center;
/*border: 1px solid #93580E;*/
overflow: none;
}

#gallery_tabs{
position: relative;
width: 120px;
height: 83px;
padding: 0px;
left: 184px;
top: 12px;
z-index: 4;
}

#gallery_tab_1{
float:left;
width: 37px;
height: 75px;
padding: 0px;
background: transparent url(../design/gallery_tab_1.gif) no-repeat center;
z-index: 1;	
}

#gallery_tab_2{
float:left;
width: 35px;
height: 87px;
margin: 0px 0px 0px 0px;
padding: 0px;
background: transparent url(../design/gallery_tab_2.gif) no-repeat center;
z-index: 1;
}

#gallery_tab_3{
float:left;
width: 37px;
height: 69px;
padding: 0px;
background: transparent url(../design/gallery_tab_3.gif) no-repeat center;
z-index: 1;
}

#scrollwindow{
position: relative;
left: 25px;
right:0px;
top: -8px;
width: 285px;
height: 100px;
margin: 0px;
padding: 0px;
overflow: auto;
}

#news_scrollwindow{
position: relative;
left: 25px;
right:0px;
top: 52px;
width: 285px;
height: 290px;
margin: 0px;
padding: 0px;
overflow: auto;
}

/* --- 	Header & assoc. elements --- */

#header {
width: 100%;
height: 75px;
position: relative;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
/*background: #ffffff url(../design/head_right_bg.jpg) center right no-repeat;*/
}

/* --- Main Navigation --- */

#nav-wrap {
position: absolute;
top: 20px;
right: 200px;
font-size: 10px;
font-weight: bold;
/*border: 1px dashed #336600;*/
}

#nav-wrap-left {
float: left;
margin: .5em 0px 0px 0px;
width: 40px;
height: 32px;
background: url(../design/menu_bg_right.gif) repeat-x center;
display: block;
/*border: 1px dashed #336600;*/
}

#nav-wrap-right {
float: left;
margin: .5em 0px 0px 0px;
width: 42px;
height: 32px;
background: url(../design/menu_bg_left.gif) repeat-x center;
display: block;
/*border: 1px dashed #336600;*/
}

* html #nav {
top: 2em;
right: 15.0em;
font-size: 10px;
/*border: 1px dashed #DFCCA6;*/
}

#nav {
float: left;
top: 4em;
right: 15.0em;
font-size: 10px;
font-weight: bold;
display: block;
margin: 0px;
padding: 0px;
color: #663300;
background: url(../design/menu_bg_tile.gif) repeat-x center;
/*border: 1px dashed #ffffff;*/
}

* html #nav ul{
margin: 10px 0px 20px 0px;
}

#nav ul {
margin: 11px 0px 20px 0px;
padding: 0px;
list-style: none;
text-align: center;
}

#nav li {
display: inline;
margin: 0px;
padding: 5.2em 1.2em;
border: 0px solid #ccc;
}

* html #nav li {
margin: 5px 0px 0px 1px;
padding: .75em 1.2em;
}

#nav li a {
color: #FFCCCC;
text-decoration: none;
}

#nav li a:hover {
color: #ffffff;
text-decoration: underline;
}

#nav li span.navActive {
color: #fff;
cursor: help;
padding: 4px 1px 9px 1px;
text-decoration: underline;
}

#bodyblock {
position:relative;
width:100%;
height: 100%;
padding: 0px;
background: #d8d8d8;
}

#lh-col {
width: 29%;
position: absolute;
text-align: center;
margin: auto;
padding: 0px;
color: #6633ff;
background: #ffffff url(../design/nav_left_bg.jpg) top right repeat-y;
}

#rh-col {
width: 71%;
height: 177px;
position: relative;
text-align: center;
margin: auto;
padding: 0px;
float: right;
background: url(../design/gradient_bg.jpg) repeat-x;
}

/* --- Sub Navigation --- */

#subnav_wrap {
position: absolute;
top: 60px;
right: 19.7em;
font-size: 10px;
font-weight: bold;
border: 1px dotted #666600;
}

#subnav_wrap_gallery {
position: absolute;
top: 60px;
right: 203px;
font-size: 10px;
font-weight: bold;
/*border: 1px dotted #DFCCA6;*/
}

#subnav_wrap_services {
position: absolute;
top: 60px;
right: 180px;
font-size: 10px;
font-weight: bold;
/*border: 1px dotted #DFCCA6;*/
}

#subnav_wrap_about_us {
position: absolute;
top: 60px;
right: 270px;
font-size: 10px;
font-weight: bold;
/*border: 1px dotted #DFCCA6;*/
}

* html #subnav {
top: 2em;
right: 15.0em;
font-size: 10px;
  /*border: 1px dashjed #DFCCA6;*/
}

#subnav {
float: left;
top: 2em;
right: 15.0em;
font-size: 10px;
font-weight: bold;
display: block;
margin: 0px;
padding: 0px;
/*border: 1px dashed #ffffff;*/
}

#subnav ul {
margin: 10px 0px 20px 0px;
padding: 0px;
list-style: none;
text-align: center;
}

#subnav li {
display: inline;
margin: 0px;
padding: 0em .5em;
border: 0px solid #ccc;
}

#subnav li.contact {
display: inline;
margin: 0px;
padding: 0em .5em 0em 5em;
}

/* ie 6 spacing*/

* html #subnav li {
margin: 0 0 0 1px;
padding: .75em .5em;
}

#subnav li a {
color: #000;
text-decoration: none;
}

#subnav li a:hover {
color: #fff;
text-decoration: underline;
}


#subnav li span.navActive {
color: #fff;
cursor: help;
padding: 2px 1px 4px 1px;
background: #6C390A;
border: 1px dotted #DFCCA6;
text-decoration: none;
}

/* FORM Elements */

form {
height: auto;
margin: 0;
padding: 0;
}

* html form {
height: 1%;
}

label {
width: 8em;
float: left;
text-align: right;
margin: 0 1em 1em 0;
padding: 2px;
clear: both;
cursor: help;
}

input, select, textarea {
float: left;
margin: 0 .25em 1em 0;
padding: 2px;
font-size: .9em;
font-family: "Verdana", Arial, Helvetica, San-serif;
background: #f8eecd;
border: 1px solid #333;
}

label span {
vertical-align: middle;
}

input.checkbox {
margin: 7px 0 0 0;
border: 0;
}

* html input.checkbox {
margin: 0;
}

form input.formbuttons {
margin: 4px 0;
padding: 4px 2px;
font-weight: bold;
color: #777;
cursor: pointer;
}

html>body form input.formbuttons {
padding: 4px 10px;
}

#buttons{
margin: 0px 0px 0px 58px;
cursor: pointer;
/*border: 1px solid #ffcc00;*/
/* yellow*/
}

.copyright {
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #B78B47;
left: 0px;
width: 80%;
padding: 10px 5px 5px 5px;
line-height:15px;
text-align:left;
display:block;
z-index: 3;
/*border: 1px solid #99cccc;*/
}

/* --- 	Footer & assoc. elements --- */

#footer {
position: absolute;
width: 100%;
height: 2.5em;
text-align: center;
margin: auto;
padding: 0px;
background: #D6BD8C;
border: 1px solid #B78B47;
z-index:1;
}

#flash_link {
position: absolute;
left:25em;
width:262px;
height: 40px;
z-index:4;
}