﻿@import url("reset-min.css");

body {
	font-size:62.5%;
	font-family:"Trebuchet MS","Verdana";
	color:#666;
	margin-top:40px;
	background:#FBFBFB url(/common/img/generic/body-bg.gif) left 148px repeat-x;
}

strong
{
    font-weight:bold;
}
a
{
    text-decoration:none;
}

p
{
}

.fl
{
    float:left;
}
.fr
{
    float:right;
}

.tac
{
	text-align:center;
}

.cb
{
    clear:both;
}
.cl
{
    clear:left;
    height:0px;
    font-size:1px;
}
.grey-hyperlink
{
    color:#999;
}

.grey-hyperlink:hover
{
    text-decoration:underline;
}

/* LAYOUT */

.green-tick
{
    color:#999999 !important;
    background:url(/common/img/generic/green-tick.png) top left no-repeat;
    padding-left:56px;
    vertical-align:middle;
    padding-top:8px !important;
}

#header
{
    width:1000px;
    margin:0 auto;
    padding-bottom:20px;
    background:#fff url(/common/img/generic/site-header-bg.gif) top left no-repeat;
    overflow:auto;
    height:88px;
}

#header h1
{
    float:left;
    margin:20px;
    width:318px;
    height:68px;
    background:url(/common/img/generic/six-brand-logo.gif) top left no-repeat;
}
#header h1 a
{
    display:block;
    width:318px;
    height:68px;
}
#header h1 span
{
    display:none;
}
#header h2
{
    display:none;
}
#header ul 
{
    margin-top:54px;
    margin-right:20px;
    float:right;
}

#header li
{
    font-weight:bold;
    font-size:1.4em;
    letter-spacing:-0.06em;
    float:left;
    color:#666;
    /*background:url(/common/img/navigation/nav-selected-right.gif) right top no-repeat;*/
    padding-right:12px;
    margin-left:12px;
}
#header li a
{
    color:#FE0000;
    display:block;
    /*background:url(/common/img/navigation/nav-selected-left.gif) left top no-repeat;*/
    padding:4px 0 4px 10px;
}
#header .authenticated a
{
    color:#FFCC00 !important;
}
#header .active
{
    float:left;
    
    background:url(/common/img/navigation/nav-selected-right.gif) right top no-repeat;
    padding-right:12px;
    margin-left:12px;
}
#header .active a
{
    color:#666;
    display:block;
    background:url(/common/img/navigation/nav-selected-left.gif) left top no-repeat;
    padding:4px 0 4px 10px;
}

/*
#header li a
{
    color:#FE0000;
    margin-left:20px;
}
*/
#header li a:hover
{
    text-decoration:underline;
}

/* MAIN CONTENT */
#content-wrapper
{
    width:1000px;
    margin:0 auto;
    background-color:White;
    min-height:600px;
}

#pocket-container
{
    background:url(/common/img/home/pocket-bg.gif) top left repeat-x;
    overflow:auto;
}

#pocket-cta
{
    padding:20px;
    float:left;
    width:440px;
}
#pocket-cta #ctl00_ContentPlaceHolder1_btnSignup
{
    position:relative;
    left:-2px;
    float:left;
    margin-top:20px;
    margin-right:4px;
}

#pocket-cta h1
{
    letter-spacing:-0.06em;
    font-size:3.6em;
    color:#FE0000;
}
#pocket-cta h2
{
    color:#333;
    font-family:Arial;
    font-size:1.8em;
    letter-spacing:-0.06em;
    font-weight:bold;
    margin-top:40px;
}
#pocket-cta h2 a
{
    color:#333;
    text-decoration:underline;
}
#pocket-cta h2 a:hover
{
    color:Black;
     text-decoration:none;
}
#pocket-flash
{
    background:url(/common/img/home/elephant.jpg) right top no-repeat;
    width:515px;
    height:250px;
    float:right;
}
/* MAIN CONTENT */
#content-main-wrapper
{
    padding:20px 20px 0 20px;
    overflow:auto;
}
#content-wrapper h1
{

}

#content-main-wrapper p
{
    font-size:1.5em;
    color:Black;
    font-weight:bold;
    line-height:1.8em;
    letter-spacing:-0.06em;
    margin-bottom:20px;
}
#content-main-left
{
    width:570px;
    float:left;
    margin-right:20px;
}
#content-main-left p
{
    text-align:justify;
}
#content-main-login
{
    float:left;
}

#content-inner
{
    padding:0 20px;
    overflow:auto;
}
#content-inner h1
{
    font-size:2.1em;
    letter-spacing:-0.06em;
    color:#FB0000;
    margin-bottom:8px;
}
#content-inner p
{
    font-size:1.5em;
    color:Black;
    font-weight:bold;
    line-height:1.8em;
    letter-spacing:-0.06em;
    padding-bottom:20px;
}
#content-inner li
{
    list-style-type:disc;
    font-size:1.3em;
    color:#666;
    font-weight:bold;
    line-height:1.8em;
    letter-spacing:0em;
    padding-bottom:20px;
    margin-left:20px;
}
#content-inner .rounded-content
{
    width:100%;
}

