@import "/common/css/editor.css";
/*===========================

Blue Bike Architects 

Colors:

Cyan - 			#47c8f4
Olive Green - 	#a0a718
Gray - 			#6e7072
Navy - 			#022e49

============================*/

/*===========================

	Global CSS 
	
============================*/

/*=============================

	Structure & Layout
	
==============================*/
body
{
   background-color: #333333;
}
div#wrapperToCenter {
	background-image: url(/common/images/olivegreenBg.png);
	background-position: left;
	background-repeat: repeat-x;
	/* width: 995px; */
	position: relative;
	margin: 0;
	padding: 0;
}

div#header {
	background-image: url(/common/images/header.png);
	background-position: top;
	background-repeat: no-repeat;
	height: 150px;
}

.logoWrapper {
    position:relative;
}
.logo {
	position: absolute;
	top: 49px;
	left: 25px;
	width: 223px;
	height: 64px;
}

div#mainContent {
	height: 768px;
	width: 995px;
	margin: 0 auto;
	padding: 0;

}

div#mainFeature {
	height: 581px;
	width: 995px;
	float: left;

}

#leftCol, #rightCol, #topLeft, #bottomRight, #bottomLeft {
	background-image: url(/common/images/thirtyPercentOverlayBg.png);
	background-repeat: repeat;
	float: left;
}

#leftCol {
	height: 380px;
	width: 215px;
	margin: 100px 15px 15px 140px;
	/* padding: 10px; */
	padding-left: 0;
}

div.leftBody
{
    padding-left: 10px !important;
    padding: 10px;
}


#rightCol {
	height: 270px;
	width: 540px;
	margin: 100px 0 15px 0;
	padding: 10px;
}

#rightCol h3 {
	padding-bottom: 10px;
}

#imgHolder {
	height: 270px;
	width: 555px;

}

#bottomRight {
	height: 95px;
	width: 550px;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}

.bottomLeftBody, .bottomRightBody, .topLeftBody, .topRightBody  {
	margin: 5px;
	padding: 10px;
}

#bottomLeft {
	height: 95px;
	width: 565px;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}

.download, .downloadS {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	float: right;
	width: auto;
}

.download {
	height: 22px;
	padding: 0 0 0 5px;
}

.downloadS {
	height: 18px;
	padding: 5px 0 0 0;

}

div#footer {
	height: 37px;
	width: 995px;
	/* background-color: #333333; */
	float: left;
	position:relative;
}


div#footerShadow {
	background-image: url(../images/shadowFooterSm.png);
	background-repeat: repeat-x;
	height: 35px;
	margin: 0 auto;
	padding: 0;
}


/*=============================

	Navigation
	
==============================*/
.nav {
	position: relative;
}
.footerNav 
{
    position:absolute;
	width: auto;
	margin: 15px 0 0 0px;
	padding: 0;
	right: 30px;
}

.login, .contact, .employment, .space {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	float: left;
}

div.login {
	width: 690px;
}

div.contact, div.employment {
	margin: 0 25px 0 0;
}
div.copyright
{
    position:absolute;
    right: 30px;
    top: -20px;
    font-size:10px;
}

.footerNav a, .footerNav a:visited {
	color: #a0a718;
	text-decoration: none;
}

.footerNav a:hover {
	color: #47c8f4;
	text-decoration: none;
}

/*=============================

	Text
	
==============================*/


.profile, .projects, .news {
	color: #ffffff;
	padding-left: 2px;
	padding-right: 2px;
}

.profile {
	background-color: #47c8f4;
}

.projects {
	background-color: #002c47;
}

.news {
	background-color: #a0a718;
}

/********************************
 *        SLIT SHADOWS          *
 ********************************/

