/* clearfix - is used for clearing floats */
.clearfix:after{
	clear:both;content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}

.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}


/*********************************************
	DIV WIDTHS
*********************************************/
.full {width: 100%}
.half {width: 49.9%}
.third {width: 33.3%}
.twothirds {width: 66.6%}
.quarter {width: 25%}
.threequarters {width: 75%}
.fifth {width: 20%}
.twofifths {width: 40% }
.threefifths {width: 60% }
.fourfifths {width: 80% }
.seventy{width:70%}
.thirty{width:30%;}


/*********************************************
	Helper Classes
*********************************************/
a img{ border:0;}
.left {float: left !important; }
.right {float: right !important; }
.center {text-align: center; }
.center-block {margin: 0 auto !important;}
.text-right {text-align: right; }
.nowrap {white-space: nowrap; }
.hidden {display: none;}
.inline {display: inline; }
.block {display: block; }
.relative{position:relative;}
.section{padding-bottom:16px;}
.section-sm{padding-bottom:8px;}
.no-border, .leadin{border:none !important; padding-left:0 !important;}
img.right{padding: 0 0 10px 10px;}
img.left{padding: 0 10px 10px 0;}
.inner{padding:10px;}
.pointer { cursor:pointer }





#body, html {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
}

#wrapper {
    position:absolute;
    top: 50%;
    left: 50%;
    width:920px;
    height:586px;
    margin-top: -293px; /*set to a negative number 1/2 of your height*/
    margin-left: -460px; /*set to a negative number 1/2 of your width*/
    background-color: #ffffff;
}

#logo {
    background:url(REEQ_LOGO_NEW3.jpg) no-repeat 9px top;
    width:349px;
    height:124px;
    float:left;
}

#logo h1, h3 {
    display:none;
}

#header {
    margin-bottom:20px;
    position: relative;
}

#menu {
    position:absolute;
	 right:-25px;
	 top:22px;
	 width:580px;
}

#menu .col1{width:19.9%;}
#menu .col2{width:26.9%;}
#menu .col3{width:25.9%;}
#menu .col4{width:26.9%; margin-left:-12px;}

#menu .col1 div, #menu .col2 div, #menu .col3 div, #menu .col4 div{
	display:block;
	height:32px;
}


#menu a {
    background: url(menu-a.gif) no-repeat left top;
    float: left;
    font-size: 12px;
    line-height:24px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 2px 26px;
    text-decoration: none;
    text-transform:uppercase;
    color: #666;
}

#menu a:hover {
    background-position:left bottom;
}

#menu a.active:link, #minitabs a.active:visited, #minitabs a:hover {
    border-bottom: 4px solid #696;
    padding-bottom: 2px;
    background: #fff;
    color: #363;
}


#left-col {
    float:left;
    width:349px;
}

#right-col {
    float:left;
    margin-left:5px;
    width:566px;
    * position:absolute;
	* margin-left:-1px;
}


#front-image {
    background-image:url(new_front2.jpg);
    width:348px;
    height:132px;
}

#title-bar {
    float:left;
    width:138px;
    height:383px;
    background:#C0BEBF;
    color:#000;
    text-align:center;
    text-transform:uppercase;
}

#gutter1 {
    float:left;
    width:20px;
    height:383px;
}

#content {
    float:left;
    width:343px;
    height:383px;
    font-size:13px;
    position:relative;
    text-align:justify;
}

#gutter2 {
    float:left;
    width:30px;
    height:383px;
}

#gray-bar {
    background:#838486;
    float:left;
	 width:35px;
    * width:32px;
    height:383px;
}

#green-bar {
    background:#66cc33;
    color:#fff;
    font-family:"Courier New",Courier,monospace;
    font-size:20px;
    font-weight:bold;
    margin-top:-15px;
    padding-left:5px;
    text-align:center;
}

#latest-news-bar {
    background:#666666;
    height:30px;
    margin-top:-15px;
    padding-left:5px;
    padding-top:5px;
    text-align:center;
}

