/* 
    Name: Core Industries
    Date: Dec 2009 
    Author: Corey Szopinski / Megan MacMurray
    Autor URI: http://core-industries.com 
*/  


/* Imports */
@import url("/css/reset.css");  


/* Global */
body{
	background-color: #6d6d6d;     
	font: 18px/1 'Helvetica Neue', 'Myriad Pro', 'Trebuchet MS', Trebuchet, 'Lucida Sans', Arial, FreeSans, sans-serif;
	height:100%;
}

a, a:active{
	text-decoration: none;
	color: #0CA2FE;
}
a:hover{
	color:#f00b51;
	text-decoration: underline;
}

p{
	font-size: 18px;
	color: #4b4b4b;
	line-height: 24px;
	
	/* IE 7&8 fix */
	position:relative;
	z-index:1;
}

/************HEADINGS**************/

h1 {
	font-size: 22px;
}   

h2 {
	font-size: 26px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

h1, h2, h3, h4{
	color: #fff;
}

img, img a{
	border: none;
}


/* Selected Text */
::-moz-selection {background: #EC0477; color: #fff; padding: 3px;}
::selection {background: #EC0477; color: #fff; padding: 3px;}



/* HTML5 tags */
#header, #section, #footer, #aside, #nav, #article, #figure, #details {
	display: block;
} 
address{
	display:inline;
}



/* colors */

.gray{
  color: #9a9a9a;
}

.blue{
	color: #03a2fe;
}


/********* Template ************ */  

 /*we need this to place the dropshadow bg image which is wider than the container*/        
/*
#background{
	 background: #DDD url('../cdn/img/global/content_bg.gif') repeat-y center center;
	 width: 1260px;
	margin:0 auto;
	
}
*/
#display{
	width: 980px;
	margin:0 auto;
/* 	border: solid; */
}

#container{
	background-color: #e7e7e7;  
	width: 1204px;
/* 	width: 980px; */
	margin:0 112px 0px -112px; 	/* pops off the edges, so browser can size down to display */
	border-top: solid 1px #6d6d6d; 	/* removing this puts an ugly boarder at the top of the page. why? no idea */ 
	
/* 	border:solid;  */
	position: relative;   
/* 	vendor-box-shadow: 27px 27px 27px 27px #000; */
	height:100%; 
  
}



  






/* *********Header************ */
#header{
/*	height:186px;*/
	margin-top: 22px;
	position: relative; 
}
  


/* header nav ul { list-style: none; margin: 0 auto; }   */

#logo{
	position: absolute;
	top: 0px;
	left: 952px;
}

#nav{ 
	width: 980px;
	height: 40px;
	margin: 0px 0px 0px 96px;  

}

#nav a{
	color:white;
	text-decoration: none;
	margin-right:2px
}   

#nav ul{
   height: 16px;
   background: #e7e7e7 url('../cdn/img/global/nav_bg.jpg') no-repeat;
   padding: 11px 0px 13px 10px;   
   color: #bdbcbc;

}
#nav ul li{
	display: inline;
	line-height: 18px;
	padding: 0 11px;
} 

#nav ul li a{
	color: #bdbcbc;
	text-decoration: none;   
}

#intro, #about_intro{
	margin: 30px 0px 0px 113px;
   
}

#about_intro{
	width: 800px;
}

#about_intro h1{
	font-size: 21px;  
	line-height: 25px;
	margin-bottom: 10px;
}
 

#intro h1, #intro h2, #intro a p, #intro a:active p{
	font-size: 20px;
	font-weight: bold;
}

#about_intro h1, #intro h1{
    color: #0298c3; 
}

#intro h2{
	color: #4c4c4c; 
	margin: 30px 0px 0px 113px;
}

#intro a p, #intro a:active p{
	color: #ec0477;
	text-decoration: none;
	display: block;
	margin-top: 10px;
	padding: 0px;
}

#intro a:hover p{
}

#update{
	border:2px solid #ccc;
	width:780px;
	font-size:12px;
	margin:15px 0 0 0;
	background:#d9d9d9;
	padding:10px;
}
#update p{
	font-size:11px;
}
#update h4{
	color: #666;
	font-size:13px;
}






/********** Footer*********** */
#footer{
	margin-top:50px;
	padding: 30px 113px 5px 112px;
	font-size: 18px; 
	line-height: 30px;
	color: #FFF;
	background-color: #353333;
	height:171px; 
	position: relative;
	width:980px;
}

/*
#footer_bg{
   	 width: 1260px;
	 margin:0 auto;
	 margin-bottom: 50px;
}
*/
#footer small{
	color: #747474;
}
 
#footer_desc{
	width: 480px;
	position: absolute;
} 

