/*******************************************************
TITLE: Cada Online	
DATE: May 2010
AUTHOR: arin.co.uk
*******************************************************/

/*/////////////////////////////////////////////////////////////////////////////////////////*/





/* << ----------------//BODY//---------------->> */


body {
margin-top: 40px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
padding:0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:18px;
background-color: #D6D6D6;
color:#000000;
}


/* << ----------------//MAIN CONTAINER//---------------->> */


#mainContainer {
margin:0 auto;
padding:0;
width:950px;
background-color: #eeeeee;

}




/* << ----------------//Navigation//---------------->> */


#navigation {
color: #575d6b;
float: right;
/* font-weight: 100; */
/* text-shadow: 0px 0px 1px #1f1f1f; */
font-family: "HelveticaNeue-Light","Helvetica Neue Light", Helvetica, Arial , sans-serif;
letter-spacing: 1px;
font-style: normal;
font-variant: normal;
font-size: 2.5em;
line-height: normal;
text-transform: uppercase;
margin:0;
padding:15px 10px 0 0px ;
width:450px;
height:35px;
line-height:38px;
text-align: right;
/* background-color: green; */
/*border-bottom: 8px solid #ff7d51;*/
/*border-bottom: 8px solid #002147;*/

}

#navigation ul {
margin:0 0 0 15px;
padding:0;
list-style:none;

}

#navigation ul li {
margin:0 0 0 -5px;
padding:5px 0 5px 0;
list-style:none;
display:inline;

}

#navigation ul li a:link, #navigation ul li a:visited {
padding:5px 5px 5px 8px;
color:#575d6b;
text-decoration:none;
/*border-right:1px solid #999999;*/
}

#navigation ul li a:hover, #navigation ul li a:active {
/*color:#454545;*/
text-decoration:none;
/*background-color:#cccccc;*/
text-decoration: underline;
}

#navigation ul li a.current {
color:#FF7D51;


}

#navigation .search {
text-align: right;
padding: 0 15px 0 0;
float: right;
}











/* << ----------------// General Styles //---------------->> */


h1 {
color: #575d6b;
/* color: #FEFFFE; */
font-weight: 300;
font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;
font-size: 20px;
/* text-transform: uppercase; */
margin:12px 0 5px 0;
}

h2 {
color: #575d6b;
font-weight: 100;
font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;
font-size: 15px;

}

p {

margin:0px 0 0px 0;

}



/* << ----------------// Layout //---------------->> */


#header {
margin:0 auto;
padding:0px 0 30px 0;
width:950px;
height:20px;
color:#ffffff;
background-color:#eeeeee;
border-bottom:8px solid #DEDEDE;

/*
border-left:11px solid #222222;
border-right:11px solid #222222;
*/
}

#header .logo {
padding: 0 0 0 15px;
float: left;
}

#header h1 {
padding: 0 0 0 15px;
font-size: 25px;
}




#logo{
margin:4px 4px 4px 4px;
padding:2px;
float:left;
width:200px;
min-height: 40px;
border:solid 1px #333;
background-color:#dddddd;
}


#toprow {
letter-spacing: 0.1px;
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin:0 ;
padding:10px 10px 10px 10px;
width:930px;
font-size:14px;
color:#000000;
background-color:#A5B1C0;
min-height: 400px;
border-bottom:8px solid #DEDEDE;
/* border-top:8px solid #DEDEDE; */
clear:both;
}


#dimtext {
padding:10px 10px 10px 5px;
width:900px;
font-size: 16px;
text-align: center;
clear:both;

}

#dimtext2 {
padding:10px 10px 10px 5px;
width:900px;
font-size: 12px;
text-align: center;
clear:both;
}

#dimtext3 {
padding:10px 10px 10px 5px;
width:900px;
font-size: 10px;
text-align: center;
clear:both;
}

#dimtext4 {
padding:10px 10px 10px 5px;
width:900px;
font-size: 14px;
text-align: center;
clear:both;
}


#toprow2 {
padding:10px 10px 10px 300px;
width:200px;
min-height: 300px;
clear:both;

}


#toprow3 {
padding:50px 10px 10px 50px;
width:800px;
min-height: 400px;
clear:both;


}


#current_exhibition{
text-align: right;
margin:10px 10px 10px 10px;
padding:2px;
float:right;
width:800px;
min-height: 80px;
/* border:solid 1px #333; */
/* background-color:#dddddd; */
}


#current_exhibition h1 {

}

#current_exhibition h2 {
margin:15px 0px 0px 0px;
color: #575d6b;
font-weight: 100;
font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;
font-size: 20px;
}


.link_current A:link {color: #5B97C0; text-decoration: none} 
.link_current A:visited {color: #5B97C0; text-decoration: none} 
.link_current A:active {color: #5B97C0; text-decoration: none} 
.link_current A:hover {color: #5B97C0; text-decoration: underline}


#article{
margin:10px 0 15px 10px;
display: inline;
padding:8px;
float:left;
width:610px;
min-height: 300px;
background-color:#CBCBCB;
/* border:solid 1px #333; */
/* background-color:#dddddd; */
}


#article_side {
margin:10px 10px 15px 0;
padding:8px;
float:right;
width:276px;
min-height: 150px;
background-color:#cccccc;
display: inline;
}





/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */