#wrapper {/*outline:1px dashed red;*/
width:80%;
max-width:1400px;
min-width:980px;
margin:0 auto;
}
.clr {clear:both;}
body {/*background:url(/img/bg.png) no-repeat 50% 0;*/}

#header {
padding:25px 0 10px;
}

#logo {
font-size:30px;
margin:5px 2% 0;
font-family:"Trebuchet MS";
}
#logo, 
#logo a {
color:#F04F23;
}
#logo a {
text-decoration:none;
}

#menu {
}
#menu ul {
float:right;
margin-right:2%;
padding-top:6px;
}
#menu li {
float:right;
font-size:14px;
padding-left:26px!important;
margin:0!important;
background:none;
}
#menu li.special a {
color:#2974C5;
}
#menu li.admin a {
color:#d00;
}
#menu a {
color:#333;
text-decoration:none;
}
#menu a:hover {
text-decoration:underline;
}
#menu a.selected,
#menu a.selected:hover {
color:#F04F23;
}

#col1 li {
margin-bottom: 5px;
}

#rightmenu {
}
#rightmenu ul {
margin: 0 0 15px 0;
}
#rightmenu li {
margin: 0 0 5px 0;
}
#rightmenu li.sub {
margin: 0 0 5px 16px;
background:url(/img/ul-li2.gif) no-repeat 0 50%;
}
#rightmenu a.selected {
font-weight: bold;
}

#portfolio {
padding-bottom:40px;
}
#portfolio .work {
width:24%;
float:left;
}
#portfolio .work-img {
display:block;
margin:0 6%;
height:26px;
padding-top:130px;
background-position:50% 0;
text-align:center;
color:#F04F23;
text-decoration:none;
font-size:16px;

}
#portfolio .current,
#portfolio .work-img:hover {
background-position:50% -156px;
}

#col1 {float:left; width:75%}
#col1 .col-wrapper {margin:10px 3% 10px 2%;}
#col2 {float:left; width:25%}
#col2 .col-wrapper {margin:10px 6%;}

#footer {
margin:5px 0;
padding:16px 0;
background:url(/img/fbg.png) no-repeat 50% 0;
color:#454545;
font-size:11px;
}
#fcol1,#fcol2,#fcol3 {float:left; width:33%}
#fcol2 {text-align:left; width:34%}
#fcol3 {text-align:right;font-size:24px;padding-top:4px;}
#pbc {
background:url(/img/pbc.png) no-repeat 0 50%;
padding-left:30px;
}

dl dt {
margin-bottom:4px;
font-size:14px;
}

dl dt .date {
display:block;
color:#888;
font-size:11px;
}

dl .hot {
color:#FF3300;
}

 .date {
display:block;
color:#888;
font-size:11px;
}

dl dd {
margin-bottom:16px;
}

.news-image {
float:left;
margin:0 10px 8px 0;
border:1px solid #B4B8C3!important;
}

.prod-image {
float:left;
margin:0 10px 8px 0;    
}

.portfolio-work-type {margin:-22px 0 34px;}

.list-link {
color:#F04F23;
font-size:11px;
}

#clients {
  background-color:#F6F4F5;
  height:60px;
}

#clients a {
  display:block;
  background-position:50% -59px;
  background-repeat:no-repeat;
}
#clients a:hover {
  background-position:50% 0;
}

.right-banner {
    margin-bottom:10px;
    }
    
#clients-carousel {
    list-style-type:none; 
    }    
    #clients-carousel li {
        background:none;
        }    
        
.portfolio-section {
    margin-bottom:28px;
    }    
.portfolio-section-work {     
    width:33%;
    float:left;        
    }    
    .portfolio-section-work .portfolio-section-work-image {    
        display:block;
        height:95px;          
        border:1px solid #B4B8C3;
        margin:0 16px;
        }
    .portfolio-section-work .portfolio-section-work-name {   
        display:block;   
        text-align:center;
        margin:0 32px;
        font-size:12px;
        }
.portfolio-big {
    margin:0 auto 20px;
    width:400px;
    height:250px;
    padding:10px 1px 1px;
    }
.portfolio-big-browser {
    margin:0 auto 20px;
    width:400px;
    height:250px;
    background:url(/img/browser.png) no-repeat 50% 0;
    padding:40px 1px 1px;
    }
    
.client-logo {      
    float:left;
    width:25%;        
    }
    .client-logo a,
    .client-logo div {
        display:block;
        height:100px;
        background-repeat:no-repeat;
        background-position:50% 50%;
        }
        
.years-list {     
    } 
    .years-list li {
        background:none;
        float:left;
        margin:0 6px 0 0;
        padding:0;
        font-size:11px;
        }
.smallgray {  
    font-size:11px;
    color:#888;   
    } 
    
.external-icon {
  vertical-align:middle;
  }
  
.form {margin:0 auto;}
.form td {padding:4px;}
.form input {width:220px;}
.form input.tiny {width:40px;}
.form input.auto {width:auto!important;}
.form .label {color:#888; text-align:right;font-size:11px;}
.form .header {color:#555;font-size:16px;padding:18px 0 4px;}
.form .required {color:#d00;}