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

body
{
    font-size:0.7em;
    font-family: verdana, sans-serif;
    color: #ffffff;
    background-color: #C8C8C8;
    margin:0px auto;
    text-align: center;
}

input, select, textarea
{
    font-family: verdana, sans-serif;
    color: #004e61;
    font-weight: bold;
    font-size: 11px;
    padding: 4px;
}

select
{
    padding: 3px 4px;
}

a
{
    color: #fff; text-decoration: none;
}
a:hover
{
    color: #fff; text-decoration: none;
}
a:visited
{
    color: #fff; text-decoration: none;
}
    
#container
{
    position: relative;
    min-height:100%;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    padding: 0;
    background:#fff;
}

#header
{
    height:110px;
}

#banner
{
    background: #338299 url("../images/kube_header_long.jpg") no-repeat;
    height: 78px;
}

#header #leftheader
{
    background: #fff url("../images/kube_header.jpg");
    width: 608px;
    height: 78px;
}

#header #rightheader
{
    background: #fff url("../images/kube_logo.jpg");
    width: 382px;
    height: 78px;
}
#header #nav
{
    height: 30px; 
    border-top: 1px solid #ffffff;
    background: #338299 url("../images/nav_bg.jpg") right;
}

#header #nav ul
{
    margin:0px 0px 0px 1px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
    list-style-type:none;
}

#header #nav ul li
{   
    float:left;
    border-right: 1px solid #ffffff;
}

#header #nav ul li a
{   
    height: 30px; 
    display: block;
}
#header #nav ul li a
{   
    cursor: pointer;
}

/*Front page*/
img.kube_logo_chair
{
    position: absolute;
    top: 0px;
    left: 618px;
}

div#kube_office_red_bar
{
    background-image: url("../images/kube_office_red_bar.jpg");
    color: #ffffff;
    font-size: 0.9em;
    padding: 82px 20px 0 20px;
    line-height: 28px;
    width: 547px;
    margin-bottom: 10px;
}

div#chair_placeholder
{
    height: 110px;
    margin-bottom: 10px;
}

div.make_enquiry
{
    background: #9a0202;
    color: #e1b4b4;
    text-align: center;
    padding: 3px 8px 0 8px;
    height: 59px;
    font-size: 0.9em;
    width: 164px;
    margin-left: 1px;
}

div.services_button_container
{
    margin-right: 181px;
    margin-bottom: 10px;
}

div.services_button_container a.button
{
    font-size: 0.9em;
}

