*{
	margin:0;
	padding:0;
}

.mceContentBody{
	background-color:#FFF;
	color:#000;
}

body{
	background:#e7e7e7;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
}

#container{
	width:760px;
	height:550px;
	margin:0 auto;
	background:#5c606a url(../images/body.jpg) 155px 0px no-repeat;
	position:relative;
	padding:0 0 0 10px;
}

#header{
	height:106px;
}

#logo{
	position:absolute;
	top:15px;
	left:255px;
	width:395px;
	height:64px;
}

#logo a{
	width:100%;
	height:100%;
	display:block;
	background:url(../images/logo.jpg) top left no-repeat;
}

#logo a span{
	display:none;
}

#menu{
	width:145px;
	height:288px;
	position:absolute;
	top:106px;
	left:10px;
}

#menu ul{
	width:180px;
	height:100%;
	overflow:hidden;
	list-style:none;
	background:url(../images/menu.jpg) top left no-repeat;
	z-index:999;
}

#menu ul li{
	height:35px;
	margin:0 0 1px 0;
	line-height:35px;
	vertical-align:middle;
}

#menu ul li a{
	display:block;
	height:35px;
	width:100%;
	color:#5c606a;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
	font-size:10px;
}

#menu ul li a:hover{
	color:#003466;
}

#menu ul li.current a{
	text-decoration:underline;	
}

#menu ul li#home{			margin-left:36px;}
#menu ul li#projects{		margin-left:21px;}
#menu ul li#clients{		margin-left:11px;}
#menu ul li#accreditation{	margin-left:6px;}
#menu ul li#health-safety{	margin-left:6px;}
#menu ul li#training-environment{	margin-left:11px;}
#menu ul li#contact{		margin-left:21px;}
#menu ul li#news{			margin-left:36px;}


#main{
	height:287px;
	margin-left:145px;
	width:545px;
	color:#FFF;
}

.plain, #main-plain{
	background:url(../images/main-plain.jpg) top left no-repeat;
	padding:20px 40px 10px 100px;
	width:385px;
	height:257px;
	margin-left:145px;
	color:#FFF;
}

.plain-wide{
	background:url(../images/main-plain.jpg) top left no-repeat;
	padding:20px 20px 10px 50px;
	position:relative;
}

#slideshow{
	height:287px;
	width:615px;
}

#slideshow #navigator a{
	cursor:pointer;
}

#slideshow #navigator a.slide-indicator{
	width:20px;
	height:16px;
	overflow:hidden;
	background:transparent url(../images/slideshow.jpg) top left no-repeat;
	border:none;
	margin:0 5px 0 0;
	float:left;
	display:block;
	font-size:10px;
	text-align:center;
	padding:4px 0 0 0;
	text-decoration:none;
	color:#FFF;
}

#slideshow #navigator a.slide-indicator-current{
	width:20px;
	height:16px;
	overflow:hidden;
	background:transparent url(../images/slideshow.jpg) bottom left no-repeat;
	border:none;
	display:block;
	margin:0 5px 0 0;
	float:left;
	display:block;
	font-size:10px;
	text-align:center;
	padding:4px 0 0 0;
	text-decoration:none;
	color:#5c606a
}


#footer{
	height:120px;
	width:400px;
	margin-left:250px;
}

#footer-text{
	height:100px;
	color:#333;
	font-size:1.1em;
}

#contact-info{
	width:400px;
	position:absolute;
	bottom:30px;
	left:300px;
	color:#5c606a;
}

#contact-info a{
	color:#5c606a;
}

h1, h2{
	font-size:medium;
	color:#35CCFF;
}

a{
	color:#35CCFF;
	text-decoration:none;
}

.link span{
	display:inline-block;
	width:7px;
	height:11px;
	background:url(../images/bullet.jpg) top center no-repeat;
	margin-left:5px;
}

.link{
	font-size:1.2em;
}

#lists .list{
	width:30%;
	margin-right:2%;
	float:left;
}

.list{
	list-style:none;
	margin:0;
}

.list li{
	padding:2px 0;
	border-bottom:1px solid #97D3FE;
}

p{
	margin:0.7em 0;
}

a img{
	border:none;
}

#testimonials{
	width:390px;
	padding:5px 10px;
	height:240px;
	background-color:#FFF;
	color:#000;
	overflow:scroll;
}

#testimonials span{
	color:#97D3FE;
	margin:0.7em 0;
}

#contact-form{
	margin:0;
	padding:0;
}

#contact-form table tr td{
	padding:5px;
}

#contact-form table tr th{
	text-align:left;
}

#contact-form .text, #contact-form textarea{
	font-size:x-small;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	width:300px;
}

.submit{
	text-align:right;
	width:90%;
}

.submit input{
	width:auto;
	padding:4px 10px;
	float:none;
}

#projects{
	list-style:none;
	margin:0;
	padding:0;
}

