/*------------------------------------------------------------------------------------

   TR TRAINING | LAYOUT.CSS
   SETS UP POSITIONING & STYLE.
   
   WEBSITE BY THIRDFLOORDESIGN -
   
   THIRD FLOOR DESIGN                  TEL / +44 (0)1452 305948
   UNIT 13 HIGHNAM BUSINESS CENTRE     WEB / WWW.THIRDFLOORDESIGN.CO.UK
   GLOUCESTER GL2 8DN                  EMAIL / HELLO@THIRDFLOORDESIGN.CO.UK

------------------------------------------------------------------------------------*/

/* Imported Stylesheets
-----------------------------------------------------------------------------------*/
@import url('/css/s3Slider.css');
@import url('/css/menu.css');
@import url('/css/sifr.css');
@import url('/css/slimbox.css');

/* Global Layout
-----------------------------------------------------------------------------------*/

body {
	background: url(/images/bg.png);
/*	background: #111111 url(/images/bg-glow.jpg) no-repeat; */
/*	background-position: 50% 110px; */
	margin-top: 20px;
}

/* Wrapper
-----------------------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 950px;
}

#wrapper .content {
	width: 910px;
	margin: 0;
	padding: 20px;
	background: #222222;
	border-top: 1px solid #FFFFFF;
	float: left;
}

/* Header
-----------------------------------------------------------------------------------*/

#header {
	width: 950px;
	height: 225px;
	background: url(/images/header.png);
	float: left;
}

#header .left {
	padding: 24px 0 0 24px;
	float: left;
}

#header .right {
	float: left;
	padding: 175px 0 0 50px;
}

/* Content
-----------------------------------------------------------------------------------*/

#content {
	width: 569px;
	padding-right: 20px;
	float: left;
}

#content.courses {
	background: url(/images/courses.png) no-repeat top right;
}

#content.nvq {
	background: url(/images/nvq.png) no-repeat top right;
}

#content.cpcs {
	background: url(/images/cpcs.png) no-repeat top right;
}

#content.npors {
	background: url(/images/npors.png) no-repeat top right;
}

#content.training-matters {
	background: url(/images/question.png) no-repeat top right;
}

#content.contact {
	background: url(/images/telephone.png) no-repeat top right;
}

#content.downloads {
	background: url(/images/pdf.png) no-repeat top right;
}

/* Breadcrumbs
-----------------------------------------------------------------------------------*/

.breadcrumbs {
	width: 569px;
	padding-bottom: 20px;
	float: left;
	text-transform: uppercase;
}

/* Cycle
-----------------------------------------------------------------------------------*/

#random {
	margin-top: 20px;
	width: 569px;
	overflow: hidden;
	float: left;
}

/* Sidebar
-----------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	border-left: 1px solid #FFFFFF;
}

.sidebar {
	width: 278px;
	float: left;
	margin-left: 20px;
	padding: 10px;
	background: #333333;
	border: 1px solid #666666;
}

/* Hotboxs
-----------------------------------------------------------------------------------*/

#hotbox {
	width: 274px;
	float: left;
	border: 3px solid #999999;
	background: #666666;
	margin-bottom: 10px;
}

#hotbox.thumbnail {
	width: 264px;
	height: 184px;
	padding: 5px;
	float: left;
}

#hotbox.thumbnail img.thumbnails {
	width: 76px;
	height: 80px;
	margin: 5px;
	float: left;
	border: 1px solid #999999;
	background: #FFFFFF;
}

#hotbox.testimonial {
	height: 154px;
	margin-bottom: 0;
	background: url(/images/hotbox-testimonial.png) no-repeat center;
}

#hotbox.testimonial .fade {
	float: left;
	height: 79px;
	width: 250px;
	margin: 75px 12px 0px 12px;
	overflow: hidden;
}

/* Footer
-----------------------------------------------------------------------------------*/

#footer {
	width: 910px;
	background: #333333;
	padding: 8px 20px 8px 20px;
	border-top: 1px solid #FFFFFF;
	float: left;
}

#footer #details {
	float: left;
	width: 525px;
}

#footer img {
	float: right;
}

/* PHP
-----------------------------------------------------------------------------------*/

#php {
	width: 569px;
	float: left;
	padding-top: 12px;
	border-top: 1px dashed #FFFFFF;
}

#php .fields {
	width: 274px;
	float: left;
}

#php .enquiry {
	width: 274px;
	float: left;
	margin-left: 20px;
}

#php .textbox {
	width: 270px;
	height: 18px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 2px 0;
	background: #333333;
	border: 1px solid #666666;
}

#php .textarea {
	height: 110px;
	width: 272px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 2px 0;
	background: #333333;
	border: 1px solid #666666;
}

#php .line {
	width: 569px;
	border-bottom: 1px dashed #FFFFFF;
	margin: 12px 0;
	float: left;
}

/* Links
-----------------------------------------------------------------------------------*/

a.opacity img {
	filter: alpha(opacity=100);  	
	opacity: 1.0;
}

a.opacity:hover img {
	filter: alpha(opacity=70); 	
	opacity: 0.7;
}

/* Hide / Preload
-----------------------------------------------------------------------------------*/

.hide {
	display: none;
}