* {margin: 0; padding: 0;}
html {padding: 0 0 16px 0;}
body {
	background: #312929 url('../images/bg.jpg') center top no-repeat;
	width: 856px;
	margin: 0 auto;
	font-family: tahoma, arial, sans-serif;
	font-size: 12px;
	color: #A8A8A8;
}
#rotator { background: url('http://www.roccatiles.com/images/stories/headers/1-exterior-night.jpg') top left no-repeat;}
table {border-collapse: collapse;}
td {vertical-align: top;}
a {text-decoration: none; color: #D0CDC5; outline: none;}
a:hover {color: #fff;}
img {border: 0;}
input {vertical-align: middle;}
textarea {overflow: auto;}
.inputbox, select {/*font-size: 10px;*/ padding: 4px; margin: 0px 5px 0px 5px; border: 1px solid #555; font-family: tahoma, arial, sans-serif;background-color: #312929;color:#CCCCCC}
.button {border: 0; font-family: tahoma, arial, sans-serif; font-size: 11px; color: #fff; padding: 1px 12px; background: #555; margin: 0; cursor: pointer; margin-left:5px;}
.mod_contentitemseo td{
position:absolute; 
top:-50px;
z-index:99;
display:block;
width:500px;
margin-top:-20px;
color:#000;}

#mainmenu h1 {float: left;}
#mainmenu h1 a {display: block; width: 282px; height: 118px; overflow: hidden; white-space: nowrap; text-indent: 300px; background: url('../images/logoxx.png') no-repeat;}
#mainmenu ul {float: right; list-style: none; right: 44px; padding: 62px 24px 0 0; background: url('../images/greyborder.gif') bottom repeat-x;}
#mainmenu li {float: left; display: inline; margin: 0 -24px 0 0; position: relative; z-index: 1;}
#mainmenu li ul {display: none;}
#mainmenu li:hover ul {background-color: #312929; display: block; float: none; position: absolute; top: 33px; left: 50%; padding: 0; margin: 0 0 0 -35px; width: 70px;}
#mainmenu li li {padding: 0; float: none; display: block; margin: 0; background: #312829 url('../images/greyborder.gif') bottom repeat-x; width: 130px;}
#mainmenu li li a {text-align: center; margin: 0; padding: 0 0 1px 0; line-height: 24px; width: 130px;}
#mainmenu li li a:hover {margin: 0; padding: 0;}
#mainmenu li a {display: block; padding: 0 24px 1px 24px; line-height: 32px; position: relative; z-index: 100; color: #fff;}
#mainmenu li a:hover, #mainmenu .mainlevel_current, #mainmenu .mainlevel_active, #mainmenu .sublevel_current, #mainmenu .sublevel_active{border-bottom: 1px solid #389028; color: #fff; z-index: 101;}
#mainmenu .mainlevel_current, #mainmenu .mainlevel_active, #mainmenu .sublevel_current, #mainmenu .sublevel_active{font-weight:bold; }

#header {clear: both; height: 314px; margin: 0 0 30px 0; background: url('../images/header.jpg') no-repeat;}

#left, #mainbody {line-height: 180%;}
#left {float: left; width: 242px; padding: 0 0 0 56px; /*overflow: hidden;*/}
#left h3 {border-bottom: 1px solid #555; margin: 0 0 16px 0; height: 30px;}
#left .moduletablesidebar h3 {text-indent: 300px; width: 242px; overflow: hidden; background: url('../images/latestnews.png') no-repeat;color:#312929;}
#left .contentheading {display:block; /*text-indent: 300px;*/ width: 242px; overflow: hidden; color:#312929; border-bottom: 1px solid #555555; padding-bottom:9px;}
#left .moduletablesidebarcontact {font-size:11px;}
#left .moduletablesidebarcontact h3 {text-indent: 300px; width: 242px; overflow: hidden; background: url('../images/contactdetails.png') no-repeat;color:#312929;}
#left .moduletablesidebaradhesives h3 {text-indent: 300px; width: 242px; overflow: hidden; background: url('../images/adhesives.jpg') no-repeat;color:#312929;}
#left .contentpaneopen td {text-align: justify;}

#mainbody {float: right; width: 495px; overflow: hidden; padding: 0 30px 16px 0;}
.contentpaneopen, .contentpaneopennews {width: 100%;}
#mainbody .contentpaneopen td, #mainbody .contentpaneopennews td {/*text-align: justify;*/ padding: 16px 0 0 0;}
#mainbody .contentpaneopennews td {padding: 16px 0 0 0;}
#mainbody h2 {font-size: 14px; text-transform: lowercase;}
#mainbody .contentpaneopen td.contentheading, #mainbody .contentpaneopen td.buttonheading, #mainbody .buttonheading {border-bottom: 1px solid #555; padding: 0; height: 30px; font-size: 18px; text-transform: lowercase;}
#mainbody .contentpaneopen td.contentheading {width:500px;}
#mainbody .contentpaneopennews td.contentheadingnews, #mainbody .contentpaneopennews td.buttonheading {border-bottom: 1px solid #555; font-size: 18px; text-transform: lowercase; padding: 0 0 10px 0; }
#left .readon, #mainbody .readon, #mainbody .readonnews {display: block; float: left; font-size: 11px; line-height: 24px; border-bottom: 1px solid #D0CDC5;}
#left .readon:hover, #mainbody .readon:hover, #mainbody .readonnews:hover {color: #D0CDC5; border-bottom: 1px solid #389028;}
#mainbody .contentpaneopen h1 {border-bottom: 1px solid #555; margin: -16px 0 16px 0;}
#mainbody .componentheadingproducts {text-indent: 550px; background: url('../../../images/stories/titles/products.png') no-repeat; height: 30px; border-bottom: 1px solid #555; margin: 0 0 16px 0;}
#mainbody .componentheadingprojects {text-indent: 550px; background: url('../../../images/stories/titles/projects.png') no-repeat; height: 30px; border-bottom: 1px solid #555; margin: 0 0 16px 0;}
#mainbody .componentheadingnews {text-indent: 550px; background: url('../../../images/stories/titles/news.png') no-repeat; height: 30px; border-bottom: 1px solid #555; margin: 0 0 16px 0;}
#mainbody .componentheadingcontact {text-indent: 550px; background: url('../../../images/stories/titles/contact.png') no-repeat; height: 30px; border-bottom: 1px solid #555; margin: 0 0 16px 0;}

#footer {clear: both; border-top: 1px solid #555; margin: 0 30px 0 56px; padding: 10px 0 0 0; line-height: 190%;}
.padding {float: right; text-align: right;}
#avenir {display: block; float:left; font-size:90%; TEXT-ALIGN: left; MARGIN: 0px;PADDING:0px; margin-left:0px;margin-top:0px;text-indent: 24px;background: url(../images/avenir-design.jpg) no-repeat 0px 0px;height:35px; clear:both;}
#avenir a:link { /*color: #B1CD43;*/ text-decoration: none;}
#avenir a:visited {/*color: #B1CD43;*/text-decoration: none;}
#avenir a:hover { /*color: #B1CD43;*/text-decoration: none; }

#footer ul {float:left; list-style: none;}
#footer li {float:left; display: inline; position: relative; z-index: 1; padding: 0px 5px; border-left: 1px solid #666;}
#footer li ul {display: none;}
#footer li:hover ul {display: block; float: none; position: absolute;padding: 0; margin: 0 0 0 0;}
#footer li li {padding: 0; float: none; display: block; margin: 0;}
#footerli a {display: block; position: relative; z-index: 100; color: #fff;}
#footer .padding {width:400px;}
#footer .copy {float: right;clear:none;}
.moduletableft {float: right}