html, body {          
        background-image: url(/_i/rodeo/bg.png);
        background-repeat: repeat-x;   
        background-position: center -120px;   
        background-color: #FFF;
        color: #000;
        margin: 0px;
        padding: 0px;
        text-align: center;
        cursor: default;
}
#content_main {     
        text-align: left;
        margin: 0px auto;
        border-left: #CCC 1px solid;
        border-right: #CCC 1px solid;  
        width: 1002px;       
        max-width: 1000px;  
        padding: 0px;     
        position: relative;
}   
::selection {
        background-color: #6699CC;
        color: #FFF;  
}
::-moz-selection {
        background-color: #6699CC;
        color: #FFF;  
}
body, table, input, select, textarea {
        font-family: "Trebuchet MS", Arial, serif;
        font-size: 24px;
        line-height: 26px;
}
body, form, p {
        margin: 0px;
        padding: 0px;
}
a img {
        border: none;
}
a {
        background-color: transparent;
        color: #6699FF;   
        text-decoration: none;
        cursor: pointer;
}
a:hover {
        background-color: transparent;
        color: #0066FF;
        text-decoration: none;
        border-bottom: #CCC dotted 1px;
}



p, form {
        margin: 0px;
        padding: 0px;
}

table td,
table th {
        vertical-align: top; 
}        
table th {
        text-align: left;
        font-weight: normal;
} 

hr,
.disabled {
        display: none;
}
.break,
.clear {
        clear: both;
        height: 0px;
        font-size: 1px;
        line-height: 0px;
        margin: 0px;
        padding: 0px;             
}
.fl_left {
        float: left;
}
.fl_right {
        float: right;
}     
.fl_none {
        float: none;
}
.ta_left {
        text-align: left;
}
.ta_right {
        text-align: right;
}
.ta_center {
        text-align: center;
}
.pointer {
        cursor: pointer;
} 
.no-border {
        border: none !important;
}    

/* header */

#header {
        background-image: url(/_i/rodeo/hd.gif);
        background-repeat: repeat-x;   
        background-position: center 0px;   
        background-color: #333;
        color: #FFF;
        margin: 0px;
        padding: 0px; 
}     
#header a {           
        text-decoration: none;  
}                                                     
#header-link,
#header-link a {          
        background-image: url(/_i/rodeo/rodeo-logo.png);
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0px;
        font-size: 25px;   
        height: 200px;     
        display: block;   
        border: none;  
}        
#header-link a {          
        height: 200px;     
} 
#header-link a span {
        display: none;
}    

#google_translate_element {    
        max-width: 170px;
        right: 20px;    
        top: 230px;
        margin: 0px;  
        padding: 0px;
        position: absolute;
}  
#google_translate_element select.goog-te-combo {    
        font-family: Tahoma, Arial, serif !important;
        font-size: 11px !important;
        padding: 1px;     
        width: 170px;
        border: #888 1px solid;  
        margin: 0px;  
}
   
/* content */   
   
#content {                  
        background-color: #FFF;
        color: #444;
        padding: 30px 70px 0px 70px;  
        margin: 0px;   
}     
    
h2 {    
        margin: 20px 0px 40px 0px;  
        padding: 0px;     
        font-size: 38px;
}
h2 span {    
        background-color: transparent;
        color: #6699FF;
}   
h2 b {    
        background-color: transparent;
        color: #BBB;
}

/* info-box */
                                     
#info-box {                    
        background-image: url(/_i/rodeo/bg.png);
        background-repeat: repeat-x;   
        background-position: center -500px;   
        border: #BEBEBE solid 1px;
        list-style: none;  
        margin: 0px -20px;  
        padding: 20px;   
        font-size: 18px;      
        text-align: justify;  
        border-radius: 10px;
        padding-start: 30px;
        background-origin: content;
        -moz-border-radius: 10px;
        -moz-padding-start: 30px;
        -moz-background-origin: content;    
        -webkit-border-radius: 10px;
        -webkit-padding-start: 30px;
        -webkit-background-origin: content; 
} 
#info-box h3 {              
        background-image: url(/_i/rodeo/pointer.png);
        background-position: left 6px;
        background-repeat: no-repeat;
        margin: 0px;  
        padding: 10px 10px 20px 45px;    
        font-size: 24px;
        line-height: 26px;
}     
#info-box p {        
        padding: 0px 0px 20px 0px;   
}   
#info-box li span {      
        font-size: 16px;   
} 

/* right-info */

.right-info {
        background-repeat: no-repeat;  
        padding: 0px 0px 0px 460px;  
        margin: 40px 0px 50px 0px;    
}           
.right-info h3 {    
        background-color: transparent;
        color: #6699FF;    
        border-bottom: #EEE solid 1px;
        font-size: 22px; 
        line-height: 26px;  
        padding: 0px 0px 15px 0px;  
        margin: 30px 0px 15px 0px;    
}

#contact-box {         
        background-image: url(/_i/rodeo/envelope.png);   
        background-position: 300px -35px; 
}   
#contact-box address {         
        font-style: normal; 
} 
#contact-box thead {         
        display: none; 
} 
#contact-box td {         
        font-size: 22px; 
        line-height: 26px;
        padding: 0px 30px 5px 0px;
}       
#contact-box td.col1 {        
        background-color: transparent;
        color: #888;  
        text-transform: lowercase;
}


#projects-box {         
        background-image: url(/_i/rodeo/favs.png);   
        background-position: 300px -22px; 
}   

/* not-yet */

.not-yet {     
        background-color: transparent;
        color: #BBB;  
}

/* footer */

#footer {
        border-bottom: #FFF033 5px solid;
}  
#copyright {
        background-color: #FFCC00;
        color: #FFF;   
        padding: 20px 20px;  
        margin: 0px;   
        font-family: Tahoma, Arial, serif;
        font-size: 12px;
        line-height: 12px;
}    
#copyright a {
        background-color: transparent;
        color: #FFF;   
}    
#copyright a:hover {
        background-color: transparent;
        color: #E6F4CA;   
        border-color: #FFCC00;
}
