/*
Title:       	Master Styles (Main style sheet)
Author:      	Ben Usher Smith, ben@heehaw.co.uk
Updated:     	Tuesday September 25th 2007
Notes:       	Hand-crafted by Heehaw Multimedia in Edinburgh, Scotland
Known issues:	None
*/

*{
	margin:0;
	padding:0}

body{
	background:#cacdd3 url(/images/generic/body_bg.gif) repeat-x;
	font:400 73.5% Verdana,Arial,Helvetica,sans-serif;
	text-align:center}
	
.clear{
	clear:both}

ul,
ol{
	list-style:none}

img{
	border:0}

a, a:link{text-decoration:none}
a:hover,
a:focus{
	color:#6b7894;
	outline:none}

abbr, acronym{
	font-size:90%;
	letter-spacing:1px;
	font-style:normal;
	border-bottom:1px dotted #b5b8bd;
	cursor:help}

/* LINKS */
#three-col-1 a:link,
#three-col-1 a:visited,
#two-col-1 a:link,
#two-col-1 a:visited {
	padding:0 0 1px 0;
	color:#36c;
	text-decoration:none;
	border-bottom:1px solid #36c}

#three-col-1 a:hover,
#three-col-1 a:focus,
#two-col-1 a:hover,
#two-col-1 a:focus {
	padding:0;
	outline:none;
	border-bottom-width:2px}

#three-col-1 a:focus,
#two-col-1 a:focus {
	background:#ffc}

#wrapper{
	background:url(/images/generic/wrapper_bg.gif) repeat-y;
	margin:0 auto;
	text-align:left;
	width:795px}

/* Header Section Styles */
#header{
	background:url(/images/generic/header_bg.gif) no-repeat;
	padding:0 0 0 29px;
	width:810px}

#header h1{
	background:transparent url(/images/generic/logo.gif) no-repeat;
	float:left;
	margin-left:5px;
	text-indent:-9999px;
	padding-bottom:14px}

#header h1 a{
	background:transparent url(/images/generic/logo.gif) no-repeat;
	display:block;
	width:233px;
	padding:72px 0px 0px 0px;
	height:0px !important;
	height /**/:72px;
	overflow:hidden}
	
#header_image {
	filter:progid:DXImageTransform.Microsoft.Fade(Duration=3)}	

/* Main Navigation Styles */
ul#main-nav{
	padding:0 0 27px 20px;
	width:752px}

ul#main-nav li{
	float:left;
	height:26px;
	padding-right:2px;
	text-indent:-9999px}

ul#main-nav li a,
ul#main-nav li a:link,
ul#main-nav li a:visited{
	display:block;
	height:26px;
	border-bottom:1px solid #fff}

body#home li#btn-home a,
body#about li#btn-about a,
body#services li#btn-services a,
body#team li#btn-team a,
body#contact li#btn-contact a {
	border-bottom:none;
	background-repeat:no-repeat;
	height:27px}

li#btn-home a{
	background:url(/images/generic/home_btn.gif);
	width:59px}

body#home li#btn-home a,
li#btn-home a:hover,
li#btn-home a:focus{
	background:url(/images/generic/home_btn_hover.gif)}

li#btn-about a{
	background:url(/images/generic/aboutus_btn.gif);
	width:85px}

body#about li#btn-about a,
li#btn-about a:hover,
li#btn-about a:focus{
	background:url(/images/generic/aboutus_btn_hover.gif)}

li#btn-services a{
	background:url(/images/generic/services_btn.gif);
	width:106px}

body#services li#btn-services a,
li#btn-services a:hover,
li#btn-services a:focus{
	background:url(/images/generic/services_btn_hover.gif)}

li#btn-team a{
	background:url(/images/generic/team_btn.gif);
	width:89px}

body#team li#btn-team a,
li#btn-team a:hover,
li#btn-team a:focus{
	background:url(/images/generic/team_btn_hover.gif)}

li#btn-contact a{
	background:url(/images/generic/contact_btn.gif);
	width:76px}

body#contact li#btn-contact a,
li#btn-contact a:hover,
li#btn-contact a:focus{
	background:url(/images/generic/contact_btn_hover.gif)}
	
/* Login Box Styles */
#login{
	background:url(/images/generic/login_box.gif) no-repeat;
	height:99px;
	margin:44px 0 0 543px;
	position:absolute;
	text-indent:-9999px;
	width:209px}

