/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html
{
height: 100%;
}

body
{
height: 100%;
}

#wrapper
{
position: relative;
min-height: 100%;
}

*html #wrapper
{
height: 100%;
}

#contact_us input {width:200px;}
#contact_us textarea {width:200px;}

#container{ position:relative;   padding:0px 0px 29px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:968px;  }

#header { position:relative; z-index:10; width:100%; height:154px; margin:0px; padding:0px; position:relative; }

#logo {  width:280px; height:104px; margin:0px; padding:16px 0px 0px 94px;  }
#contact { position:absolute; right:76px; top:46px;  width:225px; }
#contact p {font-size:21px; color:#fff; margin:0px 0px 0px 0px; text-align:left;}
#contact p a { color:#fff; font-size:14px; line-height:26px; } 
#contact p a { text-decoration:none;}

#content h3 { color:#000; }
#main {  width:100%; margin:0px 0px 0px 0px; }


#footer { position:relative; width:960px; display:block; background:url(../images/footer_bac.jpg) repeat-x left top; height:29px; margin:-29px auto 0px auto; padding:0px; }

#footer p { font-size:10px; color:#fff; padding:8px 0px 10px 5px; margin:0px 0px 0px 0px;}
.clear { clear:both; }


/*------------------------------------ Homepage -----------------------------------------------------------*/

#home_main { width:940px; background:url(../images/home_main.jpg) repeat-y left top; position:relative; display:block; min-height:100px;; height:auto !important; margin:34px 0px 26px 0px; padding:8px 22px 11px 15px;}
#home_top { width:968px; height:7px; background:url(../images/home_top.jpg) no-repeat left top; position:absolute; left:0px; top:-7px;}

#caresoul_box { width:521px; height:268px; background:#333; display:block; float:left;}
#caresoul_box ul {}
#caresoul_box ul li { position:relative;}
.text_trans { display:block; background:#000; height:34px; width:521px; position:absolute; bottom:0px; left:0px; opacity:0.4; filter:alpha(opacity=40); }
.text {display:block; height:25px; width:502px; position:absolute; bottom:0px; left:0px; font-size:12px; color:#fff; padding:9px 0px 0px 19px;}

#home_content { width:394px; color:#fff; height:259px; display:block; float:right; position:relative; background:url(../images/home_content_back.jpg) #000 no-repeat left top; padding:7px 7px 0px 7px;}
#home_content p { color:#FFF;  font-size:12px; line-height:18px; }
#home_content_left { background:url(../images/repeat_left.jpg) repeat-y left top; width:3px; height:266px; position:absolute; left:-3px; top:0px;}
#home_content_right {background:url(../images/repeat_right.jpg) repeat-y left top; width:3px; height:266px; position:absolute; right:-3px; top:0px;}
#home_content_below {width:414px; height:6px; position:absolute; left:-3px; bottom:-6px; background:url(../images/home_content_below.jpg) no-repeat left top;}
*html #home_content_below {bottom:-16px;}


#exhibition { display:block; margin:0px 0px 10px 0px;}
.exhibition {width:206px;  min-height:360px; padding:10px; display:block; float:left; height:auto !important; height:360px; background:#333333; margin:0px 11px 0px 0px;}
#normargin.exhibition { margin:0px 0px 0px 0px !important;}
.exhibition p { color:#fff;}
.exhibition a.header_ex { color:#FFF; font-size:15px; font-weight:bold; margin:20px 0px 0px 0px; display:block;}

/*------------------------------------ Textpage -----------------------------------------------------------*/
#textpage {width:788px; display:block; margin:18px auto 10px 80px; padding:0px 0px 10px 0px;  min-height:100px; height:auto !important; height:100px;}
#breadcrumb { background:url(../images/breadcrumb.jpg) no-repeat left bottom; width:788px; margin:0px auto 10px 0px; padding:0px 0px 15px 0px; font-size:11px; color:#333333;}
#breadcrumb a {font-size:11px; color:#333333;}


/*------------------------------------ Productpage -----------------------------------------------------------*/

#products { display:block; width:874px; margin:10px auto 10px auto; min-height:100px; height:auto !important; height:100px;}
.product { width:180px; display:block; min-height:167px; height:auto !important; height:167px; background:#333333; float:left; margin:0px 0px 18px 18px; padding:8px; position:relative;}
.product p { color:#FFF; font-size:15px;}
a.product_arrow { position:absolute; bottom:8px; right:8px;}

/*------------------------------------ Products -----------------------------------------------------------*/

.product_m { background:url(../images/product_m_bottom.jpg) repeat-x left bottom; display:block; padding:10px 0px 10px 0px;}
.product_title a { font-size:14px; color:#333333; display:block; margin:0px 0px 0px 0px; text-align:left; }
.product_title a span.leftspan { display:block; float:left;}
.product_title a:hover {color:#333333; text-decoration:none;}
.product_title a span.rightspan { text-align:right !important; font-weight:bold; font-size:12px !important; display:block; float:right;}
.product_img { display:block; float:left; width:145px; margin:0px 19px 0px 0px;}
.product_text { display:block; float:left; width:620px;}
.product_m_text { width:610px; display:block; float:right;}

a.enquire_button { display:block; float:right;}

.paging { display:block; float:right; margin:20px 0px 20px 0px; font-size:12px; color:#333;}
.paging a {font-size:12px; color:#333;}
.paging a:hover {font-size:12px; color:#333; text-decoration:underline;}

.paging_top { position:absolute; top:212px; right:100px; font-size:12px; color:#333; z-index:10;}
.paging_top a {font-size:12px; color:#333;}
.paging_top a:hover {font-size:12px; color:#333; text-decoration:underline;}

#product_contact label { width:200px;}
#product_contact input.text_input { width:300px;}
#posted-email {width:300px;}
#product_contact textarea {width:300px;}

/*------------------------------------ News -----------------------------------------------------------*/

.news {background:url(../images/product_m_bottom.jpg) repeat-x left bottom; display:block; padding:10px 0px 10px 0px;}
.news_img { width:181px; height:126px; display:block; float:left; margin:0px 20px 0px 0px;}
.news_text { width:494px; display:block; float:left;}

a.news_title { display:block; color:#333333; font-size:14px; font-weight:bold;}
a.news_title span {color:#333333; font-size:10px; }
a:hover.news_title {color:#333333;}

a.enquire_news { display:block; float:right; margin:0px 0px 0px 0px;}

/*------------------------------------ Testimonials -----------------------------------------------------------*/

.testimonial {background:url(../images/product_m_bottom.jpg) repeat-x left bottom; display:block; padding:10px 0px 10px 0px;}
.comma  { display:block; float:left;}
.testimonial_text { display:block; float:right; width:728px; margin:5px 0px 0px 0px;}
.author { color:#333333; font-size:12px; font-weight:bold; display:block; float:right; 
background:url(../images/speech_bubble.jpg) no-repeat right top; padding:18px 40px 0px 0px; margin:0px 0px 2px 0px;}
.location { display:block; float:right;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:0px auto 0px auto; padding:0px 0px 0px 0px; position:absolute; bottom:0px; left:0px; text-align:center; }
#nav ul { margin:0px 0px 0px 84px; padding:0px;}
#nav ul li { margin:0px 0px 0px 9px; padding:0px; list-style:none; display:block; float:left; position:relative;}
#nav ul li  a { margin:0px 0px 0px 0px; padding:8px 17px 5px 17px;  color:#ffffff; display:block;   font-weight:normal; font-size:13px; background:url(../images/nav.jpg) repeat-x left top;}
#nav ul li  a:hover { text-decoration:none;  color:#333333; background:#FFF; } 
#nav ul li ul { display:none; width:184px; position:absolute; background:#000; margin:0px !important; padding:0px !important; top:29px; left:0px; opacity:0.9; filter:alpha(opacity=96); text-align:left !important;}
#nav ul li ul li {margin:0px !important; paddin:0px !important; display:block !important; float:none !important;}
#nav ul li ul li a { background:none; margin:0px !important; padding:5px 0px 5px 6px !important; width:184px;  display:block !important; float:none !important;}
#nav ul li ul li a:hover {text-decoration:none;  color:#333333; background:#ffffff !important;}
#nav ul li:hover ul { display:block; }
#nav ul ul:hover { display:block;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) #fff
 repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:25px; color:#333333; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#333333; font-size:17px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#FEA500; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#333333; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#333333; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#FEA500; font-size:13px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
ul li { font-size:12px; color:#333333; list-style:disc; }
ol {}
ol li {font-size:12px; color:#333333; list-style:decimal;}

address {font-size:12px;}

a { color:#FEA500; text-decoration:none; }
a:hover { color:#FEA500; text-decoration:underline; }

p { font-size:12px; color:#333333; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }