/*
Title: Cimarron 
Copyright: (c) 2007
Author: Dennis J. Fesemyer
Company: Fezlab
Description: Main Site Controls
*/

/* basics
-------------------------------------------------------- */

a  {
   color: #99ccff;
   text-decoration: none;
   }

   a:hover {
      color: #99ccff;
      text-decoration: underline;
      }

      a:visited {
         text-decoration: none;
         }


p {
   margin: 0 0 10px 0;
   }


strong {
   font-weight: bold;
   }

em {
   font-style: italic;
   }

img {
   display: block;
   border: 0;
   }


hr {
   display: block;
	width: 100%;
	height: 1px;
   border: 0; border-top: 1px dotted #333;
   }
   
h4 {
   border-top: 1px dotted #333;
   margin: 15px 0 0 0;
   padding: 10px 0 0 0;
   font: bold 12px/18px arial, sans-serif; color: #fff;
   }
   
h5 {
   margin: 0 0 10px 0;
   padding: 0;
   font: bold 13px/18px arial, sans-serif; color: #999;
   }
  

/* floatbreakers
-------------------------------------------------------- */

#container:after,
.left:after,
.right:after,
#int-content:after,
.left-content:after,
#footer:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}


/* layout
-------------------------------------------------------- */


body {
   background-color: #000;
   font: normal 10px/14px  arial, verdana, sans-serif; color: #fff;    
   margin: 0; padding: 0;
   text-align: center;
   width: 100%;
   }
   
   
   body.test2 {
   background: #272727 url(/cimarron/www/images/bg-2.gif) 50% 0 repeat-y;
   font: normal 10px/14px  arial, verdana, sans-serif; color: #fff;    
   margin: 0; padding: 0;
   text-align: center;
   width: 100%;
   }
   
   body.test3 {
      background: #181f27 url(/cimarron/www/images/bg-3.gif) 50% 0 repeat-y;
      font: normal 10px/14px  arial, verdana, sans-serif; color: #fff;    
      margin: 0; padding: 0;
      text-align: center;
      width: 100%;
      }
   
   body.test4 {
      background: #181f27 url(/cimarron/www/images/bg-4.gif) top left repeat-x;
      font: normal 10px/14px  arial, verdana, sans-serif; color: #fff;    
      margin: 0; padding: 0;
      text-align: center;
      width: 100%;
      }
      
   body.test5 {
      background: #000 url(/cimarron/www/images/circle.gif) top left;
      font: normal 10px/14px  arial, verdana, sans-serif; color: #fff;    
      margin: 0; padding: 0;
      text-align: center;
      width: 100%;
      }


#container {
   margin: 0 auto;
   padding: 0 0 0 50px;
   background: #000 url(/cimarron/www/images/topbg.gif) top left no-repeat;
   text-align: left;
   width: 820px;
   width/**/:/**/ 770px;
   }
   
   body.test2 #container,
   body.test3 #container,
   body.test4 #container,
    body.test5 #container{
      margin: 0 auto;
      padding: 0 50px 0 50px;
      background: #000 url(/cimarron/www/images/topbg.gif) top left no-repeat;
      text-align: left;
      width: 870px;
      width/**/:/**/ 770px;
      }
         
.left {
   float: left;
   width: 540px;
   padding: 0;
   margin: 0;
   }
   
   #logo {
         float: left;
         font-size: 1em;
         height: 106px;
         margin: 0;
         padding: 0;
         width: 321px;
         }
         
      #logo a {
         background: url(/images/logo.gif) top left no-repeat;
         color: #333;
         display: block;
         height: 106px;
         outline: none;
         text-decoration: none;
         text-indent: -9999px;
         width: 321px;
         }
   
         #logo a:hover {
            text-decoration: none;
            }
            
   #hp-flash {
      clear: both;
      width: 540px; 
      height: 340px;
      margin: 0 0 5px 0; padding: 0;
      display: block;
      }
      
