
/* Add additional styles to this list as needed */


@import "typography.css";
@import "classes.css";




body {


color:#333;
background-color:#fbfbfb;



background-image:url(g/background.png);
background-repeat:repeat-y;
background-position: center 0px ;
}




#shell    {

position:relative;
padding:0px;
width:974px;
margin:0px auto;
text-align:left;

border-bottom:3px solid #DDDDDD;

background-image:url(g/BBC-12-column-grid.png);
background-repeat:repeat-y;
background-position: left 0px ;


background-image:url(g/background.png);
background-repeat:repeat-y;
background-position: center 0px ;

overflow:hidden;

}




#mainLogo   {

position:absolute;
margin:14px 0 0 10px;
z-index:99;
}







#header {

width:100%;
height:126px;
position:relative;
background-image:url(g/shell-top.png);
background-repeat:no-repeat;
background-position: center 0px ;
}


#mainColumn {

width:466px;
float:left;

position:relative;
margin:0 0 0 256px;
height:100%;


}

 * html #rightColumn { height:600px; } 

#rightColumn {

width:147px;
float:left;


position:relative;
margin:0 0 0 42px;
 min-height:600px;

}

#rightColumn p  {

font-size:85%;

}


#content {

margin:0px;
padding-top:14px;
padding-bottom:40px;



}

#leftColumn    {


}





#footer    {
padding:60px 0 0 14px;
position:relative;
clear:both;



} 

#footer p   {

font-size:80%;
color:#787878;

}


#nav   {

width:325px;
padding-bottom:30px;
float:left;


position:absolute;
margin:120px 0 0 0px;
background-image:url(g/nav-background.png);
background-repeat:no-repeat;
background-position: left bottom ;

}



#nav ul.nav {

list-style-type:none;
margin:0;
}


#nav ul.nav li {
width:207px;
background-image:url(g/nav-button.png);
background-repeat:no-repeat;
background-position: left bottom ;

}



a.nav, a:visited.nav, a:link.nav  {


display:block;
padding:4px 0 2px 10px;
font-size:12px;
color:#666;
font-weight:normal;

}

a:hover.nav   {

color:#000;
text-decoration:none;
}




#contact {

position:absolute;


font-size:10px;
width:147px;
margin:270px 0 0 10px;
top:0;left:0;
z-index:1;
background:#f8f8f8;
border:1px solid #dedede;
padding:20px;
}







table.mailForm  {
border-collapse: collapse;
margin:0 0 1em 2px;
border:1px none #ccc;

}

.mailForm th    {
color:#000;
padding:0 1em 0 .5em;
line-height:1.5em;
border-bottom:1px none #ccc;
border-right:1px none #ccc;

}



.mailForm  td   {
border-bottom:1px none #ccc;
border-right:1px none #ccc;
line-height:1.5em;
padding:.5em .5em 0 .5em;
}

.mailForm td.alignRight  {

text-align:right;

}

.mailForm caption {
line-height:1.5em;
color:#aaa;

}

.mailForm input.send  {

background-color:#afa;border:1px solid ;padding:2px 3px;
border-color: #9e9  #6b6  #6b6  #9e9;
}


.mailForm input.send:hover  {

background-color:#dfd;border:1px solid ;

border-color: #9e9  #5a5  #393  #9e9 ;
}

input, textarea  { 

border:1px solid #ccc;

}


.imageWrap h6 {

font-size:11px;
color:#999;
margin:0;




}
