/** Layout --------------------------**/
.clear {clear:both;}
body { /*background-color:#FFFFFF;}*/ background-image:url("http://www.theinvictagroup.co.uk/images/main_bg.png"); background-attachment:fixed; background-position:center; background-position:top;} /*ideal is #cecece but this will provide better contrast for the header in an images off/css on scenario */
#wrapper {
	width: 800px;
	position: relative;
	left: 50%;top: 0;
	margin-left: -400px;
	padding: 0;
	}
#container {padding: 0 ; border-left: 20px solid #31356A; border-right: 20px solid #777; background-color:#fff;}	
#masthead {
	height: 140px;
	position: relative;
	background-color:transparent;
	overflow:visible;
}
#masthead #header_contact {position:relative; top:-78px; left:550px; /*background: url(http://www.theinvictagroup.co.uk/images//telephone.gif) left no-repeat;*/ padding-left:18px; display:inline;}
.durasteelfireprotection #masthead #header_contact {top: -76px;}
#main {padding-bottom: 30px; padding-right:8px;border-top: 1px solid #aaa; background: transparent url("http://www.theinvictagroup.co.uk/images/footer_horse.gif") 713px bottom  no-repeat;}
#home #main {padding-bottom: 60px;}
#sidebar {float: left; width: 170px; padding-top: 20px; position:static;}
#address-label{width: 200px; height: 180px; padding: 40px 0 0 10px; border: 1px solid #aaa; background: #fff url("http://www.theinvictagroup.co.uk/images/logo-small.gif") left 5px no-repeat; position: absolute; left: 0; bottom: 0;}
#content {float: right;width: 560px; position: relative;padding-bottom: 50px;}
#home #content, .pages #content {border-left: 1px solid #aaa; min-height:900px;}
#footer {color:#aaa;}
#footer a{color:#aaa;}
#footer a:hover{text-decoration:underline;}
#content #intro {padding-left: 10px;} 
#logo {
	width: 200px; height: 60px; 
	position: absolute; top:10px; left: 10px;
	background: transparent url("http://www.theinvictagroup.co.uk/images//logo.gif") top left no-repeat; }
.durasteelfireprotection #logo {background: transparent url("http://www.theinvictagroup.co.uk/images/durasteel_logo.gif") top left no-repeat; }
#logo a {display:block; height:60px;}	
h1 {
	border-top: 1px solid #aaa; 
	height: 60px; width: 515px; 
	position: relative; top: 30px; left: 225px;
	padding: 10px 0 0;
	}

#random_image {
	position: absolute;
	right:20px;
	top:31px;
	}
	
/* Layout Exceptions --------------------- */
#shelving_testimonials #content {padding-bottom: 300px; min-height:700px;}
#mezzanine_applications #content, #mezzanine_casestudy #content {padding-bottom: 300px; min-height:700px;}
#mezzanine_home #content {padding-bottom:200px;}
/*#mezzanine_casestudy h2 img {border-color:#FFFFFF; vertical-align:bottom; }*/
#mezzanine_casestudy #mezz_case_study_left {float:left; width:320px;}
#mezzanine_casestudy #mezz_case_study_full {float:left; width:540px;}
#mezzanine_casestudy #mezz_case_study_right {float:right; width:220px;}
#mezzanine_casestudy #mezz_case_study_right img {margin-left:8px;}
#mezz_case_study_full p img {margin-bottom:10px;}
#mezzanine_casestudy #mezz_case_study_right p {margin-bottom:0;}
#contact_us_home #content {padding-bottom:300px;}
#mezzanine_home #content {padding-bottom:300px;}
#mezzanine_site_management #content {padding-bottom:200px;}
.no_quotebutton #quote_button {display: none;}
#shelving_faqs #content {padding-bottom:250px;}
#pallet_racking_design_build #content {padding-bottom:350px;}
ul.sitemap {list-style:none;}
ul.sitemap ul {list-style-image:url("http://www.theinvictagroup.co.uk/images/sitemap_node.gif"); list-style-type:none; padding-left:7px;}
ul.sitemap {margin-left:100px;}
ul.sitemap li {line-height:1.8em;}

/* Navigation 
-------------------------------------------------------*/
#main_nav {width: 550px; height:389px;margin-left:0;position: relative;}
#main_nav li {
	position:absolute; top: 0; left: 0;
	width: 160px; height: 160px;
	}
#main_nav li a {display: block; width: 160px; height: 160px;padding:0; }

#home #main_nav {background-image:url("http://www.theinvictagroup.co.uk/images/keypad.jpg");}

#home #main_nav li a:hover {background:transparent url("http://www.theinvictagroup.co.uk/images/keypad.jpg") top left no-repeat;}

#main_nav li#nav1 {top:10px ; left: 18px;}
#main_nav li#nav4 {top:182px ; left: 18px;}
#main_nav li#nav2 {top: 10px; left: 195px;}
#main_nav li#nav5 {top: 182px; left: 195px;}
#main_nav li#nav3 {top: 10px; left: 380px;}
#main_nav li#nav6 {top: 182px; left: 380px;}

