@font-face {
    font-family: 'Sansumi Regular';
    src: url('fonts/Sansumi-Bold-webfont.eot');
    src: url('fonts/Sansumi-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansumi-Bold-webfont.woff') format('woff'),
         url('fonts/Sansumi-Bold-webfont.ttf') format('truetype'),
         url('fonts/Sansumi-Bold-webfont.svg#SansumiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Sansumi Extra Bold';
    src: url('fonts/Sansumi-ExtraBold-webfont.eot');
    src: url('fonts/Sansumi-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansumi-ExtraBold-webfont.woff') format('woff'),
         url('fonts/Sansumi-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/Sansumi-ExtraBold-webfont.svg#SansumiExtraBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
    font-family:Helvetica, Arial, sans-serif;
    font-size:100%;
    line-height:1.125em;
    text-align:center;
    color:#fff;
    margin:0;
    background:#A0CED7;
}
body#home{
    background:#A0CED7 url(images/home_page_bg.jpg) top center  no-repeat;
}

#position_wrap{
    width:1000px;
    margin:0 auto;
    text-align:left;
}



/* utility */
.left{
    float:left;
}
.right{
    float:right;
}
.center{
    margin:0 auto;
}
.border_right{
    border-right:1px dotted;
}
.border_left{
    border-left:1px dotted;
}
.clear{
    clear:both;
}



/* links */

a, a img{
    border:none;
    outline:none;
}

#nav a{
    color:#fff;
    text-decoration:none;
}
#home .column a{
    color:#345370;
    text-decoration:none;
}


/* type */

h1, h2, h3, h4{
    margin-top:0;
    line-height:1em;
    font-weight:normal;
    font-family:"Sansumi Extra Bold";
}

h1{
    font-weight:normal;
    color:#446D92;
}

#home h1{
    float:right;
    margin:40px 40px 0 0;
    font-size:1.7em;
    font-weight:normal;
    font-style:italic;
    font-variant:normal;
    font-family:"Times New Roman", serif;
    width:500px;
    line-height:1.25em;
    padding-top:80px;
    background: url(images/stratosphere_logo_lg.gif) no-repeat;
}

h2{
    font-weight:normal;
    font-size:1em;
    letter-spacing:.025em;
}
#clients .circles h2{
    margin:30px 0 0;
    color:#446D92;
    font-family:"Sansumi Regular";
    font-size:1.5em;
    font-weight:normal;
}

.pullquote h2{
    font-family:Helvetica, Arial, sans-serif;
    font-size:1em;
    margin-bottom:1em;
    text-align:center;
    font-weight:normal;
    color:#174b7b;
}

.wide_sub_column h2, h2.list_heading{
    font-size:1em;
    font-weight:bold;
}
h3{
    font-size:.85em;
    font-weight:bold;
    letter-spacing:.035em;
    margin-bottom:.5em;
}
#about h3{
    color:#446D92;
}
#why h1{
    font-size:1.75em;
}
#why h3{
    margin-top:2em;
    color:#FBAB0A;
    font-size:1.125em;
    font-family:"Sansumi Extra Bold";
    font-weight:normal;
}
#techniques #copy h3{
    color:#9F1918;
    font-family:"Sansumi Regular";
    font-weight:normal;
    font-size:1.25em;
}
#why #copy strong{
    font-family:"Sansumi Extra Bold";
    font-size:1em;
    font-weight:normal;
    color:#446D92;
}

p{
    margin:0 0 1.5em;
    font-size:.85em;
    line-height:1.5em;
}

#nav p{
    float:right;
    padding-right:15px;
    margin:18px 10px 0 0;
    font-size:.75em;
    color:#7c7c7c;
}

#home #copy{
    color:#fff;
}

#home #copy p{
    font-size:.85em;
    line-height:1.5em;
}


#footer p{
    margin:20px 0 10px;
}

.pullquote{
    font-family:"Times New Roman", serif;
    font-size:1.25em;
    line-height:1.75em;
    margin:0 0 1.5em 0;
    padding:10px;
    float:left;
    clear:both;
    border:1px solid;
}







/* forms */
form{
    margin-bottom:10px;
}
fieldset{
    border:none;
    padding:0;
    margin:0;
}

label, input, textarea{
    float:left;
    clear:both;
    font-size:.75em;
}
input, textarea{
    height:13px;
    width:200px;
    margin-bottom:10px;
    padding:2px;
    border:1px solid #eaae27;
    color:#7c7c7c;
    background-color:#eee;
}
textarea{
    height:60px;
    font-family:Helvetica, Arial, sans-serif;
}
#home input, #home textarea{
    width:200px;
    background-color:#a5a39f;
    border:1px solid #eee;
    color:#eee;
}
#home textarea{
    height:60px;
}
input.submit{
    width:50px;
    height:20px;
    color:#7c7c7c;
}
#home input.submit{
    width:50px;
    height:20px;
    background-color:#a5a39f;
}




/* lists */
 ul{
    padding:0;
}
 li{
    list-style-type:none;
    padding-left:25px;
    margin:10px 0;
    font-size:.75em;
}

#nav ul{
    margin:42px 0 0 10px;
    padding:0;
    float:left;
    border:none;
    font-size:1.1em;
    line-height:.75em;
}

#home #nav ul{
    margin:85px 0 0;
    padding:0;
    float:left;
    line-height:1em;
}
#nav li{
    display:inline;
    margin-right:20px;
    padding:0;
    border:none;
    background:none;
}

.wide_sub_column li{
    font-weight:bold;
}

