/** { margin: 0pt; padding: 0pt; }
html, body { font-size: 90%; height: 100%; border: none; }

body, td, p, div { font-family: verdana, sans-serif; }

p, ul { margin-top: 5px; margin-bottom : 15px; }

a, img { border: none; }
* > img  { vertical-align: -1px; }
  */

/* Useful classes 
.hidden { display: none; }
.block { display: block; }
.inline { display: inline; }

.nowrap { white-space: nowrap; }

.aleft { text-align: left !important; }
.acenter { text-align: center !important; }
.aright { text-align: right !important; }
.atop { vertical-align: top !important; }
.abottom { vertical-align: bottom !important; }
.amiddle { vertical-align: top !important; }

.fleft { float: left; }
.fright { float: right; }
.flefthalf { float: left; width: 48%; }
.frighthalf { float: right; width: 48%; }
.nofloat { display: block; clear: both; visibility: hidden; height: 0; font-size: 0; line-height: 0; content: "."; }

.bold { font-weight: bold; }
*/



.LuckyEngine_Error_Messages { white-space: normal; font: 11px Arial; *margin-left: 2px; }
.LuckyEngine_Message_Box { z-index: 100; left:0px; right: 0px; width: 99.1%; *width: 98.8%; }
.LuckyEngine_Error_Box { z-index: 100; left:0px; right:0px; width: 99.1%; *width: 98.8% }
.LuckyEngine_Error_Box.inner { width: auto; }


/* style for big error box in the top-left corner */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/


.LuckyEngine_Error_Box {
    background-color: #FFC7C7;
    border: 1px solid #FF7070;
    padding: 5px;
    color:#000;
}

.LuckyEngine_Error_Box .Hide_Link {
    color: blue;
}

/* style for form elements error messages (form checks) */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/

.LuckyEngine_Error_Messages {
    color: red;
}

/*form.form-loading { opacity: 0.1; -moz-opacity: 0.1; -khtml-opacity: 0.3; filter: alpha(Opacity=10); }

*form.form-loading * { filter: alpha(Opacity=10); }
*/

#form-lock {
    position        : absolute;
    width           : 100%;
    height          : 99%;
    z-index         : 9999;
    background      : #FFFFFF url(/lib/engine/img/form-loader-medium.gif) no-repeat scroll center center;
    opacity			: 0.7;
}

* HTML #form-lock {
    filter          : alpha(Opacity=70);
}


#form-lock iframe {
        display: none;/*sorry for IE5*/
        display/**/:block;/*sorry for IE5*/
        position: absolute;/*must have*/
        top: 0;/*must have*/
        left: 0;/*must have*/
        z-index: -1;/*must have*/
        width: 100%;/*must have for any big value*/
        height: 100%;/*must have for any big value*/
        filter: mask();/*must have*/
    }

/* style for big message box in the top-left corner */

/**
!!!!!! DO NOT MODIFY HERE !!!!!

COPY THIS FILE TO /site/common/css AND CHANGE THEN

!!!!!! DO NOT MODIFY HERE !!!!!
**/

.LuckyEngine_Message_Box {
    background-color: #DAEFF8;
    border: 1px solid #7CC7E4;
    padding: 5px;
    color:#000;
}


/* page lyaout */
#page-viewport { 
	margin: 0 auto; position: relative; width:100%; min-width: 808px; max-width: 1500px;
	min-height: 100%; height: auto !important; height: 100%; background: url(/img/f2.gif) top left repeat-x; 
}

#page-shadow-container { 
	margin: 0 auto !important; padding: 0pt !important; width: 808px;
	position: static; min-height: 100%; height: 100% !important; height: 100%;
}

#page-shadow-bg { 
	margin: 0px !important; padding: 0pt 0pt 0px !important; width: 808px; background: url(/img/f3.png) top left repeat-y;
	position: absolute; bottom: 0px; z-index: 1; zoom: 1;
	min-height: 100%; height: 100% !important; height: 100%;
}

#page-content-container { 
	height: auto !important; height: 100%; min-height: 100%;
	padding: 0pt 0pt 0px !important; margin: 0 auto 0px auto !important;
	width: 776px; background: url(/img/fc.png) top left repeat-y;
	position: relative; z-index: 3;
	clear: both;
}

#page-content-bg { 
	padding: 0pt 0pt 0px !important; margin: 0 auto 0px auto !important;
	width: 808px; background: url(/img/fc.png) 16px 0px repeat-y;
	position: absolute; bottom: 0px; z-index: 2;
	min-height: 100%; height: 100% !important; height: 100%;
}


#page-footer-container { margin: 0; left: 0px; position: absolute; bottom: 0px !important; z-index: 4; width: 100%; height: 55px; background:url(/img/f4.png) bottom left repeat-x; }