/* FOOTER */
#footer
{
    color:#FE0000;
    font-size:1.1em;
    margin:0 auto;
    width:1000px;
    background:url(/common/img/generic/site-footer-bg.gif) top left no-repeat;
    margin-bottom:40px;
    overflow:auto;
}

#footer ul 
{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
}
#footer li 
{
    font-weight:bold;
    display:inline;
}
#footer .terms li  a
{
    margin-left:20px;
    color:#FB0000;
}
#footer .terms li  a:hover
{
    text-decoration:underline;
}

/*
* ROUNDED DIVS
*/

.login
{
    width:366px;
}
.login h2
{
    font-size:2.1em;
    color:Black;
    letter-spacing:-0.06em;
    margin-bottom:0.4em;
}
.login h2 span
{
    color:#FE0000;
}
.login h3
{
    font-size:1.4em;
    color:Black;
    font-weight:bold;
    letter-spacing:-0.06em;
}
.login input[type=text],.login input[type=password]
{
    width:100%;
    /*font-size:1.3em;*/
    margin:6px 0;
    padding:2px 0;
    background:url(/common/img/generic/text-bg.gif) left top repeat-x;
    border:1px solid #666;
}
.login h4
{
    float:left;
    line-height:2em;
    font-size:1em;
    color:Black;
    margin:4px 0;
}

.login .loginButton
{
    float:right;
}
.login a
{
    color:#FB0000;
}
.login a:hover
{
    text-decoration:underline;
}
.rounded {
    min-width:2em;
    color:#fff;
}

.rounded .hd .c,
.rounded .ft .c {
 font-size:1px; /* ensure minimum height */
 height:7px;
}

.rounded .ft .c {
 height:7px;
}

.rounded .hd 
{
    background:transparent url(/common/img/generic/tl-rounded.gif) no-repeat 0px 0px;
}

.rounded .hd .c 
{
    background:transparent url(/common/img/generic/tr-rounded.gif) no-repeat right 0px;
}

.rounded .bd 
{
    background:transparent url(/common/img/generic/ml-rounded.gif) repeat-y 0px 0px;
}

.rounded .bd .c {
    background:transparent url(/common/img/generic/mr-rounded.gif) repeat-y right 0px;
    padding:0 13px 0 10px;
}

.rounded .bd .c .s {
 margin:0 6px;
 /*background:#000 url(/common/img/rounded/ms.jpg) repeat-x 0px 0px;*/
}

.rounded .ft {
 background:transparent url(/common/img/generic/bl-rounded.gif) no-repeat 0px 0px;
}

.rounded .ft .c {
 background:transparent url(/common/img/generic/br-rounded.gif) no-repeat right 0px;

}

/*
*  BUTTONS
*/



/*
*
* SIGN UP PAGE
*/
#signup-main-wrapper
{
    padding:0 20px;
    overflow:auto;
}
#signup-side-panel
{
    background:url(/common/img/signup/side-panel-bg.png) left top no-repeat;
    width:231px;
    height:642px;
    float:left;
    margin-right:20px;
}
#signup-side-panel h2
{
    padding:10px;
    font-size:2.1em;
    letter-spacing:-0.06em;
}
.signup-form
{
    width:700px;
    min-height:642px;
}
.signup-form .cta-c
{
    min-height:630px;
}
.signup-form h2
{
    font-size:2.1em;
    letter-spacing:-0.06em;
    color:#FB0000;
}
.signup-form p
{
    font-size:1.4em;
    color:Black;
    font-weight:bold;
    line-height:1.8em;
    letter-spacing:-0.06em;
}
.signup-form label
{
    display:block;
}
.signup-form fieldset legend
{
    font-size:2.1em;
    letter-spacing:-0.06em;
    color:#FB0000;
    margin-left:-4px;
    margin-top:8px;
}
.signup-form fieldset p
{
    float:left;
    width:300px;
    color:#666;
    margin-right:32px;
    margin-top:4px;
}

.signup-form .signup-socialnetworks
{
    clear:left;
}
.signup-form .signup-socialnetworks label
{
    display:inline;
    font-size:1.4em;
    color:Black;
    font-weight:bold;
    line-height:1.8em;
    letter-spacing:-0.06em;
    margin-left:4px;
}

.signup-form fieldset input[type=text],.signup-form fieldsetinput[type=password]
{
    background:url(/common/img/generic/text-bg.gif) left top repeat-x;
    border:1px solid #666;
    width:320px;
    padding:4px 0;
    margin-top:6px;
}

