@import url("basic.css");
@media screen{

body{background-color:#e9e9ea;}
h1{color:#f37421; font-size:300%; font-weight:normal;}
h2{color:#f37421; font-size:170%; font-weight:normal;}

#box1{text-align:center;}
#box2{
width:980px;
margin:0 auto;
text-align:left;
background-color:#fff;
}
.space{height:15px; background-color:#e9e9ea; display:none;}
#box3{padding:15px 20px;}

#logo{background:url(../img/logo.gif) no-repeat;}
#logo a{display:block; width:230px; height:47px;}
#logo a span{position:absolute; left:-9999px; top:-9999px;}

#navigation{
margin-top:15px;
color:#666;
height:19px;
margin-bottom:-5px;
}


#navigation li, #subnavigation li {display: block; float: left; font-weight:bold;}
#navigation a, #subnavigation a{text-decoration:none; text-transform:uppercase; font-size:95%;}
#home a:hover, #about a:hover, #what a:hover, #approach a:hover, #team a:hover, #clients a:hover, #case_studies a:hover,#news a:hover, #contact a:hover
{background:#807f83 url(../img/whiteEnd.gif) no-repeat 100% 0; color:#fff;}

#navigation li a{padding:0 20px 0 10px;}
#navigation a{color:#807f83;}
#subnavigation{clear:both; background-color:#807f83; display:block; height:2em; line-height:2em; font-size:90%;}
#subnavigation li a{margin:0 10px; color:#bfc1c9;}
#subnavigation li a:hover{color:#fff;}

#body{clear:both; margin-top:10px;}
#body p, #block_1, .box{line-height:110%;}

#bigImg{width:235px; height:250px; margin:5px -10px 5px -10px;}

#block_1 .bg{
    background-color:#f37421; 
    padding:3px 0;
    min-height:312px;
    height:!important:auto;
    height:312px;
}

/*Equal column height*/
#block_1{
width: 25%;
color:#fff;
font-weight:bold;
}
* html #block_1{
display: inline;
}
#block_2{
width: 75%;
font-size:85%;
}

#block_2 a{color:#f37421;}

#block_1, #block_2{
    float: left;
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}




#boxes{margin:10px 0; height:110px; position:relative;}
#boxes a{color:#fff;}
#boxes .title{
background:#807f83 url(../img/whiteEnd.gif) no-repeat 100% 0;
padding:3px 10px;
color:#fff;
font-size:85%;
margin-right:30%;
}
#boxes .title h3{font-weight:normal; font-size:100%; text-transform:uppercase; font-weight:bold;}
#boxes .img{float:left; width:100px; height:90px; margin-right:5px;}
#boxes .contentBox{background-color:#c5c19d;}
#boxes .text{ 
color:#fff;
font-size:85%;
min-height:70px;
height:auto!important;
height:70px;
padding:5px;
}

.box{float:left; width:36%; margin-left:1%;}
.box1{width:25%; margin-left:0%;}
.box3{width:37%;}

#footer{
margin-top:10px;
padding-top:5px;
border-top:1px solid #807f83;
font-size:75%;
}
#footer #credits{float:right;}
#footer a{color:#807f83;}

.container{margin:5px 10px;}
#block_2 .container{margin:0px 15px;}
.orange{color:#f37421;}
.orange a{color:#f37421;}

#block_1 p{margin:0;}

}

@media all and (min-width: 0px)
{
    #block_1, #block_2{
    	padding-bottom: 0 !important;
    	margin-bottom: 0 !important; 
    }
    #block_1:before, #block_2:before{
    	content: '[DO NOT LEAVE IT IS NOT REAL]';
    	display: block;
    	background: inherit;
    	padding-top: 32767px !important;
    	margin-bottom: -32767px !important;
    	height: 0;
    }
}

#wrapper{
position: relative;
overflow: hidden;
}
#wrapper{
float: left;
float/**/: none;
}
#wrapper:after{
content: '[DO NOT LEAVE IT IS NOT REAL]'; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#wrapper{display: inline-block;}
/*\*/
#wrapper{display: block;}
#footer{clear: both;}
* > #footer, * > form, * > #notes, * > .output{
	position: relative;
	z-index: 1000;
}
/* End equal column height */

@media print {
   body{font-size:15pt;}
   #head, #footer, #boxes, #block_1{display:none;}
}

/* Be nasty to Safari */
@media all {
@import url(safari.css);
/* rules */
}
/* End be nasty to Safari */