/* HUGO & CAT 2010 WEBSITE */
/* AUTHOR: HUGO & CAT LTD */
/* VERSION: 1.0 */


body {
    background: #fff;
    color: #666666;
}   

.wrapper{
    /* border-right: 1px solid #cbcbcb; */
    border:0;
    background: #fff;
}

a, a:visited {
    color: #e80c21;
}
a:hover {
    color: #000;
}

.header{
    background: none;
    padding: 0;
    border:0;
    margin: 0;
}

.header .top{
    margin-bottom: 0px;
    border-color: #ccc;
}

.header .splash{
    display:none;    
}

.slider {
    color: #fff;
}   




.joinus .toggle{
    color: #e80c21;
}

.joinus .toggle:hover{
    color: #000;
}

.header .logo{
    background :transparent url(../images/logo_white.gif) no-repeat 0 0;
}


.header .navigation li.nav_li
{
    border-color: #eee;   
}

.header .navigation li a.nav{
    color: #e80c21;
    
}
.header .navigation li a:hover.nav{
    color: #000;
}

.header .navigation li a.nav_selected{
    color: #000;
    background: transparent url(../images/menu_bg_white.png) 0 0;
}



.header .navigation .menu{
    background: transparent url(../images/menu_bg_white.png) 0 0;
    _background: #fff;
    border-color: #ccc;
}

.header .navigation .menu a{
    color: #e80c21;
}

.header .navigation .menu a:hover{
    color: #000;
}




.footer {
    border-color: #ccc;
} 
  


.footer a, .footer a:visited{
    color: #999
}   
.footer a:hover{
    color: #999
}  






/* Portfolio styles */ 

.portfolio {
    margin: 0 0 50px 35px;
    font-size: 1.3em;
    line-height: 1.3em;
    text-shadow: 0px 1px 0 #fff;
}


/* SONY READER STYLES */

.portfolio_1 {
    height: 3400px;
    background: transparent url(../images/portfolio_1.jpg) no-repeat -50px 0;   
}

.portfolio_1 li{
    padding: 0 0 0 13px;
    background: transparent url(../images/bp_2.gif) no-repeat 0 0.3em;
}

.portfolio_1 h1{
    color: #000;
    margin: 0 0 10px 0;
    font-size: 3.0em;
}

.portfolio_1 h1{
    color: #000;
    margin: 0 0 30px 0;
    font-size: 3.0em;
    text-shadow: 0px 0 15px #fff;
}

.portfolio_1 h2{
    line-height: 1.1em;
}

.portfolio_1 h3{
    margin: 0 0 20px 0;
    font-style:italic  
}

.portfolio_1 h4{
    margin: 0 0 10px 0;
    text-transform:uppercase;
    font-size: 0.8em;
}

.portfolio_1 blockquote{
    margin: 20px 0 40px 0;
    font-style:italic;
    color: #999999;
    font-size: 1.7em;
    line-height: 1.0em;
}

.portfolio_1 blockquote.regular{
    margin: 0 0 10px 0;
}

.portfolio_1 blockquote.smallish{
    margin: 0 0 10px 0;
    font-size: 1.3em;
}

.portfolio_1 small{
    display:block;
    margin: 0 0 6px 0;
    font-style:italic;
    color: #666
}

.portfolio_1 .small{
    font-size: 0.7em;
    margin: 0 0 40px 0;
    font-family: Arial;
    color: #999999;
    line-height: 1.3em;
}

.portfolio_1 em{
    text-decoration:underline;
}

.portfolio_1 .section_1{
    width: 370px;
    padding: 129px 0 0 0;
    height: 850px;
}

.portfolio_1 .section_2{
    width: 360px;
    float:right;
}

.portfolio_1 .section_3{
    width: 500px;
    margin: 335px 0 0 0;
    height: 450px;
}

.portfolio_1 .section_3 p{
    width: 390px;
}

.portfolio_1 .section_3 p.small{
    width: auto;
}

.portfolio_1 .section_4{
    width: 330px;
    margin: 0 0 0 565px;

    height: 750px;
}

.portfolio_1 .section_5{
    width: 950px;
    margin: 480px 0 0 0;
 
}

.portfolio_1 .section_5 h2{
    font-size: 1.3em;
    margin: 0 0 5px 0;
}

.portfolio_1 .section_5 p{
    font-size: 0.8em;
    font-family:Arial;
    line-height: 1.4em;
}

.portfolio_1 .section_5 .c_1{
    width: 280px;
    float:left;
    margin: 0 30px 0 0;
}
.portfolio_1 .section_5 .c_2{
    width: 280px;
    float:left;
    margin: 0 30px 0 0;
}
.portfolio_1 .section_5 .c_3{
    width: 280px;
    float:left;
}

