html{
    overflow-y:         scroll;
	  }

body{
    margin:             0;
    background-color:   #FFF;
  	color:              #1B1818;
  	font-family:        Arial, Helvetica, Sans-Serif;
  	font-size:          12px;
    }


a{
    outline:            none;
	  color:              #00AAD9;
    text-decoration:    none;
    }

img{
    outline:            none;
    border:             none;
    }

h2{
    margin:             0 0 18px;
    color:              #1B1818;
    text-transform:     uppercase;
    font-size:          16px;
    }



.inner{
    position:           relative;
    width:              940px;
    margin:             0 auto;
    }

/* HEADER */
.header{
    position:           relative;
    height:             160px;
    }

#Logo,
#Slogan,
#Slogan a{
    position:           absolute;
    display:            block;
    text-indent:        -9999px;
    }

#Logo{
    top:                44px;
    right:              20px;
    width:              142px;
    height:             91px;
    background:         #FFF url(../images/logo.gif) 0 0 no-repeat;
    }

#Slogan{
    right:              490px;
    top:                76px;
    width:              9999px;
    height:             13px;
    border-bottom:      1px solid #C5B9B2;
    }

#Slogan a{
    position:           absolute;
    bottom:             4px;
    right:              0;
    width:              340px;
    height:             13px;
    background:         #FFF url(../images/slogan-and-email.gif) 0 0 no-repeat;
    }

/* CONTACT FORM */
#ContactForm{
    display:            none;
    position:           relative;
    top:                160px;
    margin:             0 auto;
    width:              616px;
    background:         #FFF url(../images/content-background.png) 0 15% repeat-x;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    border-radius:          6px;
    }

#ContactForm p{
    position:           absolute;
    right:              0;
    bottom:             0;
    margin:             0;
    padding:            5px;
    background-color:   #5A5A5A;
    color:              #EAEAEA;
    text-transform:     uppercase;
    font-size:          8px;
    font-weight:        bold;
    -moz-border-radius-topleft:        6px;
    -webkit-border-top-left-radius:    6px;
    border-top-left-radius:            6px;
    -moz-border-radius-bottomright:    6px;
    -webkit-border-bottom-right-radius:6px;
    border-bottom-right-radius:        6px;
  	text-shadow:        0 -1px 0 rgba(0, 0, 0, .6);
    }

#ContactForm p strong{
    padding:            0 3px;
    font-size:          10px;
    }

#ContactForm p a{
    text-shadow:        0 -1px 0 rgba(0, 0, 0, .2);
	  }


/* SHOWCASE */
#Showcase{
    position:           relative;
    z-index:            1;
    height:             222px;
    background:         #FFF url(../images/showcase-background.png) 0 0 repeat-x;
    }

#Showcase .next{
    display:            none;
    position:           absolute;
    z-index:            1;
    top:                14px;
    right:              10px;
    width:              50px;
    height:             60px;
    background:         transparent url(../images/right-arrow.gif) 50% 50% no-repeat;
    }

#Showcase .section{
    display:            none;
    position:           relative;
    height:             222px;
    }

#Showcase .active{
    display:            block;
    }

#Showcase .images{
    position:           absolute;
    z-index:            3;
    top:                18px;
    left:               0;
    }

#Showcase .image{
    position:           absolute;
    z-index:            3;
    top:                0;
    width:              228px;
    height:             174px;
    padding:            8px 9px;
    background:         transparent url(../images/shadow-for-two-images.png) 0 0 no-repeat;
    _background-image:  none;
    }
#Showcase .animating,
.boxshadow #Showcase .image{
    background-image:   none;
    }


#Showcase.transitioning{
    overflow:           hidden;
    }

#Showcase.transitioning .image{
    #background-image:  none;
    }


#Showcase .images .first{ 
    left:               18px;
    }

#Showcase .images .second{
    left:               254px;
    }

#Showcase .images .cropper{
    position:           relative;
    width:              210px;
    height:             157px;
    overflow:           hidden;
    background-repeat:  no-repeat;
    }
.boxshadow #Showcase .images .cropper{
    -moz-box-shadow:      0 0 5px rgba(0, 0, 0, .5);
    -webkit-box-shadow:   0 0 5px rgba(0, 0, 0, .5);
    box-shadow:           0 0 5px rgba(0, 0, 0, .5);
    }

#Showcase .images .caption{
    display:            none;
    position:           absolute;
    top:                172px;
    width:              208px;
    height:             10px;
    background-position:0 0;
    background-repeat:  no-repeat;
    }

#Showcase .images .before{
    left:               28px;
    background-image:   url(../images/before.gif);
    }

#Showcase .images .after{
    left:               265px;
    background-image:   url(../images/after.gif);
    }


#Showcase .text{
    position:           absolute;
    top:                24px;
    left:               496px;
    width:              444px;
    }

#Showcase .text h2,
#Showcase .text p,
#Showcase .text blockquote{
    position:           relative;
    z-index:            1;
    }

