html { margin: 0pt; padding: 0pt; overflow: auto; height: 100%; }

body, html, #container { margin: 0px; padding: 0px; }

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 75%;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-color: rgb(7, 7, 7);
}

body#sant-agostino a#sant-agostino,
body#fap-ceramiche a#fap-ceramiche,
body#ceramica-vogue a#ceramica-vogue,
body#casa-dolce-casa a#casa-dolce-casa,
body#lea-ceramiche a#lea-ceramiche, 
body#ariostea a#ariostea,
body#casamood a#casamood
{
	color: #CCC;
	background-color: #711515;
}

#container {
	width: 970px;
	padding-bottom: 10px;
}

#trends-heading h3{
	font-size: 100%;
	font-weight: bold;
}

#subcolrnav li {
	list-style-type: disc;
}

ul#red { margin:0; padding:0; list-style-type:none; }

ul#red li {
	position:relative;
	float:left;
	margin-right: 15px;
	padding-right: 1px;
	padding-top: 20px;
	padding-left: 20px;
}


ul#red li a {
	padding:2px 2px;
	text-decoration:none;
	font:bold 14px Verdana, Georgia, "Times New Roman", Times, serif;
	color:#CCC;
}

ul#red li a:hover {
	color:#B40202;
	border:none;
	font-size: 14px;
}


#sidenav {
	width: 175px;
	text-align: left;
}
#sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#sidenav li {
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #900;
}
#sidenav li a:link, #sidenav li a:visited {
	font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif;
	display: block;
	padding: 0.4em 0 0.4em 0.5em;
	background-color: #D30101;
	color: #000;
	text-decoration: none;
	text-align: left;
	border-right-width: 1px;
	border-left-width: 8px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #711515;
	border-left-color: #711515;
}

#sidenav li a:hover {
	background-color: #711515;
	color: #000;
}

.tiles_list{
	background-color: #F00;
	width: 780px;
}

ul#red li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;  line-height: 15px;}


ul#red li a:hover span {margin-top: 7px; display:block; color: #b17878;}
			 
			 

#subcoll h2 a { color: rgb(190,  2, 2); }

#subcollnav h2 a { color: rgb(190,  2, 2); }

p, h1, h2, h3 {
	margin: 0pt;
	padding: 0pt;
	line-height: 1.5;
}

h1 { color: rgb(255, 255, 255); }

.featured-text h3 {
	font-size: 100%;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	padding-left: 2px;
}

.specials-box h3 {
	font-size: 100%;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	padding-left: 2px;
}


#logo {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

.hilite { font-weight: bold; }
.textright { text-align: right; }
.floatleft { float: left; }
.floatright { float: right; }
.hrdotted {
	border: medium none;
	margin: 5px 0pt 15px;
	background-image: url(../images/dottedrule.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 1px;
}
.hrdotted hr { display: none; }
.newsimagecontainer { float: right; padding-left: 20px; }
.imagecaptioncontainer img { border-bottom: 1px solid rgb(255, 255, 255); }


.item { border: medium none ; vertical-align: top; }
.itemname { width: 100px; font-weight: bold; float: left; }
.itemvalue { width: 240px; float: left; }
#content a:hover {
	background-color: #903;
	color: #000;
}

.linkcontainer { padding-top: 10px; float: right; color: rgb(255, 255, 255); }
.rows { margin: 0px; padding: 0px; min-height: 240px; }
.imageframe { position: absolute; top: -1px; left: -1px; }
.imageframe img { border: 2px solid rgb(255, 255, 255); }

#topnav {
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	color: #CCC;
}


#content { background: rgb(37, 37, 37) none repeat scroll 0% 0%; margin-bottom: 10px; }
#mainnav { padding-top: 5px; }
#mainimage img { position: relative; }
#mainimage { background-image: url('images/photoshadow2.gif'); background-repeat: repeat-x; background-position: center bottom; color: rgb(255, 255, 255); padding-bottom: 6px; width: 769px; }
#maincontent {
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	color: rgb(255, 255, 255);
}
#maincontent #subcoll {
	margin: 0px 80px 0pt 0pt;
	float: left;
	width: 350px;
}

#maincontent #subcollnav {
	margin: 0px 20px 0pt 0pt;
	float: left;
	width: 220px;
}

#maincontent #subcolr { 
	margin: 0px 15px 0pt 0pt; 
	float: left; width: 295px; 
}

#maincontent #subcolrnav {
	margin: 0px 15px 0pt 0pt;
	float: left;
	width: 510px;
}

