@charset "utf-8";
/* CSS Document */

body					{padding:0px;margin:0px;}
#hdr					{display:block;width:100%;height:inherit;}
#hdr-container			{width:100%;min-height:90px;display:inline-block;}
#nav-container			{height:auto;display:block;}

#group-nav				{width:iauto;height:auto;padding: 30px 0 0 30px ;float:left;}

#nav					{width:100%;float:left;height:auto;}
#nav-title				{font-size:22px;float:left;width:auto;height:auto;padding:10px 30px 0 30px;}
.nav					{width:auto;}
.nav a 					{text-decoration: none;padding:0px 10px 0px 10px;}
#group-nav a 			{text-decoration: none;padding:0px 10px 0px 0px;}
#group-nav a:hover		{text-decoration: underline;}

#logo					{height:auto;max-height:90px;float:right;padding: 5px 10px 0 0 ;}
#logo img				{}
#telephone				{font-size:18px; width:auto;height:auto;max-height:90px;float:right;padding: 20px 40px 0 0 ;display:block;}
.telno	img				{display:block;margin-top:10px;float:left;}
#telephone	a			{text-decoration:none;}


#slide					{display:block;width:100%;height:auto;}
#slide img				{max-width:100%;}
#slide-container		{margin-bottom:0px;margin:auto;width:80%;height:auto;min-height:600px;}
#slide-left				{height:auto;display:inline-block;max-width:45%;float:left;padding: 20px 15px 0 15px;}
#slide-left h1			{font-size:38px;}
#slide-right			{max-width:50%;float:right;padding: 40px 0 0 0 ;}
#slide-right img		{width:100%;display:block;}
.wrap					{display:inline-block;}
#box					{}
.clear					{clear:both;}


#strip					{width:100%;}
.flasher					{max-width:25%;float:left;height:auto;min-height:250px;}
#strip p 				{padding:0 20px 0 20px;}
#strip h3 				{padding:30px 0 0 20px;font-size:28px;}
#strip img				{width:100%;height:100%;}

#contact				{display:block;height:auto;width:100%;}
#contact-wrap			{height:auto;max-width:80%;margin:auto;padding-left:30px;}
#contact-left			{height:auto;width:auto;}
#contact-copy			{height:auto;width:auto;padding-top:30px;}


#enquiry				{display:block;padding-top:30px;width:400px;height:auto;float:left;}
#enquiry input[type=text], select, textarea{width:354px;height:40px;margin:5px 0;font-size:18px;padding-left:5px;}
#enquiry select			{width:363px;height:46px;}
#enquiry textarea		{height:93px;width:357px;padding:5px 0 0 5px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#enquiry input[type=submit], input[type=reset]{font-size:18px;text-align:center;cursor:pointer;height:40px; }

