/**************************************/
/*   © 2009 BE Creative Agency   */
/**************************************/

/****** START: Common styles: ******/
body
{
    background-color: #000000;
    font-family: verdana;
}

.warning
{
    color: #8F3F6D;
    padding-top:200px;
    font-size: 10pt;
    text-align: center;
    color: #ffffff;
}

.warning ul
{
    list-style-type: none;
    margin: 40px 0px 0px 0px;
    padding: 0px;
}

.warning ul li
{
    display: inline;
}

div.mainDiv
{
    margin: auto auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    width: 950px;
    height: 100%;
    background: #000000;
    overflow:hidden;
}

#mainLogo
{
    border: 0px;
}

#line1
{
    width: 0%;
    height: 2px;
    background: #8F3F6D;
    float: left;
}

#line2
{
    width: 0%;
    height: 2px;
    background: #8F3F6D;
    float: right;
}

#fixLine1
{
    width: 100%;
    height: 2px;
    background: #8F3F6D;
    float: left;
}

#fixLine2
{
    width: 100%;
    height: 2px;
    background: #8F3F6D;
    float: right;
}

div.contentArea
{
    width: 100%;
    height: 386px;
    background: #000000;
    float:left;
}

div.logoPanel
{
    width: 110px;
    height: 386px;
    float:left;
}

#mainImage
{
    width: 0px;
    height: 386px;
    float: right;
}
/****** END: Common styles:.******/


/****** START: Page header styles: ******/
div.preHeader
{
    width: 100%;
    height: 52px;
}

div.header
{
    width: 100%;
    height: 43px;
    background: #000000;
}

#companyName
{
    float:left;
    font-style: italic;
    color: #ffffff;
    margin-left: 115px;
    margin-bottom: 13px;
    width: 264px;
    height: 30px;
    float:left;
    background: #000000;
}

h1.name
{
    font-size: 1em;
    font-style: italic;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

h2.title
{
    font-size: 0.7em;
    font-style: italic;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}
/****** END: Page header styles. ******/


/****** START: Main menu styles: ******/
#menu
{
    width: 560px;
    height: 16px;
    margin-top: 13px;
    margin-right: 0px;
    margin-bottom: 13px;
    float: right;
    text-align: right;
    background: #000000;
}

#menu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 100;
}

#menu ul li
{
    margin-left: 18px; /* 20px */
    position: relative;
    display: inline;
    float: right;
}

#menu a
{
    font-size: 0.7em;
    text-align: right;
    color: #999999;
    text-decoration: none;
}

#menu a:visited, a:link, a:active
{
    text-decoration: none;
    color: #999999;
}

#menu a:hover
{
    text-decoration: underline;
    color: #8F3F6D !important;
}

#menu a.current
{
    color: #8F3F6D;
}
/****** END: Main menu styles. ******/


/****** START: Page content common styles: ******/
#contentPanel2
{
    width: 840px;
    height: 386px;
    background: #5E6E66;
    overflow:hidden;
    margin-right: -1500px;
    float:right;
}

#contentImage
{
    width: 323px;
    height: 386px;
    float:left;
    background: #000000;
}

#contentText
{
    float: left;
    width: 517px;
    height: 386px;
}

#textWrapper
{
    margin-right:25px;
    margin-left: 40px;
    padding:0px;
    color: #ffffff;
    font-size: 8pt;
    font-weight: normal;
}

#textWrapper p
{
    padding: 0px;
    margin-bottom: 10px;
}

#textWrapper h3
{
    padding: 0px;
    margin: 0px;
    font-size: 11pt;
    font-weight: normal;
}

#textWrapper a:visited, #textWrapper a:link, #textWrapper a:active
{
    text-decoration: underline;
    color: #ffffff;
}

#textWrapper a:hover
{
    text-decoration: none;
    color: #4F0041;
}

#textWrapper p span
{
    font-weight: bold;
}

#textWrapper p.italic
{
    font-style: italic;
}


#textWrapper ul.subMenu
{
    list-style-type: none;
    margin: 110px 0px 0px 0px;
    padding: 0px;
    font-size: 9pt;
}

#textWrapper ul.subMenu li
{
    margin-right: 7px;
    position: relative;
    display: inline;
    float: left;
}

#textWrapper a.off
{
    color: #ffffff;
}

#textWrapper ul.subMenu a
{
    font-size: 9pt;
    text-align: right;
    text-decoration: none;
    font-weight:100;
}

#textWrapper ul.subMenu a:visited, a:link, a:active
{
    text-decoration: none;
}

#textWrapper ul.subMenu a:hover
{
    text-decoration: underline;
    color: #4F0041;
}

#textWrapper a.current
{
    color: #4F0041;
}

