/*********************** 
* Set-up *
************************/

.home  {
	height: 360px;
	width: 960px;
	clear:both;	
	}

.homeframe {
	border: 2px solid #eee;
	border-top: none;
	margin-top: 40px;
	width: 960px;
	overflow: hidden;
	}
	
.scroller {
	height: 360px;
	overflow: hidden;
	width: 960px;
	background-color: #a3d8f5;
	position: relative;
	}

.scroller .content {
	width: 10000px;	
	}

.scroller .section {
	height: 360px;
	float: left;
	width: 960px;
	background-color: #ffffff;
	}
	
	
	
/*********************** 
* Layout *
************************/
	
.scroller .section .imgl {
	float:left;
	margin-right: -600px; /* IE fix */
	}
	
.scroller .section .imgr {
	float:right;
	}	

.scroller .section .textl {
	padding: 30px 0 0 30px;
	float: left;
	margin-right: -600px; /* IE fix */
	}
	
.scroller .section .textr {
	padding: 30px 30px 0 0;
	float: right;
	}
	
a.nextbutton {
	display: block;
	position: relative;
	top: 290px;
	left: 830px;
	height:40px;
	width: 100px;
	background: url(http://www.trinorth.co.uk/images/nextbutton.gif) no-repeat 0 0;
	text-indent: -9999px;
	border: none;
	}

a.nextbutton:hover, a.nextbutton:active {
	background: url(http://www.trinorth.co.uk/images/nextbutton.gif) no-repeat 0 -40px;
	}



/*********************** 
* Fine tune Layout*
************************/	

.scroller .section .promotion {
	width:480px;
	}	
	
.scroller .section .design {
	width:480px;
	padding: 170px 0 0 30px;
	}
	
.scroller .section .editorial {
	width:485px;
	}
	
.scroller .section .print {
	width:480px;
	}
	
.scroller .section .publishing {
	width:595px;
	}	
	
.scroller .section .sales {
	width:480px;
	}
	
	
	

/*********************** 
* Typography *
************************/
		
.scroller .section p {
	color: #000000; 
	font-size: 1.3em; 
	line-height: 1em; 
	}

.scroller .section h1 {color: #000000; font-size: 4.7em; margin: 0 0 15px 0; line-height: 0.95em; font-weight: 800; letter-spacing: -2px;}

.scroller .section a {color: #000000;}
.scroller .section a:hover { color: #69321f; }
.scroller .section a:active { color: #1A77A7; }




/*********************** 
* Navigation bar *
************************/

#scrollnav {
	height: 40px;
	width: 964px;
	background-color: #a3d8f5;
	}

ul#runner {
	padding: 10px 0 0 40px;
	}

ul#runner li {
	display: inline;
	}

ul#runner li a {
	color: #69321f;
	float: left;
	margin: 0 20px 0 0;
	font-size: 1em;
	text-transform: uppercase;
	}