.small_grey				{font-size:11px;color:#999;}

#faqs 					{font-size:14px;padding:0px 0 20px 0px;}
#faqs 	h5				{font-size:16px;}

#models 				{}
#models p 				{padding:0px 0 0 0;}
#models ul 				{width:auto; list-style:none; display:block;margin:0px;padding: 10px 0px 0 0 ;}
#models ul li			{float:left;padding: 0 20px 0 0 ;margin:0px;}

.highlight				{font-size:24px;padding:15px;font-weight:bold;text-decoration:none;line-height: 2.0em;}

.copy 					{max-width:50%;float:left;height:auto;}
.generic-copy 			{max-width:100%;min-height:600px;}
.generic-wrap 			{max-width:97%;margin:auto;}


#main-wrap p 				{padding:0 20px 0 20px;}
#main-wrap h2 				{padding:0 20px 0 20px;}
#main					{height:auto;width:100%;padding:0px 0 50px 0;}
#main-wrap				{height:auto;max-width:80%;margin:auto;padding:50px 0 0px 0;}



#main-form				{width:25%;height:600px;float:left;}
#main-copy				{max-width:75%;float:left;}

#span					{height:auto;width:100%;min-height:600px;background-size: 100% 100%;}
#span-wrap				{height:inherit;width:80%;margin:auto;text-align:center;}

.span-flash				{width:25%;height:auto;float:left;padding:100px 0 10px 0 ;display:inline-table;}
#span-flash	 p 			{padding:0 30px 0 30px;}
#span-flash	 h4 		{padding:0px 20px 0 20px;}


#ftr					{width:100%;height:auto;min-height:100px;clear:both;padding:40px 0 40px 0px;font-size:14px;}
#ftr-container			{height:auto; padding-left:15px;width:80%;margin:auto;}
#ftr-links				{float:left;margin:0px;width:100%;display:block;-webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4;}
#ftr li					{height:20px;min-width:300px;display:block;}
#ftr ul					{list-style-type: none;padding-left:0;margin:0px;padding:0px;}
#ftr a					{text-decoration:none;}
#ftr a:hover			{}
#top					{}
#ftr-info				{height:auto;display:inline-block;}

#ftr-logo				{background:#333;color:#CECECE;}
#ftr-logo				{width:100%;height:auto;clear:both;padding:10px 0 10px 0px;display:inline-block;font-size:14px;}
#ftr-logo-container		{margin:auto;height:auto; max-width:80%; display:block;padding:0 15px 0 30px;}
#ftr-logo-img			{float:left;}
#ftr-logo-txt			{width:auto;height:auto;float:left;padding: 10px 0 0 10px;}

#twn					{height:auto;}
#twn li					{height:20px;}
#twn ul					{list-style-type: none;padding:0px;margin:0px;}
.twn a					{text-decoration:none;}
.twn a:hover			{}
#cty					{width:auto;display:block;text-align:center;padding:12px 10px 10px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
#area					{padding-bottom:20px;}
.alink 					{text-decoration:none;padding:5px;font-size:22px;}
.alink:hover 			{}


#page-update			{padding:25px 0 0 0;font-size:12px;font-style:italic;}

/* drop down box */
.nav ul li:hover > ul 	{display: block;}
.nav ul 				{padding: 0 5px;	list-style: none;position: relative;	display: block;z-index:99;}
.nav ul:after 			{content: ""; clear: both; display: block;}
.nav ul ul li a			{padding-left:0px;}
.nav ul li  			{float:left;font-size:16px;	display: block; padding: 10px 10px;	color: #000; text-decoration: none;	cursor: pointer;}
/* drop down background */
.nav ul ul 				{display: none;border-radius: 0px; padding: 0px 0px 0px 0px; position: absolute; top: 100%;	width: 200px;}
.nav ul ul li 			{float: none; position: relative;}
/* nav link hover color */
.nav ul li:hover a 		{}
/* nav hover background color */
.nav ul li:hover 		{}
.nav ul li				{}
/* drop down box font size and border */
.nav ul ul 				{font-size:12px; border:1px solid #000;}
/* drop down link hover colour */
.nav ul li li:hover a 	{}
/* drop down hover background color */
.nav ul ul li:hover 	{}
/* drop down background color */
.nav ul ul 				{}

#contact-tab 				{font-size:22px;padding:0px;height:auto;width:auto; position:fixed;top:360px;left:20px;display:block;float: left;transform-origin: left; -ms-transform: rotate(90deg); /* IE 9 */    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */    transform: rotate(90deg);}
#contact-tab a				{text-decoration:none;}
.pad					{padding:10px;display:block;}
#cu1					{border:1px solid #000;float:left;text-transform: uppercase;}
#cu2					{border:1px solid #000;float:left;text-transform: uppercase;display:none;}

#website				{margin-right:20px;}

/* 1024px and over */
@media (min-width: 1024px) {
	
	
	#twn							{padding-top:30px; -webkit-column-count: 5; /* Chrome, Safari, Opera */ -moz-column-count: 5; /* Firefox */ column-count: 5;}
}

/* 1024px and under */
@media (max-width: 1023px) {
	body							{font-size:16px;}
	.flasher							{max-width:50%;}
	#ftr-links						{display:block;-webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3;}
	.span-flash						{width:50%;}
	#group-nav						{padding: 30px 0 0 20px ;}
	#nav-title						{padding:10px 30px 0 20px;}
	#enquiry						{width:100%;padding-bottom:40px;}
	#enquiry textarea				{width:725px;}
	
}

/* 900px and under */
@media (max-width: 935px) {
	
	#enquiry textarea				{width:357px;}
	
}

/* 720px and under */
@media (max-width: 720px) {
	body							{font-size:16px;}
		
	#contact-tab 				{background:#000;z-index:999;width:100%;position:fixed;top:0px;left:0px;clear:left;display:block;transform-origin: left; -ms-transform: rotate(0deg); /* IE 9 */    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */    transform: rotate(0deg);}
	#contact-tab a				{text-decoration:none;}
	#cu1						{text-align:center;width:44%;border-top:0px solid #000;float:left;}
	#cu2						{display:block;text-align:center;width:45%;border-top:0px solid #000;float:left;}
	#hdr						{margin-top:40px;}
	#website					{display:block;margin-bottom:40px;margin-right:0px;}
	
	
	#slide-left						{max-width:100%;float:left;padding: 20px 15px 0 15px;}
	#slide-right					{max-width:100%;float:left;padding: 40px 0 0 0 ;}
	
	.copy 							{max-width:100%;}	
	#ftr-links						{display:block;-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;}
	#main-wrap						{max-width:100%;margin:auto;padding:50px 0 0px 0;}
	

	#contact-wrap					{max-width:100%;padding: 0 0 0 20px;}
	#ftr-container					{width:100%;}
	
	
	#telephone						{padding: 20px 0px 20px 0 ;}
}


/* 420px and under */
@media (max-width: 420px) {
	#nav-on					{max-width:400px;}
	#hdr					{margin-top:70px;}
	body							{font-size:16px;}
	.span-flash						{width:100%;}
	.flasher						{max-width:100%;}
	
	#group-nav						{padding: 30px 0 30px 30px ;}
	

	.nav a 							{width: 100%;}
	.nav ul 						{width: 100%;}
	.nav ul ul li a					{padding-left:0px;}
	.nav ul li  					{clear:both;width:100%;}
	#nav-title						{width:100%;padding-bottom:10px;border-bottom:1px dotted #FFF;}

	
	#enquiry input[type=text], select, textarea{width:340px;padding:0px;}
	#enquiry select					{width:345px;padding:0px;}
	#enquiry textarea				{height:120px;width:345px;padding:0px;}
	#enquiry input[type=submit], input[type=reset]{}
	#enquiry						{padding-bottom:50px;}
	
	
	#ftr-links						{padding-left:0px; margin:0px;width:100%;display:block;-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
	#ftr a							{font-size:16px;margin-bottom:20px;}
	#ftr li							{padding-bottom:10px;}
	#twn							{padding:30px; -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
	#ftr-info						{padding-left:0px; padding-top:20px; margin:0px;width:100%;display:block;-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
	
}

/* 330px and under */
@media (max-width: 330px) {
	#nav-on					{max-width:310px;}
	#hdr					{margin-top:70px;}
	#cu1					{text-align:center;width:40%;border-top:0px solid #000;float:left;}
	#cu2					{text-align:center;width:47%;border-top:0px solid #000;float:left;}
	
					
	
}