/**
* RESET STYLES
**/	
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/**
* GENERIC TEXT FORMATING
**/	
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}	


/**
* GLOBAL STYLES
**/	

* {
	margin: 0;
  }

html, body { 
  background: #e3e6ea url(../images/background-e3e6ea.jpg) center top no-repeat;
  color: #FFF;
  margin: 0; 		
}

.wrapper {
  	margin: 0 auto;
	width: 890px;
  }
a {
  color: #FFF;
  text-decoration: none;
}

	

.pad {clear:both; padding:20px;}
.pad_sides {padding: 0 20px 20px;}
.pad_10{padding:10px;}
.pad_10_20 {padding:10px 20px;}
.pad p {padding:0px;}	
.space {float: left; margin: 30px 0; width: 200px;}
.clear {clear:both; margin: 10px 0;}
.error {background:#333; border: 1px solid #CA0000; color: #EEE; margin: 5px 0; padding: 5px 20px;}
.success {background: #999; border: 1px solid #CCC; color: #EEE; margin: 5px 0; padding: 5px 20px;}
	
/**
* TEMPLATE
**/		

/* HEADER */
#header {
  	background: none;
	height: 370px;
    padding-bottom: 40px;
  }
#search {
	text-align: right;
    float: right;
    height: 40px;
  }		
#menu {
  	margin: 10px 0 0 370px;
    float: left;
  }
#home-menu {
  	margin: -392px 0 0 370px;
    float: left;
  }  
  

/* BANNER */

#banner{
text-align:center;
padding:0;
position:relative;
overflow:hidden;
height: 370px;
background-color:#000;
}

#banner a img{
border:0;
}

#pager{
height:32px;
position:relative;
width:960px;
text-align:center;
}

#pager a { 
background: transparent url(../images/pager.png) -19px 0px  no-repeat;
display: inline-block;
width:15px;
height:12px;
margin-bottom:4px;
text-decoration: none;
font-size:.1em;
text-indent:-9999px;
}

#pager a.activeSlide { 
	background: transparent url(../images/pager.png) 0px 0px no-repeat;
	color:#8aa1c0;
}
#pager a:focus { outline: none; }

	
/* CONTENT */	
#content-box {
  	background: #7d8a9b url(../images/home-about-box-back-7d8a9b.jpg) top center no-repeat;
  	float: left;
    margin: 0 0 0 38px;
  	width: 530px;
}
    #content-title {
        background: #7d8a9b url(../images/content-title-back.jpg) top center repeat-x;
        float: left;
        height: 36px;
        margin: -10px 0 0 0;  
        width: 155px; 
    }
        #content-title h3 {
            color: #495563;
            font: 16px Arial, Helvetica, sans-serif;
            font-weight: bold;
            margin: 10px 0 0 15px;
            text-transform: uppercase;
        }
    #content-copy {
        float: left;
        font-weight: normal;
        margin: 40px;  
    }

      
    #content-copy h1 {
        font: 24px Arial, Helvetica, sans-serif;
        font-weight: normal; 
    } 
    #content-copy h2 {
        font: 21px Arial, Helvetica, sans-serif;
        font-weight: normal; 
    } 

.sidebar-box {
  	background: #7d8a9b url(../images/home-projects-box-back-7d8a9b.jpg) no-repeat;
  	float: right;
    margin: 10px 38px 0 0;
  	width: 256px;    
}
    .sidebar-title {
        background: #7d8a9b url(../images/sidebar-title-back.jpg) top center repeat-x;
        float: left;
        height: 38px;
        margin: -15px 0 0 0;  
        width: 170px; 
    }
    	.sidebar-title h3 {
            color: #495563;
            font: 16px Arial, Helvetica, sans-serif;
            font-weight: bold;
            margin: 10px 0 0 15px;
            text-transform: uppercase;
        }
    .sidebar-projects {
        margin: 15px 0 0 15px;  
    }     
    .sidebar-projects img {
        margin: 5px 5px 0 0;  
    }
    .sidebar-people {
        margin: 15px 0 0 20px;  
    }
    .sidebar-people a:hover {
        border-bottom: 1px solid #999;  
    }
    .sidebar-people ul, .sidebar-people li {
        font-size: 11px;
        list-style-type: none;
        margin: 0;  
        padding: 0;
        text-transform: uppercase;
    }
    .sidebar-people li {
        background:url(../images/people-image.png) left top no-repeat;
		padding: 12px 0 0 25px; 
    }
    .sidebar-people li strong {
        font-size: 13px;
        text-transform: none;
    }


/* FOOTER */	
#footer {
 	background: transparent url(../images/footer-back.jpg);
	height: 30px;
    padding: 100px 0 0 15px;
}
    #footer img {
        float: left;
    }
    #footer span {
        color: #2b323a;
        float: left;
        font-weight: bold;
        margin: 0 0 0 10px;
        text-transform: uppercase;
    }
    #footer-menu li {
        float: left;
        list-style-type: none;
        margin: 0 0 0 15px;
        text-transform: uppercase;
    }
    #footer-menu li a {
        color: #2b323a;
    }

	
/**
* NEWS
**/	


/**
* SIDE BAR
*/	


/* Home */
.home-wrapper {
  	background: #7d8a9b url(../images/home-back-7d8a9b.jpg) top center no-repeat;
  	margin: 0 auto;
	width: 890px;
}



/* Company */
.company-wrapper {
  	background: #7d8a9b url(../images/company-background.jpg) top center no-repeat;
  	margin: 0 auto;
	width: 890px;
}
    #company-header {
        background: none;
        height: 320px;
    }
    #company-header h1 {
        color: #FFF;
        font: 23px Verdana, Geneva, sans-serif;
        font-weight: normal;
        margin: 220px 0 0 48px;
        position: absolute;
    	text-transform: uppercase;
    }     
	

/* Services */
.services-wrapper {
  	background: #7d8a9b url(../images/services-background.jpg) top center no-repeat;
  	margin: 0 auto;
	width: 890px;
}
    #services-content-box {
        background: #7d8a9b url(../images/services-content-box-back.jpg) top left no-repeat;
        float: left;
        margin: 0 0 0 38px;
        width: 810px;
    }
	
	
/* Projects */
.projects-wrapper {
  	background: #7d8a9b url(../images/projects-background.jpg) top center no-repeat;
  	margin: 0 auto;
	width: 890px;
}
    #projects-header {
        background: none;
        height: 144px;
    }    
    #projects {
        margin: 0 auto;
        padding-bottom: 60px;
        width: 800px;
    }
    /* Gallery Categories */
    #projects ul {
        margin: 40px 0 0 0;
    }
    #projects li {
        float: left;
        list-style-type: none;
        margin: 0 0 0 8px;
    }    
    #projects li h3 {
        background: #333;
        color: #FFF;
        font-size: 11px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        margin: -24px 0 0 0;
        position: absolute;
        text-transform: uppercase;
        width: 150px;
        overflow: hidden;
        
        filter: alpha(opacity=80); 	/* internet explorer */
        -khtml-opacity: 0.8;      	/* khtml, old safari */
        -moz-opacity: 0.8;       	/* mozilla, netscape */
        opacity: 0.8;           	/* fx, safari, opera */
        
    }
    /* Images */
    #projects #gallery-container {
        margin: 60px 0 10px 10px;
    }
    /* Thumbnails */
    #projects #nav {
        float: left;
        margin: 0;
        padding: 0;
        width: 510px;
    }
    #projects #nav li {
        margin: 0 0 0 10px;
        padding: 0;
    }  
    /* Description */
    #projects-back-btn {
        background: #8390A0 url(../images/project-back-btn.jpg);
        float: right;
        height: 24px;
        width: 92px;
        margin: 0 0 0 0;
    }
    #projects-description {
        float: right;
        width: 230px;
        margin: 60px 30px 0 30px;
    }
    #projects-description h2 {
        color: #EEE;
		font-size: 18px;
        line-height: 100%;
        margin: 0 0 10px 0;
        text-transform: none;
    }
    #projects-description h3 {
        color: #CCC;
		font-size: 12px;
        line-height: 100%;
        margin: 0 0 20px 0;
        text-transform: uppercase;
    }
    #projects-description p {
        color: #EEE;
		font: 12px Arial, Helvetica, sans-serif;
        line-height: 140%;
    }      
/* Contact */
.contact-wrapper {
  	background: #7d8a9b url(../images/contact-background.jpg) top center no-repeat;
  	margin: 0 auto;
	width: 890px;
}