html
{ background: #c8feae url(/img/bg.jpg) no-repeat scroll center top; }
html,body,form,fieldset
{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,p,a,img,pre,blockquote,ul,ol,dl,address,div,label,.no_margins
{ margin:0; padding:0; border:0; }
li, dd, blockquote,ul
{ margin-left:8px; }
form label
{ cursor:pointer; }
fieldset
{ border:none; }
input, select, textarea
{ font-family:inherit; vertical-align: text-bottom; }
table
{ border-collapse:collapse; border-spacing:0; border:0; }
caption, th, td
{ text-align:left; font-weight:normal; }
blockquote:before,blockquote:after, q:before, q:after
{ content:""; }
blockquote,q
{ quotes:"" ""; }
.clearer
{ clear:both; float: none; font-size: 1px; height:0; width: 1px; line-height:1px; }
body
{ margin:0 auto; font-size:12px; text-align: center; line-height:150%; color: #c8feae; 
font-family: Helvetica, Arial, sans-serif;  }
table
{ margin:10px 0 10px 0; }
p
{ margin:0 0 0 10px; font-size: 15px; text-align: left; }
a
{ color:#0f0f0f; text-decoration:none; line-height:14px; }
a.hover:hover
{ text-decoration: underline; }
h2
{ font-size: 16px; font-family: Helvetica,'Lucida Unicode'; color:#fff; margin:5px 0 10px 0; font-weight: bold; text-align: left; }
h3
{ font-size: 13px; display:inline; font-family: Helvetica,'Lucida Unicode'; color:#4c0201; text-align: left; }
input
{ border: 1px solid #363e4c; border-left:1px solid #6a6f78; }
.innertube
{ margin: 0; }
#topsection img
{ margin:48px 0 0 14px; float:left; }
#topsection div
{ margin:88px 0 0 54px; float:left; color:#fff; text-transform: uppercase; }
#maincontainer
{ width:842px; height:406px; margin: 0 auto; background: url('../img/main_1.jpg') no-repeat; }
#maincontainer .text_block
{ margin:0 0 0 95px; width:360px; }
#maincontainer .text_block p
{ margin:0; color:#fff; }

a#login
{ background: transparent url(/img/top-login.png) no-repeat scroll left top; 
float: right; clear: none; display: block; width: 103px; height: 13px; margin: 88px 0 0 0; }
a#login:hover
{ background: transparent url(/img/top-login-active.png) no-repeat scroll left top; }
a#email
{ background: transparent url(/img/top-email.png) no-repeat scroll left top; 
float: right; clear: none; display: block; width: 37px; height: 13px; margin: 88px 0 35px 0; }
a#email:hover
{ background: transparent url(/img/top-email-active.png) no-repeat scroll left top; }
a#contact-us
{ background: transparent url(/img/top-contact-us.png) no-repeat scroll left top; 
float: right; clear: none; display: block; width: 74px; height: 13px; margin: 88px 00px 35px 0; }
a#contact-us:hover
{ background: transparent url(/img/top-contact-us-active.png) no-repeat scroll left top; }
a#subcontractors
{ background: transparent url(/img/subcontractors.png) no-repeat scroll left top; 
float: right; clear: none; display: block; width: 106px; height: 13px; margin: 88px 80px 35px 0; }
a#subcontractors:hover
{ background: transparent url(/img/subcontractors-active.png) no-repeat scroll left top; 
float: right; clear: none; display: block; width: 106px; height: 13px; margin: 88px 80px 35px 0; }
#topsection div.top-dot
{ background: transparent url(/img/top-separator.png) no-repeat scroll left center; width: 5px; height: 13px; 
float: right; clear: none; display: block; margin: 88px 5px 0 5px; line-height: 1px; font-size: 1px; }

/* Menu */
#menu,#menu li
{ list-style: none; margin:0; }
#menu li
{ float:left; width:184px; height:134px; margin:35px 0 0 -30px; padding:0; }
#menu li a
{ display: block; width:184px; height:134px; color:#fe4707; background: url(../img/menu_item_bg.png) no-repeat; }
#menu li a div
{ display: block; padding:10px 0 0 47px; width: 133px; height: 67px; }
#menu li a div.about
{ background: transparent url(/img/about.png) no-repeat scroll 47px 10px; cursor: pointer; }
#menu li a:hover div.about
{ background: transparent url(/img/about-active.png) no-repeat scroll 47px 10px; }
#menu li a div.projects
{ background: transparent url(/img/projects.png) no-repeat scroll 47px 10px; cursor: pointer; }
#menu li a:hover div.projects
{ background: transparent url(/img/projects-active.png) no-repeat scroll 47px 10px; }
#menu li a div.services
{ background: transparent url(/img/services.png) no-repeat scroll 47px 10px; cursor: pointer; }
#menu li a:hover div.services
{ background: transparent url(/img/services-active.png) no-repeat scroll 47px 10px; }
#menu li a div.toolbox
{ background: transparent url(/img/toolbox.png) no-repeat scroll 47px 10px; cursor: pointer; }
#menu li a:hover div.toolbox
{ background: transparent url(/img/toolbox-active.png) no-repeat scroll 47px 10px; }
#menu li a div.solutions
{ background: transparent url(/img/solutions.png) no-repeat scroll 47px 10px; cursor: pointer; }
#menu li a:hover div.solutions
{ background: transparent url(/img/solutions-active.png) no-repeat scroll 47px 10px; }

/* Home Specific */
div.links
{ float: left; clear: none; width:200px; padding: 0 0 0 200px; }
div.links p
{ line-height: 150%; }
div.links a
{ color: #fff; text-decoration: underline; }

#menu li a:hover
{ background: url(../img/menu_item_bg_a.png) no-repeat; color:#fffefe; }
#menu li a b
{ display: block; font-weight: bold; padding: 5px 35px 5px 40px; }
#menu li a img
{ display: block; padding:10px 0 0 47px; }
#topsection
{ width:842px; height:138px; margin: 0 auto; overflow: hidden; background: url('../img/topsection_bg.png') no-repeat; }
#footer
{ padding: 0 0 30px; margin: 0 auto; overflow: hidden; width:1000px; color: #73956b; text-align: center; }
#footer .innertube
{ padding:34px 60px 0 0; }

/* Lightbox */

#jquery-overlay 
{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; }
#project-title
{ text-align: left; background-color: #fff; padding: 10px 10px 0 10px; color: #666; font-size: 13px; }
#project-title span
{ margin: 10px 0 5px 0; display: block;}
#jquery-lightbox 
{ position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img 
{ border: none; }
#lightbox-container-image-box 
{ position: relative; background-color: #fff; width: 250px; height: 550px !important; margin: 0 auto; }
#lightbox-container-image 
{ padding: 10px; }
#lightbox-loading 
{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav 
{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav 
{ left: 0; }
#lightbox-nav a 
{ outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext 
{ width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev 
{ left: 0; float: left; }
#lightbox-nav-btnNext 
{ right: 0; float: right; }
#lightbox-container-image-data-box 
{ font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; line-height: 1.4em; overflow: auto; 
padding: 0; width: 660px !important; background: #fff; }
#lightbox-container-image-data 
{ padding: 0 10px; color: #000; }
#lightbox-container-image-data #lightbox-image-details 
{ width: 70%; float: left; text-align: left; display: none; visibility: hidden; }	
#lightbox-image-details-caption 
{ font-weight: bold; }
#lightbox-image-details-currentNumber 
{ display: none; clear: left; padding-bottom: 1.0em; visibility: hidden; }			

#lightbox-secNav-btnProject
{ background: transparent url(/img/go-to-project.png) no-repeat scroll top left; padding:0; height: 17px; display: block; float: right; margin: 20px 0 15px 20px; }
#lightbox-secNav-btnProject img
{ width: 84px; height: 22px; }

#lightbox-secNav-btnClose 
{ background: transparent url(/img/skip-and-go-to-home-page.png) no-repeat scroll top left; padding:0; height: 17px; display: block; float: right; margin: 20px 190px 15px 20px; }
#lightbox-secNav-btnClose img
{ width: 168px; height: 22px; }

#lightbox-secNav-btnProject
{  }
#lightbox-secNav
{ text-align: right; }

span#left-text
{ float: left; padding:  0 0 5px 0; }
span#right-text
{ float: right; padding:  0 0 5px 0;  }

/* =EMAIL-ME --------------------- */
.panel{ background:#f8f8f8; border:1px solid #dfdfdf; display:none; height:auto; left:0; padding:80px 30px 30px 0; top:66px; width:210px; position:fixed; _position:absolute;font-family: Arial;}
a.emailme{ _background-image:none; background:#333 url(images/bg-emailme.png) 90% 50% no-repeat; border:1px solid #444; color:#fff; display:block; font-size:15px; font-weight:700; left:0; padding:15px 40px 15px 15px; _padding:15px 20px 15px 15px; text-decoration:none; top:85px; position:fixed; _position:absolute;font-family: Arial;}
a.emailme:hover{ background:#222 url(images/bg-emailme.png) 90% 50% no-repeat; _position:absolute; _background-image:none; }
a.active.emailme{ background:#222 url(images/bg-emailme-extended.png) 90% 50% no-repeat; _position:absolute; _background-image:none; }
/* =CONTACT-FORM --------------------- */
#contact-form{width:210px;}
form p{clear:both;margin-bottom:10px;}
.panel input,.panel textarea{background-color:#fff;border:1px solid #ccc;color:#515151;padding:5px;width:200px;font-family: Arial;}
textarea{height:50px;}
.btn{_height:25px;_padding:2px;width:80px;}

#formstatus{clear:both;font-weight:700; font-size:12px; line-height:17px; }
.formstatuserror{color:#FF0000;}
.formstatusok{color:#436213;}