#main_nav li#nav1 a:hover {background-position: -18px -399px;} /* left top (389px + li top positioning) */
#main_nav li#nav4 a:hover {background-position: -18px -571px;}
#main_nav li#nav2 a:hover {background-position: -195px -399px;}
#main_nav li#nav5 a:hover {background-position: -195px -571px;}
#main_nav li#nav3 a:hover {background-position: -380px -399px;}
#main_nav li#nav6 a:hover {background-position: -380px -571px;}

#main_nav li#nav1 a:active {background-position: -18px -788px;} /* left top*/
#main_nav li#nav4 a:active {background-position: -18px -960px;}
#main_nav li#nav2 a:active {background-position: -195px -788px;}
#main_nav li#nav5 a:active {background-position: -195px -960px;}
#main_nav li#nav3 a:active {background-position: -380px -788px;}
#main_nav li#nav6 a:active {background-position: -380px -960px;}
/* Sub navigation
------------------------------------------------------*/
#sub_navigation {position: absolute;  left: 20px; bottom:7px; list-style-type:none;}
#masthead #sub_navigation li {
	display:inline; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 8px;
	color: #003366;
	list-style-type: none;
}
.pallet_racking #masthead #sub_navigation li { padding: 0 6px 3px 6px;}
.mezzanine #masthead #sub_navigation li a {margin-left:4px;}
.group #masthead #sub_navigation li a {margin-left:1px;}
#masthead #sub_navigation li a {padding-bottom: 3px; border-bottom: 3px solid #fff; display: inline-block; font-size: 1.2em; text-decoration: none; color: #003366;}
#masthead #sub_navigation .current a {border-bottom: 3px solid #31356A;}
#masthead #sub_navigation li a:hover {border-bottom: 3px solid #ccc;}
/* Headers ------*/

/* #mobile_shelving_home .content h2 {height: 150px; padding: 10px 0 0 10px; background: #ccc url(http://www.theinvictagroup.co.uk/images//mobile_shelving_header.jpg) top left no-repeat; color:#fff;}
#pallet_racking_home .content h2 {height: 150px; padding: 10px 0 0 10px; background: #ccc url(http://www.theinvictagroup.co.uk/images//pallet_racking_header.jpg) top left no-repeat;}
#mezzanine_flooring_home .content h2 {height: 150px; padding: 10px 0 0 10px; background: #ccc url(http://www.theinvictagroup.co.uk/images//mezzanine_flooring_header.jpg) top left no-repeat;}
#durasteel_home .content h2 {height: 150px; padding: 10px 0 0 10px; background: #ccc url(http://www.theinvictagroup.co.uk/images//durasteel_header.jpg) top left no-repeat;}
#interiors_home .content h2 {height: 150px; padding: 10px 0 0 10px; background: #ccc url(http://www.theinvictagroup.co.uk/images//interiors_header.jpg) top left no-repeat;}
#ceilings_home .content h2 {height: 150px; padding: 10px 0 0 10px; background: #ccc url(http://www.theinvictagroup.co.uk/images//ceilings_header.jpg) top left no-repeat;}
*/
#masthead h1 {font-size: 1.35em; font-weight:bold; color:#CC0000; padding-top: 15px;  height: 70px; display: block; position: relative; background-repeat:no-repeat; }
/*#masthead h1 {font-size: 1.2em; font-weight:normal; color:#4F5273;}*//*Old Header text colour*/
.pages h1 {background: transparent url("http://www.theinvictagroup.co.uk/images/header1.jpg") right top no-repeat;}
.mobile_shelving h1 {background-image: url("http://www.theinvictagroup.co.uk/images/header4.jpg");}
.pallet_racking h1 {background-image: url("http://www.theinvictagroup.co.uk/images/header6.jpg");}
.interiors h1 {background-image: url("http://www.theinvictagroup.co.uk/images/header7.jpg");}
.ceilingsandpartitioning h1 {background-image: url("http://www.theinvictagroup.co.uk/images/header8.jpg");}
.durasteelfireprotection h1 {background-image: url("http://www.theinvictagroup.co.uk/images/header5.jpg"); }
#masthead h3 {color:#000000; position: absolute; top: 67px; left:72px; font-size: 1.2em; margin:0px;}
#masthead a:hover { text-decoration:underline}
#masthead a:active, #masthead a:visited, a:link {color:#000000;}
#quote_button a {
	display: block; width: 170px; height:160px;
	position: relative; top: 20px; left: 20px; 
	}
	
/* Quote button - post it ---------*/