#Showcase h2{
    margin:             0;
    color:              #FFF;
    text-transform:     uppercase;
    font-size:          12px;
    }

#Showcase p{
    float:              left;
    margin:             .2em 22px .8em 0;
    line-height:        1.3em;
    width:              360px;
    font-size:          15.5px;
    }

#Showcase .supplementary{
    font-size:          11px;
    }
    
#Showcase .column{
    width:              200px;
    }

#Showcase blockquote{
    position:           absolute;
    right:              18px;
    margin:             0;
    bottom:             20px;
    color:              #003F52;
    text-align:         right;
    font-size:          15px;
    }

#Showcase blockquote strong{
    font-size:          22px;
    }

#Showcase .download{
    margin-bottom:      .2em;
    text-transform:     uppercase;
    font-weight:        bold;
    }

#Showcase .download a{
    font-size:          11px;
    }

#Showcase .download a img{
    margin-left:        4px;
    }

#Showcase .download em,
#Showcase .download em a{
    font-size:          9px;
    font-style:         normal;
    }

#Showcase .download em{
    display:            block;
    color:              #B0B0B0;
    line-height:        1.3em;
    }

#Showcase .download em a{
    color:              #888;
    }
#Showcase .download em a:hover{
    text-decoration:    underline;
    }


/* CONTENT */
#Content{
    position:           relative;
    border-top:         27px solid #00AAD9;
    min-height:         714px;
    background:         #FFF url(../images/content-background.png) 0 0 repeat-x;
    _background-position-y:27px;
    }

/* MAIN */
#Main{
    float:              left;
    width:              640px;
    margin-right:       24px;
    padding-bottom:     44px;
    font-size:          13px;
    _overflow:           hidden;
    }

#Main .nav{
    height:             27px;
    width:              900px;
    margin:             -27px 0 0 32px;
    padding:            0;
    list-style:         none;
    }

#Main .nav li{
    display:            block;
    float:              left;
    height:             27px;
    margin:             0;
    padding:            0;
    border-right:       1px solid #8ECDE9;
    }

#Main .nav a{
    display:            block;
    position:           relative;
    float:              left;
    height:             27px;
    padding:            0 24px 0;
    background:         transparent url(../images/blue-triangle.gif) 50% 27px no-repeat;
    }

#Main .nav img{
    border:             none;
    margin-top:         8px;
    background-color:   #003F42;
    }

#Main .nav .active a{
    height:             36px;
    }

#Main .nav .active img{
    background-color:   #FFF;
    }

#Main .nav .last,
#Main .nav #BlogLink{
    border-right:       none;
    }

#Main .nav #BlogLink{
    margin-left:        105px;
    }

#Main .nav #BlogLink a{
    background-image:   url(../images/blue-triangle-on-dark.gif); 
    }


#Main .section,
.aside{
    min-height:         700px;
    height:auto         !important;
    height:             700px;
    background:         transparent url(../images/column-background.png) 0 0 repeat-x;
    }

#Main .section{
    display:            none;
    padding:            28px 0 0 42px;
    _margin-top:        -9px;
    _padding-top:       31px;
    }

#Main .section.active{
    display:            block;
    }

#Main h2{
    margin:             24px 0 24px -42px;
    }

#Main h3{
    margin:             0;
    font-size:          13px;
    }

#Main p{
    margin:             6px 0 14px;
    color:              #222;
    }

#Main .column{
    float:              left;
    width:              266px;
    font-size:          10.5px;
    line-height:        1.4em;
    }

#Main .column.first{
    margin-right:       28px;
    }

#Overview p,
#Methodology p{
    margin-top:         6px;
    margin-bottom:      30px;
    font-size:          13px;
    line-height:        1.5em;
    }

#Overview p{
    margin-right:       36px;
    color:              #333;
    }

#Overview ul{
    margin:             -18px 24px 22px 36px;
    padding:            0;
    color:              #333;
    list-style:         square;
    font-style:         italic;
    }

#Overview li{
    margin-top:         6px;
    }

#Methodology p{
    margin-right:       104px;
    margin-left:        74px;
    text-align:         center;
    }

#Main .column p{
    margin:             2px 8px 24px 0;
    font-size:          12px;
    line-height:        1.5em;
    }

#MethodologySteps{
    margin:             -12px -18px;
    }

#Main #About{
    padding:            28px 28px 0 252px;
    #padding-top:       34px;
    font-size:          11px;
    line-height:        13px;
    }

#Main #About .portrait{
    position:           absolute;
    top:                26px;
    left:               27px;
    width:              219px;
    height:             218px;
    background:         transparent url(../images/amin.png) 0 0 no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/amin.png,sizingMethod=crop);
    }

#Main .column ul{
    margin:             -12px 24px 22px 24px;
    padding:            0;
    list-style:         square;
    font-style:         italic;
    font-size:          10.5px;
    }