#sign-up {
    font-family:Arial,Helvetica, sans-serif;
    font-size:18px;
    color:#fff;
    padding-right:10px;
}

#sign-up-form form{
    width:auto;
}

/*********************************************
        UTILITIES
*********************************************/

/* clearfix - is used for clearing floats */
.clearfix:after{
    clear:both;content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0
}

.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

.frontpagetitle {
    font-size:15px;
}

.navlinksfrontpage {
    font: bold 14px;
    color: #309;
}

a {
    color: #000000;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #66FF33;
}
a:active {
    color: #000000;
    text-decoration: none;
}

.over { background-color:#D0C0A9; padding-top: 2px; padding-bottom:2px;}
.out { background-color: #E1D4C0; padding-top: 2px; padding-bottom:2px;}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox2/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox2/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.quotes {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
}

#contact-top {
    background-image:url(img/BGS/BGdot.jpg);
    height:81px;
    text-align:center;
    font-size:14px;

}

#contact-bottom {
    background:#000;
    text-align:right;
    height:180px;
    width:566px;
}

.style26 {
    color: #666666;
    font-family: "Courier New", Courier, monospace;
    font-size: 10px;
    margin-right: 20px;
    margin-top: 15px;
    float: none;
}

.style27G {
    font-family: "Courier New", Courier, monospace;
    color: #66FF33;
    font-size: 14px;
    float: none;
    margin-right: 20px;
}

.style18G {
    color: #FFFFFF;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    float: none;
    margin-right: 20px;
}

.style28 {
    color: #CCCCCC;
    margin-right: 20px;
}

.emailink {
    color: #FFFFFF;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    float: none;
}

.style18 {
    font-size: 12px;
}

#facility-title {
    background-image:url(img/BGS/BGdotG.jpg);
    width:191px;
    height:383px;
    float:left;
    text-transform:uppercase;
    text-align:center;
}

#equipmentlist-container {
    background-image: url(Plat_disk.jpg);
    background-color: #000;
    height:383px;
    width:427px;
    float:left;
}

#equipmentlist {
    padding-left: 20px;
    padding-top: 5px;
    font-size: 12px;
    color:#fff;
}

/*
   ----------------------------------------------------------------
   GBCF-V3 DEFAULT STYLE SHEET - MIKE CHERIM HTTP://GREEN-BEAST.COM
   ----------------------------------------------------------------
*/

/* === form div and elements ======================================= */

#form-div {
    font-family : verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
    width : 70%;
    margin : auto;
    color : #555;
    line-height : 1.5em;
}

#form-div p.form-footer {
    margin : -35px 2px 20px 13px;
}

#form-div p.form-footer a {
    color : #669900;
}

#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active {
    color : #000;
    text-decoration : none;
}

#form-div p.form-footer a:focus, #form-div p.form-footer a:active {
    background-color : #eee;
}


/* === form div link styles ======================================== */

#form-div a {
    color : #669900;
}

#form-div a:hover, #form-div a:focus, #form-div a:active {
    color : #000;
    text-decoration : none;
}

#form-div a:focus, #form-div a:active {
    background-color : #eee;
}


/* === success and error message/results box ======================= */

#form-div p.success, #form-div p.error, #form-div p.center {
    color : #fff;
    /* color : #000; (lite colors option - uncomment to use) */
    padding : 1px 4px;
    border : 1px solid #000;
    background-color : #669900;
    /* background-color : #d6e3ba; (lite colors option - uncomment to use) */
    margin : 10px 3px;
    text-align : center;
}

#form-div p.error {
    background-color : #bb0000;
    /* background-color : #edbaba; (lite colors option - uncomment to use) */
}

#form-div p.error a, #form-div p.success a {
    color : #ffff7f;
}

#form-div p.center {
    text-align : centre;
    background-color : #edbaba;
    color : #000;
    margin-top : -3px;
    padding : 0px 4px;
}

#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active,
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
    color : #eee;
    background-color : #bb0000;
}

#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {
    background-color : #696;
}


/* === structural form elements ==================================== */

