/************************* GLOBAL *************************/

* {
	margin: 0;
	padding: 0;
}
html, body {
	margin-top: 0px;
	background: #ffffff url(../images/bg.png) repeat-x;
	min-height: 100%;
    height: 100%;
	font: 12px Arial, Helvetica, Sans-Serif;
	color: #666666;
}

a{
    color:#699da5;
    text-decoration:none;
}
a:hover{ 
    text-decoration:underline;
}

h1{
  font-weight:normal;
 font-size:18px;
 color:#8dd4df;
 padding-bottom:10px;
 
}
h2{
  font-weight:normal;
 font-size:14px;
 color:#8dd4df;  
}

ul{
   list-style: none inside;
   padding-left:1px;
   *margin-left:-13px;
   margin-top:10px;
}
ul li{
   padding-bottom:8px; 
   
}

#container{
    width:1024px;
	min-height: 100%;
	height: auto !important;
	height: 100%;

	margin: 0 auto -90px;   
 
}
 
#header{
    height:100px; 
 
}

img{
   outline:none;
   border:none;
}
img a{
   outline:none;
   border:none;
}
.logo{
	float:left;
	 padding:22px 0 17px 15px;
	 border:none;
	 outline:none;

}

.nav{ 
	text-align: right;
	float:right;
	margin-top:40px;
	margin-right:40px;
	
}
 
.nav ul{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	list-style-type: none;
}

.nav li{
	display: inline;
	margin-right: 270;
	float: left;
	display: block; 
	padding: 7px 8px; 
}

.nav li a{
	cursor:pointer;
	text-decoration: none;
	color: white;  
	outline:none
}


#header-statement{
	background: transparent url(../images/header/headershade.png) no-repeat;
	_background: transparent url(../images/header/headershade-ie6.gif) no-repeat;
	 height:101px;
	width:100%;
}

#header-statement img{
	margin-left:65px;
	margin-top:20px;
}
#contentwrapper{
    margin-left:68px;
    margin-top:25px;
    _margin-top:15px;
}
 

.textwrap{
	padding:10px;
}

.nav li a:hover, .nav li.selected a{
color: #96d1a6;}
 
#wrapper_footer {
   height: 90px;
   width:100%; 
   background:#5b5b5b;
}

#footer {
    text-shadow:0px 1px 0px #777;
	margin: 0 auto; 
	font-size:11px; 
	width: 989px;
	padding-left:36px;
	padding-top:20px;
	text-align: left;
	line-height: 1.6;
	height:20px;
	color:#333;
	background-color: #5b5b5b;
}
 
/************************* HOME *************************/

#banner{ 
	clear:both;
	margin:0;
    height:300px; 
    width:1024px;
    background-color:transparent;
 
}

#statement{
    clear:both;
    margin-top:80px;
    margin-left:20px;
    height:200px;	

}

#leftpanel{ float: left; width:276px; height:200px; }  

/************************* WORK *************************/

 
.work-nav ul{
	position: absolute; 
	margin-left:280px; 
	margin-top: 30px;
	*margin-top: 25px;
 
	list-style-type: none;
}

.work-nav li{
	display: inline;
	padding-right: 15px;
	float: left;
	display: block; 
	font-size:12px;  
}

.work-nav li a{
	cursor:pointer;
	text-decoration: none; 
	outline:none;
	color:#666666;
}
.work-nav li a:hover{
	text-decoration: none; 
	outline:none;
	color:#699da5;
}
.work-active{
	text-decoration: underline; 
	color:#699da5;
}
#portfolio{
    margin-left:68px;
    margin-top:-20px;
    margin-bottom:0px;
    width:880px;
    height:100%;
}

.year{
    padding-top:20px;
    padding-bottom:20px;
    clear:both;
    height:20px;
 }
       .viewport {
            border: 3px solid #eee;
            float: left;
            height: 170px;
            margin: 0 9px 9px 0;
            overflow: hidden;
            position: relative;
            width: 270px;
        }

      
        .viewport a {
            display: block;
            position: relative;
             text-decoration: none;
        }

        .viewport a img {
            height: 170px; 
            position: relative;
             z-index:1;
            width: 270px;
        }

       .viewport a span {
            display: none; 
            color: #fff;
            height: 100%;
            padding-top: 120px;
            position: absolute;
            text-align: left;
            width: 100%;
            z-index: 10;
        }
            
            
            .thumb-title{
            
            padding-top:10px;
            padding-left:10px;
   			 margin-top:52px;  
   			 height:0px;
   			 z-index:5;    
		} 

 			.dark-background {
            background: transparent url(../images/portfolio/dotshade.png);
             color:#999999; 
        }

/************************* SERVICES *************************/

#service-box{
	width:210px;
	height:210px;
	_height:230px;
	background-color: white;
	margin-right:10px;
	float: left;	
}
 

.icon{
    width:210px;
	height:35px;
	background-color: white;
	margin-right:10px;
	float: left;
	margin-top:0px; 
     
}

.icon ul{
    margin: 0;
	padding: 0;
	padding-left: 11px;
	list-style-type: none;
}

.icon li{
    cursor:pointer;
	display: inline;
	float: left;
	display: block; 
	padding-right: 5px;
}


/************************* CONTACT *************************/

#data-box{
   width:435px; 
	background-color: transparent;
	margin-right:10px;
	float: left;
	clear:both;
}
#full-box{
   width:890px; 
	background-color: white;
	margin-right:10px;
	float: left;
	clear:both;
}
#contact-box{
	width:435px; 
	background-color: white;
	margin-right:10px;
	float: left;	
}
#supporting-img{
	width:435px; 
	background-color: transparent;
	margin-right:10px;
	margin-top:10px;
	float: left;
	clear:both;	
}