#footer_desc a, #footer_desc a p, #footer_desc a:active p{
	color: #ec0477;
	text-decoration: none;
	font-size: 18px;
	display: inline;
}

#footer_contact{
	color: #b9b8b8;
	text-align: right;
	width: 410px;
	color: #b5b4b4;
	position: absolute;
	left: 700px;
	top: 100px;	
}

#footer_contact p{
	font-size: 12px;
	color: #b9b8b8;
}

#footer_contact h4{
	color: #b9b8b8;
	font-size: 24px;
}
 





/*************HOME**************/

#portfolio{
	margin:20px 0 0 0;
}


.project{
	margin-bottom: 15px;   
}  

.abstract_img{
	width: 600px;
	height: 310px;
	background-color: #CCC;
}

.summary{
	width:980px;
	height: 311px; 
	padding: 17px 112px 17px 113px;
	position: relative;
} 


.summary .abstract_img img{
	position: absolute;
	top: 17px;
	left: 112px;	
}

.summary h1{
	position: absolute;
	left:730px;
	top:40px;
}

.summary .abstract{
	position: absolute;
	width:350px;
	top:70px;
	left:730px;
} 

.summary ul{

}

.summary li{
	margin:5px 0;
	color:#fff;
}
.summary li a{
	color:#fff;
	text-decoration: none;
}
.summary li a:hover{
	text-decoration: underline;
}



.casestudy{
	padding: 20px 112px 20px 112px;
	position: relative;
	display:none; 
}

.lazyload{
	background: url('/cdn/img/loaders/cccccc.gif') no-repeat center center;
	}
.viewdetails{
	position:absolute;
	top:311px; 
	left:748px;	
	cursor:pointer;
}
.summary .notch{
	position:absolute;
	bottom:-1px;
	left:728px;
}

.summary{
	top: 0px;
    left: 0px;
    color: #d7d4d4;
}

#p1 .summary{ 
	cursor:pointer;                                        
	background: #f57d00 url('../cdn/img/home/projects/lincoln_cntr/bg.jpg') no-repeat top left;
}  

#p1 .summary:hover{                                         
	background: #f57d00 url('../cdn/img/home/projects/lincoln_cntr/bg.jpg') no-repeat top left;  
	background-position:  0px -345px;
	
	}        
	
#p1 .selected{                                         
	background: #f57d00 url('../cdn/img/home/projects/lincoln_cntr/bg_active.jpg') no-repeat top left !important;  
	background-position:  0px;

	} 

#p2 .summary{ 
	cursor:pointer;                                        
	background: #54a906 url('../cdn/img/home/projects/croc/bg.jpg') no-repeat top left;
}  

#p2 .summary:hover{                                         
	background: #f57d00 url('../cdn/img/home/projects/croc/bg.jpg') no-repeat top left;  
	background-position:  0px -345px;
	}        
	
#p2 .selected{                                         
	background: #f57d00 url('../cdn/img/home/projects/croc/bg_active.jpg') no-repeat top left !important;  
	background-position:  0px;
	}

#p3 .summary{
	background: #37add8 url('../cdn/img/home/projects/liveearth/bg.jpg') no-repeat top left;  
	background-position: 0px;
    display: block;  
	cursor:pointer;                                        
} 

#p3 .summary:hover{                                         
	background: #37add8 url('../cdn/img/home/projects/liveearth/bg.jpg') no-repeat top left;  
	background-position:  0px -345px;
	}        
	
#p3 .selected{                                         
	background: #37add8 url('../cdn/img/home/projects/liveearth/bg_active.jpg') no-repeat top left !important;  
	background-position:  0px;
}
#p4 .summary{
	background: #8c0d00 url('../cdn/img/home/projects/mandeladay/bg.jpg') no-repeat top left;  
	background-position: 0px;
    display: block;
	cursor:pointer;                                        
}

#p4 .summary:hover{                                         
	background: #8c0d00 url('../cdn/img/home/projects/mandeladay/bg.jpg') no-repeat top left;  
	background-position:  0px -345px;
	}        
	
#p4 .selected{                                         
	background: #8c0d00 url('../cdn/img/home/projects/mandeladay/bg_active.jpg') no-repeat top left !important;  
	background-position:  0px;
} 

#p5 .summary{
	background: #037bb6 url('../cdn/img/home/projects/onepercent/bg.jpg') no-repeat top left;  
	background-position: 0px;
    display: block; 
	cursor:pointer;                                        
} 

#p5 .summary:hover{                                         
	background: #037bb6 url('../cdn/img/home/projects/onepercent/bg.jpg') no-repeat top left;  
	background-position:  0px -345px;
	
	}        
	
#p5 .selected, #p5 .selected:hover{                                         
	background: #037bb6 url('../cdn/img/home/projects/onepercent/bg_active.jpg') no-repeat top left !important;  
	background-position:  0px;
}