form#gbcf-form { }

fieldset.main-set,
fieldset.req-set,
fieldset.opt-set {
    border : 1px solid #999;
    padding : 4px;
}


/* === textural form elements ====================================== */

#form-div legend {
    font-weight : bold;
}

#form-div legend span { }

legend.main-legend {
    color : #777;
    font-size : 80%;
}

legend.req-legend,
legend.opt-legend {
    color : #777;
}

legend.main-legend span { }
legend.main-legend { }

legend.req-legend span { }
legend.req-legend {
    margin-left : -2px;
}

legend.opt-legend span { }
legend.opt-legend {
    margin-left : -2px;
}

label.req-label, label.opt-label {
    color : #669900;
}

label.opt-label.check {
    float : right;
    padding : 0;
    margin : 2px 4px;
    cursor : pointer;
}

label.opt-label.main-label {
    margin : 0 2px;
    font-weight : bold;
}

label.opt-label.main-label span {
    font-weight : normal;
    color : #666;
}

label.opt-label.main-label span.req, label span.req  {
    font-weight : bold;
    color : #c70000;
}

label.req-label.explain {
    color : #666;
    font-size : .5em;
}

label.req-label.explain:hover {
    color : #000;
}

/* === control and interface form elements ========================= */
/*
  note: In this section you will see the hover/focus styles for the
  inputs. For example: input:hover, input:focus. You will also see
  these names applied as classes: input.hover, input,focus, for
  example. This is not done by mistake. Those classes are needed for
  the JavaScript focus script (files/focus.js) for IE 7 and older.
*/

input.text-long.address, input.text-long.address:hover, input.text-long.address:focus,
input.text-long.address.hover, input.text-long.address.focus {
    border-bottom : 0;
    margin-bottom : 0;
    padding-bottom : 2px;
    border-bottom : 1px dotted #bbb;
}

input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus,
input.text-long.address2.hover, input.text-long.address2.focus {
    border-top : 0;
    margin-top : 0;
    padding-top : 2px;
    border-top : 1px dotted #bbb;
}

input.checkbox {
    border : 1px solid #999;
    width : .9em;
    height : .9em;
    padding : 0;
    margin : 0;
    cursor : pointer;
}

input.checkbox:hover, input.checkbox.hover,
input.checkbox:focus, input.checkbox.focus {
    border : 1px solid #666;
}

input.text-short,
input.text-med,
input.text-long,
select.select,
textarea.textarea {
    font : 1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
    border : 1px solid #999;
    background-color : #fffffe;
    cursor : text;
    padding : 1px 2px;
}

select.select {
    padding : 1px 0;
}

input.text-short {
    width : 50px;
}

input.text-med, select.select {
    width : 125px;
}

input.text-long {
    width : 150px;
}

textarea.textarea {
    width : 300px;
    height : 200px;
}

select.select, select.select option {
    cursor : pointer;
}

input.text-short:focus, input.text-short.focus,
input.text-med:focus, input.text-med.focus,
input.text-long:focus, input.text-long.focus,
select.select:focus, input.select.focus,
textarea.textarea:focus, textarea.textarea.focus {
    border : 1px solid #666;
    background-color : #ffe;
}

input.button {
    font : 1.1em verdana, helvetica, palatino sans, tahoma, arial, sans-serif;
    font-weight : bold;
    margin-top : 8px;
    padding : 1px 10px;
    cursor : pointer;
    float : right;
    clear : both;
    color : #669900;
}

input.button:hover, input.button.hover,
input.button:focus, input.button.focus {
    color : #333;
}

/* because IE6 sucks - if you have a conditionally served IE6 style sheet add this to it */
* html input.button {
    border : 1px solid #666;
}

.link,
#SignUp

.signupframe {
    float: right;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif; font color: #ffffff ;


}
.link {
    text-decoration: none;
}
#SignUp .signupframe {
    border: 0px solid #000000;
    margin-top: 1%;


}


/* EOF - Created by Mike Cherim @ http://green-beast.com =========== */