.right {
   float: right;
   margin: 0;
   padding: 0;
   width: 225px;
   }
   
   #right-head {
      height: 100px;
      display: block;
      padding: 6px 0 0 10px;
      margin: 0;
      font: bold 12px/17px arial, sans-serif;
      }
      
      #right-head .phone {
         display: block;
         margin: 38px 0 0 0; padding: 0;
         font: bold 14px/18px arial, sans-serif; color: #fff;
         }
         
   #right-content {
      background: #444242 url(/cimarron/www/images/right-bg.gif) top left repeat-y;
      height: 427px;
      display: block;
      padding: 0 10px;
      width: 225px;
      width/**/:/**/ 205px;
      margin: 0;
      font: normal 11px/17px arial, sans-serif; color: #fff;
      }
      
   #imagination { 
         float:left;
         margin-top: 130px;
         position: relative;
         width: 196px; height: 73px;
         }
         
      #imagination span { 
         position:absolute; 
         width: 196px; height: 73px;
         background: url(/cimarron/www/images/imagination.gif) top left no-repeat;
         }

    

/* interior
-------------------------------------------------------- */
#int-content {
      background: #000 url(/cimarron/www/images/int-contentbg.gif) 0 5px repeat-y;
      padding: 0; margin: 5px 0 0 0;
      }
   
#int-flash {
   clear: both;
   margin: 0;
   text-align: center;
   padding: 0 0 5px 0;
   display: block;
   border-bottom: 1px solid #666;
   width: 770px;
   }
   
   #int-head {
      clear: both;
      margin: 0;
      text-indent: -9999px;
      padding: 0;
      width: 540px;
      height: 48px
      }
      
      .land-head {
         background: #000 url(/cimarron/www/images/land-head.gif) top left no-repeat;
         }
      
      .water-head {
         background: #000 url(/cimarron/www/images/water-head.gif) top left no-repeat;
         }
         
      .people-head {
         background: #000 url(/cimarron/www/images/people-head.gif) top left no-repeat;
         }
   
   .left-content {
         padding: 10px 0 0 20px;
         width: 540px;
         width/**/:/**/ 520px;
         font: 1.2em/1.4em arial, sans-serif;
         }
         
         .land-color {
            color: #F90;
            }
            
            .water-color {
               color: #99ccff;
               }
               
             .people-color {
               color: #a4d189;
               }
               
   .pullout { 
      display: block;
      float: right;
      margin: 0 0 15px 15px;
      padding-left: 10px;
      width: 200px;
      width/**/:/**/ 190px;
      border-left: 1px solid #666;
      }
      
      .headline {
         font-size: 1.3em;
         }

#page-title {
   margin: 0;
   padding: 0 0 0 15px;
   border-bottom: 1px solid #666;
	font: normal 16px/30px arial, sans-serif; 
   }
   
   #page-title a,
   #page-title a:visited {
		color: #666;
		text-decoration: none;
		outline: none;
		}
		
		#page-title a:hover {
			color: #fff;
			text-decoration: none;
			outline: none;
			}

/* form
-------------------------------------------------------- */

			
dl { 
	padding: 0; 
	margin: 0;
	clear: both;
}

dt { 
	width: 150px;
	text-align: left;
	float: left; 
	padding: 0px; margin: 0px;
}

dd { 
	width: 280px;
	float: left; 
	text-align:left;
	margin: 0px;
	padding: 0 0 12px 0;
}

dd input.text, dd textarea {
   padding: 4px; 
	text-align:left;
   vertical-align:top;
	width: 280px;
	width/**/:/**/ 272px;
	border: 1px solid #333;
	font: 10px Arial, Verdana, sans-serif; color: #000; 
}

dd input.submit {
   padding: 3px; 
	text-align:center;
   vertical-align:top;
	width: 100px;
	width/**/:/**/ 94px;
	background-color: #666;
	border: 1px solid #fff;
	font: bold 13px Arial, Verdana, sans-serif; color: #fff; 
}

.required {
   color: #F00;
   }

/* footer
-------------------------------------------------------- */

#footer {
   clear: both;
   float: left;
   width: 770px;
   border-top: 1px solid #666;
   font: normal 10px arial, verdana, sans-serif; color: #666;
   height: 40px;   
   margin-top: 50px;   
   padding-top: 7px;
   }


#footer a {
   font: normal 10px arial, verdana, sans-serif; color: #999;
   text-decoration: none;
   }

#footer a:hover {
   text-decoration: underline; color: #999;
   }