/* CSS Document */
body{
	padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; color:#6B6854; background-color:#fff;
	}
div, p, ul, h1, h2, h3, h4, img, form, input{
	padding:0;
	margin:0;
	font-size: 14px;
	}
ul{
	list-style-type:none;
	}
.blank{
	clear:both;
	font-size:0;
	line-height:0;
	}
/*----------------------------------upper table----------------------*/
#upperpan{
	width:100%;
	background:url(http://www.officespaceoptions.co.uk/images/upper_pan_bg.gif) repeat-x #FDFEFF;
	color:#6B6854;
	}
/*------------------header----------------*/
#header{
	width:778px; background:url(http://www.officespaceoptions.co.uk/images/header_bg.gif) repeat-x #FDFEFF;
	position:relative; margin:0 auto 0 auto; height:145px; color:#515151; 
	}
#header img{
	position:absolute;
	top:37px; left:65px;
	}
#header ul{
	width:468px; position:absolute; top:28px; left:265px;
	}
#header ul li{
	float:left;	display:block;
	}
#header ul li a{
	text-indent:-2000px; font-size:0px;  height:31px; text-decoration:none; display:block;
	}
#header ul li a.sol{
	background:url(http://www.officespaceoptions.co.uk/images/solution.gif) no-repeat; width:156px;
	}
#header ul li a.sol:hover{
	background:url(http://www.officespaceoptions.co.uk/images/solution_h.gif) no-repeat; width:156px;
	}
#header ul li a.ser{
	background:url(http://www.officespaceoptions.co.uk/images/services.gif) no-repeat; width:156px;
	}
#header ul li a.ser:hover{
	background:url(http://www.officespaceoptions.co.uk/images/services_h.gif) no-repeat; width:156px;
	}
#header ul li a.sup{
	background:url(http://www.officespaceoptions.co.uk/images/support.gif) no-repeat; width:156px;
	}
#header ul li a.sup:hover{
	background:url(http://www.officespaceoptions.co.uk/images/support_h.gif) no-repeat; width:156px;
	}
#header h1{
	background:url(http://www.officespaceoptions.co.uk/images/slogan.gif) no-repeat; position:absolute; text-indent:-2000px;
	top:66px; left:265px; width:434px; height:23px;
	}
#header ul.navi{
	width:769px;
	position:absolute;
	top:118px;
	left:105px;
	display:block;
	}
#header ul.navi li{
	float:left; padding:0 8px 0 8px; 
	}
#header ul.navi li a.na{
	text-indent:0px; color:#515151; text-decoration:none; display:block; height:22px; float:left;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; line-height:22px;
	padding:0px 3px 0px 3px; margin:2px 0 2px 0; background-color:#DCDCDC;
	}
#header ul.navi li a.na:hover{
	background-color:#FDFEFF; color:#515151;
	}
/*-------------------------who we are--------------*/
#who2 h2{
	width:299px; height:22px; margin-left:178px; display:block;
	}	
#who2 p{
	width:477px; 
	margin:9px 0 0 178px; display:block; padding-bottom:1px; font-size:14px; 
	}
#who2 p strong{
	color:#CC6500; background-color:#FDFEFF;
	}
#who2 p.line {
	background:url(http://www.officespaceoptions.co.uk/images/line.gif) no-repeat left;  height:16px; display:block; width:469px;
	margin-bottom:52px;	

	}
#who2 p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; 	height:16px; display:block; padding:0; float:right; background-color:#FDFEFF;
	}
#who2 p.line a:hover{
	text-decoration:underline;
	}
#who{
	width:667px; margin:0 auto 0 auto;	background:url(http://www.officespaceoptions.co.uk/images/whoweare.jpg) no-repeat 0 22px #FDFEFF; color:#6B6854;
	}
#who h2{
	width:359px; height:25px; margin-top: 3px;
	margin-left:178px; display:block;
	}	
#who p{
	width:477px; 
	margin:9px 0 0 178px; display:block; padding-bottom:1px; font-size:14px; 
	}
#who p strong{
	color:#CC6500; background-color:#FDFEFF;
	}
#who p.line {
	background:url(http://www.officespaceoptions.co.uk/images/line.gif) no-repeat left;  height:16px; display:block; width:469px;
	margin-bottom:52px;	

	}
#who p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; 	height:16px; display:block; padding:0; float:right; background-color:#FDFEFF;
	}
#who p.line a:hover{
	text-decoration:underline;
	}
	
/*------------------------middle table-------------------*/
#middle100{
	width:100%;
	background:url(http://www.officespaceoptions.co.uk/images/middle_table_bg.gif) repeat-x #FDFEFF; float:left; color:#6B6854;
	}
