* {
margin: 0px;
padding:0px;
}
html, body {
	height: 100%;

}
body {
background-image:url(../img/backdrop.png);
background-repeat:repeat;
color:#333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;

}
img {
border: none;
}
p {
margin-bottom:10px;
line-height:1.5em;
margin-top:15px;
margin-right: 15px;
}
#backdrop2 {
background-image:url(../img/backdrop2.png);
background-repeat:no-repeat;
background-position:  center  top ;
width:100%;

}
#container {
width:958px;
margin: 0 auto;
}
#topbar {
display:block;
background-image:url(../img/topbar.png);
height:24px;
width:950px;
margin-bottom:10px;
margin-left:5px;
}
.contentpush {
width:930px;
clear:both;
}

a{
text-decoration:none;
color:#5B8239;
}
a:hover {
color:#2E7B4B;
}

hr {
text-align:left;
background:none;
border:none;
margin:0px;
margin-top:10px;
margin-bottom:10px;
margin-right:20px;
border-bottom:1px solid #5B8239;
}

.title{ 
display:block;
width:930px;
padding-left:10px;
padding-right:10px;
height:40px;
background: url(../img/titlebar.png);
margin-bottom:10px;
margin-left:5px;
}

.title h1{  
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#fff;
float:left;
font-size:20px;
margin-top:9px;
background-image: url(../img/titles.png);
text-indent:-9999px;
display:block;

height:24px;
width:500px;
background-repeat:no-repeat;
}
.title h1.welcome {background-position: 0px 0px;}
.title h1.aboutus {background-position: 0px -24px;}
.title h1.whatwedo {background-position: 0px -48px;}
.title h1.whychooseus {background-position: 0px -72px;}
.title h1.contactus {background-position: 0px -96px;}
.title h1.finerubber {background-position: 0px -120px;}
.title h1.rubbergranules {background-position: 0px -144px;}
.title h1.materialdev {background-position: 0px -168px;}

.title .phone{ 
float:right;
font-size:29px;
color:#5A976B;
}
#header {
background: url(../img/banner.png);
background-repeat:no-repeat;
width:930px;
padding-right:20px;
height:184px;
margin-bottom:10px;
margin-left:5px;
}
.menu {
float:left;
width:180px;
height:180px;
margin-left:10px;
}
.menu li {
height:20px;
padding-bottom:15px;
width:167px;
display:inline-block;
background-image:url(../img/menu_bottom.png);
background-position: right bottom;
background-repeat: no-repeat;
}

.menu li a, .menu li b{
font-size: 1.2em;
font-weight:bold;
padding-left:30px;
color: #fff;
text-decoration:none;
margin-top:15px;
margin-bottom:10px;

height:20px;
width:137px;
display:block;
background-image:url(../img/menu_bullet.png);
background-position: 0px 0px;
background-repeat: no-repeat;
}
.menu li.contact {
background:none;
}
.menu li a:hover, .menu li b{
color:#1C2122;
background-position:0 -30px;
}



#header .logo {
float:right;
background-image:url(../img/logo.png);
display:block;
width:284px;
height: 146px;
overflow:hidden;
text-indent:-9999px;
margin-top:20px;
}
ul.box {
width:958px;
height:345px;
margin:0px;
padding:0px;

margin-bottom:10px;
}
ul.box li {
padding:0px;
margin:0px;
list-style:none;
float:left;
background-image:url(../img/box_bg.png);
display:inline-block;
width:296px;
padding:5px;
height: 345px;
background-repeat:no-repeat;
}
ul.box li.middle{
margin-left:20px;

}
ul.box li.right {
float:right;
}


.footer {
margin-top:20px;
padding-top:15px;
padding-bottom:15px;
height:13px;
display:block;
width:100%;
clear:both;
background-color:#333333
}


.footerContent {
margin:0 auto;
width:930px;
color :#666666;

}


.footerContent a:hover{
color: #fff;
}
ul.box li h2 {
margin-left:5px;
margin-top:10px;
margin-bottom:10px;
color:#2E7B4B;
font-size:20px;
font-family: Verdana, Helvetica, Arial, sans-serif; 
background-image:url(../img/homepage_titles.png);
width:290px;
display:inline-block;
text-indent:-9999px;
overflow:hidden;
height:30px;
background-repeat: no-repeat;
}
ul.box li.fineRubber h2 {background-position:0px 0px;}
ul.box li.rubberGranules h2 {background-position:0px -30px;}
ul.box li.materialDev h2 {background-position:0px -60px;}

