/*********************** 
* General *
************************/

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px; padding: 0px; border: 0px;
}

body {
	background: url(http://www.trinorth.co.uk/images/bkg.jpg) repeat;
	font-family: Helvetica, Arial, Verdana, sans-serif;
  	line-height: 1.6; /* Unitless for proper inheritance */
	color: #918b70;
}

body          	{ font-size: 75%; }   /* IE (10px = 62.5%, 11px = 68.75%, 12px = 75%, and so forth) */
html > body   	{ font-size: 12px; }  /* All other browsers */
 
 
 

/*********************** 
* Reset *
************************/
p           	{ margin: 0 0 15px 0; color: #918b70;}
p img			{ margin: 0; padding: 0; }
p.last      	{ margin-bottom: 0; }
p.img			{ margin: 0; padding: 0; }

ul, ol      	{ margin: 0 0 15px 0; }

ul 				{ list-style-type: disc; margin-left: 0; color: #918b70; }
				
ol          	{ list-style-type: decimal; 
				  margin-left: 28px;
				  font-size: 14px;
				  font-weight: bold;
				  font-family: Georgia, Helvetica, Arial, sans-serif;
				  color: #242f33;
				}
				
ol span 		{ font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #918b70; }
ol p			{ margin: 0 0 8px 0; font-size: 12px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; color: #918b70; }

a 				{ font-weight: bold; text-decoration: none; outline: none; color: #ccc39d; border-bottom: 1px dotted #666666; }
a:hover     	{ text-decoration: none; border-bottom: none; color: #fef8e1; }
a:active 		{ outline: none; color: #1A77A7; }

img				{ margin: 0 0 15px 0; padding: 0; border: none; }
img.left		{ float: left; margin: 0 15px 15px 0; }
img.right		{ float: right; margin: 0 0 15px 15px; }

.alignright		{ float: right; }
.alignleft		{ float: left; }

div.alignright	{ float: right; margin: 0 0 20px 20px; }
div.alignleft	{ float: left; margin: 0 20px 20px 0; }

blockquote  	{ margin: 0 0 15px 0; 
				  padding: 10px 10px 10px 40px; 
				  font: italic 13px Georgia, Helvetica, Arial, sans-serif; 
				  line-height: 1.6;
				  background: url(../../images/bg_blog_blockquote.png) no-repeat 0 12px;
				  width: 80%;
				}
				
blockquote p 	{ margin-bottom: 0; }

strong      	{ font-weight: bold; color: #ccc39d; font-family: Helvetica, Arial, sans-serif; font-style: normal; }
em          	{ font-style: italic; }





 
/*********************** 
* Typography *
************************/  

h1, h2, h3, h4, h5, h6 { font-family: Georgia, sans serif; margin: 0 0 5px 0; padding: 0; line-height: 1.2;	letter-spacing: -0.035em; font-weight: normal;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border: none; }
 
h1 				{ color: #a3d8f5; font-size: 2.25em; margin: 0 0 0px 0; letter-spacing: -1px;}
h2 				{ color: #000000; font-size: 1.3em; margin: 0 0 25px 0; background-color: #a3d8f5; display: inline; text-transform: uppercase; font-family: Helvetica, Arial, Verdana, sans-serif; padding: 2px 8px 0 8px; font-weight: bolder;}
h3 				{ color: #a3d8f5; font-size: 18px; }
h3 a 			{ color: #a3d8f5; font-size: 18px; }
h4 				{ font-size: 12px; margin: 5px 0 5px 0; color: #ffffff; text-transform: uppercase; font-family: Helvetica, Arial, Verdana, sans-serif; font-style: italic;}
h5 				{ clear: both; display: block; margin: 0 0 7px 0; padding: 0; color: #a3d8f5; font-size: 17px; font-weight: bold; }
h5 a 			{ color: #a3d8f5; border-bottom: 1px dotted #89999f;  }
h6 				{ font-size: 1.25em; color: #a3d8f5; font-weight: bold; }

.bighead h1 	{ color: #ffffff; font-size: 4em; margin: 0 0 15px 0;}
.bighead 		{ margin: 30px 0 30px 0;}

.testi 			{ font-family: Georgia, sans serif; color: #918b70; font-size: 16px; font-style: italic; line-height: 1.2em;}
.testiby 		{color: #ffffff; margin: 0px;}
.testijob 		{font-style: italic; font-size:10px; margin: 0px;}

.staff p 		{ width: 320px; margin: 0px;}
/* IE hack */ 
* html .staff p { height: 1%; margin: 0px;}

.staffjob 		{ color: #ffffff; font-size: 12px; font-style: italic;}









/*********************** 
* Layout *
************************/

#wrapper { background: url(http://www.trinorth.co.uk/images/header_bkg.gif) repeat-x; }
	
#container {
	width: 960px;
	margin: 0 auto;
	}

#white { height:118px; }
	
#brown { height:40px; }

.clear {
	clear:both;
	height: 0px;
	line-height: 0;
	}

.rule {
	height: 2px;
	margin: 30px 0 30px 0;
	border: none;
	background: url(http://www.trinorth.co.uk/images/rule.gif) repeat-x;
	}

.rule hr {display: none;}

.txt2 {width: 300px;}

.txt3 {width: 480px;}

.txt4 {width: 640px;}

.txtcontact {width: 280px;}

	
	
		


/*********************** 
* Navigation *
************************/

.lavaLamp {
	position: relative;
	left: 550px;
	height: 40px;
	width: 420px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background: url("http://www.trinorth.co.uk/images/nav_divider.gif") left no-repeat;
	}

.lavaLamp li {
	float: left;
	list-style: none;
	background: url("http://www.trinorth.co.uk/images/nav_divider.gif") right no-repeat;
	}
	              
.lavaLamp li.back {
	background: url("http://www.trinorth.co.uk/images/nav_arrow.gif") center no-repeat;
	width: 10px; height: 35px;
	z-index: 8;
	position: absolute;
	}
                             
.lavaLamp li a {
	font: bold 14px arial;
	text-decoration: none;
	color: #ffffff;
	outline: none;
	border: none;
	text-align: center;
	position: relative;
	top: 12px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 40px;
	overflow: hidden;
	margin: auto 10px;    
	}

/* IE hack */ 
* html .lavaLamp li a {
	margin: 0 5px 0 5px;
	}

.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited { 
	color: #ffffff;
	}
	
	
	
	
	


/*********************** 
* Images *
************************/

.logo {
	width:200px;
	height:56px;
	position: relative;
	top: 50px;
	outline: none;
	}

.staffpic {
	width: 140px;
	height: 160px;
	float: right;
	margin: 0 0 0 20px;
	background-color: white;
	border: 4px solid #918b70;
	}

.gallery img {
	width:81px;
	height:81px;
	float: left;
	margin: 0 40px 40px 0;
	border: 2px solid #918b70;
	}

.gallery img.last {
	float: right;
	margin: 0 0 40px 0;
	}

.gallery img:hover { border: 2px solid #ffffff; }

.galcurrent img {
	border: 2px solid #ffffff;
	}





/*********************** 
* Form *
************************/

input {width:260px;}

input.submit {width:80px;}

label { font-weight: bold; color: #49595f; }

textarea { font-family: Arial, sans-serif; font-size: 12px; }



.footerHelloBox p {float:left; width:336px; text-align:center; font-size:11px; color:#373737; line-height:15px; padding:60px 0 0 2px;}

.footerForm {float:left; position:relative; width:338px; padding:5px 0 0 0px;}

.footerForm fieldset {float:left; border:0; position:relative;}

.footerForm fieldset input {float:left; width:327px; height:24px; background:url(http://www.trinorth.co.uk/images/test/footer-input-bgr.gif) 0 0 no-repeat; border:0; margin-bottom:9px; font-size:11px; color:#434f63; padding:9px 5px 0 6px;}

.footerForm fieldset textarea {float:left; position:relative; z-index:10; width:317px; height:74px; border:0; background:none; margin-bottom:9px; overflow:auto; font-size:11px; color:#434f63; padding:5px 9px 9px 6px; font-family:Arial, Helvetica, sans-serif;}

.footerFakeTextarea {position:absolute; display:block; z-index:1; top:85px; left:0; width:338px; height:88px; background:url(http://www.trinorth.co.uk/images/test/footer-textarea-bgr.gif) 0 -88px no-repeat;}

.footerForm fieldset input.sayHelloButton {float:left; width:107px; margin-top:11px; height:41px; background:url(http://www.trinorth.co.uk/images/test/button-send.png) 0 0 no-repeat; cursor:pointer;}

.footerHelloBox fieldset input.sayHelloButton:hover {background-position:0 -41px;}

#info {float:left; color:#373737; font-size:11px; padding:22px 0 0 10px;}