/*
#textWrapper
{
    scrollbar-3dlight-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
    scrollbar-base-color: #ffffff;
    scrollbar-darkshadow-color: #5E6E66;
    scrollbar-face-color: #5E6E66;
    scrollbar-highlight-color: #5E6E66;
    scrollbar-shadow-color: #ffffff;
    scrollbar-track-color: #5E6E66;
}
*/
/****** END: Page content common styles. ******/


/****** START: Home page specific styles: ******/
div.homeButtonsWrapper
{
    height: 193px;
    width: 323px;
    background:#8F3F6D;
}
/****** END: Home page specific styles. ******/


/****** START: Profile page specific styles: ******/
.highlight
{
    font-weight: bold;
    font-style: italic;
}
/****** END: Profile page specific styles. ******/


/****** START: Services page specific styles: ******/
#textWrapper ul.bulletListLeft
{
    list-style-type: square;
    padding-left:17px;
    margin: 0px 0px 30px 0px;
    font-size: 8pt;
    float:left;
}

#textWrapper ul.bulletListLeft li
{
    margin-bottom: 5px;
}

#textWrapper ul.bulletListRight
{
    list-style-type: square;
    padding-left:30px;
    margin: 0px 0px 30px 0px;
    font-size: 8pt;
    float:left;
    width:200px;
}

#textWrapper ul.bulletListRight li
{
    margin-bottom: 5px;
}
/****** END: Services page specific styles. ******/


/****** START: Newsletters page specific styles: ******/
#enginuityTitleWrapper
{
    width: 840px;
    background: #5E6E66;
    height: 80px;
    float: left;
}

#enginuityTitleWrapper img
{
    margin: 0px;
    padding: 0px;
    float: left;
}

.backgroundImageWrapper
{
    float: left;
    width: 367px;
    height: 308px;
}

.newsletterVisor
{
    background: #5E6E66;
    width: 453px;
    height: 306px;
    margin: 0px;
    padding: 0px 20px 0px 0px;
    font-size: 8pt;
    color: #ffffff;
    float: left;
}

.newsletterVisor table
{
    margin: 0px;
    padding: 0px;
}

.newsletterVisor table a
{
    color: #ffffff;
}

.newsletterVisor a:visited, .newsletterVisor a:link, .newsletterVisor a:active
{
    text-decoration: underline;
    color: #ffffff;
}

.newsletterVisor a:hover
{
    text-decoration: none;
    color: #4F0041;
}

.newsletterVisor p a:visited, a:link, a:active
{
    text-decoration: underline;
    color: #ffffff;
}

.newsletterVisor p#p2 a:hover
{
    text-decoration: none;
    color: #4F0041;
}

.newsletterVisor table td
{
    padding-right:15px;
}

.newsletterVisor #p1
{
    padding:0px;
    margin:0px 0px 20px 0px;
}

.newsletterVisor #p2
{
    margin-top:10px;
}

.newsIcon
{
    width:20px;
    height: 21px;
}
/****** END: Newsletters page specific styles. ******/


/****** START: Inspiration page specific styles: *****/
.inspiration
{
    margin-right: 0px;
    background-image: url('img/inspiration_bg.jpg');
}

/****** END: Inspiration page specific styles. *****/


/****** START: Contact page specific styles: ******/
.contact
{
    margin-top:20px;
    margin-left: 110px;
    font-size: 10pt;
}

#mailTo
{
    color: #ffffff;
    text-decoration: underline;

}
/****** END: Contact page specific styles. ******/


/****** START: Footer styles: ******/
div.footer
{
    font-style: italic;

    width: 100%;
    height: 110px;
    float:left;
    color: #999999;
    text-align: right;
}

div.smallLogosWrapper
{
    width:569px;
    height:70px;
    float:left;
}

img.smallLogo
{
    border: 0px;
    float: left;
}

div.sucessWrapper
{
    float: right;
    width: 381px;
    height: 16px;
    margin: 11px 0px 0px 0px;
    font-size: 9pt;
    color: #ffffff;
}

div.copyrightWrapper
{
    margin-top:30px;
    float:right;
    width:381px;
    font-size: 7pt;
    height: auto;
}

div.abnWrapper
{
    margin-top:6px;
    float:right;
    width:381px;
    font-size: 7pt;
    height: auto;
}

#be
{
    margin-top: 10px;
    width:100%;
    float:left;
    text-align: center;
    font-style: normal;
    font-size: 7pt;
    height: auto;
}

#be a
{
    font-weight: bold;
}

#be a:visited, a:link, a:active
{
    text-decoration: none;
    color: #999999;
}

#be a:hover
{
    text-decoration: underline;
    color: #999999;
}

#be a span
{
    font-size: 6pt;
}
/****** END: Footer styles. ******/