/*
File: style.css
Project: coocoocore.com
Designer: Carla Maglione - www.coocoocore.com
Developer: Danilo Strazzullo - www.danilostrazzullo.com
*/

body {
	background-color: #FBF5F5;
	font-family: Arial Black, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 , p, ul {
	margin:0;
	padding:0;
}

ul {list-style-type:none;}

a {text-decoration:none;}
a:hover {color:#59453c;}

/* Utils Classes */
.hidden { display: none !important;}
/**/

#container {
	margin:0 auto;
	width:950px;
}

#header {
	background:url(../images/c-header-bg.gif) no-repeat 0 0;
	width:950px;
	height:500px;
	display:block;
}

#logo {
	width:65px;
	height:57px;
	padding-top:10px;
	margin-left:305px;
}

#logo h1 {
	background:url(../images/logo.gif) no-repeat 0 0;
	width:65px;
	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
}

/* Navigation */

#navigation {
	background:url(../images/c-nav-bg.gif) no-repeat 0 0;
	margin:auto;
	width:624px;
	height:46px;
}

#navigation ul {
	margin:0;
	padding:7px 0 0 90px;
	list-style-type:none;
}

#navigation ul li {
	float:left;
	margin-right:20px;
}

#navigation ul li a {
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#navigation a.about {
	background:url(../images/c-nav-about.gif) no-repeat 0 0;
	width:140px;
}

#navigation a.work {
	background:url(../images/c-nav-work.gif) no-repeat 0 0;
	width:120px;
}

#navigation a.contact {
	background:url(../images/c-nav-contact.gif) no-repeat 0 0;
	width:160px;
}

#navigation a:hover, #navigation a.attivo {
	background-position:0 -30px;
}


/* CONTENT */

.content {
	clear:both;
	background:url(../images/c-content-bg.gif) repeat-y 0 0;
	width:624px;
	margin:0 auto;
	padding:30px 0;
	display: block;
}

/* about */
#about dl {
	border-bottom:1px solid #3b2314;
	margin:20px 20px 10px;
	padding-bottom:5px;
}

#about dt {
	margin:0 0 5px 0;
	color:#FC2769;
	font-size:20px;
	text-transform:uppercase;
}

#about dd {
	color:#3b2314;
	letter-spacing:1px;
	font-size:14px;
	text-transform:uppercase;
}
/**/

/* work */
#lavori h2, #contatti h2 {
	text-transform:uppercase;
	margin:20px 20px 10px;
	color:#FC2769;
	font-size:20px;
	border-bottom:1px solid #3b2314;
	font-weight:normal;
}

#lavori ul {
	margin:0 20px 0 300px;
}

#lavori ul li ul {
	margin:0 0 5px;
	padding:0;
}

#lavori ul li ul li {
	border-bottom:1px dotted #59453c;
	font-size:13px;
	margin:0;
	padding:5px 0;
	text-transform:lowercase;
}

#lavori ul li ul li a{
	color:#59453c;
}

#lavori ul li {
	letter-spacing:1px;
	font-size:14px;
	border-bottom:1px solid #3b2314;
	text-transform:uppercase;
	padding:5px 0;
}

#lavori ul li a {
	color:#3b2314;
	display:block;
}
/**/

/* contact */
#contatti ul {
	margin:0 20px 0 200px;	
}

#contatti ul li a {
	color:#3b2314;
}

#contatti ul li {
	color:#fc2769;
	letter-spacing:1px;
	font-size:14px;
	padding:5px 0;
	border-bottom:1px solid #3b2314;
	text-transform:uppercase;
}

#contatti h2.logo {
	width:584px;
	height:55px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/contatti-logo.gif) no-repeat 0 0;
}

/* FOOTER */

#footer {
	background:url(../images/c-footer-bg.gif) no-repeat 0 0;
	width:950px;
	height:325px;
	margin-bottom:50px;
}