/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, 
div, span, a,
object, iframe,
ul, ol, dl, li, dt, dd,
h1, h2, h3, h4, h5, h6,
p, blockquote, q, address,
small, big, cite, dfn, ins, del, 
i, em, b, strong, sup, sub, strike,
pre, code, samp, kbd, var, tt,
form, fieldset, legend, label,
input, textarea, option, .nobox{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q{ quotes: none; }
br{ height: 0; }
ul, ol, dl{ list-style: none; }


body { background: #19352b url('http://www.ebyinc.com/images/site/background.jpg') no-repeat; font: 12px "Trebuchet MS", Verdana, sans-serif; color: #fefffe; margin: 0; padding: 0;}
h1 { font-family: helvetica; color: #58d58e; font-size: 18px; margin-bottom: 0}
h2 { font-family: helvetica; color: #fff; font-size: 14px; margin: 20px 0 0 0;}
h3 { font-family: helvetica; color: #54d58e; font-size: 12px; margin: 0 0 0 0;}
h4 { font-family: helvetica; color: #d5bc59; font-size: 12px; margin: 30px 0 0 0;}
a { color: #d5bc59; text-decoration: none; outline: none; }
a img {border:0;}
p {margin: 0 0 10px 0;}
.yellow{ color: #d5bc59;}
.italic { font-family: italic; font-size: 11px; color: #54d58e;}

/* Class for clearing floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

/* Paginate */
.paginate {text-align: right; margin-right: 30px;}


/* Main */
#main { width: 950px; margin: 20px auto 0;}
#main #logo { width: 730px; margin-left: 20px; float: left;}
#main #symbol {width: 160px; float: right; padding-right: 40px; padding-top: 30px;}
#main_body { width: 725px; float: left;}
#banner  { width: 725px; margin: 0; padding: 0; }
#content { width: 540px; min-height: 435px; margin: 0; padding: 10px 10px 0 0; float: right; background: url('http://www.ebyinc.com/images/site/symbol.png') no-repeat; background-position: bottom right;}
#extended_content { width: 540px; margin: 0; padding: 10px 10px 0 0; float: right; }

/* Navigation */
#navigation { width: 950px; margin: 0 0 15px; padding: 0; font: 11px Helvetica; color: #50d8ab;}
#navigation ul{ width: 782px; margin: 0 auto; padding: 0; list-style-type: none; font-weight: bold; text-transform: uppercase; }
#navigation li{ line-height: 20px; float: left;	}
#navigation li a{ color: #50d8ab; text-decoration: none; padding: 0 30px; display: block; outline: none;}
#navigation li a:hover{ color: #d5bc59; text-decoration: none; }
#navigation li a.current{ color: #d5bc59; text-decoration: none; padding: 0 30px; display: block; outline: none;}
#navigation li ul { display: none; position: absolute; background: #19352b;	margin: 1px 0 0 25px; padding: 0; list-style: none; width: 130px; }
#navigation li ul li { text-align: left; border: none; margin: 0; float: none; }
#navigation li ul li a { color: #50d8ab; padding: 0 10px; display: block; }
#navigation li ul li a:hover { background: #54d58e; color: #0f241f; }
#navigation li:hover ul, #navigation li.sfhover ul { display: block; padding: 0; margin: 0 0 0 20px;}

/* Flash Area */
#flash_area { width: 725px; min-height: 235px; margin: 0; padding: 0; background: url('http://www.ebyinc.com/images/site/flash_left.jpg') no-repeat; }
#flash_area #left_flash { width: 235px; min-height: 248px; padding: 0; margin: 0; float: left;} 
#flash_area #left_flash h2{ margin: 20px 0 0 20px; padding: 0; font-family: helvetica; color: #fff; font-size: 16px; }
#flash_area #left_flash h3{ margin: 10px 0 0 20px; padding: 0; font-family: helvetica; color: #54d58e; font-size: 12px; }
#flash_area #left_flash h4{ margin: 10px 0 0 20px; padding: 0; font-family: helvetica; color: #23544b; font-size: 13px; }
#flash_area #left_flash p{ margin: 0 0 0 20px; padding: 0; font: 12px "Trebuchet MS", Verdana, sans-serif; color: #23544b; line-height: 20px;}
#flash_area #left_flash a{ color: #f54040; font-weight: bold; }


/* Home Content */
#home_content {width: 700px; min-height: 420px; margin: 10px 0 0 10px; padding: 0; background: url('http://www.ebyinc.com/images/site/symbol.png') no-repeat; background-position: bottom right;}
#home_content p { margin: 0 0 2px 0; font-size: 14px; }
#home_content ul { margin-top: 0; padding-top: 0; }
#home_content span { color: #58d58e; }
#home_ul {line-height: 30px; font-size: 14px; margin: 0 0 0 0px;}
#home_c {margin: 15px 0 0 0;}
#home_layout {width: 700px; margin-top: 30px;}
#home_layout p {margin-bottom: 10px;}
#home_layout h2 {color: #f54040; font-size: 16px;}
#hl_left {width: 340px; margin-right: 20px; float: left;}
#hl_right {width: 340px; float: right;}


/* Right Navigation */
#right_navigation {width: 223px; min-height: 575px; float: right;}
#right_navigation_top {width: 223px; min-height: 575px; background: url('http://www.ebyinc.com/images/site/right_nav.jpg') repeat-y;}
#right_navigation_bottom {width: 223px; height: 65px; background: url('http://www.ebyinc.com/images/site/bottom_right_nav.jpg');}
#right_navigation img{ margin: 8px 6px;}
#right_navigation h2 { font-family: helvetica; color: #d5bc59; font-size: 14px; margin: 10px 0 0 15px; padding: 0; text-transform: uppercase;}
#right_navigation h3 { font-family: helvetica; color: #58d58e; font-size: 10px; margin: 10px 0 1px 5px; padding: 0;}
#right_navigation h4 { font-family: helvetica; color: #58d58e; font-size: 10px; margin: 0; padding: 0;}
#right_navigation h5 { font-family: helvetica; color: #d5bc59; margin: 0; padding: 0;}
#right_navigation ul { margin: 0; padding: 0;}
#right_navigation li { margin: 0 30px; padding: 0; list-style-image: url('http://www.ebyinc.com/images/site/list_icon.jpg');}
#right_navigation p { font-size: 11px; margin: 0; padding: 0;}
#right_navigation a{ color: #d5bc59; text-decoration: none; margin: 0; padding: 0; outline: none;}
#right_navigation a:hover{ color: #50d8ab; text-decoration: none;}

/* Left Navigation */
#left_navigation {width: 170px; padding: 10px 0 0 0; margin: 0 0 0 5px; float: left;}
#left_navigation img {margin: 0 0 4px 0; padding: 0;}
#left_navigation h2 { font-family: helvetica; color: #d5bc59; font-size: 12px; margin: 10px 0 0 0; padding: 0; text-transform: uppercase;}
#left_navigation h3 { font-family: helvetica; color: #58d58e; font-size: 10px; margin: 10px 0 1px; padding: 0;}
#left_navigation h4 { font-family: helvetica; color: #58d58e; font-size: 10px; margin: 0; padding: 0;}
#left_navigation ul { margin: 0; padding: 0;}
#left_navigation li { margin: 0; padding: 0; list-style: none;}
#left_navigation a{ color: #50d8ab; text-decoration: none; margin: 0; padding: 0 10px 0 0; font-size: 11px; outline: none;}
#left_navigation a:hover{ color: #d5bc59; text-decoration: none;}
#left_navigation a.current{ color: #d5bc59; text-decoration: none; margin: 0; padding: 0 10px 0 0; font-size: 11px; outline: none;}

/* Oil Number */
.oil_number { width: 210px; background: url('http://www.ebyinc.com/images/site/oil_bar.jpg') no-repeat; min-height: 19px; margin: 0 auto; padding: 0; }
.oil_number p{ margin: 0; padding: 0; text-align: center; color: #fff;}
.input { width: 210px; background: url('http://www.ebyinc.com/images/site/oil_bar.jpg') no-repeat; min-height: 19px; margin: 0 auto; padding: 0; color: #fff; text-align: center; border: none; }

/* Footer */
#footer { width: 725px; min-height: 50px; margin: 0; padding: 0; text-align: center; font-size: 12px; color: #d5bc59;}
#footer ul{ margin: 3px 0 10px 0; padding: 0; list-style-type: none; }
#footer ul li{ margin: 0 5px; padding: 0; display: inline; }
#footer p{ margin: 0 0 3px; color: #237970;}
#footer a{ color: #50d8ab; text-decoration: none; outline: none;}
#footer a:hover{ color: #d5bc59; text-decoration: none;}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/images/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(/images/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(/images/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/images/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(/images/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(/images/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(/images/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(/images/colorbox/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}