/* ---- Template 00 - ../images   ---- */

*{ margin: 0; padding: 0; border: 0 }

/* ---- headers  ---- */

body { background:#666 url("../images/sfo_body.jpg"/*tpa=http://www.therealfirst.com/images/sfo_body.jpg*/) -2px 0px repeat-x fixed;color: #666; }
html>body {background:#666 url("../images/sfo_body.jpg"/*tpa=http://www.therealfirst.com/images/sfo_body.jpg*/) 1px 0px repeat-x fixed;
color: #666;} /* hack: IE6 non vede questo comando */
 
h1, h2, h3, h4, h5, h6 {color: #333 ;}
 
h2#slogan{color: #fff}

/* #tob-bg utile per aggiungere un immagine di sfondo sopra #header-photo */
#top-bg {background:url("../ima000ges/sfo_body.jpg"/*tpa=http://www.therealfirst.com/ima000ges/sfo_body.jpg*/) -1px 0 repeat-x; }
#header{background: url("../images/sfo_body.jpg"/*tpa=http://www.therealfirst.com/images/sfo_body.jpg*/) 0px -63px /*0*/ repeat-x;}
#wrap {
	position: relative;
	width: 820px;border: 0px double #ccc;
	/**/background: #fff;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {	
	background: #eee;
}
#content-wrap {	
	border-top: 5px solid #FFF;
	border-bottom: 2px solid #eee;
}

#banner div a{ text-decoration:none; color:#999999; background:#fff;border:1px solid #fff}
#banner div a:hover{ background: #FFFFCC; color:#000; border:1px solid #ccc}
#banner h2, #banner p{ border:0;}


#header h1#logo-text a {color: #AEAAAA;}
#header h1#logo-text span {color: #838181;}


/* header links */
#header #header-links {color: #838181;}
#header #header-links a {color: #838181;}
#header #header-links a:hover {color: #fff;}

/* ---- header-photo  ---- */
#header-photo {background: url("../images/header-0photo.jpg"/*tpa=http://www.therealfirst.com/images/header-0photo.jpg*/) no-repeat center center;}


	
/* ---- tag HTML  ---- */
/* ---- link  ---- */
a, a:visited {	color: #336699;  }
a:hover {color: #000;}

#main img, #sidebar img {background: #FAFAFA; border: 1px solid #DCDCDC;}

blockquote {	background: url("../images/post.gif"/*tpa=http://www.therealfirst.com/images/post.gif*/) 0	0 no-repeat;border: 1px solid #336699 ;}

/* ---- stili per eventuale uso di tabelle  ---- */
table#tabella table { border-right:1px solid #DFDFDF;}
table#tabella th strong {color: #fff;}
table#tabella th {
	background:#93BC0C url("../images/nav.jpg"/*tpa=http://www.therealfirst.com/images/nav.jpg*/) repeat-x;
	color: #000;
	border-left: 1px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
	}
table#tabella td {	border-left: 1px solid #E8E8E8;border-bottom: 1px solid #DFDFDF;}
tr.riga-a {background: #F8F8F8;}
tr.riga-b {background: #EFEFEF;	}

/* ---- Navigation  ---- */
#nav ul {background: url("../images/nav.jpg"/*tpa=http://www.therealfirst.com/images/nav.jpg*/) repeat-x;	}
#nav ul li a {
	border-right: 1px solid #777;
	border-left: 1px solid #fff;
	border-bottom: none;
	color: #FFF;
	}
#nav ul li a:hover, 
#nav ul li a:active {background: url("../images/nav-hover.jpg"/*tpa=http://www.therealfirst.com/images/nav-hover.jpg*/) repeat-x;	}
#nav ul li#current a {background: url("../images/nav-current.jpg"/*tpa=http://www.therealfirst.com/images/nav-current.jpg*/) repeat-x;	}

/* ---- Main Column  ---- */
#main { background:#fff;}
#main h4 { color:#000000;}
#main ul li {list-style-image: url("../images/bullet.gif"/*tpa=http://www.therealfirst.com/images/bullet.gif*/);}


/* ---- Sidebar  ---- */		
#sidebar h1 {color: #336699;}
	
/* ---- menu in spalla ---- */
ul#menuSecondario li{ border-bottom:1px solid #ccc ; 
 background:  url("../images/ico_freccia.gif"/*tpa=http://www.therealfirst.com/images/ico_freccia.gif*/) 5px 2px no-repeat;}
ul#menuSecondario a:link, ul#menuSecondario a:visited{ /*color:#45932F; background:#eee;*/}
ul#menuSecondario a:hover{color:#000; }


/* ---- altre classi  ---- */
.importante{ background: #FFFFCC; border-top:3px double #336699 ;border-bottom:3px double #336699 ;}
.calltoaction {border-top: 1px solid  #ccc ;border-bottom:1px solid #ccc ;background:#eee;}
/*.calltoaction a{ color:#fff}*/
/* ----- #contatti ---- */
input, select, textarea{ border:1px solid #ccc}