/**
 * Page layout
 */
html, body { margin: 0; padding: 0; }
html { background: #58585a url("img/bg.jpg") center top repeat-y; height: 100%; }
body { background: url("img/tubes.jpg") center top no-repeat; min-height: 800px; min-width: 1000px; font-family: "luccida sans", "bitstream vera sans", sans-serif; }
#wrapper { margin: 0 auto; width: 1000px; position: relative; }
a img { border: none; }
a { color: #fff; text-decoration: none;}
/**
 * Header elements
 */
#header { position: relative; }
#logo { display: block; position: absolute; top: 20px; left: 97px; }
#group { color: #999; font-size: 10px; font-family: tahoma, sans-serif; font-style: italic; text-decoration: none; line-height: 17px; position: absolute; left: 795px; text-align: right;  top: 31px; }
/*
 * Header menu lists
 */
.menu, .menu li { list-style-type: none; margin: 0; padding: 0; }
#header li { float: left; }
#langselect { position: absolute; left: 912px; top: 31px; height: 17px; line-height: 17px; }
#langselect li { padding-left: 7px; }
#navigation { position: absolute; top: 81px; left: 432px; }
#navigation span { visibility: hidden; }
#navigation a { display: block; width: 135px; height: 35px; text-decoration: none; }
/**
 * Main menu links
 */
#about { background: url("img/menu.png") 0 0;}
#news { background: url("img/menu.png") -135px 0;}
#plastics { background: url("img/menu.png") -270px 0;}
#navigation #products { background: url("img/menu.png") -405px 0; width: 136px; }
/**
 * Seperate menu items
 * If hovers need to be applied, one can add an extra row to the menu.png image
 * containing the hover states. Then, uncomment the following:
 */
/*
#about:hover { background-position: 0 35px;}
#news:hover { background-position: -135px 35px;}
#plastics:hover { background-position: -270px 35px;}
#products:hover {  background-position: -405px 35px; }
*/

.break hr { display: none; }
/**
 * Content box default styling
 */
#content { position: absolute; font-size: 14px; color: white; background: #58585a; top: 116px; width: 676px; }
#inner {  min-height: 585px; background-position: top left; background-repeat: no-repeat; padding: 130px 40px 0 40px; }
#bottom { height: 35px; }
/**
 * Content box element styles
 */
#content h1, #content h2, #content h3 { font-family: tahoma, sans-serif; margin: 0; padding: 0; font-weight: bold; font-style: normal; text-decoration: none; }
#content h1 { font-size: 24px; line-height: 40px; }
#content h2 { font-size: 18px; line-height: 30px; }
#content h3 { font-size: 14px; line-height: 20px; } 
#content ul { margin: 5px 0; padding: 0; list-style-type: none; }
#content ul li { margin: 0 0 0 3px; padding: 0 0 0 17px; list-style-type: none; background: url("img/arrow_white.png") left center no-repeat; }
/**
 * Page specific styling (images, colours)
 */
.home #header h1 { position: absolute; width: 685px; height: 70px; top: 325px; left: 158px; background: url("img/raw.jpg"); margin: 0; padding: 0; }
.home #header h1 span { visibility: hidden; }
.home #content a { color: #E1007A;} 

.home #inner { padding: 1px; min-height: 0; height: auto; }
.home #content{ top: 120px; left: 432px; width: 542px; color: #e1007a; background: transparent; }
.home #content p { padding: 10px; }

.about #inner { background-image: url("img/about.jpg"); }
.about #content { background: url("img/aboutbg.jpg"); left: 162px; }
.about #bottom { background: url("img/aboutbot.jpg"); }

.news #inner { background-image: url("img/news.jpg"); }
.news #content { background: url("img/newsbg.jpg"); left: 297px; }
.news #bottom { background: url("img/newsbot.jpg"); }

.plastics #inner { background-image: url("img/plastic.jpg"); }
.plastics #content { background: url("img/plasticbg.jpg"); left: 432px; }
.plastics #content h1,.plastics #content h2, .plastics #content h3 { color: #faba00; }
.plastics #bottom { background: url("img/plasticbot.jpg"); }

.products #inner { background-image: url("img/products.jpg"); }
.products #content { background: url("img/productsbg.jpg"); left: 567px; }
.products #content h1,.products #content h2, .products #content h3 { color: #58595b; }
.products #content ul li { background-image: url("img/arrow_g.png"); }
.products #bottom { background: url("img/productsbot.jpg"); }

.products #content ul li, .products #content ul li a {
	color:#58595B;
}

.contact #inner { background-image: url("img/contact.jpg"); }
.contact #content { background: url("img/contactbg.jpg"); left: 159px; color: #58595b; }
.contact #content h1,.contact #content h2, .contact #content h3 { color: #e12675; }
.contact #bottom { background: url("img/contactbg.jpg"); }
.contact #inner a { color: #e12675; text-decoration: none;}

.sitemap #inner, .intro #inner { background-image: url("img/contact.jpg"); }
.sitemap #content, .intro #content { background: url("img/contactbg.jpg"); left: 159px; color: #58595b; }
.sitemap #content h1, .sitemap #content h2, .sitemap #content h3, .intro #content h1, .intro #content h2, .intro #content h3  { color: #e12675; }
.sitemap #bottom, .intro #bottom { background: url("img/contactbg.jpg"); }

#sitemap ul.sitemap li { background: none;
list-style-type:none;
margin:0 0 0 3px;
padding:0 0 0 17px;}
#sitemap li a { background: none; color: #000; text-decoration: none;}
#sitemap li a span { padding-left: 15px; visibility: visible; background:transparent url(img/arrow_g.png) no-repeat scroll left center;}
/**
 * Contact form
 */
#content #ctform ul, #content #ctform li { margin: 0; padding: 0; list-style-type: none; background: transparent; }
#content ul li { float: none;}
#ctform label { display: block; line-height: 24px; padding: 6px; width: 584px; margin-bottom: 5px; background: url("img/label.png") no-repeat top left; }
#ctform label span { display: block; float: left; width: 140px; }
#ctform label input { margin: 0; padding: 0; border: none; width: 420px; }
#ctform label.textarea { display: block; line-height: 24px; padding: 6px; width: 584px; margin-bottom: 5px; background: url("img/label_large.png") no-repeat top left; height: 125px;}
#ctform label.textarea textarea { width: 420px; height: 100px; border: none; font-family: "luccida sans", "bitstream vera sans", sans-serif; font-size: 13px; overflow: hidden;}
/**
 * Footer (menu on the left)
 */
#footer { position: absolute; top: 456px; left: 27px; width: 121px; font-size: 14px; }
#footer a { color: #FFF; text-decoration: none; display: block; padding-left: 17px; margin-top: 3px;}
#footer a.imageLink { height: 35px; line-height: 35px; padding-left: 27px; margin-top: 0px;}
#contact { background: url("img/contact.png"); }
#contact span { visibility: hidden; }