/* section positioning */
.slitShadows .left
{
    position:absolute;
    z-index:1000;
    top:85px;
    left:0px;
    width: 20px;
    height: 378px;
    background-repeat: no-repeat
}
.slitShadows .right
{
    position:absolute;
    z-index:1000;
    top:85px;
    right:0px;
    width: 20px;
    height: 378px;
    background-repeat: no-repeat;
}
.navShadow
{
	position: absolute;
	z-index: 1000;
	top: 115px;
	left: 0px;
	width: 20px;
	height: 110px;
	background-repeat: no-repeat;
	background-image: url("/common/images/shadow/nav_left_fade.png");
}

.slitShadows .left
{
    background-image: url("/common/images/shadow/left_fade.png");
}
.slitShadows .right
{
    background-image: url("/common/images/shadow/right_fade.png");
}


/********************************
 *        COMMON                *
 ********************************/
.navArrows
{
    margin-top:20px;
    text-align:center;
}
.documentLink
{
    color:#000000;
}
.documentLink span
{

    margin:0px 5px 0px 5px;
    padding:2px 5px 2px 5px;
    text-align:center;
}


.opacityHideInitially
{
  	opacity:.0;
	filter:alpha(opacity=0);    
}

div.sliderControl .tabPanel
{
    /*text-align:center;*/
    background-color:#86885C !important;
}

div.sliderControl .imgButtons
{
    position:absolute;
    bottom:12px;
    margin-left:15px;
    text-align:center;
    margin-top:10px;
}

div.sliderControl .imageButtonCenterDiv
{
    text-align:center;
}

div.sliderControl .imgButtons a
{
    margin: 0px 3px;
}

/********************************
 *        AWARDS                *
 ********************************/
div#awardsPage #rightCol {
	padding: 0 10px 10px 0;
	height: 390px;
	width: 405px;
}
div#awardsPage div#imgHolder
{
    margin-left: 10px;
}

/********************************
 *        CLIENTS               *
 ********************************/

/* Client listings */
div#clientsPage .colOne, div#clientsPage .colTwo, div#clientsPage .colThree {
	height: 355px;
	width: 230px;
	margin: 0 25px 0 0;
	color: #6e7072;
	float: left;
}

div#clientsPage #leftCol {
	height: 390px;
	width: 800px;
	margin: 100px 15px 15px 140px;
	padding: 0 10px 10px 0;
	float: left;
}


/********************************
 *        CONTACT               *
 ********************************/
div#contactPage #rightCol {
	padding: 0 10px 5px 0;
	height: 200px;
}

div#contactPage #topLeftBody {
	margin: 0;
	padding: 0;
}
div#contactPage p {
	padding: 0;
	margin: 0;
}
div#contactPage .form label
{
    float:left;
    width:100px;
}

div#contactPage .form input, div#contactPage .form textarea
{
    float:left;
    width:250px;
}

div#contactPage .form .tall
{
    height:100px;
}

div#contactPage .form input.button
{
    width:auto;
    border-color:#a0a718;
    color:#000000; /* 002c47 */
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    margin-left:104px;
	padding: 2px;
	background-image: url(/common/images/buttonBackground.png);
	background-repeat: repeat-x;
	height: 25px;
}

div#contactPage .form .column2
{
    margin-left:103px;
    margin-top:10px;
}

/********************************
 *        DEFAULT               *
 ********************************/



/********************************
 *        EMPLOYMENT            *
 ********************************/
div#employmentPage #rightCol {
	padding: 0 10px 10px 0;
	height: 390px;
	overflow:hidden;
}

div#employmentPage .scrollColumn
{
	height: 360px !important;
	overflow-y: auto !important;   
}


/********************************
 *        FEATURED              *
 ********************************/
div#featuredPage
{
    margin-top:130px;
}

/********************************
 *        PEOPLE                *
 ********************************/
div#peoplePage
{
    margin-top:130px;
}


/********************************
 *        PHILOSOPHY            *
 ********************************/

div#philosophyPage #leftCol {
	width: 555px;
}

div#philosophyPage #rightCol {
	padding: 0 10px 0 0;
	height: 95px;
	width: 245px;
}


/********************************
 *        PRESS                 *
 ********************************/