/*--------------------------------------midle---------------------*/
#middle{
	width:679px; margin:0 auto;
	}
/*-----------------------------left pan----------*/
#left{
	width:206px; float:left; background-color:#FDFEFF; position:relative; color:#6B6854;
	}
#left h2{
	height:48px; margin-left: 20px; font-size: 17px;
	}
#left h3{
	color:#DA6C00; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; 
	 position:absolute; top:25px; left:15px; width:160px; background-color:#FDFEFF;
	}
#left p{
	width:168px; padding:0px 0 15px 18px; display:block;
	}
#left img{
	padding:0 0 19px 18px; display:block
	}
#left h4{
	color:#6B6854; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; width:168px;
	margin:0 0 15px 15px; display:block; background-color:#FDFEFF; 
	 }
#left p span{
	color:#61A500; background-color:#FDFEFF;
	}

#left p.line {
	background:url(http://www.officespaceoptions.co.uk/images/line_2.gif) no-repeat left #FDFEFF; height:16px; display:block; width:157px;
	margin:0 0 69px 15px; color:#6B6854;

	}
#left p.line a{
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#467700; font-weight:bold;
	text-decoration:none; background-color:#FDFEFF;
	height:16px; display:block; padding:5px 10px 0 0; float:right;
	}
#left p.line a:hover{
	text-decoration:underline;
	}
/*----------------------------mid----------------*/
#mid {
	width:244px; 
	border:#DCDBDB 3px solid; color:#6B6854;
	float:left; background-color:#FDFEFF; padding:7px; font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#mid h2 {font-size:130%;}	
#mid table {align: left;}

	
/*---------------------right side----------------------*/
#right{
	width:190px; background-color:#FFFFFF; float:left; padding-left:17px;  color:#6B6854;
	}
#right h2{
	 height:29px; display:block; margin-top:7px;
	}
#right ul{
	width:188px; display:block; margin-top:7px; margin-bottom:46px;
	}
#right ul li{
	background:url(http://www.officespaceoptions.co.uk/images/arrow.gif) no-repeat 0 8px; height:20px;  padding:0 0 0 17px;
	}
#right ul li a{
	font:13px/20px Verdana, Arial, Helvetica, sans-serif; color:#6B6854; text-decoration:underline;
	background-color:#FDFEFF; 
	}
#right ul li a:hover{
	text-decoration:none;
	}
#right p{
	width:190px; height:276px; background:url(http://www.officespaceoptions.co.uk/images/services_pic.gif) no-repeat #FFFFFF; color:#E4E4E4;
	}
.servicedoffices {margin-left:130px; margin-bottom:14px}
.logo {margin-left:-44px; margin-top: -39px;}
/*---------------------------------footer-----------------*/
#footer100{
	width:100%; height:114px; 
	border-top:#EDEDED 6px solid; float:left;
	}
#footer{
	width:679px; position:relative; margin:0 auto 0 auto; height:114px; font-family:Arial, Helvetica, sans-serif;
	}
#footer ul{
	width:520px; position:absolute; top:20px; left:88px;
	}
#footer ul li{
	float:left; display:block; font:12px/36px Arial, Helvetica, sans-serif; color:#515151; background-color:#FDFEFF;
	}
#footer ul li a{
	font:12px/36px Arial, Helvetica, sans-serif; color:#515151; background-color:#FDFEFF;
	text-decoration:none; margin:0 11px 0 11px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	color:#000000; font-size:12px; line-height:20px; position:absolute; top:50px; left:100px; background-color:#FDFEFF;
	}
#footer p a {
	color:#000; background-color:#fff; text-decoration:underline; margin:0; padding:0;
	}
#footer p a:hover {	
	color:#000;
	background-color:#C6C6C6;
	}
#footer ul.link{
	width:122px; position:absolute; top:49px; left:322px;
	}
#footer ul.link li{
	float:left; display:block; font-size:0px; height:16px;
	}
#footer ul.link li a{
	display:block; text-indent:-2000px;	height:16px; margin:10px 2px 0 0;	font-size:0px;
	}
#footer ul.link li a.html{
	background:url(http://www.officespaceoptions.co.uk/images/html.gif) no-repeat; width:59px; height:16px;
	}
#footer ul.link li a.html:hover{
	background:url(http://www.officespaceoptions.co.uk/images/html_h.gif) no-repeat; width:59px; height:16px;
	}
#footer ul.link li a.css{
	background:url(http://www.officespaceoptions.co.uk/images/css.gif) no-repeat; width:59px; height:16px;
	}
#footer ul.link li a.css:hover{
	background:url(images/http://www.officespaceoptions.co.uk/css_h.gif) no-repeat; width:59px; height:16px;
	}