#projects li{
	float:left;
	display:block;
	width:260px;
	height:71px;
	margin-right:20px;
	margin-bottom:10px;
}

#projects li a{
	display:block;
	width:140px;
	height:36px;
	padding-top:35px;
	padding-left:120px;
	font-size:small;
	vertical-align:bottom;
	color:#FFF;
	overflow:hidden;
}

#projects li#botanic-gardens a{		background:url(../images/projects/small/botanic.jpg) top left no-repeat;}
#projects li#uws a{					background:url(../images/projects/small/uws.jpg) top left no-repeat;}
#projects li#riverside-inverclyde a{ background:url(../images/projects/small/riverside-inverclyde.jpg) top left no-repeat;}
#projects li#troon-tennis-club a{	background:url(../images/projects/small/troon.jpg) top left no-repeat;}
#projects li#diamond-power a{		background:url(../images/projects/small/diamond-power.jpg) top left no-repeat;}
#projects li#nhs a{					background:url(../images/projects/small/nhs.jpg) top left no-repeat;}

#projects li.right{
	margin:0;
}

#projects li a span{
	display:inline-block;
	width:7px;
	height:11px;
	background:url(../images/bullet.jpg) top center no-repeat;
	margin-left:5px;
}

.projects-uws{	
	height:287px;
	margin-left:145px;
	width:545px;
	color:#FFF;
	background:url(../images/projects/large/uws.jpg) top left no-repeat;
	position:relative;
}

.projects-nhs{
	height:287px;
	margin-left:145px;
	width:545px;
	color:#FFF;
	background:url(../images/projects/large/nhs.jpg) top left no-repeat;
	position:relative;
}

.projects-diamond-power{
	height:287px;
	margin-left:145px;
	width:545px;
	color:#FFF;
	background:url(../images/projects/large/diamond-power.jpg) top left no-repeat;
	position:relative;
}

.projects-riverside-inverclyde{
	height:287px;
	margin-left:145px;
	width:545px;
	color:#FFF;
	background:url(../images/projects/large/riverside-inverclyde.jpg) top left no-repeat;
	position:relative;
}

.projects-botanic-gardens{
	height:287px;
	margin-left:145px;
	width:545px;
	color:#FFF;
	background:url(../images/projects/large/botanic-gardens.jpg) top left no-repeat;
	position:relative;
}

.projects-troon{
	height:287px;
	margin-left:145px;
	width:545px;
	color:#FFF;
	background:url(../images/projects/large/troon.jpg) top left no-repeat;
	position:relative;
}

.projects-uws p, .projects-nhs p, .projects-diamond-power p, .projects-riverside-inverclyde p, .projects-botanic-gardens p, .projects-troon p{
	display:block;
	position:absolute;
	height:35px;
	margin:0;
	color:#333;
	font-size:small;
	bottom:0;
	left:105px;
}

.button{
	display:block;
	padding:5px 5px 5px 10px;
	background:url(../images/button.jpg) repeat-x top left;
	color:#333;
	width:110px;
	border:none;
}

.button span{
	display:inline-block;
	width:7px;
	height:15px;
	background:url(../images/blue-bullet.jpg) top center no-repeat;
	margin-left:5px;
}

#alert{
	width:90%;
	margin:2px auto;
	padding:5px;
	text-align:center;
	background-color:#FFF;
	border:1px solid #CCC;
	color:#000;
}

#alert p{
	margin:0.2em 0;
}

#alert h2.error{
	color:#900;
}
/* Page Content */
#news-left{
	width:110px;
	margin-right:10px;
	float:left;
	height:240px;
}
#news-right{
	width:400px;
	float:left;
	height:240px;
	overflow:scroll;
	background-color:#FFF;
	color:#000;
	padding:5px 10px;
}
#news-list ul{
	list-style:none;
}

#news-list ul li{
	margin-bottom:10px;
}

#news-list ul li a{
	display:block;
	padding:5px;
	width:100px;
	text-decoration:none;
	background:#003267;
	color:#FFF;
	font-size:1.2em;
}

#news-list ul li ul{
	margin:1px 0 0 0;
}

#news-list ul li ul li{
	margin-bottom:1px;
}

#news-list ul li ul li a{
	padding:3px 3px 3px 20px;
	width:87px;
	background:#FFFFFF;
	color:#000;
}

#news-list ul li ul li a.current{
	background:#98D3FF;
	color:#000;
}

.news-date{
	font-style:italic;
	font-size:0.8em;
	color:#666;
	margin:0 0 10px 0;
}

.news-item h1, .news-item h2{
	font-size:1.8em;
}

.news-item h2 a{
	text-decoration:none;
}

.news-item-divider{
	margin:20px 0 5px;
	width:100%;
	height:2px;
	background-color:#5c606a;
}

.news-links{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #CCC;
	position:relative;
}

.news-links a{
	text-decoration:none;
}

.news-links .news-more{
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
	width:150px;
}

.clear{
	clear:both;
	display:block;
}