/*
	sadegraphic.com default CSS
	=========================================================
	(c)2008-2010 Sara de Pisapia
	=========================================================
*/

@import"milkbox.css";

html{text-align:center}
body{width:80%;max-width:1200px;min-width:740px;color:#fff;font:62.5%/1.8em Tahoma, Verdana,Arial,sans-serif;text-align:left;background:#0047b6 url(../images/css-images/bg.jpg) top left no-repeat fixed;margin:2% auto}
p,ul,ol,li,dl,dd,dt,blockquote,q,cite,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
h1{font-size:2.8em}
h2,h3{font-weight:bold;color:#ffa927;text-transform:uppercase}
h2{font-size:2.6em;margin-left:0.5em;clear:both;padding:0.5em 0.5em 10px}
h2 em{display:block;text-transform:none;color:#fff;font-size:0.6em;padding-top:0.5em}
h3{text-indent:10px;background:url(../images/css-images/bullet-off.gif) no-repeat 1em 50%;text-decoration:none;font-size:1.4em;clear:both;padding:0.5em 1em}
h4{text-indent:10px;background:url(../images/css-images/bullet-on.gif) no-repeat 0 0.4em;font-weight:bold}
p,ul,ol,dl{font-size:1.3em}
ul{list-style:none;padding:0.5em 1em}
li p{font-size:1em}
div p{padding:0.5em 1em}
a{color:#ffa927;font-weight:bold;text-decoration:underline}
a:hover{color:#fff;text-decoration:none}
img{float:left;margin:0.25em 0.5em 0.25em 0}
img.icon{float:none;margin:0;padding:0}
a img{border:3px solid #ffa927}
a:hover img{border:3px solid #fff}
#header,#main-content,#sub-content,#footer{padding:0.5em 0}

#header{width:100%;background:url("../images/css-images/linea-orizz.png") bottom left repeat-x;overflow:hidden}
#header h1{width:312px;height:115px;background:url(../images/css-images/logo-sadegraphic.png) no-repeat;font-size:1.5em;font-weight:bold;float:left;padding-bottom:0.5em}
html>body #header h1{text-indent:-500em}
#header h1 em{display:block;font-size:1em}

#content{height:1%;overflow/**/:/**/hidden;background:url("../images/css-images/content-bg.png") 100% 0 repeat-y;clear:both;margin:0.5em 0}

#main-content{float:left;width:100%;margin-right:-250px;display:inline}
#main-content h2{padding-left:55px;margin-bottom:0.5em;background-repeat:no-repeat;background-position:center left}
#chisono{background-image:url(../images/css-images/chisono.png)}
#cosacreo{background-image:url(../images/css-images/cosacreo.png)}
#cosahocreato{background-image:url(../images/css-images/cosahocreato.png)}
#comecreo{background-image:url(../images/css-images/comecreo.png)}

#sub-content{float:right;display:inline;width:250px;position:relative;z-index:1}
#sub-content h2{font-size:2.2em;margin-top:0.5em;background:url(../images/css-images/bullet-title.gif) no-repeat 0 0.7em}
#sub-content p{font-size:1.2em}

.toggler{background:url(../images/css-images/bgtransp.png) 0 0 repeat;border-top:1px solid #fff;border-bottom:1px solid #fff;margin:0 255px 2em 0;padding:0.5em 0}
.up a{background:url(../images/css-images/bullet-up-off.gif) no-repeat 0 50%;padding-left:10px;color:#fff;font-weight:normal}
.toggler.active{cursor:auto}
.toggler.unactive{cursor:pointer}
.accordion{height:1%;overflow:hidden}
.more{display:none;font-size:1.4em;text-decoration:none}

.clear{clear:left;height:0;overflow:hidden}
.up a:hover{background:url(../images/css-images/bullet-up-on.gif) no-repeat 0 40%;color:#ffa927}
.links{font-size:1.2em;margin:0 0.5em;padding:0.5em}
.links li a{display:block;text-decoration:none;color:#fff;font-weight:normal;border-bottom:1px solid #fff;background:url(../images/css-images/bullet-on.gif) no-repeat 0 50%;padding:3px 0 3px 10px}
.links li a:hover{color:#ffa927;background:url(../images/css-images/bullet-off.gif) no-repeat 3px 50%}
.is li{text-indent:10px;background:url(../images/css-images/bullet-on.gif) no-repeat 0 0.4em}
.os li a{padding-left:10px;background:url(../images/css-images/bullet-on.gif) no-repeat 0 0.4em;text-decoration:none;color:#fff}
.os li a:hover{color:#ffa927;background:url(../images/css-images/bullet-off.gif) no-repeat 3px 0.4em}

#footer{width:100%;background:url("../images/css-images/linea-orizz.png") top left repeat-x;font-size:0.9em;padding-top:1em}
#footer p{padding-bottom:0}