#maincontent h1 {
	font-size: large;
	padding-top: 10px;
	padding-bottom: 10px;
}

#maincontent a { color: rgb(190,  2, 2); text-decoration: none; }
#maincontent a:hover {
	color: #000;
	background-color: rgb(180, 2, 2);
}

#leftCol {
	float: left;
	width: 170px;
	background-color: #000;
}

#leftCol a, #leftCol a:visited {
	color: #000;
	text-decoration: none;
}

#leftCol a:hover {
	color: #CCC;
	background-color: #D30101;
	
}

#maincol {
	border-bottom: 1px solid rgb(70, 70, 70);
	width: 797px;
	float: left;
	background-color: rgb(51, 51, 51);
	background-image: url('images/vertical_border.gif');
	background-position: left bottom;
	background-repeat: repeat-y;
}
#subnav {
	text-align: right;
	width: 170px;
}
#subnav h1, #casestudytitle h1 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-transform: none;
	font-size: 100%;
	color: #000;
	background-color: #D30101;
	width: 165px;
}


a img { border: medium none ; }
.clear {
	overflow: hidden;
	clear: both;
	font-size: 1px;
	height: 0px;
	padding-bottom: 5px;
}

.featured-left {
	margin: 0px 70px 0pt 0pt;
	float: left;
	width: 350px;
}

.featured-right {
	margin: 0px 0px 0pt 0pt;
	float: left;
	width: 340px;
	text-align: left;
}

.featured-text {
	float: left;
	text-align: left;
	padding-right: 10px;
	width: 118px;
}
.featured-pics {
	float: right;
	text-align: right;
	width: 210px;
}

.specials-box {
	margin: 0px 0px 0pt 0pt;
	float: left;
	width: 770px;
}

.specials-text {
	float: left;
	text-align: left;
	padding-right: 10px;
	width: 350px;
}


.smaller { 
	font-size: 80%; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	}
	
.onecol #maincontent { width: 495px; }
.twocol_small #maincontent #subcoll { border-right: 1px solid rgb(70, 70, 70); margin: 0px 0px 50px; width: 495px; padding-right: 30px; }

.twocol_small #maincontent #subcollnav { border-right: 1px solid rgb(70, 70, 70); margin: 0px 0px 50px; width: 495px; padding-right: 30px; }

.twocol_small #maincontent #subcolr { margin: 0px; padding-left: 10px; width: 200px; }
.paper_title h2 { font-size: 230%; }
#subcoll .paper .hrdotted { margin-top: 15px; margin-bottom: 5px; }

#subcollnav .paper .hrdotted { margin-top: 15px; margin-bottom: 5px; }

.project #maincol { background-image: none; }
.project #leftCol { float: none; width: 955px; }
.project #maincol { border: 0px none ; background-color: rgb(37, 37, 37); width: 955px; }
.project #maincontent { padding-left: 25px; }
.project #footer { border: medium none ; width: 905px; }
.twocolwide2 { width: 939px ! important; }
.twocolwide2 #leftCol { background: transparent none repeat scroll 0% 0%; display: none; float: none; width: 939px; }
#workcontainer { width: 939px; }
#workcontainer .top { margin-top: -24px; }

#mid, #bottom { padding-top: 25px; width: 785px; }

#top { 
	width: 785px; 
	background-image: url('images/photoshadow.gif'); 
	background-repeat: repeat-x; 
	background-position: center bottom; 
	padding-bottom: 6px; 
	position: relative; }

a {
	text-decoration: none;
	color: #D30101;
	text-align: right;
}

#mid { background-color: rgb(51, 51, 51); padding-bottom: 35px; }


#footer { 
	border-bottom: 1px solid rgb(70, 70, 70); 
	color: rgb(255, 255, 255); 
	background-color: rgb(37, 37, 37); 
	padding-left: 25px; 
	padding-right: 25px; 
	font-size: 80%; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	margin-bottom: 20px; 
	padding-top: 70px; height: 31px; }

#footer #copyright {
	float: right;
	padding-right: 20px;
}
#footer #footernote { float: left; }
#footer #footernote a { margin-left: 15px; }
#footer #footernote a:hover {
	background-color: rgb(180, 2, 2);
	color: rgb(51, 51, 51);
}
#footer .designcanchange { float: right; position: relative; top: -10px; }
#footer a.designcanchange:hover { background: transparent none repeat scroll 0% 0%; }
#footer img { vertical-align: middle; }