/** -------
 **
 ** -----_*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#111;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
    font-size: 13px;
}
.clear{clear:both;}

a{
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    color: #999;
}
a:hover{
    color: #111;
}

#wrap{
    width: 720px;
    margin: 0 auto;
    position: relative;
}

#header{
    position: relative;
}

/**
 * Navigation
 */

#Navigation {
    height:                 30px;
    display:                block;
    clear:                  both;
    position:               absolute;
    right:                  0;
    z-index:                10;
}

#Navigation > li {
    text-transform:         lowercase;
    float:                  left;
    margin:                 0 20px 0px 0;
    height:                 30px;
}

#Navigation > li > a {
    display:                block;
    height:                 100%;
    width:                  100%;
}

#Navigation > li > ul {
    height:                 30px;
    display:                block;
    clear:                  both;
    position:               absolute;
    right:                  0;
    display:                none;
    margin-left: -100%;
}

#Navigation > li >  ul > li {
    text-transform:         lowercase;
    float:                  left;
    margin:                 0 20px 0px 0;
}

#Navigation > li > ul > li > a {
    display:                block;
    height:                 100%;
    width:                  100%;
}

#Navigation > li >  ul > li > ul.subMenu{
    border:                 1px solid #ccc;
    -moz-box-shadow:        #999 0px 5px 15px;
    -webkit-box-shadow:     #999 0px 5px 15px;
    border-top:0px;
    display:                none;
    margin-top:             -00px;
    background:             #FFF;
}

#Navigation > li > ul > li > ul.subMenu > li a{
    height:     35px;
    line-height: 38px;
    padding:    0 10px;
    width:      160px;
    cursor:     pointer;
    display:    block;
}

#Navigation > li > ul > li > ul.subMenu > li a:hover{
    background: black;
    color:      white;
}

#Navigation li.active,
#Navigation li.active > a{
    color:      black;
}

#Navigation > li.active > ul{
    display:    block;
}

#Navigation li:hover > a{
    color:      #000;
}

#Navigation li:hover > ul.subMenu{
    display:    block;
    position:   absolute;
}


#main{
    min-height:     500px;
    margin-top:     120px;
}


#footer{
    width:      100%;
    height:     50px;
    position:   relative;
    z-index:    1;
}

#footer #copyright{
    position:   absolute;
    left:       0;
    font-size:              10px;
    color:                  #aaa;
    height:     30px;
    height:     30px;
    z-index:    1;
}

#footer #FooterNavigation{
    position:   absolute;
    right:      0;
    z-index:    2;
}

#footer #FooterNavigation li{
    text-transform:         lowercase;
    float:                  left;
    margin:                 0 20px 0px 0;
    height:                 30px;
}

#footer #FooterNavigation li a{
    font-size:              10px;
    color:                  #aaa;
}

/**
 * NO FLASH!?!??!?!?!?!?!??!?!?!
 */
#noFlashYet{
display:none;
    width: 520px;
    padding: 20px;
    position: absolute;
    left:  50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -100px;
    background: white;
    -moz-box-shadow:        #999 0px 5px 15px;
    -webkit-box-shadow:     #999 0px 5px 15px;
}
#noFlashYet .closeButton{
    position:   absolute;
    right: 20px;
    font-size:  18px;
    color:  #999;
    cursor: pointer;
    font-weight:bold;
    font-family:Verdana;
}

#noFlashYet h2{
    font-size:              33px;
    color:                  #EF293A;
    text-transform:         uppercase;
}
#noFlashYet p{
    font-size:              13px;
    line-height:            20px;
}
#noFlashYet a{
    display:block;
    width:100%;
    text-align:             center;
    margin-top:             20px;
}


/************************************/
#header h1{
    position:               absolute;
    top:                    20px;
}
h2.header{
    font-size:              33px;
    color:                  #EF293A;
    text-transform:         uppercase;
}
h3.title{
    font-size:              22px;
    color:                  #999;
    text-transform:         uppercase;
    margin-top:             -2px;
}
#main .body{
    width:                  500px;
    margin-bottom:          100px;
}
#main .body p{
    color:                  #111 !important;
    font-size:              13px !important;
    line-height:            20px !important;
    text-transform:         none !important;
}
#main .body p a{
    color: #EF293A ;
}

#main .body h4{
    color:                  #EF293A;
    margin-top:             20px;
    margin-bottom:          2px;
    text-transform:         none !important;
}

/** ------------
 ** Contact Us
 ** ----------*/
h4.label{
    color:                  #EF293A;
    margin-bottom: 2px;
}
address span {
    float:                  left;
}
address span.city {
    width:                  100px;
}
#telephone{
    float:                  left;
    margin-left: 100px;
}

/** -----------------
 ** Case Specific
 ** --------------*/
ul#cases-select {
    margin-top:             10px;
}
ul#cases-select li {
    width:                  210px;
    height:                 210px;
    border:                 1px solid #ccc;
    -moz-box-shadow:        #999 0px 5px 15px;
    -webkit-box-shadow:     #999 0px 5px 15px;
    float:                  left;
    margin-right:           37px;
    margin-bottom:          37px;
}
ul#cases-select li.last {
    margin-right:           0px;
}
ul#cases-select li:hover {
    background:             black;
    color:                  white;
    cursor:                 pointer;
}
ul#cases-select li a {
    height:                 190px;
    display:                block;
    color:                  #999;
    font-size:              29px;
    font-weight:            100;
    padding:                10px;
}
ul#cases-select li:hover a {
    color:                  white;
}

/** -----------------
 ** EXPERIENCE
 ** --------------*/
ul#experience-select {
    margin-top:             10px;
}
ul#experience-select li {
    width:                  84px;
    height:                 84px;
    border:                 1px solid #ccc;
    -moz-box-shadow: #999 0px 5px 10px;
    -webkit-box-shadow: #999 0px 5px 10px;  ;
    float:                  left;
    margin-right:           37px;
    margin-bottom:          37px;
}
ul#experience-select li.last {
    margin-right:           0px;
}
ul#experience-select li img{
    width:  100%;
    height: 100%;
}