#home .sub_column ul{
    margin:0 0 0 13px;
    padding:0;
    font-size:.75em;
    border:none;
}

#home .sub_column ul{
    margin:0;
    padding:0;
}

#home .sub_column ul.left{
    margin-right:20px;
}

#home .sub_column li{
    background:none;
    margin:0 0 0 12px;
    padding:0;
    font-size:1em;
    letter-spacing:.05em;
    list-style-type:disc;
}

#footer ul{
    width:300px;
    margin:0 auto;
}
#footer li{
    float:left;
    margin:0;
}
#footer li.bcw{
    margin-top:2px;
}
#footer li.linkedin{
    margin-top:8px;
}

#clients .circles ul{
    margin:0;
    padding:0;
    text-align:center;
    font-family:"Sansumi Regular";
    font-size:1.5em;
    float:left;
}
#clients .circles ul.cat1{
    margin:40px 0 0 20px;
    color:#AA6D00;
}
#clients .circles ul.cat2{
    margin:50px 0 0 50px;
    color:#9F1918;
}
#clients .circles ul.cat3{
    clear:left;
    margin:90px 0 50px 105px;
    color:#327554;
}


#why #copy li{
    padding:0;
    color:#000;
}

#services #content ul{
    float:left;
    margin:0;
}
#services #content ul.last{
    margin-left:15px;
}
#services #content li{
    padding:0;
    margin:0 0 .5em;
}

#techniques #copy ul{
    font-family:"Sansumi Regular";
    font-size:1.6125em;
    float:left;
}
#techniques #copy li{
    padding-bottom:.5em;
}
#techniques #copy ul.cat1{
    margin:15px 0 0 60px;
    color:#FBAB0A;
}
#techniques #copy ul.cat2{
    margin:170px 0 50px 55px;
    color:#327554;
}
#techniques .bottom_txt{
    width:385px;
    float:left;
    margin:80px 0 10px 220px;
}
#techniques .bottom_txt p{
    margin-bottom:0;
}

/* layout */
#nav_wrap{
    text-align:center;
    background: url(images/nav_wrap_bg.gif) top center no-repeat;
    margin:0;
}
#nav{
    width:1000px;
    height:100px;
    margin:0 auto;
    background:#fff url(images/nav_bg.jpg) no-repeat;
}

#home #nav{
    margin:0;
    float:left;
    height:145px;
    background-image:url(images/home_nav_bg.jpg);
}

#nav #logo{
    float:left;
    margin:28px 30px 0;
}

#home #nav #logo{
    margin:72px 30px;
}


#banner{
    clear:both;
    padding:0 30px;
    height:334px;
    color:#7c7c7c;
    background:#fff url(images/banner_bg.jpg) no-repeat;
}

#content{
    clear:both;
    padding:40px 30px;
    background:#fff url(images/content_bg.gif) bottom repeat-x;
    color:#7c7c7c;
    overflow:auto;
}

#copy{
    float:left;
    margin-left:30px;
    width:570px;
}

.client{
    margin-right:30px;
}

#sidebar{
    width:180px;
    float:right;
    padding:60px;
    border-left:1px dotted;
}

#home #copy{
    float:none;
    width:auto;
    padding:60px 0 0 20px;
    margin:0;
    overflow:auto;
    color:#fff;
    background:url(images/home_copy_bg.jpg) no-repeat;
}

.column, .column_center{
    width:240px;
    margin:30px 0;
    padding:0 20px;
    float:left;
}

.column_center{
    width:300px;
    margin:30px 20px 30px 15px;
    padding:0 20px 0 45px;
    border-left:1px dotted;
    border-right:1px dotted;
}

.sub_column, .sub_column_left{
    float:left;
    margin:0;
}

.wide_sub_column{
    float:left;
    width:225px;
    margin:20px 50px 20px 0;
}

.clients{
    margin-top:40px;
}

#techniques #content{
    padding-bottom:0;
    background:url(images/techniques_bg.jpg) no-repeat 0 322px #fff;
}
#clients #content{
    background:url(images/bg_circles.jpg) no-repeat 60px 730px #fff;
}
#why #content{
    background:url(images/bg_circles_lg.jpg) no-repeat 0 380px #fff;
}
#services #content{
    background:url(images/bg_circles_lg.jpg) no-repeat 0 250px #fff;
}
#services .qualitative, #services .strategic, #services .quantitative{
    width:250px;
    float:left;
}
#services .qualitative{
    margin:40px 0 0 20px;
}
#services .strategic{
    width:225px;
    margin:90px 0 0 60px;
}
#services .quantitative{
    margin:15px 0 20px 90px;
}
#services .qualitative h2{
    color:#FBAB0A;
}
#services .strategic h2{
    color:#9F1918;
}
#services .quantitative h2{
    color:#327554;
}
/*
#services .qualitative, #services .quantitative{
    font-family:"Sansumi Regular";
    font-size:.8125em;
}
*/
img.center{
    margin:0 50px;
}
img.center_narrow{
    margin:0 18px;
}

/*
.img_column{
    width:150px;
    float:left;
    margin-top:20px;
}
.img_column_center{
    width:150px;
    float:left;
    padding:100px 60px;
    text-align:center;
}
.img_column img,  .img_column_center img{
    margin:25px 0;
}
*/


#footer{
    clear:both;
    height:157px;
    max-width:1830px;
    margin:0 auto;
    text-align:center;
    font-size:.75em;
    padding:10px 0;
    overflow:auto;
    background:url(images/footer_bg.jpg) repeat-x bottom #db9927;
}

#home #footer{
    background:none;
    height:auto;
}





