@charset "utf-8";
/* ClaudiaCangini (White) CSS Document */

* {
	/* good pratice defaults */
	padding:0;
	margin:0;
	border:none;
	/* projects defaults */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3D3121;
}

BODY {
	text-align:center; /* IE5 fix: centra il wrapper / gli elementi */
	/* projects defaults */
	background-color:#F9F7F4;
}

#header,
#menu,
#portfolio,
#viewer,
#clients,
#friends,
#tef,
#footer {
	width:730px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify; /* IE5 Fix: risitema il testo al centro */
}

.clearfloat { 
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#rl,
#rl_gap {
	height:1px;
	font-size:0px;
	line-height:1px;
	background:url(../graph/varie/ruler.gif) bottom left no-repeat;
}

#rl_gap {
	margin-left:10px;
	margin-right:10px;
}

A { text-decoration:none; }
A:hover { text-decoration:underline } 

/* HEADER -------------------------------------------------- */

#header {
	margin-top:16px;
	height:31px;
	background:url(../graph/header/header.gif) top left no-repeat;
}

#header A {
	margin-left:5px;
	width:139px;
	height:21px;
	display:block;
}

/* MENU ---------------------------------------------------- */

#menu {
	width:725px;
	padding-left:5px;
	padding-top:16px;
	padding-bottom:14px;
	list-style-type:none;
}

#menu LI {
	float:left;
	display:inline; /* fix IE 6 double margin bug */
	height:14px;
	background:url(../graph/menu/main/menu_dot.gif) top right no-repeat;
	padding-right:62px;
}

#menu LI.last {
	padding-right:0px;
}

#menu A {
	position:relative;
	float:left;	/* fix IE Mac 5.2 */
	display:block;
	height:14px;
}

#menu A.portfolio 
	{ width:74px;	background:url(../graph/menu/main/portfolio.gif) top right no-repeat; }
#menu A.portfolio:hover,
#menu A.portfolio_s
  { width:74px;	background:url(../graph/menu/main/portfolio.gif) top left no-repeat; }

#menu A.clients
	{ width:55px;	background:url(../graph/menu/main/clients.gif) top right no-repeat; }
#menu A.clients:hover,
#menu A.clients_s
	{ width:55px;	background:url(../graph/menu/main/clients.gif) top left no-repeat; }

#menu A.contact
	{ width:62px;	background:url(../graph/menu/main/contact.gif) top right no-repeat; }
#menu A.contact:hover,
#menu A.contact_s
	{ width:62px;	background:url(../graph/menu/main/contact.gif) top left no-repeat; }

#menu A.profile
	{ width:54px;	background:url(../graph/menu/main/profile.gif) top right no-repeat; }
#menu A.profile:hover,
#menu A.profile_s
{ width:54px;	background:url(../graph/menu/main/profile.gif) top left no-repeat; }

#menu A.friends
	{ width:54px;	background:url(../graph/menu/main/friends.gif) top right no-repeat; }
#menu A.friends:hover,
#menu A.friends_s
	{ width:54px;	background:url(../graph/menu/main/friends.gif) top left no-repeat; }

#menu A.gallery_da         { width:106px;	background:url(../graph/menu/main/gallery_da.gif) top right no-repeat; }
#menu A.gallery_da:hover   { width:106px;	background:url(../graph/menu/main/gallery_da.gif) top left no-repeat; }

/* MINIMALI ------------------------------------------------ */

#portfolio {
	padding:0px;
}

#portfolio #line {
	margin-left:5px;
}

#portfolio #line #title {
	width:165px;
	height:68px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}

#portfolio #line #thumbs {
	/* NB: se si mette il corretto 546, IE 6 genera un errore INCREDIBILE */
	width:547px; 
	float:right;
	list-style-type:none;
	/* per lo stesso motivo non e' possibile mettere lo sfondo... (replica un lato di troppo) */
	/* background:url(../graph/portfolio/tile.gif) repeat; */
}

#portfolio #line #thumbs LI {
	float:left;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	display:inline; /* fix IE 6 double margin bug */
}