div.make_enquiry p {margin-bottom: 14px; color: White;}
div.make_enquiry a {color: #e1b4b4; font-weight: bold; letter-spacing: 1px;}
div.make_enquiry a:visited {color: #e1b4b4;}
div.make_enquiry a:hover {color: #ffffff;}

a.view_gallery_button
{ 
	width: 363px; 
	height: 57px; 
	display: block; 
	background-image: url("../images/b_view_gallery.gif"); 
	margin-bottom: 1px;
}

a.view_gallery_button:hover
{ 
	background-image: url("../images/b_view_gallery_h.gif");  
}

a.order_brochure_button
{ 
	width: 363px; 
	height: 32px; 
	display: block; 
	background-image: url("../images/b_order_brochure.gif"); 
	margin-bottom: 10px;
}

a.order_brochure_button:hover
{ 
	background-image: url("../images/b_order_brochure_h.gif");  
}

/* Main menu & rollovers */
a.b_home
{
	width: 77px;
	background-image: url("../images/b_home.gif");
}
a.b_home:hover
{
	background-image: url("../images/b_home_h.gif"); 
}

a.b_about_us
{
	width: 101px;
	background-image: url("../images/b_about_us.gif");
}

a.b_about_us:hover
{
	background-image: url("../images/b_about_us_h.gif");
}

a.b_our_services
{
	width: 126px;
	background-image: url("../images/b_our_services.gif");
}

a.b_our_services:hover
{
	background-image: url("../images/b_our_services_h.gif");
}

a.b_case_studies
{
	width: 128px;
	background-image: url("../images/b_case_studies.gif");
}

a.b_case_studies:hover
{
	background-image: url("../images/b_case_studies_h.gif");
}

a.b_news
{
	width: 77px;
	background-image: url("../images/b_news.gif");
}

a.b_news:hover
{
	background-image: url("../images/b_news_h.gif");
}

a.b_contact
{
	width: 93px;
	background-image: url("../images/b_contact.gif");
}

a.b_contact:hover
{
	background-image: url("../images/b_contact_h.gif");
}

#main
{
   padding: 20px 10px 10px 20px;
   background: #fff url("../images/bg.jpg");
   min-height: 550px; 
}

div #main #main_left
{
   width: 587px;
   float: left;
}

div #main #main_right
{
    width: 363px;
    float: right;
}

div #footer
{  
    width: 950px;
    height: 20px; 
    clear: both;
    font-size: 10px; 
   background: #338299 url("../images/footer_bg.jpg"); 
   line-height: 20px;
   padding: 0 20px;
   margin-bottom: 20px;
}

div.news_selector
{
    width: 579px;
    height: 19px;
    background: #9a0202;
    margin-bottom: 1px;
    padding: 4px;
}
div.news_selector select
{
    width: 579px;
    padding: 2px 4px;
}

div.text
{
    width: 547px;
    background: #004e61;
    margin-bottom: 1px;
    padding: 16px 20px 0 20px;
    padding-bottom: 0px;
}

div.text a, div.text a:visited
{
	color: #ffffff;
	text-decoration: underline;
}

div.text a:hover
{
	text-decoration: none;
}

.right_full
{
    width: 321px !important;
    text-align: left !important;
}

div.text p
{
    padding-bottom: 20px;
    line-height: 1.5em;
}

div.text h2
{
    font-size: 1.0em; line-height: 1.2em; font-weight: bold; padding-bottom: 16px;
}

div.text ul
{
    padding-bottom: 20px;
}

div.text li 
{
    list-style: disc none inside;
    line-height: 1.5em;
}

.on_white
{
    color: #9a0202;
    margin-top: 16px;
    margin-bottom: 8px;
}

img.cell 
{
	padding-bottom: 10px;
}

div.thumbnails
{
	border-top: 0px solid white;
	margin-bottom: 1px;
}

div.thumbnails_first
{
	border-top: 10px;
	border-bottom: 10px;
}

/* Display block here as IE leaves a space "below the line" for lettering on inline elements */
div.thumbnails img
{
	border-left: 1px solid #ffffff;
	margin-bottom: 1px;
	display: block;
}

/*Buttons which have the white arrow and red bg */
a.button
{
   padding: 0 16px;
   display: block;
   height: 27px; line-height: 27px;
   background: #47838e;
   font-weight: bold;
   text-align: center;
   border-bottom: 1px solid white;
}

a.button:hover
{
   background: #9a0202 url("../images/b_bg_h.gif") no-repeat left;
}

/*specific types of this button...*/
a.our_services
{
    width: 179px;
    text-align: left;
    padding-right: 0px;
    float: left;
    margin-left: 1px;
}

div#our_services_menu 
{
    height: 28px;
    width: 588px;
}

/* when buttons remain in the hover state */
.selected
{
    font-weight: bold;
    display: block;
    height: 27px; line-height: 27px;
    padding: 0 16px;
    background: #9a0202 url("../images/b_bg_h.gif") no-repeat left;
    margin-bottom: 1px;
}

/* The cyan button used on the contact form and case studies */

a.linkbutton
{
    padding: 0px 12px;
    height: 27px; line-height: 27px;
    background-color: #338299;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1px;
    color: #ffffff;
    float: right;
    display: block;    
}

a.linkbutton:hover
{
    background: #9a0202 url("../images/b_bg_h.gif") no-repeat left;
}

.selected_small
{
    padding-left: 20px;
    padding-right: 20px;
    height: 27px; line-height: 27px;
    font-weight: bold;
    font-size: 0.90em;
    background: #9a0202 url("../images/b_bg_h.gif") no-repeat left !important;
    margin-bottom: 1px;
}

.selected b 
{
	font-weight: normal;
}

/* Please click the thumbnails to view larger versions etc...*/
.instructions
{
    padding-left: 20px;
    padding-right: 20px;
    height: 27px; line-height: 27px;
    font-weight: bold;
    font-size: 0.9em;
    background: #9a0202;
    margin-bottom: 1px;
}

/*Contact form */
label.block
{
	font-weight: bold;
	padding-bottom: 4px;
	display: block;
}

.mini input, .mini select
{
	width: 75px;
}

.half input
{
	width: 209px;
}

.full input
{
	width: 299px;
}

.checkboxlist 
{
	margin-top: 8px;
	margin-bottom: 16px;
}

.checkboxlist td
{
	width: 230px;
}

.checkboxlist input
{
	margin: 0 8px 8px 0;
}

label.left_normal
{
	float: left; width: 100px;
}

ul.from_left_normal_label
{ 
	margin-left: 100px;
}

ul.from_left_normal_label li
{ 
	font-weight: bold;
	list-style: disc none outside;
	margin-left: 16px;
}

div.contactform div
{
	padding-left: 16px;
}

div.contactform div.first
{
	padding-left: 0px;
}

div.contactform textarea
{
	width: 546px; margin-bottom: 16px;
} 

/* End contact form */

/* Case study pop-ups */
div#photo_pop_up 
{ 
	position: absolute;
	top: 130px;
	left: 20px;
	background-color: #004e61;
	padding: 20px;
	width: 920px;
	height: 420px;
	z-index: 2;
}


div#photo_pop_up #photo_placeholder
{
    position: absolute;
    top: 20px;
    left: 210px;
    width: 587px;
    height: 419px;
    text-align: center;
}

div#photo_pop_up .close
{
	position: absolute;  
	top: 20px; left: 828px;
}


div#photo_pop_up .prev
{
	position: absolute;
	top: 195px;
	left: 130px;
}

div#photo_pop_up .next
{
	position: absolute;
	top: 195px;
	left: 828px;
}

div#body_greyer
{
	background-color: #ffffff;
	position: absolute; 
	top: 0px; 
	left: 0px; 
 	width: 100%; 
 	height: 1200px; 
 	opacity: 0.7;
 	filter: alpha(opacity=70); 
 	z-index: 1;
}

/* photo gallery */
div#all_thumbnails a img
{
    opacity: 0.4;
    -moz-opacity: 0.4;
    filter: alpha(opacity=40);
    height: 90px;
    width: 90px;
    display: block;
}

div#all_thumbnails a:hover img
{
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}

div#all_thumbnails a.selectedthumb img
{
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

/* --- GLOBAL --- */
.break
{
    height: 16px;
}
.cb
{
    clear:both;
    height:0px;
    font-size:0%;
    line-height:0%;
}

.cl
{
    clear:left;
}

.cr
{
    clear:right;
}

.fl
{
    float:left;
}

.fr
{
    float:right;
}

.center
{
    text-align: center;
}

.first
{
	border-left: 0px !important;
	margin-left: 0px !important; 
}

/* For the thumbnails on the case studies page */
.padded-top
{
	padding-top: 10px; 
} 

/* Makes up the remaining 10px at the bottom of the page */
.barrier
{ 
	height: 10px; 
}