/* CSS Document */

body {
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
}

p, ul, li a {
	font-size: 12pt;
}

#wrapper {
	width: 100%;
	border: 0;
	margin: 0 5%;
	padding: 0;
	float: none !important;
}

#container {
	width:100%;
	margin:0;
}

#head-bar {
	display:none;
}
#header img { margin:0 0 20px 0;}
ul#headnav {
	display:none;
}
ul#headnav li {
	display:none;
}
ul#headnav li a {
	display:none;
}
ul#headnav li.home a { display:none; }
ul#headnav li.contact a { display:none; }

ul#headnav li a:hover {
	display:none;
}

#header {
	width:100%;
}

#head-img {
	width:100%;
	border:1px solid #515146;
}

ul#nav {
	display:none;
}
ul#nav li {
	display:none;
}
ul#nav li a {
	display:none;
}


#cont-intro { width:100%;  text-align:left; float:left;}
#cont-intro .rule { float:left; border-bottom:2px solid #d9d6d6; }
#cont-intro h1 {
	font-size:14px;
	font-weight:normal;
	color:#333;
	margin:10px 0;
}

#content {
	width:100%;
	text-align:left;
}

/* layout one, Home page (Three column) content columns */
#content #one-col1 {
	width:95px;
	float:left;
}

#content #one-col2 {
	width:375px;
	float:left;
	padding:32px 0 10px 0;
}

#content #one-col3 {
	width:256px;
	float:left;
}

/* layout two, Case study (Two column) content columns */
#content #two-col1 {
	width:45%;
	float:left;
	margin:0 5% 0 0;
}
#content #two-col1 .logo {
	float:left;
}

#content #two-col2 {
	width:40%;
	float:right;
	margin:0 4% 0 0;
}
#content #two-col2 #case-nav {
	width:346px;
	height:24px;
	float:left;
	text-align:right;
}
#content #two-col2 #case-slide {
	width:320px;
	height:171px;
	float:right;
	border:3px solid #515146;
	padding:0;
}
ul.casestudies {
	height:18px;
	margin:0; padding:6px 0 0 0;
	list-style:none;
	float:right;
}
ul.casestudies li {
	height:12px;
	margin:0; padding:0;
	list-style:none;
	float:left;
}
ul.casestudies li.casetitle {
	width:99px;
	margin:0; padding:0;
	list-style:none;
	float:left;
	background:url(images/viewcase.gif) no-repeat;
}
ul.casestudies li a {
	display:block;
	height:12px;
	width:12px;
	margin:0 0 0 2px; padding:0;
}
ul.casestudies li.case01 a { background:url(images/case01-but.gif) no-repeat; }
ul.casestudies li.case02 a { background:url(images/case02-but.gif) no-repeat; }


ul.casestudies li a:hover {
	background-position: 0 -18px;
}

/* layout three, Case study (Two column) content columns */
#content #three-col1 {
	width:60%;
	float:left;
	margin:0 5% 0 0;
}

#content #three-col2 {
	width:30%;
	float:left;
}
ul.casestudies li.case-but a {
	width:99px;
	margin:0; padding:0;
	list-style:none;
	float:left;
	background:url(images/viewcase-but.gif) no-repeat;
}
ul.casestudies li.case-but a:hover {
	background-position: 0 -18px;
}

.caseimg {
	width:159px;
	height:98px;
	float:right;
	margin:0 0 20px 0;
	border:3px solid #515146;
}

/* content font styles ===================================================*/

#content #two-col1 p, #content #three-col1 p { font-size:11px; color:#515146; margin:10px 5px 0 0;}

#content #one-col1 p { font-size:12px; color:#ababab; margin:50px 5px 0 0; text-align:right;}
#content #one-col2 p { font-size:12px; color:#515146; margin:5px 5px 0 10px; text-align:left;}
.shade-1 { color:#ababab;}
.shade-2 { color:#515146; font-weight:bold;}
.shade-3 { color:#000000; font-weight:bold;}
.shade-4 { color:#828282; font-weight:bold; }
#content a { text-decoration:underline; color:#515146; }
#content a:hover { text-decoration:underline; color:#ababab; }

/* ======================================================================*/

#footer {
	width:100%;
	height:95px;
	background:url(images/footer.gif) no-repeat;
	clear:both;
}

#foot-lyr1 {
	width:726px;
	text-align:left;
}

ul#foot-but {
	height:55px;
	margin:0; padding:9px 0 0 0;
	list-style:none;
	float:left;
}
ul#foot-but li {
	height:64px;
	margin:0; padding:0;
	list-style:none;
	float:left;
}
ul#foot-but li a {
	display:block;
	height:64px;
	margin:0; padding:0;
}
ul#foot-but li.llo a { width:109px; background:url(images/lloyds-grey.gif) no-repeat; }
ul#foot-but li.otw a { width:42px; background:url(images/o2-grey.gif) no-repeat; }
ul#foot-but li.sai a { width:89px; background:url(images/sains-grey.gif) no-repeat; }
ul#foot-but li.bod a { width:128px; background:url(images/bodyshop-grey.gif) no-repeat; }
ul#foot-but li.hbo a { width:99px; background:url(images/hbos-grey.gif) no-repeat; }
ul#foot-but li.cam a { width:77px; background:url(images/camelot-grey.gif) no-repeat; }

ul#foot-but li a:hover {
	background-position: 0 -64px;
}

#map-phone {
	width:180px;
	height:55px;
	padding:0;	margin:9px 0 0 0;
	background:url(images/phone-map.gif) no-repeat;
	float:left;
	text-align:right;
}
#map-phone p { margin:0; padding:2px 0 0 0; font-size:16px; }

#foot-lyr2 {
	width:726px;
	text-align:left;
	padding:0; margin:0;
	float:left;
}
#foot-lyr2 p {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#828282;
	margin:0 0 0 10px;
	padding:14px 0 0 0;
}
#foot-lyr2 p a { color:#000000; text-decoration:underline; }
#foot-lyr2 p a:hover { color:#666666; text-decoration:underline; }

#designby {
	width:726px;
	text-align:left;
	float:left;
}
#designby p {
	color:#ababab;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 0 0 0;
}
#designby p a { color:#ababab; text-decoration:underline;}