@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
font:12px Arial, Helvetica, sans-serif;
color:#606060;
}

#page-wrapper{
margin:auto;
width:780px;
}

a{
color:#588fa8;
}

a:hover{
color:#078ac5;
}
/* header */

#page-wrapper #header{
height:158px;
background:url(../images/dss-header.jpg) 0px 0px no-repeat;
}

#page-wrapper #header a{
height:158px;
display:block;
}



/* top navigation */

#page-wrapper #nav-top{
height:50px;
}

#page-wrapper #nav-top #logo{
width:129px;
background:url(../images/logo-dss.jpg) 9px 12px no-repeat;
float:left;
}

#page-wrapper #nav-top #logo a{
margin:12px 3px 0px 9px;
height:29px;
display:block;
}

#page-wrapper #nav-top #nav{
width:640px;
float:right;
}

#page-wrapper #nav-top .clear{
clear:both;
}


/* page content */

#page-wrapper #container{
min-height:58px;
background:url(../images/bg-container.jpg) 0px 0px no-repeat;
}

#page-wrapper #container #content{
padding:48px 16px 58px 32px;
background:url(../images/bg-content.jpg) left bottom no-repeat;
}

#page-wrapper #container #content #col-left{
margin:0px;
padding:0px;
width:500px;
float:left;
}

#page-wrapper #container #content #col-right{
width:220px;
float:right;
}




#page-wrapper #container #content #col-left #page-content{
margin:0px;
padding:0px;
font:14px Arial, Helvetica, sans-serif;
}

#page-wrapper #container #content #col-left #page-content h1{
margin:0px;
padding:0px;
font:bold 24px Arial, Helvetica, sans-serif;
}



#page-wrapper #container #content #col-right #col-right-container{
margin:0px;
padding:0px;
}

#page-wrapper #container #content #col-right #col-right-container #col-right-header{
height:40px;
background:url(../images/header-latest-work.jpg) 0px 0px no-repeat;
}

#page-wrapper #container #content #col-right #col-right-container #right-content{
margin:0px;
padding:0px 0px 5px 0px;
text-align:center;
background:#d7d7d7;
}

#page-wrapper #container #content #col-right #col-right-container #col-right-footer{
height:6px;
background:url(../images/rhs-box-footer.jpg) 0px 0px no-repeat;
}

#page-wrapper #container #content #col-right #col-right-container .clear{
clear:both;
height:10px;
}





#page-wrapper #container #content .clear{
clear:both;
}



/* footer */

#page-wrapper #footer{
margin:0px;
padding:30px 20px 60px 20px;
text-align:center;
background:url(../images/bg-footer.jpg) 0px 0px no-repeat;
}

#page-wrapper #footer a{
color:#588fa8;
text-decoration:none;
}

#page-wrapper #footer a:hover{
color:#078ac5;
text-decoration:underline;
}

#page-wrapper #footer p{
margin:0px 0px 10px 0px;
padding:0px;
}