@charset "utf-8";
/* CSS Document */
@import 'default.css';
@import 'fonts.css';
@import 'nav.css';
@import 'pages.css';

html, body{
	background:#e2e4e5;
	width:100%;
	height:100%;
}

.container{
	width:960px;
	margin:0px auto;
	overflow:hidden;
	padding:20px 0;
	position:relative;
}

#skipToContent{
	display:none;
}

.date select{
	width:120px;
	float:none;
}

#caseStudyContent ul li{
	font-size:0.8em;
	list-style:disc;
	margin-left:20px;
	color:#676666;
}

#caseStudyContent #bannerImage{
	margin-left:-16px;
}
/* ------------------------------ BUTTONS ------------------------------ */

.clickEnquiryForm, .clickEnquiryForm span{
	background:url(/img/button_click_enquiry_form.png) left top no-repeat;
	width:185px;
	height:18px;
}

/* ------------------------------ HEADER ------------------------------- */

#body_home #header{
	height:167px;
}
#header{
	background:url(/img/nav/bg.jpg) no-repeat top left;
	width:100%;
	height:172px;
	margin-bottom:5px;
	position:relative;
}
	
#header #telephoneArea{
	float:right;
	display:inline;
	margin-right:18px;
	width:191px;
	height:67px;
	background:url(/img/telephoneArea_telephone.png) 12px 8px no-repeat;
	position:relative;
	cursor:pointer;
}

span#__skype_highlight_id{
	display:none !important;
}
#header #telephoneArea a#call_us_now, #header #telephoneArea a#call_us_now span{
	background:url(/img/text_call_us_now.png) left top no-repeat;
	height:41px;
	width:140px;
	font-size:0.8em;
	position:absolute;
	left:38px;
	top:11px;
	z-index:3;
}
#header #telephoneArea a#enquiry_form, #header #telephoneArea a#enquiry_form span{
	background:url(/img/button_click_enquiry_form.png) left top no-repeat;
	width:185px;
	height:18px;
	position:absolute;
	top:49px;
	font-size:0.7em;
	left:3px;
	z-index:3;
}

#header #logoKube{
	margin-top:10px;
}

#header #logoKube, #header #logoKube span{
	background:url(/img/logo_kube.png) left top no-repeat;
	width:252px;
	height:52px;
	float:left;
	display:inline;
	margin-top:19px;
}

#header #totalSolution, #header #totalSolution span{
	background:url(/img/text_a_total_solution_for_office_interiors.png) left top no-repeat;
	width:192px;
	height:10px;
	color:#FFF;
	font-size:0.6em;
	margin:-1px 0 0;
	line-height:10px;
}

#header #totalSolution{
	margin:8px 0 0 5px;
}

/* ------------------------- BOXES --------------------------------- */

#box_case_studies{
	background:#3e8091 url(/img/homepage_case_studies.jpg) left top no-repeat;
	width:960px;
	height:341px;
	margin-bottom:12px;
	position:relative;
}

#box_case_studies #arrow{
	position:absolute;
	top:151px;
	left:632px;
	background:url(/img/case_study_arrow.png) left top no-repeat;
	width:22px;
	height:45px;
	z-index:10;
}

#box_case_studies ul#case_study_select{
	position:absolute;
	z-index:10;
	bottom:0;
	left:500px;
}

#box_case_studies ul#case_study_select li{
	float:left;
	display:inline;
	margin-right:2px;
}

#box_case_studies ul#case_study_select li a{
	background:#404040 url(/img/homepage_tab.png) top left no-repeat;
	width:20px;
	height:26px;
	display:block;
	cursor:pointer;
	color:#6dcff6;
	text-align:center;
	padding-top:5px;
	font-size:0.9em;
}

#box_case_studies ul#case_study_select li.on a{
	font-weight:bold;
	color:#FFF;
}

#box_case_studies #case_studies{
	position:absolute;
	top:66px;
	right:16px;
	width:278px;
}