.page-header { background: url(/img/team.png) top left no-repeat; height: 541px; }
.page-content { padding: 0px 0 55px 0;  width: 717px; margin: -191px auto 0px auto; }
.footer { background: url(/img/fb.png) no-repeat; width: 776px; margin:0px auto 0px; height: 55px; }
.footer .copyright { color:#857b73; float:left; margin:33px 0 0 18px; font-size:11px; }
body, html { height:100%; border: none; }
BODY { margin: 0; padding: 0; background: url(/img/f1.gif) #000; height:100%;}
BODY, INPUT, SELECT, TEXTAREA { color: #fff; font-size: 12px; font-weight: normal; font-family: Arial, sans-serif; line-height:16px; }
FORM { margin: 0; padding: 0; }

INPUT, SELECT, TEXTAREA { border: 1px solid #333; color:#000; 
font-size:12px; font-family: Arial, sans-serif;
background:url(/img/inptext.gif) top left repeat-x #fff;
}

a { color:#efa23b; text-decoration:underline; }
a:hover { text-decoration:none; }
a:focus { outline:none; }

p {margin:10px 0 20px 0; }

#pageCont { width:100%; height:100%; background: url(/img/f2.gif) top left repeat-x; }
#pageContInnB { height:100%; background:url(/img/f4.png) bottom left repeat-x;}
#pageContInn { margin:0 auto; height:100%; width:808px; background:url(/img/f3.png) top left repeat-y;}
#page { margin:0 auto; height:100%; width:777px; background:url(/img/fc.png) top left repeat-y; position:relative; }

#footer { position:absolute; bottom:0px; width:777px; height:55px; background:url(/img/fb.png) no-repeat; left:0;}
#footer span { font-size:11px; margin:33px 0 0 18px; display:block; color:#857b73; float:left; }

#cont { margin:0 auto; height:100%; width:777px; background:url(/img/team.png) top left no-repeat; }

#menu { position:absolute; list-style:none; margin:0; padding:0; z-index:1;}
#menu li { margin:0; padding:0; }
#menu li a { position:absolute; display:block; height:21px; text-indent:-5000px; }
#menu li a:click { border:0px; }

a#home { width:32px; background:url(/img/m/home.png); left:430px; top:24px; }
a#home.sel { background:url(/img/m/homesel.png); }
a#company { width:76px; background:url(/img/m/company.png); left:460px; top:24px; }
a#company.sel { background:url(/img/m/companysel.png); }
a#whatwedo { width:92px; background:url(/img/m/whatwedo.png); left:532px; top:24px; }
a#whatwedo.sel { background:url(/img/m/whatwedosel.png); }
a#projects { width:75px; background:url(/img/m/projects.png); left:616px; top:24px; }
a#projects.sel { background:url(/img/m/projectssel.png); }
a#contactus { width:85px; background:url(/img/m/contactus.png); left:684px; top:24px; }
a#contactus.sel { background:url(/img/m/contactussel.png); }


#contInn { width:717px; margin:0 auto; padding-top:350px; }

.nofloat { clear:both; }

h1 { font-size:18px; color:#efa23b; font-weight:normal; margin:0; padding:0; }

span.big { font-weight:bold; }

a.link { display:block-inline; padding-left:14px; background:url(/img/url.gif) left center no-repeat; }
#getquoteBtn { display:block; width:80px; height:80px; background:url(/img/getquote.png); float:left; margin: 10px 10px 0 0; text-indent:-5000px; }

.lClmn { width:400px; float:left; background:url(/img/hsep.gif) top right repeat-y; padding: 0 0 20px 0; margin: 5px 25px 0 0; }
.lClmnInn { padding-right:20px; }

.rClmn { /*width:400px;*/ float:left; padding: 0 0 0 0; margin: 5px 0 0 0; }
.rClmnInn { /*padding-right:20px;*/ }
.projectpad { margin-top:5px; position:relative; width:275px; height:240px; overflow:hidden; }
.projectpad.home { margin-left:-13px; }
.projectpadDesc { position:absolute; width:275px; bottom:0; left:14px;}
.announcement { font-size:11px; }
strong { font-size:13px; }
.projectpad .link { font-size:11px; background-position:0 4px; }
.projectpad.list { width:230px; height:210px; float:left; margin-right:8px; }

.sep {clear:both; height:30px; }

.cntForm { width:400px; padding:20px; border:1px solid #442e0b; background:#261c07; position:relative;}
.cntForm input, .cntForm textarea { width:100%; }
.cntForm label { display:block; margin: 0 0 10px 0;  }
.cntForm label.req input,.cntForm label.req textarea { border:1px solid #efa23b; }
.cntForm label.req { color:#efa23b; font-weight:bold;}
.cntForm label input:focus, .cntForm label textarea:focus { outline:1px solid orange; border: 1px solid orange; }

#submitBtn { display:block; width:86px; height:37px; background:url(/img/submit.png) no-repeat; text-indent:-5000px; margin-left:-8px; border:none; cursor:pointer; border:0px; }
span.red { color:red; }

#nospeak { background:url(/img/nospeak.jpg) top left no-repeat; padding:0 0 0 120px; margin-left:-15px;}
#nospeakr { background:url(/img/nospeakr.jpg) top right no-repeat; padding:0 120px 0 0; margin-right:-19px;}
.testimonial_sign { margin:-13px 0 0 0; line-height:12px; }

#frmr { position:absolute; display:block;  background:url(/img/frmr.png) no-repeat; width:128px; height:148px; top:0; right:-129px; }
#frmr_q { position:absolute; display:block;  background:url(/img/frmr_q.png) no-repeat; width:128px; height:148px; top:0; right:-129px; }


#luckyteam { display:block; height:32px; width:174px; background:url(/img/luckyteam.png) no-repeat; text-indent:-5000px; position:absolute; top:19px; left:14px; z-index:1;}

ul { list-style: square; }

#form-lock { background: transparent; opacity: 1; }
.form-field-error { background: #cf7c7c; border: 1px solid red !important; }

.lClmnBlog { background:url(/img/hsep.gif) top right repeat-y; }