/* Bossa Nova Base CSS */

/* page and body settings */

            * {
              padding : 0;
              margin : 0;
            }

            html {
              padding : 0; 
              margin : 0;           
            }

            body {
              text-align: left;
              padding: 0;
              margin : 0;
              background-color : #222;
              font: 62.5%  Georgia, Times, "Times New Roman", serif;    
              background-image : url(../images/page/page_bgd.gif);
              background-position : 50% 0;
              background-repeat : repeat-y;    
            }

            a:link     { color: #ffcd33; font-weight: normal; text-decoration: none; }
            a:visited  { color: #ffcd33; font-weight: normal; text-decoration: none; }
            a:hover    { color: #ffcd33; font-weight: normal; text-decoration: underline; }
            a:active   { color: #ffcd33; font-weight: normal; text-decoration: underline; }

            a img     { border : 0; }
            
            img { vertical-align : bottom; }
            
            fieldset { border : none; }

/* begin page layout */

            .border-wrapper {
    	        /*width: 804px;
    	        margin : 0px auto 0 auto;
				border-left : 1px solid #333;
				border-right : 1px solid #333;*/		                                                   
            }  
			
            .page-wrapper {
				margin : 0px auto 0 auto;
				width: 800px;
				padding : 0;   
				/*background-color : #333; 
				border-left : 2px solid #222;
				border-right : 2px solid #222;*/					
				padding : 0; 				                                                   
            }                                      

/* header */

            .header {
              position : relative;
              z-index : 1000;
              margin : 0 0 0 0;		
              padding : 40px 0 0 0;
              width : 100%;  
              height : 100px; 
            }
            
            .home .header {
              height : 130px;  
            }            

            .header .logo {
              margin : 0 auto 0 auto;
              padding : 0;
              font-size : 40px;   
              background-image : url(../images/header/lg_logo_ec.gif);
              background-position : 0 0;
              background-repeat : no-repeat;  
              display : block;
              width : 519px;
              height : 85px;     
            }
            
            .header .logo a {
              display : block;
              outline : none;
              width : 519px;
              height : 85px;               
            }     
            
            .header .logo span {
              position : absolute;
              left : -9999px;
            }               
            
            .header div.logo {  
              background-image : url(../images/header/sm_logo_ec.gif);
              width : 307px;
              height : 62px; 
              margin : 0 0 0 45px;    
            }
            
            .header div.logo a {
              width : 307px;
              height : 62px;               
            }
                        
            .header .intro {
            	position : absolute;
            	top : 30px;
            	right : 20px;
            	width : 420px;				
            	font-size : 150%;
            }       
            
            .primary-nav {
            	position : absolute;
            	right: 50px;
            	top : 62px;
            	list-style-type : none;
            }          
                        
            .primary-nav li {
            	font-size : 1.4em;
            	font-style : italic;
            	float : left;
            	margin-left : 12px;
            }    
            
            .primary-nav li a:link     { color: #666; font-weight: normal; text-decoration: none; }
            .primary-nav li a:visited  { color: #666; font-weight: normal; text-decoration: none; }
            .primary-nav li a:hover    { color: #999; font-weight: normal; text-decoration: underline; }
            .primary-nav li a:active   { color: #999; font-weight: normal; text-decoration: underline; }   
            
            .primary-nav li.current a  { color: #999; font-weight: normal; text-decoration: underline; }         
            
/* default column layout */

            .column-wrapper {
              clear : both;
              width : 700px;
              margin : 0 50px 0 50px;
              float : left;
              position : relative;
              z-index : 0;
            }
            
            .column {
              float : left;
              display : inline;
              padding : 0;
              margin : 0;	             
             }

/* alternate layouts */

			.layout-a .main-col 	{ width : 100%; }

/* main-col contents */

			.common {
				color : #ccc;
				font-size : 1.2em; 	
			}

			.common h1,
			.common h2,
			.common h3,
			.common h4,
			.common h5,
			.common h6 {
				color : #ccc;
				font-weight : normal;
				margin-bottom : 15px;
				line-height : 1.1;
				font-family : Helvetica, Arial, sans-serif;
				text-transform : uppercase;				
			}

			.common h1 { font-size : 2.2em; margin-bottom: 20px;}
			
			.common h2 { font-size : 2.0em; text-transform : none; }			
			.common h2 small { font-size : 60%; float : right; margin : 7px 0 0 0; }									
			
			.common h3 { font-size : 1.4em; margin-bottom : 3px; }			
			.common h4 {
				color : #fff;
				font-size : 1.4em;
				margin-bottom : 5px;
				text-transform : none;
			}
			.common h5 { font-size : 1.4em; }
			.common h6 { font-size : 1.2em; }
			
			.common h4 a:link		{ color : #fff !important; }	
			.common h4 a:visited	{ color : #fff !important; }	
			.common h4 a:hover		{ color : #ffcd33 !important; }	
			.common h4 a:active		{ color : #ffcd33 !important; }	

			.common .alt-link a:link	{ color : #666 !important; }	
			.common .alt-link a:visited	{ color : #666 !important; }	
			.common .alt-link a:hover	{ color : #ccc !important; }	
			.common .alt-link a:active	{ color : #ccc !important; }
			
			.common p {
				margin : 0 0 1em 0;
				font-size : 1.4em;
				line-height : 1.4;
			}	
			
			.common p.indent {
				line-height : 1.4 !important;
			}					

			.common ul {
				margin : 0 0 1.3em .5em;				
				list-style-type : none;
			}

			.common ul li {
				margin : 0 0 0.4em 0;
				padding : 0 0 0 15px;
				background-image : url(../images/icons/ccc_bullet.gif);
				background-position : 0 9px;			
				background-repeat : no-repeat;
				font-size : 1.4em;
				line-height : 1.4;
			}
			
			.common ol {
				margin : 0 0 1.3em 2.5em;
			}

			.common ol li {
				margin : 0 0 0.4em 0;
				font-size : 1.4em;
				line-height : 1.4;
			}           

			.common ul.center {
				margin-left : 0 !important;
				width : 100%;
			}
			
			.common ul.center li {
				background-image : none;
				font-size : 13px;
				font-style : italic;
				padding : 0 !important;
				margin : 0 0 0px 0 !important;
				line-height : 1.3;
				color : #999;
				width : 100%;
			}
			
            .common .post {
            	margin : 0 0 2em 0;
            }
            
            .common .meta {
            	font-weight : bold;
            	font-size : 1.2em;
            	margin : 0 0 1em 0;
            }
            
            .common blockquote {
            	margin : 1.5em 4em 1em 4em;
            	padding : 10px;
            	border : 1px solid #666;
            	background-color : transparent;
            }
            
            .common blockquote.align-left,
            .common blockquote.align-right {
            	width : 200px !important;
            	margin : 0px 20px 0px 20px;
            }                                      
            
            .common blockquote p,
            .common blockquote li,
            .common blockquote h6 {
            	margin : 0 0 5px 0;
            }          
            
            .common .caption {
            	font-size : 12px;
            	font-weight : normal;
            	font-style : italic;
            	margin : 5px 0 5px 0;
            	text-align : center;
            	color : #333;
            }      
                        
            .section 			{ margin-bottom : 4em;	}
                                    
            .section-title 		{
            	margin-bottom : 2em;
            	text-align : center;
            	background-position : 0 50%;		
            	background-repeat : repeat-x; 
            	padding-top : 2px;		          	
            }      
            
            .section-title h3		{
            	background-color : #333;
            	display : inline;
            	padding : 0 10px 0px 9px;
            	line-height : 1;
            	margin : 0 !important;
            }                     
            
            .common p.back-link		{ margin-top : -10px !important; margin-bottom : 20px !important; }
            .common p.back-link a 	{ color : #666 !important; }
            
            .orange			 		{ color : #ef6922 !important; } 
            .orange-bgd			 	{ background-image : url(../images/section_titles/orange.gif); /* background-color : #ef6922 !important; */} 
             
            .yellow			 		{ color : #ffcd33 !important; }
            .yellow-bgd			 	{ background-image : url(../images/section_titles/yellow.gif); /* background-color : #ffcd33 !important; */}
                        
            .red			 		{ color : #cb2027 !important; }   
            .red-bgd			 	{ background-image : url(../images/section_titles/red.gif); /* background-color : #cb2027 !important; */} 
                        
            .blue			 		{ color : #2f67b2 !important; } 
            .blue-bgd			 	{ background-image : url(../images/section_titles/blue.gif); /* background-color : #2f67b2 !important; */}
             
            .dark-blue				{ color : #21409a !important; } 
            .dark-blue-bgd			{ background-image : url(../images/section_titles/dark_blue.gif); /* background-color : #21409a !important; */} 
              
            .grey			 		{ color : #999999 !important; } 
            .off-yellow			 	{ color : #c9982c !important; } 
            .off-orange				{ color : #cc7a29 !important; } 
            .dark-orange			{ color : #cf5227 !important; }  
            
            /*.common .banner {
            	overflow : hidden;
            	width : 690px;
            	height : 150px;
            	margin : 0 0 20px 0; 
            	position : relative;  
            	border : 5px solid #222;             	
            }*/
            
            .portfolio-left {
            	width : 190px;
            	margin : 0 30px 20px 0;
            }
            
            .our-role {
            	width : 190px;
            }
            
            .our-role h4 {
            	color : #2f67b2 !important;
            	text-transform : uppercase;
            }
            
            .portfolio-right {
            	width : 480px;
            	margin : 0 0 20px 0;
            }
                        
            .common .banner {
            	overflow : hidden;
            	width : 190px;
            	height : 120px;
            	margin : 0 0 20px 0; 
            	position : relative;  
            	border : 5px solid #222;         	
            }           
            
            .common .banner img {
            	position : absolute;  
            }            
            
            /* portfolio list */            
                        
            .common .cell-block {
            	float : left;
            	margin-left : 40px;
            }
                        
            .common .cell {
            	float : left;
            	margin : 0 10px 15px 0;  
            	padding : 0 0 0 0;
            	width : 200px;
            	color : #666;
            }
            
			/*.common .cell:hover			{ text-decoration : none !important; }	
			.common .cell:active  		{ text-decoration : none !important; }  */            
            
            .common .cell:focus {
            	outline : none;
            }            
                                    
            .common .cell .button {
            	display : block;
            	border : 5px solid #222;             
            	width : 170px;
            	height : 100px;
            	padding : 10px;
            	display : block;  
            	position : relative; 
            	overflow : hidden;  
            	color : #000 !important;       	         	
            }     

			/*.common .cell:hover .button			{ border : 5px solid #666 !important; }	
			.common .cell:active .button 		{ border : 5px solid #666 !important; }   */                                                             
                        
            .common .cell img {
            	position : absolute;
            	top : 0;
            	left : 0;
            }                  
           
           /* .common .cell h4 {
            	position : absolute;
            	top : 4px;
            	left : 5px;
            	font-size : 25px !important;	      		
            }  */                
            
            .common .cell .text {
            	display : block;
            	font-size : 14px;
            	line-height : 1.3;
            	font-style : italic;
            	text-align : center;
            	margin-top : 4px;
            }             
     
			/*.common .cell:link .text		{ color : #666 !important; text-decoration : none !important; }	
			.common .cell:visited .text		{ color : #666 !important; text-decoration : none !important; }	
			.common .cell:hover .text		{ color : #ccc !important; text-decoration : none !important; }	
			.common .cell:active .text		{ color : #ccc !important; text-decoration : none !important; }	*/		

      	/* other basic components */	          			         
                        					
			.email-link{ color : #ccc !important; }
			                        		
/* footer */

            .footer-wrapper {
              clear: both;                  /* clears left column and content floats */
              padding : 0;
              width : 100%;
              margin : 0 auto 0 auto;   
			  height : 5px;			
			  background-color : #333;			display : none;
            }

            .footer {
              width : 100%;
              margin : 0 auto 0 auto;
			  background-color : transparent;
              padding : 0 0 0 0;
              position : relative;
              clear : both;
            }
            
            .footer .footer-text {
                font-size : 1.2em;  
				margin : 0;            
                position : absolute;
                left :15px;
                top : 25px;
            }

            .footer .footer-links {
              padding : 0;
              margin : 0;
              position : absolute;
              right : 15px;
              top : 25px;
            }

            .footer .footer-links li {
              margin : 0 0 0 7px;
              padding : 0 0 0 7px;
              display : inline;
              float : left;               
              font-size : 1.2em;
              text-transform : uppercase;
            }

            .footer .footer-nav li a {
              margin : 0;
              padding : 0;   
              display : block;         
              float : left;                
            }
            
/* reusable utility code */

            .align-left     { float: left; margin: 0 1em .5em 0; }

            .align-right    { float: right; margin: 0 0 .5em 1em; }

            .center     	{ text-align: center; }
            
            .centered   	{ display: block; margin: 0 auto .5em auto; }

            .hidden     	{ display: none; }

            .no-border  	{ border: none !important; }

            .clear      	{ clear: both; }
            
            .uppercase		{ text-transform : uppercase !important; }
            
            .indent			{ margin-left : 80px !important; margin-right : 55px !important; }