#login a{
	display:block;
	width: 100%;
	margin:20px 0 0 25px;
	padding:20px 20px 40px 40px}

/* Breadcrumb Styles */
#breadcrumb{
	background:#515b70 url(/images/generic/nav_bg_login.gif) repeat-y;
	border-bottom:1px solid #fff;
	width:752px}

body.no-login #breadcrumb{ /* When no Login box is present, insert this class on the body tag */
	background-color:#515b70;
	background-image:none}

#breadcrumb p{
	color:#fff;
	padding:10px 10px 7px 20px}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited,
#footer-nav a,
#footer-nav a:link,
#footer-nav a:visited{
	color:#fff;
	font-weight:800}

.footer_small_copy {
	font-size: 80%;
}

#breadcrumb a:hover,
#breadcrumb a:focus,
#footer-nav a:hover,
#footer-nav a:focus{
	border-bottom:#fff dotted 1px}
	
#footer_csa_logo {
	float: right;
	margin: -10px 0 0 0;
	padding: 0}

/* Content Section Styles */
body#home #content{
	background:#d2d6de url(/images/generic/content_bg.gif) repeat-x;
	border-left:1px solid #adb5c4;
	border-right:1px solid #adb5c4;
	margin-left:29px;
	width:750px}

#content{
	background:none;
	border:none;
	margin-left:30px;
	width:750px}

#content h2#debt-text,
#content h2#services-text{
	height:37px;
	padding:0 0 10px 0;
	text-indent:-9999px}

#content h2#debt-text{
	background:url(/images/generic/debt_text.gif) no-repeat 0 1px;
	width:375px}

#content h2#services-text{
	background:url(/images/generic/services_text.gif) no-repeat 0 1px;
	width:187px}

#content p{
	color:#000;
	line-height:1.5em;
	padding:0 10px 10px 15px}

#content address{
	color:#036;
	font-size:110%;
	font-style:normal;
	line-height:1.5em;
	padding:0 10px 10px 15px}

#head-col-1{
	background-color:#7a89a0;
	float:left;
	width:375px}

#head-col-2{
	background-color:#7a89a0;
	float:left;
	width:375px}

#two-col-1{
	padding:19px 0 10px 18px;
	float:left;
	width:552px}

#two-col-2{
	padding:18px 10px 10px 10px;
	border:1px solid #adb5c4;
	background:#eaeef7;
	margin:7px 0 7px 572px}
	
#two-col-2-services{
	padding:18px 10px 10px 10px;
	border:1px solid #adb5c4;
	background:#eaeef7;
	margin:7px 0 7px 572px;
	text-align: center;}
	
#two-col-2-services img {
	border: 1px solid grey; 
	margin: 0 2px 2px 2px
}

/* CONTACT */
body#contact #two-col-1{
	padding:19px 0 10px 18px;
	float:left;
	width:252px}

body#contact #two-col-2{
	background:#fff;
	border:none;
	padding:18px 10px 10px 10px;
	margin:7px 0 7px 272px}

body#contact #map {
	display:block;
	background:url(/images/contact/map.jpg) no-repeat top left;
	margin:0;
	padding:80px 0 0 0;
	height:352px;
	width:359px}

body#contact #map dt {
	text-indent:-9999px}

body#contact #edinburgh a{
	text-indent:-9999px;
	display:block;
	background:none;
	margin:0;
	padding:0;
	height:65px;
	width:352px}

body#contact #rotherham a {
	text-indent:-9999px;
	display:block;
	background:none;
	margin:0;
	padding:0;
	height:65px;
	width:352px}


#two-col-1 h2,
#two-col-2 h3{
	margin:0 0 5px 0;
	color:#525a71;
	letter-spacing:-.05em;
	font:400 150% Verdana,Arial,Helvetica,sans-serif;
	text-transform:uppercase}

#two-col-1 h3{
	margin:10px 0 5px 0;
	color:#525a71;
	font:800 100% Verdana,Arial,Helvetica,sans-serif;
	text-transform:uppercase}

#two-col-1 p{
	padding:0 35px 0 0}

#three-col-1{
	border-right:1px solid #adb5c4;
	float:left;
	padding-bottom:20px;
	width:375px}

#three-col-1 p,
#three-col-2 ul{
	padding-top:7px}

#three-col-2{
	float:left;
	width:187px}

body#home #three-col-2 ul{
	padding-left:10px}

body#sitemap #two-col-1 ul{
	padding-left:30px}