#box_case_studies #case_studies li{
	position:relative;
	padding:9px 0 11px;
	float:none;
	display:block;
	background:transparent url(/img/bg_case_studies_li.png) no-repeat center bottom;
}
#box_case_studies #case_studies li.last{
	background:none;
}
#box_case_studies #case_studies li a{
	color:#FFF;
	text-shadow:#333 1px 1px 1px;
	font-size:0.9em;
}
#box_case_studies #case_studies li.on a{
	color:#FFF;
	text-shadow:#999 0px 0px 4px;
}


#box_case_studies #case_studies li .thumb{
	position:absolute;
	left:2px;
	top:9px;
	width:42px;
	height:42px;
	border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
	border:1px solid #FFF;
}

#box_case_studies #case_studies li .text{
	position:absolute;
	top:12px;
	left:70px;
	width:208px;
	height:42px;
	color:#FFF;
	font-size:0.8em;
	line-height:14px;
}

#box_case_studies #case_studies li .text p{
	color:#d1d0d0;	
	font-size:0.8em;
	line-height:12px;
	margin:3px 0 0;
}

#box_case_studies #case_studies li .text a{
	color:#EEE;
	display:block;
	font-size:1.2em;
}

#box_case_studies #corner{
	background:url(/img/homepage_case_study_corner.png) left top no-repeat;
	height:6px;
	width:6px;
	z-index:5;
	position:absolute;
	bottom:0;
	left:0;
}

#box_case_studies #case_study_images li{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#box_case_studies #case_study_images li.visible{
	z-index:2;
}

#box_case_studies #view_more_case_studies{
	display:block;
	background:url(/img/icon_magnifying_glass.png) left top no-repeat;
	line-height:27px;
	height:32px;
	position:absolute;
	top:310px;
	left:720px;
	color:#EEE;
	font-style:italic;
	font-size:0.7em;
	padding-left:30px;
	cursor:pointer;
	font-weight:bold;
}

.boxTop{
	height:48px;
	width:306px;
	display:block;
	margin-bottom:20px;
}
#box_case_studies #view_more_case_studies:hover{
	color:#FFF;
}

.box_two_thirds{
	background:#f4f4f4 url(/img/bg_box_two_thirds.jpg) no-repeat left bottom;
	width:603px;
	float:left;
	display:inline;
	margin-right:20px;
	padding:25px 15px 15px;
	margin-bottom:10px;
}

#body_office_relocation_guide .box_two_thirds{
	background:url(/img/bg_box_services.jpg) left bottom no-repeat;
}
#body_office_relocation_guide .box_two_thirds h1{
	margin-bottom:20px;
}
#body_home .box_two_thirds{
	height:285px;
}

#body_home #box_news, #box_testimonials, .box_gallery{
	height:599px;
	background:url(/img/bg_box_news_tall.jpg) no-repeat left bottom !important;
	overflow:hidden;
}
#box_testimonials, .box_gallery{
	height:auto !important;
	padding-bottom:20px;
}
.box_third{
	background:#f4f4f4 url(/img/bg_box_third.jpg) left top no-repeat;
	width:306px;
	height:276px;
	float:right;
	display:inline;
	position:relative;
}
#body_home .box_third{
	clear:none;	
}


.box_third_short{
	background:#f4f4f4 url(/img/bg_box_third_short.jpg) left top no-repeat;
	width:306px;
	height:232px;
	float:right;
	display:inline;
	position:relative;
}

.box_third .top{
	margin-top:55px;
}

.box_third_short h2, .box_third h2{
	position:absolute;
	top:16px;
	left:14px;
	margin:0;
	color:#FFF;
	font-size:0.9em;
	width:110px;
	line-height:14px;
	height:19px;
}

.box_third_short .icon, .box_third .icon{
	position:absolute;
	top:3px;
	right:14px;
	width:61px;
	height:43px;
}

