/* CSS Document 
filename:  sicoma-screen.css
updated:  14 June 2011
author:  charlie westney
*/

/* colors:
dark blue: #3399FF;
mid blue: #A2D3FD;
yellow: #FFCC33;
*/


* {
padding:0;
margin:0;
color:#3366FF;
}



/* ****** Font styles ****** */

h1{font-family:  Arial, Helvetica, sans-serif; 
font-size:2em;
color:#3399FF;
text-transform:capitalize;
font-stretch:extra-expanded;
margin-bottom:0.4em;
}

h2{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#3399FF;
text-transform:capitalize;
font-stretch:expanded;
margin-top:2em;
margin-bottom:0.3em;
}


h3{
font-size:1em;
color:#3399FF;
margin-top:1em;
margin-bottom:0.1em;
}

p{
font-size:90%;
line-height:1.1em;
}
#content p{
font-size:90%;
line-height:1.2em;
margin-bottom:1.8em;

}
a {
text-decoration:none;
color:inherit;
}

h2 a{
display:block;
background:url(imgs/bg_arrow.gif) no-repeat;
padding-left:20px;
color:#3366FF;
font-weight:bold;
font-variant:normal;
font-stretch:normal;
font-size:80%;
float:left;
clear:left;
width:9em;
margin-top:1em;
}

p.introduction{
margin-left:12em;
border-left:1px #3399ff solid;
padding:1em 0 1em 1em;
}

p a{
font-weight:bold;

}

#content li{
list-style:outside square; 
line-height:1.2em;
margin-bottom:0.8em;
margin-left:1em;
}


p.contact-type{
float:left;
clear:left;
}
p.contact-detail{
margin-left:12em;
margin-bottom:1em;
border-left:1px solid #3399FF;
padding-left:2em;
}


.label{
float:left;
clear:left;
font-size:90%;
border-right:1px solid #3399FF;
width:11em;
padding-right:1em;
}

.form{
margin-left:2em;
margin-bottom:1em;
font-size:90%;
float:left;
border:#3399FF 1px solid;
padding:2px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.submit{
margin-left:12em;
margin-top:0.5em;contact
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#3399FF;
border:#3399FF 1px solid;
padding:0.3em;
background-color:#FFF;
}

.submit:hover, .submit:active{
background:#FFCC33;
}

.clear{
clear:both;
}

/* ****** image styles ****** */

#content img{
float:right;
clear:right;
margin:0 0 1em 1em;
border-left:1px #3399FF solid;
padding-left:10px;
}

#content img.big{
float:none;
display:block
margin:0 0 1em 1em;
border-left:1px #3399FF solid;
padding-left:10px;
border-right:1px #3399FF solid;
padding-right:10px;
}

#content a img{
border:0;
}

#content .broucher-download{
float:left;
margin:1em;
width:230px;
padding-right:30px;
}

#content .broucher-download img{
float:none;
margin:1em 0;
padding:0;
}

.feature{
border-bottom:1px dotted #3399FF;
}


a.pdf {
background:url(imgs/pdf.gif) left no-repeat;
padding: 5px 0 5px 25px;
}

a.world{
margin-top:20px;
padding:10px 0 10px 170px;
display:block;
}

a#italy{
background:url(imgs/logo_sicomait.gif) left no-repeat;
}

a#america{
background:url(imgs/logo_sicomabiz.gif) left no-repeat;
}

a#china{
background:url(imgs/logo_sicomacn.gif) left no-repeat;
}





/* ****** content areas ****** */
#header{
border-bottom:2px solid #3399FF;
}

#logo{
width:25%;
background:url(imgs/logo-ext.gif) right repeat-x;
border-right: 2px solid #3399FF;
float:left;
}
#navigation li{
list-style-type:none;
line-height:1.9em;
border-left:2px solid #3399FF;
border-bottom:1px solid #FFF;
padding-left:21px;
}
#navigation a{
color: #FFF;
text-decoration:none;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-stretch:expanded;
}

#navigation a:hover{
color:#3366FF;
}

#home li.home, #about-us li.aboutus, #concrete-mixers li.concrete, #planetary-mixers li.planetary, #twin-shaft-mixers li.twinshaft, #turbine-mixers li.turbine, #used-mixers li.used, #brochures li.brochures, #contactus li.contactus, #accessories li.accessories, #spare-parts li.spareparts, #maintenance li.maintenance, #used-plants .usedplants, #logik .logik, #euro .euro, #piccini .piccini{
background:url(imgs/bg_nav.jpg) repeat-x;
}


li.planetary, li.twinshaft, li.turbine, li.brochures, li.used{
display:none;
}

.show-mixers #navigation li.planetary, .show-mixers #navigation li.twinshaft, .show-mixers #navigation li.turbine, .show-mixers #navigation li.used, .show-mixers #navigation li.brochures, .show-plants #navigation li.euro, .show-plants #navigation li.logik, .show-plants #navigation li.piccini{
display:list-item;
padding-left:30px;
}

#content{
border-left:2px solid #3399FF;
border-right:2px solid #3399FF;
padding:20px;
min-height:300px
}

#contact-details{
width:25%;
background:url(imgs/bg_footer-left.jpg) no-repeat bottom left;
background-color:#3399FF;
float:left;
border-right:2px solid #3399FF;
height:100%;
}

#contact-details p, #contact-details h3{
color:#FFF;
font-weight:bold;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding-left:28px;
padding-bottom:0.3em;
top:-20px;
position:relative;
}

#contact-details h3{
padding-bottom:0.2em;
font-variant:small-caps;
font-size:150%;
font-weight:bold;
}



#footer-links{
background:url(imgs/bg_footer-right.jpg) no-repeat bottom right;
height:100%;
}

#footer-links ul{
list-style-type:none;
padding-left:60px;
display:inline;
position:relative;
top:1em;
}
#footer-links li{
display:inline;
margin-right:2em;
}
#footer-links li a{
color: #3366FF;
text-decoration:none;
font-weight:bold;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-stretch:expanded;
font-size:100%;
}

/* Layout */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#wrapper{
width:900px; 
margin:10px 40px;
margin-left:auto;
margin-right:auto;
}
#header{
width:100%;
height:99px;
}


#planetary-concrete-mixers{
background:url(imgs/bg_planetary.jpg) no-repeat left;
width:25%;
height:99px;
float:left;
border-right:2px #3399ff solid;
}

#twin-shaft-concrete-mixers{
background:url(imgs/bg_twinshaft.jpg) no-repeat left;
width:21%;
height:99px;
float:left;
}

#turbine-concrete-mixers{
background:url(imgs/bg_turbine.jpg) no-repeat right;
width:7%;
height:99px;
float:left;
margin-left:-8px;
border-left:2px solid #3399FF;
}

#mixer-parts{
background:url(imgs/bg_mixer-parts.jpg) no-repeat right;
width:22%;
height:99px;
float:right;
border-left:2px solid #3399FF;
}

#container {
  width: 900px;float: right;margin-left: -225px; 
  background:url(imgs/bg_swish.gif) repeat bottom left;
}
#content {
	margin-left: 225px;
	background-color:#FFF;
	width:631px;
  }
#navigation {
	width: 225px;
	float: left;
	background-color:#A2D3FD;
}
#footer {
  clear: both; ;
  background:url(imgs/bg_footer.jpg) repeat-x bottom;
background-color:#FFCC33;
width:100%;
height:5em;
min-height:69px;
border-top:2px solid #3399FF;
}