#two-col-1 ul li,
#two-col-2 ul li,
#three-col-2 ul li{
	font-size:100%; /* GFM Haxorz */
	line-height:1.5em;
	background:url(/images/generic/bullet.gif) no-repeat 0 35%;
	padding:0 0 10px 15px}
	
body#home #three-col-2 ul li{
	padding:0 0 10px 10px}

body#sitemap #two-col-1 ul li{
	background:none}

body#sitemap #two-col-1 ul li ul{
	padding:20px 0 0 30px}

body#sitemap #two-col-1 ul li ul li{
	background:url(/images/generic/bullet.gif) no-repeat 0 35%}

#two-col-2 ul li a.active,
#three-col-2 ul li a.active{
	font-weight:800}

#two-col-2 ul li a,
#three-col-2 ul li a{
	color:#000;
	border-bottom:1px dotted #000;
	padding:0 0 3px 0}

#two-col-2 ul li a:hover,
#three-col-2 ul li a:hover,
#two-col-2 ul li a:focus,
#three-col-2 ul li a:focus{
	color:#525a71;
	border-bottom:2px dotted #525a71;
	padding:0 0 2px 0}

#three-col-3{
	border-left:1px solid #adb5c4;
	padding:6px 0 40px 0;
	margin:0 0 0 562px}
	
body#home #three-col-3{
	padding:3px 0 40px 0}
	
*:first-child+html body#home #three-col-3{
	padding:2px 0 40px 0}

#three-col-3 h3{
	color:#3b424f;
	padding:10px 0 7px 15px;
	line-height:1.5em;
	font:800 110% Verdana,Arial,Helvetica,sans-serif}

#three-col-3 img{
	padding:0 0 3px 8px}
	
body#home #three-col-3 img{
	padding:4px 0 3px 8px}


/* Footer Section Styles */
#footer{
	background:url(/images/generic/footer_bottom.gif) no-repeat  50% 102%;
	height:105px;
	margin-left:15px}

#footer-nav{
	background:#404858 url(/images/generic/partners.gif) no-repeat 93% 50%;
	border-top:1px solid #fff;
	color:#fff;
	height:55px;
	margin:0 0 0 14px;
	padding:25px 0 0 0;
	width:752px}

#footer-nav p{
	width:431px;
	padding:5px 0 0 20px}
	
/* Form Styles */	
#content fieldset {
	padding:0;
	margin:0;
	border:none}

#content legend {
	display:none}
	
#content label {
	color:#999;
	text-transform:uppercase;
	padding:0;
	margin:0}

#content dt {
	padding:10px 0 0 0;
	margin:0}

#content dd {
	padding:2px 0 5px 0;
	margin:0}

select.field,
input.field,
textarea.field {
	color:#999;
	width:96%;
	padding:4px;
	background:#fdfcf9 url(/images/form/field.gif) no-repeat 0 0;
	border:1px solid;
	border-color:#bbb #eee #eee #bbb}

select.field {
	width:40%}

#submit {
	border:1px solid;
	border-color:#b8b8b8 #a6a5a5 #a6a5a5 #b8b8b8;
	cursor:pointer;
	padding:0;
	margin:8px 0 0 0}

body#contact #submit {
	float:right;
	margin-right:12px}

/* Images */
#two-col-1 img {
	float:right;
	margin:0;
	padding:0 0 20px 20px}

body#team #content {
	background:#fff url(/images/team/teampic.jpg) no-repeat bottom right}

body#about #content {
	background:#fff url(/images/about/aboutpic.jpg) no-repeat bottom right}
	
body#rotherham #content {
	background:#fff url(/images/rotherham/rotherham.jpg) no-repeat bottom right}
	
/* Extra links */
.pdf_link {
	background:transparent url(/images/pdf_icon.gif) no-repeat 0 50%;
	color:#36c;
	display:block;
	margin:0;
	padding:0 0 0 36px;
	text-align:left;
	text-decoration:none}
	
.pdf_link:hover {
	text-decoration:underline}

.pdf_download_button {
	background:transparent url(/images/pdf_download_button.gif) no-repeat 0 0;
	color:#36c;
	display:block;
	height:200px;
	margin:0 0 7px 7px;
	padding:0;
	text-align:left;
	text-decoration:none;
	text-indent:-9999px;
	width:142px}
	
.pdf_download_button:hover {
	background:transparent url(/images/pdf_download_button.gif) no-repeat -142px 0;}