.text-box
{
    background:url(/common/img/generic/text-bg.gif) left top repeat-x;
    border:1px solid #666;
    padding:4px 0;
    margin-top:6px;
}
.signup-form fieldset select
{
    margin:9px 0;
    padding:2px 0;
    font-weight:normal;
    letter-spacing:0em;
    color:Black;
}
.signup-form fieldset .signup-question-matrix
{
    clear:left;
    width:100%;
    margin:4px 0;
    border-collapse:collapse;
}
.signup-form fieldset .signup-question-matrix th
{
    font-weight:bold;
    font-size:1.4em;
    color:#FB0000;
    letter-spacing:-0.06em;
    text-align:center;
}
.signup-form fieldset .signup-question-matrix td
{
     text-align:center;
     font-size:1.4em;
     letter-spacing:-0.06em;
     color:#666;
     font-weight:bold;
     border-bottom:1x solid #666;
}
.signup-form fieldset .signup-question-matrix .label
{
    text-align:left;
}

.signup-form .loginButton
{
    float:right;
}

.signup-form a
{
    color:#FB0000;
}
.signup-form a:hover
{
    text-decoration:underline;
}
.signup-form .signup-terms
{


}
.date
{
    background: url(/common/img/signup/datepicker-bg.gif) no-repeat right top !important;
    width:150px !important;
}
.signup-validation-summary
{
    color:Red;
     font-size:1.4em;
     padding:4px;
     border:3px solid red;
     font-weight:bold;
     margin:4px 0;
}
.signup-form .signupButton
{
     border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/common/img/buttons/btn-black-140.png') no-repeat left top;
    font-size:1.8em;
        font-family:Arial;
        color:White;
        letter-spacing:-0.06em;
        padding:10px 0 10px 0;
        width:147px;
        cursor:pointer;
}
.signup-form .signupButton:hover
{
    text-decoration:underline;
}


.fakehr
{
    border-top:1px dashed #666;
    margin:4px 0;
}
.fakehr hr
{
    display:none;
}

/*
* CURRENT PROJECTS
*
*/

.project-h1
{
    /**/
    display:block;
    background:url(/common/img/generic/h1-rounded-bg-r.png) right top no-repeat;
    color:White;
     
}
.project-h1 span
{
    background:url(/common/img/generic/h1-rounded-bg-l.png) left top no-repeat;
    padding-left:8px;
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    color:White;
    font-size:0.8em;
}
.project-overview
{
    text-align:justify;
}
.project-content 
{
    width:100%;
}
.project-content h2
{
        font-size:1.8em;
    letter-spacing:-0.06em;
    color:#FB0000;

}
.project-content .clearleft
{
        clear:left;
}
.project-content .cta-c
{
    overflow:auto;
}
.project-copy
{
}
.more-info
{
    display:block;
    text-align:right;
    font-family:Arial;
    font-size:1.4em;
    color:#FB0000;
    font-weight:bold;
    letter-spacing:-0.06em;
    text-decoration:underline;
}
.project-thumb
{
    float:right;
    display:block;
    margin-left:16px;
    margin-bottom:8px;
}


/*
*   Contact Us 
*
*/

.contactus-content
{
    width:100%;
}
.contactus-content .map
{
    float:left;
    margin-right:20px;
}
.contactus-content h2
{
        font-size:2.1em;
    letter-spacing:-0.06em;
    color:#FB0000;
    margin-bottom:20px;
}

.contactus-content address
{
    font-size:1.8em;
    letter-spacing:-0.06em;
    color:#666;
    line-height:30px;
    font-weight:bold;
}

.contactus-content
{
    clear:left;
}

.contactus-content a
{
    color:#FB0000;
    text-decoration:underline;
}

.contactus-content a:hover
{
    text-decoration:none;
}


/*
* LOGIN.ASPX
*
*/
.login-signup
{
    float:left;
    margin-right:10px;
    padding-right:90px;
    border-right:1px solid #ccc;
}
.login-signup h2
{
    letter-spacing:-0.06em;
    font-size:2.8em;
    color:#FE0000;
}
.login-signup-button
{
    position:relative;
    margin-top:20px;
    left:-2px;
}

.login-form h2
{
     font-size:2.1em;
    color:Black;
    letter-spacing:-0.06em;
    margin-bottom:0.4em;
}
.login-form h3
{
    font-size:1.4em;
    color:Black;
    font-weight:bold;
    letter-spacing:-0.06em;
}
.login-form h4
{
     float:left;
    line-height:2em;
    font-size:1em;
    color:Black;
    margin:4px 0;
}
.login-form a
{
    color:#FB0000;
}
.text-field
{
    font-size:1.3em;
    margin:6px 0;
    padding:2px 0;
    background:url(/common/img/generic/text-bg.gif) left top repeat-x;
    border:1px solid #666;
}
.width390
{
    width:300px;
}

.loginButton
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: url('/common/img/buttons/btn-black-140.png') no-repeat left top;
    font-size:18px;
    font-family:Arial;
    color:White;
    letter-spacing:-0.06em;
    padding:10px 0 10px 0;
    width:147px;
    cursor:pointer;
    position:relative;
    left:-2px;
}
.loginButton a
{
    color:#FB0000;
}
.loginButton a:hover
{
    text-decoration:underline;
}
.loginButton:hover
{
    text-decoration:underline !important;
}


/*
* spacing
*
*/
.pad-bottom-10
{
    padding-bottom:10px;
}

/*
* width
*/
.w300
{
    width:300px;
}