div#pressPage #rightCol {
	padding: 0 10px 10px 0;
	height: 390px;
	width: 405px;
}
div#pressPage div#imgHolder
{
    margin-left: 10px;
}

/********************************
 *        RELEASES              *
 ********************************/
div#releasesPage
{
    margin-top:80px;
}
div#releasesPage .releasePanel
{
	background-image: url(/common/images/thirtyPercentOverlayBg.png);
	background-repeat: repeat;
	float: left;

	height: 300px;
	width: 615px;
	margin: 25px 50px 0px 0px;
	padding: 10px 0px 10px 0px;
}
div#releasesPage .releasePanel .innerPanel
{
    position:relative;
    height:300px;
}

div#releasesPage .date
{
    font-family: "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:10px 0 10px 0;
    padding-left:10px;
    padding-right:10px;
    color: #47c8f4/* A0A718 */;
    font-size: 11px;
    font-weight: bold;
}

div#releasesPage .copy
{
    padding-left:10px;
    padding-right:10px;
}

div#releasesPage .pdfLink
{
	font-family: "Lucida Grande", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    position:absolute;
    bottom:10px;
    left:0px;
    float:none;
    padding-left:10px;
    padding-right:10px;
}

div#releasesPage .pdfLink .downloadS
{
    float:none;
    text-transform:uppercase;
}

div#releasesPage .pdfLink .downloadS .news
{
    padding:1px 5px 2px 5px;
    margin-right:5px;
}


/********************************
 *        SERVICES              *
 ********************************/
div#servicesPage #leftOne {
	width: 190px;
	height: 400px;
	float: left;
	margin: 100px 0 0 140px;
	padding: 0;
}
div#servicesPage #rightCol {
	height: 370px;
	margin: 100px 0 15px 15px;
	padding: 10px;
	float: left;
}
div#servicesPage #topLeft {
	height: 280px;
	width: 190px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}

div#servicesPage #bottomLeft {
	height: 85px;
	width: 180px;
	margin: 15px 0 0 0;
	padding: 10px 10px 0 0;
	text-align: right;
	float: left;
}

div#servicesPage .bottomLeftBody {
	text-align: left;
}
/* Dual Right Columns (Bio & Image) */

div#servicesPage .rightColOne, div#servicesPage .rightColTwo {
	float: left;
}

div#servicesPage .rightColOne {
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	height: 370px;
	width: 185px;
}

div#servicesPage .rightColTwo {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 340px;
}

			
div#servicesPage #imgHolder {
	height: 270px;
	width: 400px;
}

.contentLink
{
    margin:0px 0px 3px 0px;
    padding: 3px;
}
.contentLink a
{
    color:#333333;
}
.activeContent
{
    background-color:#ffffff;
}


/********************************
 *        SPACE                 *
 ********************************/
div#spacePage #leftOne {
	height: 400px;
	width: 350px;
	float: left;
	margin: 100px 0 0 140px;
	padding: 0;
}
div#spacePage #topLeft {
	height: 280px;
	width: 350px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}

div#spacePage #bottomLeft {
	height: 85px;
	width: 350px;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	text-align: left;
	float: left;
}
div#spacePage .bottomLeftBody {
	padding-top: 0;
}

div#spacePage #rightCol {
	margin: 100px 0 0 15px;
	padding: 10px;
	height: 370px;
	width: 425px;
}
div#spacePage h3 {
	padding: 0;
	margin: 0;
}
/********************************
 *        Document List         *
 ********************************/

div#docs div.docRow
{
    float:right;
    width: 170px;
    margin-top: 10px;
}
div#docs div.docRow div.leftLink
{
    float:right;
    width: 120px;
    padding: 0 5px 0 0;  
}
div#docs div.docRow div.leftLink a
{
    text-decoration:none;
    color:Black;    
}
div#docs div.docRow div.rightLink
{
    background-color: #a0a718;
    width: 36px;
    text-align:center;
    float: right;
}
div#docs div.docRow div.rightLink a
{
    text-decoration:none; 
    color: White;       
}