/*
 *   Cascading Style Sheets Level 2.1 Document
 *
 *   (C)2007-2008 Schweiger Design - www.schweiger.co.uk
 *   All Rights Reserved
 *
 */


/* === BASIC ===*/
    *, html         { border:0; padding:0; margin:0; }
    body            { border-top:2px solid #A6D01B; background:#2a2b2a; font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#444; }
    a               { outline:none; color:#88AF1A; text-decoration:none; }
    a:hover         { text-decoration:underline; }


/* === SHARED === */
    #container                { width:802px; margin:0 auto; padding:0 19px; background:url(../img/bg_container.gif) repeat-y center center; }
    #top                      { position:relative; height:95px; background:url(../img/bg_top.gif) no-repeat; z-index:10; }
    #logo                     { float:left; }
    #logo a                   { display:block; width:178px; height:68px; margin:10px 0 0 40px; background:url(../img/logo.gif) no-repeat; }
    #middle                   { height:22px; background:url(../img/bg_middle.gif) no-repeat; }
    #footer                   { height:240px; width:802px; margin:0 auto; padding:10px 19px 0 19px; background:url(../img/bg_footer.gif) no-repeat top center; color:#fff; }
    #footer a                 { color:#fff; }
    #footerLeft               { float:left; }
    #footerLeft #recent       { width:126px; height:20px; margin:5px 48px 0 30px; background:url(../img/recent.gif) no-repeat; }
    #footerLeft #list         { width:200px; height:150px; margin:5px 48px 0 30px; background:/red; }
    #footerLeft #list div     { width:180px; margin:0 0 0 7px; padding:3px 0 3px 3px; border-bottom:1px solid #68645c; }
    #footerLeft #list a:hover { text-decoration:none; }
    #footerRight              { float:left; }
    #footerRight #info        { width:490px; text-align:justify; font-size:12px; line-height:1.5em; background:/red; }
    #footerRight span         { white-space:nowrap; }
    #footerRight #adrress     { width:444px; margin:20px 0 0 0; padding:12px 22px 14px 22px; background:#68645c; font-weight:bold; font-size:11px; line-height:1.6em; }
    
    #cleaner, .cleaner    { display:block; float:none; clear:both; height:0.1px; margin:0; border:0; padding:0; font-size:0; }
    #content              { margin:25px 35px 15px 35px; }
    
    #mainNav            { float:left; margin:30px 0 0 120px;  }
    #mainNav a          { display:block; float:left; width:90px; padding:5px; border-bottom:2px solid #F9F7EB; font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#88AF1A; text-align:center; text-decoration:none; }
    #mainNav a:hover    { border-bottom:2px solid #4A4A47; }
    #mainNav_home       { background:url(../img/mainNav_home.gif) no-repeat center 7px; }
    #mainNav_portfolio  { background:url(../img/mainNav_portfolio.gif) no-repeat center 7px; }
    #mainNav_services   { background:url(../img/mainNav_services.gif) no-repeat center 7px; }
    #mainNav_contact    { background:url(../img/mainNav_contact.gif) no-repeat center 7px; }
    #contents           { clear:both; padding:20px; border-top:1px solid #88AF1A; line-height:1.6em; text-align:justify; }
    #contents p         { margin:0 0 15px 0; }

/* === ERROR PAGE === */
    #error          { margin:100px 0 180px 0; text-align:center; }
    #error span     { cursor:pointer; text-decoration:underline; }


/* === HOME PAGE === */
    #bulbs                { clear:both; position:relative; height:251px; margin-top:-4px; border-bottom:1px solid #8AAE18; background:url(../img/bg_bulbs.jpg) no-repeat; z-index:1; }
    #mainHome             { height:235px; }
    #intro                { float:left; width:305px; padding:25px 0 0 27px; font-weight:bold; line-height:1.4em; text-align:justify; }
    #intro  span          { white-space:nowrap; }
    #showcase             { float:left; width:405px; height:150px; margin:40px 0 0 37px; border:solid 1px #93908c; }
    #flashHome            { width:405px; height:150px; }
    #flashImg             { width:405px; height:150px; }


/* === SERVICES PAGE === */
    #servP              { margin:0 20px 20px 20px; line-height:1.4em; text-align:justify;  }
    .servHeader         { margin:0 0 10px 0; clear:both; font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#88AF1A; }
    .servImg, #servImg  { clear:both; float:left; margin:0 30px 20px 20px; border:1px solid #C2C1BE; }
    .servTxt            { float:left; width:470px; margin:0 0 20px 0; line-height:1.4em; }
    .servTxt span       { display:block; font-weight:bold; }
    .servTxt ul         { list-style:none; margin:0 0 0 10px; }


/* === PORTFOLIO PAGE === */
    .portImg        { float:left; margin:0 35px 0 0; border:1px solid #C2C1BE; }
    .portLabel      { float:left; width:212px; height:47px; margin:7px 35px 30px 0; font-size:11px; line-height:1.4em; text-align:justify; }
    .portLabel a    { font-weight:bold; }
    .portImgLast    { margin-right:0; }


/* === CONTACT PAGE === */
    #contactP                   { margin:0 20px 20px 20px; line-height:1.4em; text-align:justify; }
    #contactDirectLink          { width:162px; height:16px; margin-bottom:-3px; }
    #contactForm                { height:280px; margin:30px 0 20px 0; padding:0 0 0 20px; }
    #contactForm .label         { clear:both; float:left; width:90px; margin:10px 0 0 0; }
    #contactForm .input         { float:left; width:250px; margin:10px 120px 0 0; padding:2px; font-size:12px; border:1px solid #BBCB8D; }
    #contactForm textarea       { float:left; width:570px; height:100px; margin:10px 0 0 0; padding:2px; font-size:12px; border:1px solid #BBCB8D; }
    #contactForm #submit        { float:left; width:91px; height:26px; margin:14px 0 0 0; background:url(../img/bg_button.gif); outline:none; cursor:pointer;  font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#444; }
    #contactForm #submit:hover  { color:#222; }
    #contactFormError           { margin:30px 0 -10px 0; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#88AF1A; }
    #contactFormHeader          { clear:both; width:700px; margin:0 0 -20px 0; padding:10px 0px 10px 0; border-bottom:1px solid #ddd; }


/* === CUSTOMER PAGE === */
    #customerDesc               { float:left; width:470px; margin:0 0 30px 0; padding:0 30px 70px 0; border-right:1px solid #88AF1A; }
    #customerError              { float:left; width:180px; padding:0 0 30px 30px; }
    #customerError  div         { margin:0 -15px 20px 0; padding:10px 20px 15px 20px; border:2px solid #88AF1A; text-align:center; font:bold 14px Verdana, Arial, Helvetica, sans-serif; }
    #customerError  span        { display:block; margin:0 0 0 15px; font-size:11px; line-height:1.2em; }
    #customerForm               { float:left; width:180px; padding:0 0 30px 40px; }
    #customerForm .label        { clear:left; float:left; width:70px; margin:10px 0 0 0; }
    #customerForm .input        { float:left; width:170px; margin:3px 0 0 0; padding:2px; font-size:12px; border:1px solid #BBCB8D; }
    #customerForm #submit       { clear:left; float:left; width:91px; height:26px; margin:30px 0 0 0; padding-bottom:3px; background:url(../img/contactSubmit.png); outline:none; cursor:pointer; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#444; }
    #customerForm #submit:hover { color:#222; }


/* === RIBASE === */
    #servHeader     { clear:both; font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#88AF1A; }
    #RIBase img     { margin:0 0 30px -20px; }