/* END SONY READER STYLES */


/* WAD STYLES */


.portfolio_3 {
    height: 3200px;
    background: transparent url(../images/portfolio_3.jpg) no-repeat 100% 40px;  
    margin-bottom: 0; 
}

.portfolio_3 .launch{
    margin: -10px 0 35px 0;
    font-style:italic
}

.portfolio_3 li{
    padding: 0 0 0 13px;
    background: transparent url(../images/bp_2.gif) no-repeat 0 0.3em;
}

.portfolio_3 h1{
    color: #000;
    margin: 0 0 10px 0;
    font-size: 3.0em;
}

.portfolio_3 h1{
    color: #000;
    margin: 0 0 10px 0;
    font-size: 3.0em;
}

.portfolio_3 h2{
    line-height: 1.1em;
}

.portfolio_3 h3{
    margin: 0 0 20px 0;
    font-style:italic  
}

.portfolio_3 h4{
    margin: 0 0 10px 0;
    text-transform:uppercase;
    font-size: 0.8em;
}

.portfolio_3 blockquote{
    margin: 20px 0 40px 0;
    font-style:italic;
    color: #999999;
    font-size: 1.7em;
    line-height: 1.0em;
}

.portfolio_3 blockquote.regular{
    margin: 0 0 10px 0;
}

.portfolio_3 blockquote.smallish{
    margin: 0 0 10px 0;
    font-size: 1.3em;
}

.portfolio_3 small{
    display:block;
    margin: 0 0 6px 0;
    font-style:italic;
    color: #666
}

.portfolio_3 .small{
    font-size: 0.7em;
    margin: 0 0 40px 0;
    font-family: Arial;
    color: #999999;
    line-height: 1.3em;
}

.portfolio_3 em{
    text-decoration:underline;
}

.portfolio_3 .section_1{
    width: 430px;
    padding: 397px 0 0 0;
    height: 640px;
    margin: 0 0 0 10px
}

.portfolio_3 .section_2{
    width: 400px;
    float:right;
    margin: 60px 37px 0 0;
}

.portfolio_3 .section_3{
    width: 430px;
    margin: 355px 0 0 10px;
    height: 450px;
}

.portfolio_3 .section_3 p{
    width: 390px;
}

.portfolio_3 .section_3 p.small{
    width: auto;
}

.portfolio_3 .section_4{
    width: 400px;
    margin: 200px 0 0 485px;
    height: 200px;
}

.portfolio_3 .section_5{
    width: 430px;
    margin: -130px 0 0 10px;
    height: 220px;
 
}

.portfolio_3 .section_6{
    width: 400px;
    float:right;
    margin: 170px 37px 0 0;
    position:relative;
}


.portfolio_3 .section_7{
    width: 430px;
    margin: 410px 0 0 10px;
    position:relative;
}

.portfolio_3 .section_6 .caption
{
    position:absolute;
    top: -60px;
    left:-3px;
    font-family:Arial;
    font-size: 0.8em;
    font-style:italic;
    color: #999;
}


.portfolio_3 .section_7 .caption
{
    position:absolute;
    top: -60px;
    left: 4px;
    font-family:Arial;
    font-size: 0.8em;
    font-style:italic;
    color: #999;
}



/* END WAD STYLES */




/* AANDB STYLES */


.portfolio_4 {
    height: 2450px;
    background: transparent url(../images/portfolio_4_2.jpg) no-repeat 100% 40px;  
    margin: 0; 
}

.portfolio_4 .launch{
    margin: -10px 0 35px 0;
    font-style:italic
}

.portfolio_4 li{
    padding: 0 0 0 13px;
    background: transparent url(../images/bp_2.gif) no-repeat 0 0.3em;
}

.portfolio_4 h1{
    color: #666666;
    margin: 0 0 10px 0;
    font-size: 2.7em;
    line-height: 0.9em;
}



.portfolio_4 h2{
    line-height: 1.1em;
}

.portfolio_4 h3{
    margin: 0 0 5px 0;
    font-style:italic  
}

.portfolio_4 h4{
    margin: 0 0 10px 0;
    text-transform:uppercase;
    font-size: 0.8em;
}

.portfolio_4 blockquote{
    margin: 20px 0 40px 0;
    font-style:italic;
    color: #999999;
    font-size: 1.7em;
    line-height: 1.0em;
}

.portfolio_4 blockquote.regular{
    margin: 0 0 10px 0;
}

.portfolio_4 blockquote.smallish{
    margin: 0 0 10px 0;
    font-size: 1.3em;
}