#p3 .summary p{
	color: #2b2b2b;
}
#p4 .summary p, #p5 .summary p{
	color: #d7d4d4;
}


.summary a, .summary h1, .summary .abstract, .summary img, .summary .abstract_img img{
	z-index: 1;   /*zindex needed to keep elements infront of background hover state  */
} 

p.award{
	margin-top: 20px;
}



/*********Contact************/



#contact_info{ 
/*	width: 410px;
*/	color: #b5b4b4;
	position: absolute;
	top: 20px;
}

#contact h1{
	margin-bottom: 20px;
}

#contact_info h4{
	font-size: 24px; 
	color: #fff;
	padding-bottom: 5px;
}

#contact p{
	color: #fff;
	font-size: 16px;
	margin-bottom: 25px;
}

#contact p.gray{
	color: #4C4C4C;
	padding-top: 5px;
}

#followus{
	position: absolute;  
	left: 580px;
	top: 20px;
}

 

a.clar_bold{
	color: #ec0477;
	padding-bottom: 5px;
}



/*************contact us**************/
#contact {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	text-align: left;
	height:352px;
	color: #b5b4b4;
	font-size: 16px;     
} 

#contact_button_mask{
	position: absolute;
	height:140px;
	width:51px;
	top:106px;
	overflow: hidden;
}

#contact_button{
	position: absolute;
	left:-15px;
	opacity:.75;
	filter: alpha(opacity = 75);
}

#contact #content{
	background-image: url(/cdn/img/contactus_bg.png);
	display: none;
	position:relative;
	width:1093px;
	height:335px;
	opacity:0;  
	filter: alpha(opacity = 0);
	color:#FFF;
	padding: 10px 0px 0px 112px;
}

#contact #contact_button_close{
	display:none;
	opacity:0;
	filter: alpha(opacity = 0);
	position: absolute;
	top:127px;
	left:9px;
	z-index: 3;
}

#contact_nav, #contact_button{
	cursor: pointer;
}
/** MAP **/
#map{
	position:relative;
	top:15px;
	left:650px;
}
#map_frame{
	position:relative;
	top:15px;
	left:650px;
	width:300px;
	height:300px;
}
#map_container{

}




/*************CASE STUDY**************/
.casestudy{
	color:#4b4b4b;
	font-size:18px;
	line-height:24px;
	position: relative;
}

.casestudy_closebutton{
	position: absolute;
	top:15px;
	left:743px;
	background-color:#e7e7e7;
	z-index: 1;
	opacity:0;
	cursor:pointer;

}
.casestudy #clientlink{
	font-size:16px;
	color: #0CA2FE;
	position: absolute;
	right:112px;
	top:49px;
	text-decoration: none;
}
.casestudy h1{
	font-size: 26px;
	color: #EC0477;
	margin:0 0 -10px 0;
	padding: 0;
}
.casestudy h3{
	font-size: 16px;
/* 	color: #242424; */
	color: #999;
	margin:20px 0 5px 0;
	padding: 0;
}

.casestudy h4{
	color:#4b4b4b;
	font-size: 16px;
}
.casestudy p{
	width: 540px;
	margin:10px 0 0 0;
	padding: 0;
/* 	color: #999; */
}

.casestudy p a{
	color:#333333;
	text-decoration: underline;
}

.casestudy #aside{
	position:absolute;
	background-color:#FFF;
	left:735px;
	top:130px;
	width:300px;
	padding:20px 20px 0 20px;
	border: 1px solid #999;
/* 	opacity:0; */
}

.casestudy #aside img{
	display:block;
	margin:10px 0;
	background-color: #ccc;
	}
	
.casestudy #aside p{
	font-style: italic;
	font-size: 13px;
	width:300px;
	text-align: right;
	margin:-10px 0 20px 0;
}

.casestudy #services ul{
	
}

.casestudy #services li{
	background-color: #EC0477;
	display: inline;
	margin:0 1px 0 0;
	padding:3px;
	font-size:14px;
	color:#FFF;
} 

.casestudy ul{
	list-style-image: url('/cdn/img/about/list.gif');
	list-style-position: outside;
	font-size: 15px
}
.casestudy li{
	width: 540px;
	margin:8px 0 0 0;
	padding: 0;
}

.casestudy li:first{
	border: solid;
}


/******ABOUT US******* */  

#team{
  	width:980px;
	padding: 7px 112px 17px 112px;
	position: relative;  
}

#capabilities, #experience, #press, #environment{
  	width:980px;
	padding: 17px 112px 17px 112px;
	position: relative;  
}   
 

#capabilities h2, #experience h2, #press h2, #environment h2{
	border-top: dashed #b2b2b2 1px;
	padding-top:11px;
}
  

