@import url('reset.css');

/*

		IMPACT MEDIA
		impactbranding.co.uk
		0845 867 6580
		
		Design - J. Coates
		Code - C. Carlton & M. Coates
		
		## COLOURS ##
		
		Orange - #F58220
		Blue - #004281
		
*/

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url('../images/main-bg.jpg');
	background-repeat:repeat-x;
	font:300 14px Arial, Helvetica, sans-serif;
	color:#004281;
}

/* Elements */

strong {
	font-weight:900;
}

a {
	color:#004281;
	text-decoration:none;
}

a:visited {
	color:#004281;
	text-decoration:underline;
}

a:hover {
	color:#F58220;
	text-decoration:none;
}

h1 {
	font:900 32px Arial, Helvetica, sans-serif;
	color:#004281;
	letter-spacing:-1.8px;
	margin-bottom:12px;
}

p {
	margin-bottom:14px;
	letter-spacing:-0px;
}

.imgmargright20{ margin-right:20px; }
.imgmargright0{margin-right:0px; }

.orange {
	color:#F58220;
}

.orange18{ color:#F58220; font-size:18px; font-weight:bold; letter-spacing:-1px;}
.white18{ color:#FFFFFF; font-size:18px; font-weight:bold; letter-spacing:-1px;}
.white18 a{ color:#FFFFFF; text-decoration: none;}
.white18 a:hover {color:#FFFFFF; text-decoration: underline;}
.orange24{ color:#F58220; font-size:24px; font-weight:bold; letter-spacing:-1px;}
.orange24 a{ color:#F58220; text-decoration: none;}
.orange24 a:hover {color:#F58220; text-decoration: underline;}

/* Header */

#header-wrapper {
	width:100%;
	background-color:#F58220;
	background-image:url('../images/header-bg.jpg');
	background-repeat:no-repeat;
	background-position:center;
	height:111px;
}

	#header-wrapper #header {
		width:980px;
		margin:0 auto;
	}
	
		#header-wrapper #header #logo {
			float:left;
			width:222px;
			margin-left:22px;
			margin-top:25px;
		}
		
		#header-wrapper #header #tri-logo {
			float:left;
			width:222px;
			margin-left:22px;
			margin-top:14px;
		}
		
		#header-wrapper #header #snap {
			float:left;
			width:450px;
			margin-left:30px;
			font-weight:900;
			margin-top:42px;
		}
		
		#header-wrapper #header #contact {
			float:right;
			width:156px;
			font-weight:900;
			letter-spacing:-1px;
			margin-top:35px;
			text-align:right;
			margin-right:21px;
		}
		
			#header-wrapper #header #contact strong {
				color:#F58220;
				font-size:24px;
				line-height:20px;
			}
			
/* Menu */

#menu-wrapper {
	width:100%;
	background-color:#004281;
	height:50px;
	margin-bottom:20px;
}

	#menu-wrapper #menu {
		width:980px;
		margin:0 auto;
	}
	
		#menu-wrapper #menu ul {
			line-height:50px;
		}
		
		#menu-wrapper #menu ul li {
			color:#FFFFFF;
			font-weight:900;
			margin-right:12px;
			display:inline;
			letter-spacing:-0.1px;
		}
		
		#menu-wrapper #menu ul li a {
			color:#FFFFFF;
			text-decoration:none;
		}
		
		#menu-wrapper #menu ul li a:hover {
			color:#F58220;
			text-decoration:none;
		}
		
		#menu-wrapper #menu ul li a.on {
			color:#F58220;
			text-decoration:none;
		}
		
/* Content and Main */

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

#home-slider {
	width:450px;
	background-color:#F58220;
	padding:10px;
}

	#home-slider #accordion-internal {
		width:440px;
		height:190px;
		background:#FFFFFF;
		padding:5px;
	}

	#home-slider #accordion-internal .accordion-toggle {
		float:left;
		font-size:0;
		width:30px;
		height:190px;
		background:#F58220;
		display:block;
		outline:none;
		cursor:pointer;
		margin:0 0 0 0;
		margin-left:5px;
	}
	
	#home-slider #accordion-internal .accordion-toggle-content {
		min-height:190px;	/* We need to define a height for the accordion as it stretches the width */
		float:left;	/* This make sure it stays horizontal */
		background-image:url('../images/toggle-bg.jpg');
		background-repeat:no-repeat;
		font-size:12px;
		overflow:hidden;
		max-height:190px;
		width:305px;
	}
	
		#home-slider #accordion-internal .accordion-toggle-content h3 {
			font-weight:900;
			font-size:18px;
			margin-left:18px;
			margin-top:16px;
			letter-spacing:-0.4px;
			margin-bottom:12px;
		}
		
		#home-slider #accordion-internal .accordion-toggle-content p {
			margin-left:18px;
		}

#get-in-touch-home {
	margin-top:20px;
	width:470px;
	height:103px;
	background:#F58220;
	background-image:url('../images/get-in-touch-home.jpg');
	background-position:right;
	background-repeat:no-repeat;
}

	#get-in-touch-home p {
		color:#004281;
		font:900 18px Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
	}
	
	#get-in-touch-home strong {
		color:#FFFFFF;
		font:900 37px Arial, Helvetica, sans-serif;
		letter-spacing:-3px;
		line-height:34px
	}
	
	
/*Services */

#services-gallery {

}

/* Contact Pahe */

#contact_form { }
#contact_form .title { float:left; width:230px; height:30px; line-height:30px;}
#contact_form .textfield { float:left; width:230px; height:30px;}
#contact_form .textarea { float:left; width:230px; }
#contact_form input[type = "text"]{	
	padding:3px;
	margin-top:0px;
	border:0px solid #FFFFFF;
	width:224px;
	background-color:#E2E0E0;
	
}
#contact_form textarea {
padding:3px;
margin-top:0px;
border:0px solid #FFFFFF;
background-color:#E2E0E0;
width:224px;
}

	
		
/* Footer */

#footer {
	width:980px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	font:300 12px Arial, Helvetica, sans-serif;
}

	#footer a {
		text-decoration:none;
	}

	#footer #quick-menu {
		float:left;
		width:540px;
		font-weight:900;
	}
	
		#footer #quick-menu h1 {
			color:#F58220;
			font:900 18px Arial, Helvetica, sans-serif;
			margin-bottom:15px;
			letter-spacing:-1px;
		}
		
		#footer #quick-menu li {
			margin-bottom:5px;
		}
		
		#footer #quick-menu .link-block {
			width:165px;
			float:left;
			margin-right:15px;
		}
	
	#footer #copy {
		float:right;
		width:400px;
		text-align:right;
	}
	
		#footer #copy a {
			font-weight:900;
		}