.portfolio_4 small{
    display:block;
    margin: 0 0 6px 0;
    font-style:italic;
    color: #666
}

.portfolio_4 .small{
    font-size: 0.7em;
    margin: 0 0 40px 0;
    font-family: Arial;
    color: #999999;
    line-height: 1.3em;
}

.portfolio_4 em{
    text-decoration:underline;
}

.portfolio_4 .section_1{
    width: 490px;
    padding: 397px 0 0 0;
    height: 540px;
    margin: 0 0 0 40px;
}

.portfolio_4 .section_1 p{
    width: 400px;
}

.portfolio_4 .section_2{
    width: 400px;
    float:right;
    margin: 120px 105px 0 0;
}

.portfolio_4 .section_3{
    width: 430px;
    margin: 300px 0 0 40px;
    height: 550px;
}

.portfolio_4 .section_3 p{
    width: 390px;
}

.portfolio_4 .section_3 p.small{
    width: auto;
}

.portfolio_4 .section_4{
    width: 400px;
    margin: 200px 0 0 485px;
    height: 200px;
}

.portfolio_4 .section_5{
    width: 430px;
    margin: 250px 0 0 10px;
}

.portfolio_4 .section_6{
    width: 400px;
    float:right;
    margin: 170px 37px 0 0;
}


.portfolio_4 .section_7{
    width: 430px;
    margin: 410px 0 0 10px;
}



/* END AANDB STYLES */




/* SONY ECO STYLES */


.portfolio_5 {
    height: 2500px;
    background: transparent url(../images/portfolio_5.jpg) no-repeat 100% 0;  
    margin: 0 0 0 10px; 
}

.portfolio_5 .launch{
    margin: -10px 0 35px 0;
    font-style:italic
}

.portfolio_5 li{
    padding: 0 0 0 13px;
    background: transparent url(../images/bp_2.gif) no-repeat 0 0.3em;
}

.portfolio_5 h1{
    color: #65bb10 ;
    margin: 0 0 10px 0;
    font-size: 2.6em;
    line-height: 0.9em;    
}

.portfolio_5 a{
    color: #65bb10
}

.portfolio_5 h2{
    line-height: 1.1em;
    margin: 0;
}

.portfolio_5 h3{
    margin: 0 0 5px 0;
    font-style:italic ;
}

.portfolio_5 h4{
    margin: 0 0 10px 0;
    text-transform:uppercase;
    font-size: 0.8em;
}

.portfolio_5 blockquote{
    margin: 20px 0 40px 0;
    font-style:italic;
    color: #999999;
    font-size: 1.7em;
    line-height: 1.0em;
}

.portfolio_5 blockquote.regular{
    margin: 0 0 10px 0;
}

.portfolio_5 blockquote.smallish{
    margin: 0 0 10px 0;
    font-size: 1.3em;
}

.portfolio_5 small{
    display:block;
    margin: 0 0 6px 0;
    font-style:italic;
    color: #666
}

.portfolio_5 .small{
    font-size: 0.7em;
    margin: 0 0 40px 0;
    font-family: Arial;
    color: #999999;
    line-height: 1.3em;
}

.portfolio_5 em{
    text-decoration:underline;
}

.portfolio_5 .section_1{
    width: 390px;
    padding: 420px 0 0 0;
    height: 500px;
    margin: 0 0 0 10px;
    
}

.portfolio_5 .section_2{
    width: 430px;
    float:right;
    margin: 0 90px 0 0;
}

.portfolio_5 .section_3{
    width: 430px;
    margin: 355px 0 0 10px;
    height: 550px;
    
}

.portfolio_5 .section_3 p{
    width: 390px;
}

.portfolio_5 .section_3 p.small{
    width: auto;
}

.portfolio_5 .section_4{
    width: 430px;
    margin: -300px 90px 0 0;
    
    float:right;
}

.portfolio_5 .section_5{
    width: 430px;
    margin: -130px 0 0 10px;
    height: 220px;
 
}

.portfolio_5 .section_6{
    width: 400px;
    float:right;
    margin: 170px 37px 0 0;
    position:relative;
}


.portfolio_5 .section_7{
    width: 430px;
    margin: 410px 0 0 10px;
    position:relative;
}

.portfolio_5 .section_6 .caption
{
    position:absolute;
    top: -60px;
    left:-3px;
    font-family:Arial;
    font-size: 0.8em;
    font-style:italic;
    color: #999;
}


.portfolio_5 .section_7 .caption
{
    position:absolute;
    top: -60px;
    left: 4px;
    font-family:Arial;
    font-size: 0.8em;
    font-style:italic;
    color: #999;
}



/* SONY ECO STYLES */




/* END Portfolio styles */