#team h2, #capabilities h2, #experience h2, #press h2, #environment h2{
	color: #ec0477;  
	font-size: 26px;
	margin-bottom: 10px;
} 

#bios .b1{
	margin-top: 320px;
}  

#team #headshots img{
	position: absolute;  
}
#team #headshots img.notch{
	position: absolute;
	top: 283px;
	left: 205px;
	display: block;  
}  

#team #headshots img.hidden{
	opacity: 0 !important; 
	filter: alpha(opacity = 0) !important;
	
}

#team #headshots img.hs_hover{
	position: absolute;
	top: 295px;
	opacity: 0;     
	filter: alpha(opacity = 0);
 
}

#team #headshots img.revealed{
	opacity: 1 !important;  
	filter: alpha(opacity = 100) !important;
	
}


#team #headshots .b1 {
	position: absolute;
	cursor:pointer;                                        
} 

#team #headshots .b2 {
	left: 358px;
	position: absolute;
	cursor:pointer;                                        
}

#team #headshots .b3 {
	left: 604px;
	position: absolute;
	cursor:pointer;  
	*padding-top: 3px;                                      
}

#team #headshots .b4 {
	left: 850px;
	position: absolute; 
	cursor:pointer;                                        
} 

#bios{
	position: relative;
	display: block;
	height: 440px;   
	*height: 750px;
}

#bios p, #environment p{
	font-size: 13px;
}  

#bios .revealed{
	position: relative;
	color: #4b4b4b;
	display: block !important;
}

#bios .b1 .ind_bio, #bios .b2 .ind_bio, #bios .b3 .ind_bio, #bios .b4 .ind_bio{
  	display:none;
}

#bios .b1 .ind_bio{
	height: 440px;
}           

.ind_rec{
	position: absolute;
}

.ind_about{
	padding-top: 15px;
}
.ind_rec{
	top: 0px;
	left: 620px;
}  

ul.ind_rec li{
  font-size: 10px;
  padding-top: 10px;
}

ul.ind_rec lh{
  font-size: 16px;
}
.ind_about{
	width: 560px;
} 
   

/* capabilities */

#capabilities{
	height: 370px;
}
#capabilities p, #experience p, #press p, #environment p{
	width: 560px;
}


#capabilities ul{
	color: #4b4b4b;  
	list-style-image: url('../cdn/img/about/list.gif');
	list-style-position: inside;
	position: absolute;
   	top: 130px;  
	line-height: 30px;
}
#capabilities ul lh{
   	color: #242424;  
 
}

ul#creative{
	left: 430px;
}   

ul#technical{
	left: 730px;
}

/*  experience  */ 

#experience{
	height: 450px;
}
#experience ul{
	font-size: 12px;
	color: #4b4b4b;
	list-style: none;
	position: absolute;  
	top: 180px;
	line-height: 20px;
}
   
#experience img{
	position: absolute;
	top: 170px;
	left: 660px;
}

ul#ex_2{
   left: 300px; 
}

ul#ex_3{
	left: 480px;
} 
    



/*press*/   

#press h3{
     	color: #242424;  
  		font-size: 16px;
		padding-bottom: 0px;
}   

#press .article p{
	font-size: 13px;
	padding: 10px 20px 0px 0px;
	width: 470px;
}

#press .preview p.small, #press .preview p.small a{
	font-size: 11px;
	padding: 0px 0px 10px 0px;
	line-height: 12px;
} 


#press img.press_photo{
	position: absolute;
	left: 730px;
	top: 20px;
}  

#press a, #press a:active{
	font-size: 14px;
	color: #03a2fe;
	text-decoration: none;
}

.preview p{
	padding-bottom: 10px;
}

.press_tout{
	border-bottom: #b2b2b2 solid 1px ;
	position: relative;
	padding: 18px 0px;
}
#garden .preview{ 
	height: 185px;
} 

.preview{ 
	height: 190px;
}


.article{
	display: none; 
	position: relative;
	padding-bottom: 15px;
} 

.rt_col{
	position: absolute; 
	top: 25px;
	left: 490px;
}

.rt_col p{
	padding: 10px 0px 0px 0px;

}


#press .article h4{
	padding: 15px 20px 0px 0px;
	width: 470px;
	font: 15px/1 'Helvetica Neue', 'Myriad Pro', 'Trebuchet MS', Trebuchet, 'Lucida Sans', Arial, FreeSans, sans-serif;
	color: #4B4B4B;
}

#bio_contact{
	margin-top: 25px;
	position: relative;
} 

#bio_social{
	position: absolute;
	top: 7px;
	left: 250px;
}
#bio_contact p{
	font-weight: normal;
	font-size: 18px;
}

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

.read{
	cursor:pointer;                                        
	
}