#portfolio #line #thumbs LI A {
	position:relative;
	float:left;	/* fix IE Mac 5.2 */
	display:block;
	height:68px;
	width:68px;
	background:url(../../../images/thumbs/pic_01.gif) top left no-repeat;
}

/* VIEWER -------------------------------------------------- */

#viewer {}

#viewer #cont_menu {
	height:13px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:15px;
	list-style-type:none;
}

#viewer #cont_menu LI {
	height:13px;
	float:left;
	display:inline; /* fix IE 6 double margin bug */
}

#viewer #cont_menu LI.prev {
	width:42px;
	margin-right:280px;
}

#viewer #cont_menu LI A.prev {
	width:42px;
	height:13px;
	display:block;
	background:url(../graph/menu/gallery/previous.gif) top left no-repeat;
}
#viewer #cont_menu A.prev:hover {
	background:url(../graph/menu/gallery/previous.gif) top right no-repeat;
}

#viewer #cont_menu LI.gall {
	width:75px;
	margin-right:298px;
}

#viewer #cont_menu LI A.gall {
	width:75px;
	height:13px;
	display:block;
	background:url(../graph/menu/gallery/back_gallery.gif) top left no-repeat;
}
#viewer #cont_menu A.gall:hover {
	background:url(../graph/menu/gallery/back_gallery.gif) top right no-repeat;
}

#viewer #cont_menu LI.next {
	width:24px;
}

#viewer #cont_menu LI A.next {
	width:24px;
	height:13px;
	display:block;
	background:url(../graph/menu/gallery/next.gif) top left no-repeat;
}
#viewer #cont_menu A.next:hover {
	background:url(../graph/menu/gallery/next.gif) top right no-repeat;
}

#viewer #illo {
	text-align:center;
	margin-bottom:10px;
}

#viewer #desc #title {
	margin-left:5px;
	margin-bottom:5px;
	font-size:14px;
}

#viewer #desc #title STRONG {
	font-weight:bold;
	font-size:18px;
}

#viewer #desc #text {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}

#viewer #desc #text UL {
	padding-left:20px;
	list-style:circle;
}

#viewer #desc #text UL A { text-decoration:none; }
#viewer #desc #text UL A:hover { text-decoration:underline; }

/* CLIENTS ------------------------------------------------- */

#clients {}

#clients #list,
#clients #reference {
	margin-top:40px;
	margin-bottom:20px;
}

#clients #list {
	margin-left:40px;
	width:220px;
	float:left;
	display:inline;
	list-style-type:none;
}

#clients #list LI {
	padding-left:0px;
	margin-left:0px;
}

#clients #reference {
	margin-right:10px;
	width:436px;
	float:right;
	display:inline;
	list-style-type:none;
}

#clients #reference LI {
	margin-bottom:20px;
	margin-left:0px;
	padding-left:0px;
}

#clients #reference LI UL LI {
	margin-bottom:10px;
}

#clients #reference LI UL {
	list-style-type:none;
}

/* FRIENDS ------------------------------------------------- */

#friends {}

#friends #list, 
#friends #text {
	margin-top:40px;
	margin-bottom:40px;
}

#friends #list {
	margin-left:40px;
	width:220px;
	float:left;
	display:inline;
	list-style-type:none;
}

#friends #list LI {
	padding-left:0px;
	margin-left:0px;
}

#friends #text {
	margin-right:10px;
	width:436px;
	float:right;
	display:inline;
	list-style-type:none;
}

/* TEXT & PHOTO (contacts, profile) ------------------------ */

#tef {}

#tef #photo, 
#tef #text {
	margin-top:40px;
	margin-bottom:40px;
}

#tef #photo {
	margin-left:10px;
	width:264px;
	float:left;
	display:inline;
}

#tef #text {
	margin-right:10px;
	width:426px;
	float:right;
	display:inline;
}

#tef #text P {
	margin-bottom:10px;
}

#tef #text #rl {
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}

#tef #text A { font-weight:bold; }
#tef #text A:hover { font-weight:bold; }



/* FOOTER ---------------------------------------------------- */

#footer {
	text-align:center;
	font-size:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#footer A {	font-size:10px; }
#footer A:hover { font-size:10px; }