a.moreinfo {
margin-left:5px;
color:#A3C7A1;
text-decoration:none;
font-weight:bold;
}

a.moreinfo:hover {
color:#2E7B4B;
}

.contentTop {
padding:0px;
margin:0px;
background-image:url(../img/content_top.png);
display:block;
width:958px;
height: 10px;
background-repeat:no-repeat;

}
.contentBottom {
padding:0px;
margin:0px;
background-image:url(../img/content_bottom.png);
display:block;
width:958px;
height: 25px;
background-repeat:no-repeat;

}

.content {
padding:0px;
margin:0px;
background-image:url(../img/content_slither.png);
display:block;
width:938px;
padding:10px;
padding-left:20px;
padding-right:20px;
background-repeat:repeat-y;

}
ul.small  {
height:83px;

}
ul.small li {
background-image:url(../img/box_small.png);
height:83px;

}
ul.small li img{
float:left;
padding-right:10px;
height:75px;
}
ul.small li h2{
margin-top:3px;
font-size:1.9em;
color:#2E7B4B;
margin-bottom:0px;
display:inline-block;
float:left;
height:46px;
margin-bottom:0px;
margin-top:7px;
width:190px;

background-image:url(../img/internal_titles.png);
}

ul.small li.fineRubber h2 {background-position:0px 0px;}
ul.small li.rubberGranules h2 {background-position:0px -46px;}
ul.small li.materialDev h2 {background-position:0px -92px;}


ul.small li a.moreinfo{

}

.content h2 {

font-size:1.4em;
color:#2E7B4B;
margin-bottom:10px;
margin-top:20px;
}
.content h3 {
font-size:1.2em;
margin-bottom:10px;
margin-top:15px;
}
.content ul {
margin-left:5px;
padding-bottom:5px;
}
.content ul li{
margin:0px;
padding-left:20px;
margin-bottom:10px;
background-image: url(../img/small_bullet.png);
list-style:none;
background-repeat:no-repeat;
}
.content table th{ 
color:#fff;
background:#0F6634;
padding:5px;
}
.content table td,.content table th{ 
padding:5px;
border-top:1px solid #000;
border-right:1px solid #000;
}
.content table tr.shaded td {
background: #E1EFD1;
}
.content table {
border-left:1px solid #000;
border-bottom:1px solid #000;
margin-top:10px;
margin-bottom:20px;
}
.floatLeft h2{
width:250px;
}
.floatLeft  ul{
width:250px;
}
.floatLeft {
float:left;
margin-right:10px;
}
.floatRight {
width:280px;
margin-left:50px;
margin-right:20px;
margin-bottom:10px;
float:right;


}
 .floatRight img{
/*width:280px;*/
border:none;
padding-bottom:2px;
margin-left: 20px;
margin-right: 20px;

}
.floatRight div{
margin:0 auto;
margin-bottom:8px;

}
.floatRight div.small {
width:280px;
margin:0 auto;
margin-bottom:8px;
}
.floatRight div.small img{

width:140px;


}
.bigText {
/*color:#2E7B4B;*/
font-weight:bold;
font-size:2em;
}

/* --- FORM --- */
.row {
width:280px;
margin-bottom:10px;
}
.row textarea, .row input{
width:250px;
padding:5px;
}
.row textarea {
font-size:11px;
font-family: Verdana, Helvetica, Arial, sans-serif; 
height:100px;
}
.row label  {
display:inline-block;
width:300px;
padding-bottom:5px;
}
#ContactEnquiryRow {
float:right;
padding-right:20px;
}
#ContactEnquiryRow textarea{
height:275px;
}
.error {
text-align:right;
font-size:0.8em;
color:#2E7B4B;

}
.errorbox {
width:300px;
padding:5px;
border: 1px solid #2E7B4B;
margin-bottom:5px;
}
.errorbox h3{ 
color: #2E7B4B;
margin-top:0px;
}
.submit {
width:592px;
clear:both;
}
.submit button{
float:left;
}

hr.green {
  clear: both;
  height: 0;
  overflow: hidden;
  border: none;
  border-top: 1px solid #99cc99;
  margin: 10px 20px 10px 0;
}