/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* RCR Ventures, LLC ============================================ */

body {
background:       #000000 url('http://www.rcr.biz/images/backgrounds/blue_background.png') fixed;
margin:			      0px;
overflow-y:       scroll;
}


.wrapper {
width:            900px;
text-align:       left;
margin-left:      auto;
margin-right:     auto;
padding:          0px;
margin-top:       0px;
}


h1 {
font-family:      cambria, georgia;
font-size:        1.5em;
color:            #000000;
}

h2 {
font-family:      arial;
font-size:        1.0em;
color:            #000000;
margin-bottom:    0px;
}

h3 {
font-family:      arial;
font-size:        0.8em;
color:            #555555;
margin:           0px;
padding:          0px;
}

p {
font-family:      cambria, georgia;
font-size:        0.9em;
line-height:      24px;
text-align:       justify;
color:            #000000;
}


a {
color:            #000077;
font-weight:      bold;
text-decoration:  none;
}

a:hover {
color:            #0000FF;
text-decoration:  underline;
}

li {
font-family:      arial;
font-size:        1.0em;
line-height:      30px;
color:            #CCCCCC;
}




/* 
The "wrapper" class is designed to eventually replace the "wrap" div id.  
This will allow multiple elements of the page to utilize this class without
having to be placed within the main content wrapper.    

Note that ChaseRaz.com uses "center_wrap" instead of "wrapper" but the 
difference is is name only.                                                       
*/





/* START HEADER SECTION ======================================================*/
#header {
  /*position:             relative;*/
  background-color:     #000000;
  width:                100%;
  height:               60px;
  text-align:			      left;
}

    #header_left {
    width:                  400px;
    border:                 0px;
    height:                 60px;
    float:                  left;
    }
    
        #logo_hang {
        /*position:                relative;*/
        height:                  40px;
        border:                  0px;
        margin-left:            10px;
        margin-bottom:          10px;
        }
        
        #logo_brand {
        margin-left:             10px;
        border:                  0px;
        }
    
    #header_right{
    width:                  500px;
    border:                 0px;
    height:                 60px;
    float:                  right;
    text-align:             right;
    position:               relative;
    }
    
        #site_toggle {
        position:             absolute;
        bottom:               5px;
        right:                5px;
        }
        
          a.site_toggle_link {
          font-family:            arial;
          font-size:              0.8em;
          color:                  #AAAAAA;
          text-decoration:        underline;
          font-weight:            bold;
          }
          
            a.site_toggle_link:hover {
            color:                  #FFFF00;
            }
          
          .site_toggle_link_unselected {
          font-family:            arial;
          font-size:              0.8em;
          color:                  #666666;
          text-decoration:        none;
          font-weight:            bold;
          }
          
          .site_toggle_divider {
          font-family:            arial;
          font-size:              1.0em;
          color:                  #ffffff;
          }
/* END HEADER SECTION ========================================================*/


#navigation {
  /*margin-top:           60px;*/
  padding-top:          60px;
  text-align:           center;
  background-color:     #222222;
}

  ul#nav {
    list-style-type:      none; 
    margin:               0px;
    padding:              0px;
  }

    li.navi {
      display:              inline;
      margin-left:          50px;
    }
    
      a.navi_link {
        font-family:          arial;
        font-size:            16px;
        color:                #ffffff;
        font-weight:          bold;
        text-decoration:      none;
      }
      
      a.navi_link:hover {
        color:                #FFFF00;
      }



#content {
padding-top:       60px;
background-color: #222222;
}

  #left_box { 
  float:              left;
  margin-left:        14px;
  border-left:        1px solid #999999;
  border-top:         1px solid #999999;
  border-bottom:      1px solid #999999;
  background-color:   #BBBBBF;
  padding:            20px;
  width:              600px;
  min-height:         500px;
  border-radius: 25px;
  -moz-border-radius: 25px;
  }
  
    
      #industry_box {
      width:              160px;
      padding:            5px;
      border:             1px solid black;
      background-color:   #333344;
      float:              left;
      margin-right:       20px;
      margin-top:         10px;
      margin-left:        0px;
      font-family:        arial;
      color:              #000000;
      font-size:          0.8em;
      border-radius:      10px;
      -moz-border-radius: 10px;
      }
      
        .industry_link {
          font-family:    arial;
          color:          #888888;
          text-decoration:  none;
          line-height:      1.6em;
        }
        .industry_link:hover {
        text-decoration:  underline;
        color:            #ffffff;
        }
  
    #remainder_box {
    width:              408px;
    float:              left;
    }    
  
  #right_box { 
  float:              left;
  width:              228px;
  margin-right:       17px;
  }

    #contact_box{
    width:                226px;
    padding-top:          10px;
    border:               1px solid #999999;
    background-color:     #333344;
    }
  
    #login_box{
    width:                180px;
    font-family:          arial;
    color:                #aaaaaa;
    font-size:            0.9em;
    text-align:           center;
    padding-top:          10px;
    padding-bottom:       10px;    
    margin-left:          23px;
    margin-top:           20px;
    margin-bottom:        30px;
    border:               1px solid #999999;
    background-color:     #333333;
    border-radius:        10px;
    -moz-border-radius:   10px;

    }
    
    #login_box:hover{
    background-color:     #333344;
    color:                #ffffff;
    }
    
    .login-link, .login-link:hover {
    text-decoration:  none;
    }
    
  
  	.right_box_header {
  		text-align:     center;
  		margin-bottom:	20px;	
  		color:          #AAAAAA;
  	}
  	
  	.social_buttons {
  	   height:         30px;
  	   width:          30px;
  	   margin-right:   10px;
  	   border:         0px;
  	}


    