#sidebar>#quote_button {width: 200px;}	
#quote_button {
	height:208px;
	left:-20px;
	margin-bottom:10px;
	position:relative;
	width:200px;
}
.mezzanine div.Ian {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-mezzanine.gif") top left no-repeat;}
.mezzanine div.Mick {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-pallet_racking.gif") top left no-repeat;}
/*.mobile_shelving #quote_button {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-mezzanine.gif") top left no-repeat;}*/
.mobile_shelving #quote_button {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-mobile_shelving.gif") top left no-repeat;}
.interiors #quote_button {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-durasteel.gif") top left no-repeat;}
.durasteelfireprotection #quote_button {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-durasteel.gif") top left no-repeat; display:none;}
.ceilingsandpartitioning #quote_button {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-ceilings.gif") top left no-repeat;}
.shelving_systems #quote_button {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-mobile_shelving.gif") top left no-repeat;}
.pallet_racking div.Ian {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-mezzanine.gif") top left no-repeat;}
.pallet_racking div.Mick {background: transparent url("http://www.theinvictagroup.co.uk/images/quickquote-pallet_racking.gif") top left no-repeat;}


/* Mezzanine Changes ------*/
.mezzanine #content h1 {margin-left: -215px; top:0px;}
.mezzanine .content h1 {color:#00295A;}
.mezzanine h2 {
	border-top: 1px solid #aaa; 
	height: 60px; width: 515px; 
	position: relative; top: 30px; left: 225px;
	padding: 10px 0 0;
	}
.mezzanine h1 {background:none; border:0;}
.mezzanine #masthead h2 {font-size: 1.35em; font-weight:bold; color:#CC0000; padding-top: 15px;  height: 70px; display: block; position: relative; background-repeat:no-repeat; }
.mezzanine h2 {background: transparent url("http://www.theinvictagroup.co.uk/images/header1.jpg") right top no-repeat; top:30px; left:225px;}
.mezzanine .content .main {margin-top:-30px;}
#mezzanine_casestudy h1 img {border-color:#FFFFFF; vertical-align:bottom; }

/* Typography ----*/

body {color: #242424;}
.content h2, .content h3, #faq li a {color:#00295A; }
.date {color:#00295A; font-size:10px; font-weight:bold; }
#content a, #content a:visited {color:#CC0000;}

#content h4 {color:#CC3333; font-size:0.95em;}

#sidebar {font-family:Verdana, Arial, Helvetica, sans-serif;}
#sidebar p, #sidebar h3 {margin-left: 10px;}
#sidebar #call_head_office h3 {margin-bottom:-20px;}
#sidebar #call_head_office {padding-bottom:40px;}
#address-label, #latest-news {font-size: 0.9em;}	
#content p, #content h2, #content h3, #content dl, #content h4 {margin-left: 10px;}
#contact_us_home #content h3 {margin:0 0 10px 10px;}
#contact_us_home #content h3 img {margin:0; vertical-align:middle;}
#content h3 {font-size:1.1em;}
#content img {margin: 0 15px 0 15px; padding: 1px; border: 1px solid #CCC;}
#content img.noborder {border:0;}
#sidebar a:link, .content a:link { text-decoration: underline; color:#00295A;}
#sidebar a:visited, .content a:visited { text-decoration: underline; color:#45466D;}
#sidebar a:hover, .content a:hover { text-decoration: none; color:#000066;}
#sidebar a:active, .content a:active, .content a:focus {text-decoration: underline; color: #000;}
.interiors #sidebar, .ceilingsandpartitioning #sidebar  {padding-bottom:210px;}
#content .intro_paragraph {font-weight: bold;padding-bottom: 30px; width: 305px;
margin-bottom:25px;
border-bottom: 1px solid #31356A;
}
#content .home_intro_paragraph {
	font-weight: bold;
	padding-top: 20px; padding-bottom: 30px; margin-bottom:25px;
	border-bottom: 1px solid #31356A;
	}
.second { position:relative; left:290px; top:-7.6em;}
dl {height:100px;}
#years {text-align: center;padding-bottom: 10px;}
#sidebar ul#side-links {list-style:none; padding-top:0; margin-top:-10px; margin-bottom:30px;}
#latest-news{ padding: 0 0 0 10px; margin-top:-10px; margin-bottom:30px;}
#home #content img{border:#FFFFFF solid 0;}
#sidebar ul#division-links {list-style-type:none; list-style:none; margin-top: -12px;}
#sidebar ul#division-links li {padding-top:5px;}
#sidebar ul#division-links li a {text-decoration:none;}
#sidebar ul#division-links li a:hover {text-decoration:underline;}
.smaller {font-size:70%;}
.small-smaller {font-size:55%;}
.bigger {font-size:110%;}
#faq a {display: block; list-style-type:none;}
#faq a.span {position: relative; list-style-type:none;}
ul#faq li div a{color:#CC0000; padding-left:10px;}
#faq li {clear: both; list-style-type:none;}

#content th, #content td, #content table { border:0; padding:0; padding:2px;}

.keypoints li {color:#CCCCCC; line-height:300%; font-size:1.6em; list-style-type:none; padding-left:30px;}

.durasteelfireprotection #main {z-index:0;}
.durasteelfireprotection #content {float:relative; position:static; margin-left:5px; }

.tableheader {background-color:#31356A; color:#FFFFFF; font-weight:bold;}
#flashobject {position:absolute; z-index:0; margin:auto;}
.flag_icon {border:none; margin:0 -10px 0 -10px;}

#vault_construction {}
#vault_construction img {border:none; float:left;}

.sitemapdivision { border:1px solid #3A3D74; margin-right:10px; background-color:#DDDDDD; padding:4px 0;}
.sitemap_division_name { font-weight:bold;}
.sitemap_divisions_title {font-size:1.1em; color: #31356A;}