@import url("reset-min.css");
@import url("color.css");


body {
	font-size: 62.5%;
	font-family:Arial,Verdana;
	background:#333 url(/common/img/global/Siteheader-background.png) center 40px no-repeat;
	color:#F2F2F2;
	margin-top:40px;
}

a
{
    text-decoration:none;
}

p
{
}

.fluro-green
{
    color:#D9E021 !important;
}

.fl
{
    float:left;
}
.fr
{
    float:right;
}

.tac
{
	text-align:center;
}

.cb
{
    clear:both;
}
.cl
{
    clear:left;
    height:0px;
    font-size:1px;
}

/* HEADER */
#header
{
    width:951px;
    margin:0 auto;
}
#header h1
{
    background:url(/common/img/global/Moopa-Logo.png) top left no-repeat;
    height:100px;
}
#header h1 a
{
    display:block;
    width:360px;
    height:100px;
}
#header h1 span
{
    display:none;
}
#header h2 span
{
    display:none;
}
.main-navigation
{
    margin-top:46px;
    float:right;
}
.main-navigation a
{
    font-size:1.2em;
    line-height:1.6em;
    font-weight:bold;
    color:#D9E021;
    border-bottom:1px dotted yellow;
}
.main-navigation a:hover
{
    color:#FFFFFF;
}
.main-navigation span
{
    font-size:8px;
    color:White;
}
.main-navigation li
{
    display:inline;
    margin-left:20px;
}
/* CONTENT HOLDER */
#content
{
    width:951px;
    margin:0 auto;
}

/* CONTACT US */
.intro
{
    float:left;
    width:300px;
    margin-right:40px;
}
.loading
{
    background:url(/common/img/global/ajax-loader-fw.gif) top left no-repeat;
    padding-left:24px;
}
.loading strong
{
    font-weight:bold;
}
#contact-form
{
    position:relative;
    display:none;
    left:-2px;
    width:951px;
    margin:0 auto;
}

#contact-form h1
{
    color:#D9E021;
    font-weight:bold;
    font-size:1.4em;
    margin-bottom:0.5em;
    letter-spacing:-0.10em;
}
#contact-form .textBox
{
    width:50%;
    font-weight:bold;
    font-size:1.4em;
    margin-bottom:5px;
}
#contact-form .multiline
{
    width:522px;
    height:60px;
}
#contact-form fieldset
{
    float:left;
    border:1px solid #666;
    padding:20px;
    width:526px;
}
#contact-form .formSending  
{
    display:none;
    float:left;
    border:1px solid #666;
    padding:20px;
    width:526px;
    height:212px;
}
.contact-inner
{
    padding:20px;
    background:#3F3F3F;
    margin-bottom:20px;
}
#contact-form legend
{
    color:#D9E021;
    font-weight:bold;
    font-size:1.4em;
    margin-bottom:0.5em;
    display:none;

}

#validationSummary
{
    font-size:1.2em;
    font-weight:bold;
    color:#F2F2F2 !important;
    border:4px solid #CC0000;
    padding:5px;
    margin-bottom:8px;
    padding-left:24px;
    background:url(/common/img/global/warning.png) 2px center no-repeat;
}
#contact-form p
{
    font-size:1.2em;
    line-height:1.6em;
    letter-spacing:-0.05em;
    margin-bottom:10px;
}
#contact-form label
{
    width:200px;
    display:block;
    font-size:1.2em;
    letter-spacing:-0.05em;
    font-weight:bold;
    padding-bottom:5px;
}

/* WORK CSS */
.work li a
{
    color:yellow;
}
.work li a:hover
{
    color:#D9E021;
    text-decoration:underline;
}
.work li 
{
    background:url(/common/img/global/work-hr.png) repeat-x bottom center;
    padding-bottom:20px;
    margin-bottom:30px;
}
.work li hr
{
    clear:both;
    visibility:hidden;
}
.work h2
{
    color:#D9E021;
    font-weight:bold;
    font-size:1.4em;
    margin-bottom:0.5em;
    letter-spacing:-0.10em;
}
.work p
{
    font-size:1.2em;
    line-height:1.6em;
    letter-spacing:-0.05em;
}
.work .work-image
{
    background:url(/common/img/global/Photo-background.png) no-repeat top center;
    padding:14px;
    margin-bottom:20px;
    float:left;
    margin-left:-5px;
}
.work .work-description
{
    width:720px;
    float:left;
}
.work .logo
{
    float:right;
    vertical-align:middle;
    margin-top:10px;
    margin-right:10px;
}


/* PADDING AND MARGIN */
.mr20
{
    margin-right:25px;
}

/*
* FORM VALIDATION CLASSES
*
*/
.formValidation
{
    color:Red !important;
    font-size:20px;
    display:block;
    
}


/*
* FOOTER
*
*/
#footer
{
    width:951px;
    margin:0 auto;
    padding:0 0 10px 0;
    overflow:auto;
}

#footer ul
{
    float:right;
}
#footer p
{
    color:#D9E021;
    float:left;
}
#footer a
{
    color:#D9E021;
    border-bottom:1px dotted yellow;
}
#footer a:hover
{
    color:#FFFFFF;
    border-bottom:1px dotted yellow;
}