#footer {
margin-bottom:    10px;
text-align:       left;
margin-bottom:    5px;
color:            #555555;
font-family:      arial;
font-size:        0.8em;
background:       #0F0F0F;
position:         relative;
border-top:       1px solid white;
}

  .footer_head {
  font-size:      0.9em
  font-family:    arial;
  color:          #AAAAAA;
  font-weight:    bold;
  margin-bottom:  10px;
  padding-bottom: 0px;
  margin-top:     10px;
  padding-top:    0px;
  }

  #footer_left { 
  width:            600px;
  border:           0px;
  float:            left;
  padding:          10px;
  }

    .footer_left_indent {
    margin-left:      15px;
    float:            left;
    margin-right:     15px;
    }

  #footer_right { 
  width:            280px;
  border:           0px;
  float:            left;
  }

    #copyright {
    font-family:    arial;
    font-size:      0.8em;
    color:          #444444;
    position:       absolute;
    bottom:         10px;
    right:          10px;
    }
    
    .footer_item {
    line-height:      2.0em;
    color:            #888888;
    }
    .footer_link {
    text-decoration:    none;
    color:              #555577;
    font-weight:        normal;
    }
    
    .footer_link:hover {
    color:              #ffffff;
    }

#error {
color:            #CC7777;
}



.input_div {
margin-bottom:    10px;
}

.input_field {
display:          inline-block;
width:            120px;
height:           30px;
text-align:       right;
margin-top:       7px;
color:            #AAAAAA;
}

  .field_required {
  font-weight:        bold;
  color:             #FFFFFF;
  }
 
  .field_describe {
  font-family:        arial;
  font-size:          0.8em;
  color:              #999999;
  line-height:        1.5em;
  text-align:         left;
  }
  
.input_value {
display:          inline-block;
width:            300px;
vertical-align:   top;
}

.input_box_text {
width:            300px;
height:           26px;
background-color: #444466;
color:            #FFFFFF;
border:           1px solid #999999;
font-family:      arial;
font-size:        1.2em;
padding:          0px;
margin:           0px;
}

.input_button {
height:           30px;
width:            120px;
}

.select_box {
width:            200px;
background-color: #444466;
color:            #FFFFFF;
border:           1px solid #999999;
font-family:      arial;
font-size:        1.0em;
overflow:         auto;
}

.textarea_box {
width:            300px;
height:           200px;
background-color: #444466;
color:            #000000;
border:           1px solid #999999;
font-family:      arial;
font-size:        1.0em;
resize:           none;
}


/* Log In Form Styling */
#login_form {
margin: 0px;
padding: 0px;
text-align: center;
}

.login_input {
	width:	120px;
	background-color: #22222F;
	border:	1px solid #000000;
	color:	#999999;
	height:20px;
	margin-top:  8px;
	font-size: 10px;
}  

.login_button {
	width:	80px;
	height:	20px;
	font-size: 10px;
	background-color: #2F2F2F;
	color:	#ffffff;
	border:	1px solid #000000;
	margin-top:      8px;
}


/* Contact Form Styling */
.contact_form_element {
	width:			200px;
	margin-left:	13px;
	margin-top:		10px;
}

.contact_label {
	width:	60px;
	color:	#ffffff;
	float:	left;
	text-align: right;
}

.contact_label_text {
	font-family:	arial;
	font-size:		0.8em;
	color:			#888888;
	line-height:	20px;	
  font-weight:   bold;	
}

.contact_field {
	width:	140px;
	float:	left;	
}

.contact_field_textarea {
	width:	135px;
	height: 150px;
	background-color: #22222F;
	color: #ffffff;	
	border: 1px solid #000000;
	padding:  0px;
}

.contact_input {
	width:	135px;
	background-color: #22222F;
	border:	1px solid #000000;
	color:	#ffffff;
	height:20px;
}

.contact_button {
	width:	80px;
	height:	25px;
	font-size: 0.8em;
	background-color: #2F2F2F;
	color:	#ffffff;
	border:	1px solid #000000;
	float: right;
}