/*  

Client: Smart FM
Client URL: http://www.smartfm.co.uk
Description: Main Style Sheet for Smart FM Website
Version: 1.0
Author: Robert Games
Agency: Shine Markeitng
Agency URL: http://www.shine-marketing.co.uk/
Date: 18/08/2008

Notes: --

*/

/* Contents

	1.0 Reset CSS
	2.0	Global Formatting
	3.0	Common Formatting
	4.0	Links
	5.0	Fonts
	6.0	Global Classes
	7.0	Wrapper
	8.0	Logo
	9.0	Layout
	10	Navigation
	11	Forms
	12	Tables
	
*/

/* 1.0	Reset CSS */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

* {
padding:0;
margin:0;
}


/* 2.0	Global Formatting */

html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;	
}

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

html {
}

/* 3.0	Common Formatting */

p {
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:16px;
}

h1 {
	font-size:2.0em;
	color:#0098bc;
	margin-bottom:17px;
	margin-top:  17px;
}

h2 {
	font-size:1.3em;
	color:#0098bc;
	font-weight:bold;
	margin:16px 0 9px 0;
}

h3 {
	font-size:1.2em;
	margin-bottom:8px;
	font-weight:bold;
}

h4 {
}

h5 {
}

h6 {
}

ul {
}

li {
}


blockquote {
}

img, div { 
	behavior: url(css/iepngfix.htc); /* Hack for PNG Transprency in IE6 */ 
} 


strong {
	font-weight:bold;
}

em {
}

u {
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/* 4.0	Links */

a {
	color:#0098bc;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color:#0098bc;
	text-decoration:none;
}

a:focus {
	text-decoration:underline;
}

/* 5.0	Fonts */

/* 6.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

.noborder {
	border:none!important;
}

.blue {
	color:#0098bc;
}

.grey {
	color:#5b5846;
}

/* 7.0	Wrapper */

div#wrapper {
	width:960px;
	margin:0 auto 12px auto; /* Align the content in the middle of the page */
	background:url(../images/wrapper_bg.gif) repeat-y;
}

/* 8.0	Logo */

#logo h2 {
	margin:0;/* Resets h2 statement above */ 
}

#logo h2 a {
	background:url(../images/logo.gif) no-repeat;
	width:296px;
	float:left;
	height:170px;
	display:block;
	text-indent:-99999px; /* Hides accessible text */
}

/* 9.0	Layout */

#header {
	height:287px;
	background:url(../images/header_bg.gif) repeat-x;
	margin-bottom:10px;
}

#telephone {
	background:url(../images/tel.gif) no-repeat;
	width:157px;
	height:16px;
	float:right;
	display:inline;
	text-indent:-999999px; /* Hides accessible Text */
	margin:23px 38px 9px 0;
}

#masthead {
	margin:0 38px;
	clear:both;
}

	#masthead img {
		float:right;
	}

/*#contentwrapper {
	background: url(../images/watermark.png) 159px 90% no-repeat;
	overflow:hidden;/
	padding-bottom:202px;
}*/

#transparentlogo {
	background: url(../images/watermark.png) no-repeat; /* 159px 345px*/
	behavior: url("css/iepngfix.htc"); /* Transparent PNG IE6 Hack */
	height:202px;
	clear:both;
	margin-left:159px;
}

#left-col {
	width:150px;
	float:left;
	margin:0 42px 0 38px;
	display:inline;
}

#main-col {
	width:510px;
	float:left;
}

#contactdetails {
	font-size:1.6em;
	color:#0098bc;
	width:290px;
	line-height:1.2em;
	margin:17px 0 16px 0;
}

#contactdetails a {
	text-decoration:none;
	color:#5b5846;
}

#contactdetails a:hover {
	text-decoration:underline;
}

#footer {
	width:510px;
	/*margin:43px 0 0 231px;*/		margin:-10px 0 0 231px;
	font-size:1.1em;		clear:both;
}

.casestudylogo {
	float:right;
	margin-top:-99px;
	display:inline; /* hack for IE6 Double Margin Bug */
}

.casestudytitle {
	margin-top:50px;
}

#main-col li {
	font-size:1.1em;
	line-height:1.3em;
	margin-left: 32px;
	list-style-type: square;
}
#main-col li li {
	font-size: 1em;
}
/* 10.0	Navigation */

/* Global Navigation */

#nav {
	clear:both;
	margin:13px 38px 0 38px;
}

#nav li {
	float:left;
}

#nav li a {
	display:block;
	width:129px;
	height:18px;
	font-size:1.3em;
	color:#7f7f7f;
	text-decoration:none;
	background:url(../images/nav_bg.gif) repeat-x top;
	border-right:4px #ebebeb solid;
	padding:9px 0 7px 15px;
}

#nav li a:hover, #nav li a:focus, #nav li a.selected {
	background-position: bottom;
	color:#FFFFFF;
}

/* Footer Navigation */
#footer ul {
	margin:9px 0 16px 0;
	overflow:hidden; /* To contain floats */
}

#footer li {
	float:left;
	padding-bottom:2px;
}

#footer li a {
	border-right:1px solid #333333;
	color:#333333;
	padding:0 4px 0 4px;
	display:inline; /* Hack for IE6 Double Margin Bug */
	text-decoration:none;
}

#footer li a:hover {
	text-decoration:underline;
}

/* Left Column Navigation */

#left-col ul {
	margin:0 4px 0 9px;
}

#left-col li {
	margin:21px 0 14px 0;
	font-size: 0.85em;
}

#left-col li a {
	color:#333333;
	font-size:1.2em;
	text-decoration:none;
	font-weight:bold;
}

#left-col li a:hover, #left-col li a:focus, #left-col li a.selected {
	text-decoration:underline;
		color:#0098bc;

}

#left-col li ul {
	margin-left:0px; /* I think it should be 7px to show sub category */
}

#left-col li ul li {
	margin:12px 0 0 0;
	background: transparent url(../images/bullet.gif) no-repeat left 3px;
	padding-left: 12px;
	font-size: 1.0em;
}

#left-col li ul li a {
	font-weight:normal;
}

/* 11.0	Forms */

fieldset {
}

legend {
}

label {
}

input {
}

textarea {
}

/* 12.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}
 

/* Individual Casestudies styles */

#extrainformation {
	margin:4px 0 16px 0;
}

blockquote,
#extrainformation li {
	font-size:1.25em;
	color:#333333;
	display:block;
	padding:12px 8px;
	background:#f3f2ee;
	margin:0 -8px 2px -8px;
	line-height:1.2em;
}
blockquote em {
 	font-style: italic; 
}
blockquote strong {
 	font-style: italic; 
	font-weight: bold;
}

blockquote p {
  font-size: 1em;
  margin-bottom: 0;
}

/* Case Studies overview page */

#case_studies {
	margin:13px 0 13px 0;
	xoverflow:hidden; /* This is to contain floats */

}

#case_studies tr {
  vertical-align: top;
}

#case_studies td {
	float:left;
	display:inline; /* Hack for IE6 Double Margin Bug */
	padding: 10px 16px 16px 0;
	width:144px;
	font-size:1.1em;
	color:#333333;
	line-height:1.2em;
	margin-right:10px;
	border-bottom:2px solid #adaca3;
}

#case_studies td img {
	margin-bottom:15px;
}

.norightmargin {
	margin: 0 0 0 0;
}
.base-logos {	float:right;	margin:0 185px 0 0;	padding:0;	display:inline;}

.aboutImage {
	float:right;
	padding:0 0 5px 5px;
	text-align:center;
}