h2#welcome, h2#welcome span{
	background:url(/img/h2_welcome.png) left top no-repeat;
	width:100px;
	height:19px;
}

h2#our_location, h2#our_location span{
	background:url(/img/h2_our_location.png) left top no-repeat;
	width:126px;
	height:36px;
	margin-bottom:0;
}

.box_gallery h2, .box_gallery h2 span{
	width:100%;
	top:0;
	left:0;
	height:48px;
	background:url(/img/h2_gallery.png) left top no-repeat; 
}



#box_why_kube h2, #box_why_kube h2 span{ background:url(/img/h2_why_kube.png) left top no-repeat; }
#box_our_services h2, #box_our_services h2 span{ background:url(/img/h2_our_services.png) left top no-repeat; }
#box_our_services_short h2, #box_our_services_short h2 span{ background:url(/img/h2_our_services.png) left top no-repeat; }
#box_contact h2, #box_contact h2 span{ background:url(/img/h2_contact.png) left top no-repeat; }
#box_details h2, #box_details h2 span { background:url(/img/h2_details.png) left top no-repeat; }

#box_testimonials h2, #box_testimonials h2 span { 
	width:100%;
	top:0;
	left:0;
	height:48px;
	background:url(/img/h2_testimonials.png) left top no-repeat; 
}


#box_news h2, #box_news h2 span{ 
	background:url(/img/h2_news.png) left top no-repeat;
	width:100%;
	top:0;
	left:0;
	height:48px;
}

.box_gallery .icon { background:url(/img/box_icon_gallery.png) right top no-repeat; margin-top:5px;}
#box_why_kube .icon { background:url(/img/box_icon_why_kube.png) right top no-repeat; top:12px; }
#box_our_services .icon { background:url(/img/box_icon_our_services.png) right 3px no-repeat; margin-top:3px; }
#box_our_services_short .icon { background:url(/img/box_icon_our_services.png) right top no-repeat; margin-top:6px; margin-right:3px; }
#box_contact .icon { background:url(/img/box_icon_contact.png) right 3px no-repeat; margin-top:5px; }

.box_third .news{
	margin-left:15px;
}
.box_third .news p{
	font-size:0.8em;
	margin-bottom:6px;
	margin-left:0;
}
.box_third .news h3{
	font-size:1em;
}

.box_third .news li{
	color:#676666;
	background:url(/img/ul_news_li.png) left bottom repeat-x;
	width:276px;
	padding-top:8px;
	padding-bottom:5px;
}

.box_third .news li.end{
	background:none;
}

.mb{
	margin-bottom:12px !important;
}

.mr{
	margin-right:20px;
}

.button{
	background:url(/img/button_left.png) left top no-repeat;
	color:#4d8c9c;
	font-style:italic;
	line-height:25px;
	height:25px;
	display:block;
	float:right;
	display:inline;
	padding-left:10px;
	font-size:0.7em;
	margin:15px 20px 0 0;
	font-weight:bold;
	text-align:center;
}

.button.readMore{
	width:85px;
}

.button.enquiryForm{
	width:175px;
}

.button:hover, .button:focus{
	color:#002d36;	
}

.button span{
	background:url(/img/button_right.png) right top no-repeat;
	width:4px;
	float:right;
	display:inline;
	height:25px;
	margin:0 -4px 0 8px;
}

.contentWide{
	background:#F4F4F4 url(/img/bg_content_wide_body.png) left bottom no-repeat;
	width:960px;
	margin-top:26px;
}
.contentWide .body{
	padding:10px 20px;
}

.contentWide .top{
	background:url(/img/bg_content_wide_top.png) left top no-repeat;
	height:14px;
	margin-top:-14px;
}

.half, .rightHalf{
	float:left;
	display:inline;
	width:430px;
	margin-right:20px;
	padding:10px;
}

.rightHalf{
	margin:0;
}

.clear{
	clear:both;
}