#Main .column li{
    margin-bottom:      4px;
    }

#Blog.section{
    margin-top:         32px;
    padding:            28px 42px;
    line-height:        1.5em;
    -moz-border-radius-topleft:     12px;
    -webkit-border-top-left-radius: 12px;
    border-top-left-radius:         12px;
    -moz-border-radius-topright:    12px;
    -webkit-border-top-right-radius:12px;
    border-top-right-radius:        12px;
    }

#Blog.section .post{
    margin-bottom:      4em;
    }

#Blog.section h2{
    margin:             0 0 12px;
    }

#Blog.section p{
    margin-right:       50px;
    }

#Blog.section p.postmetadata{
    font-size:          10px;
    }

#Blog.section p.postmetadata a img{
    vertical-align:     middle;
    border:             none;
    }

#Blog.section textarea{
    width:              440px;
    }

.aside{
    float:              left;
    width:              276px;
    margin-top:         32px;
    padding:            28px 0;
    background:         #FFF url(../images/column-background.png) 0 0 repeat-x;
    -moz-border-radius-topleft:     12px;
    -webkit-border-top-left-radius: 12px;
    border-top-left-radius:         12px;
    -moz-border-radius-topright:    12px;
    -webkit-border-top-right-radius:12px;
    border-top-right-radius:        12px;
    }


.aside h2 img{
    margin:             0 24px;
    }

.aside .section{
    margin:             12px 24px 24px;
    }

.aside .widget{
    margin:             0 24px 24px;
    }


.aside .section h3{
    margin:             .2em 0;
    }

.aside .section h3 a{
	  color:              #1B1818;
    }

.aside .section p{
    margin:             0 0 .6em;
    color:              #222;
    line-height:        1.3em;
    }

.date,
.readMore{
    color:              #999;
    text-transform:     uppercase;
    font-size:          10px;
    }

.readMore{
    letter-spacing:     .1em;
    }
.readMore:hover,
.readMore span{
    color:              #00AAD9;
    }

.aside ul{
    list-style:         none;
    margin:             0;
    padding:            0;
    }

.aside li{
    margin:             .2em 0;
    padding:            0;
    }

.aside ul h2{
    margin:             0;
    font-size:          12px;
    }
    
abbr{
    cursor:             help;
    border-bottom:      1px dashed #222;
    font-size:          10px;
    }

/* EMAIL FORMS */
.emailForm fieldset{
    border:             none;
    margin:             0;
    padding:            14px 0 10px 20px;
    }

.contactJustSent fieldset{
    opacity:            .3;
    filter:             alpha(opacity=30);
    }

.emailForm .first{
    float:              left;
    }

.emailForm label{
    display:              block;
    clear:                left;
    #margin-bottom:       -.4em;
    }

.emailForm label span{
    display:              block;
    float:                left;
    width:                60px;
    padding:              .6em 0;
    color:                #333;
    text-transform:       uppercase;
    font-weight:          bold;
    font-size:            10px;
    }

.emailForm label .text,
.emailForm label textarea{
    border:             1px solid #999;
    padding:            2px;
    }
                        
.emailForm label .text{
    width:              180px;
    float:              left;
    }

.emailForm label textarea{
    clear:              left;
    width:              248px;
    max-width:          248px;
    height:             80px;
    }

.emailForm .button{
    margin-top:         1em;
    color:              #333;
    text-transform:     uppercase;
    font-weight:        bold;
    font-size:          9px;
    line-height:        1.1em;
    #margin-top:        1.6em;
    }

.emailForm .success,
.emailForm .error{
    padding-bottom:     10px;
    color:              #00AAD9;
    font-size:          12px;
    font-weight:        bold;
    font-style:         italic;
    }

.emailForm .error{
    color:              #F22;
    }

#ContactForm .button{
    margin:             .5em 0 1em 16px;
    }
#ContactForm textarea{
    clear:              none;
    float:              left;
    resize:             none;
    }
#ContactForm .success,
#ContactForm .error{
    margin:             0 34em 1.5em 16px;
    font-size:          11px;
    font-style:         normal;
    }

#AssessmentForm label{
    #margin-bottom:       -1.2em;
    }
#AssessmentForm textarea{
    margin-top:         -.6em;
    }


/* ROUNDED CORNER HACKS */
.no-borderradius .aside{
    background-image:   url(../images/aside-rounded-corners.jpg);
    }
.no-borderradius #Main{
    background:         #FFF url(../images/blog-rounded-corners.png) 0 0 no-repeat;
    }
.no-borderradius #Blog.section{
    background-position-y:12px;
    _background-position-y:3px;
    }

/* WP-EMAIL PLUGIN */
#Content #wp-email-required{
    font-weight:        normal;
    font-style:         italic;
    }

#Content #wp-email-button{
    text-align:         left;
    }

#Blog.section p.postmetadata a .WP-EmailIcon{
    vertical-align:     text-top;
    }