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

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/





  /*********************************************************************************************
		-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-
  **********************************************************************************************/

  /*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

	body
	{
		font-family:Spinnaker;
		color:black;
	}
	
	
	#topnav-wrapper
	{
		background-image:url('images/top-nav.png');
		float:left; 
		display:block; 
		margin:0; 
		width:100%; 
		height:40px; 
		background-color:orange;
	}
	
	#topnav-container
	{
		margin:0 auto; 
		display:block; 
		width:80%; 
		margin-top:10px;
	}
	
	#topnav-container ul, #footer ul
	{
		float:left;
		display:block;
		font-size:14px;
	}
	
	#topnav-container li, #footer li
	{
		display:block;
		float:left;
		padding-left:10px;
		padding-right:10px;
		border-right:1px solid white;
	}
	#topnav-contact
	{
		float:right;
		text-align:right;
		display:block;
		color:white;
	}
	
	#nav 
	{
		float:left; 
		position:relative;
		 display:block; 
		 margin:0; 
		 width:80%; 
		 padding-left:10%; 
		 padding-right:10%; 
		 padding-top:10px; 
		 padding-bottom:10px; 
		 height:105px; 
		 background-color:white;
		 color:black;
	}
	
	#logo-container
	{
		float:left;
		display:block;	
	}
	#logo-container img
	{
		float:left;	
	}
	#logo-container h1
	{
		font-size:54px; 
		clear:none; 
		display:block; 
		float:left;
	}
	
	.logo-text
	{
	margin-left:0px;
	clear:both;
	font-size:12px;	
	position:absolute;
	left:10%;
	bottom:5%;
	}
	
	#top-shadow
	{
		float:left;
		display:block;
		margin:0;
		padding:0;
		width:100%;
	}	
	
	#mainlinkscont
	{
		display:block;
		float:right;
		margin-top:10px;

	}
	
	.mainlinks, .contactlinks
	{
		padding-top:20px;
		padding-bottom:10px;
		width:135px;
		text-align:left;
		float:right;
		display:block;
		background-color:;
		padding-left:15px;
		margin-right:30px;	
		height:50px;
		transition:background-color 1s ease-in-out;	
		background-image:url('images/menu.png');
		background-position:0px;
		transition:background-position 0.2s ease-in-out;
		border-radius:8px;
		box-shadow:0px 3px #e6e6e6;
		position:relative;
		color:white;
	}
	
	.mainlinks:hover
	{
		background-color:orange;
		background-position:-150px;
		color:black;
		transition:background-position 0.2s ease-in-out;
		cursor:pointer;
	
	}
	
	.contactlinks
	{
		background-image:url('images/canada.png');	
		float:left;
		background-repeat:no-repeat;
		background-position:bottom;
		padding:0;
		text-align:center;
		color:white;
		padding-top:5px;
		height:65px;
		background-color:orange;
		font-size:20px;
		background-position:0px bottom;
		transition:background-color 0.2s, color 0.2s, background-position 0.2s;
		margin-left:30px;
		margin-right:0px;
		margin-top:5px;
	}
	
	.contactlinks:hover
	{
			background-position:-150px bottom;
			background-color:#999;
			color:white;
			cursor:pointer;
			transition:background-color 0.2s, color 0.2s, background-position 0.2s;
	}
	
	.requestaquote
	{
		display:table;
		margin:0 auto;
		text-align:center;
		padding-top:10px;
				
	}
	.menuimg
	{
		box-shadow:0px 3px #e6e6e6;
		border-radius:60px;
		position:absolute;
		right:-2px;
		top:-20px;
		background-color:white;
		width:65px;
		height:60px;
		
	}
	
	.quoteimg
	{
		box-shadow:0px -3px #e6e6e6;
		border-radius:60px;
		position:absolute;
		right:40px;
		bottom:-30px;
		background-color:white;
		width:65px;
		height:60px;	
	}
	
	
	#top-shadow img
	{
		width:100%;
		float:left;
		padding:0;
		margin:0;
	}
	a
	{
		color:black;
		text-decoration:none;	
		transition:color 0.5s;
	}
	
	a:hover
	{
		color:white;
		transition:color 0.5s;	
	}
	
  .bannercontainer {
		background-color:#fff;
		width:100%;
		position:relative;
		position:relative;
		float:left;
		display:block;
  }



  .banner{
		width:100%;
		height:500px;
		position:relative;
		overflow:hidden;
   }


    .bannercontainer-simple {
		padding:0px;
		background-color:#fff;
		width:960px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;

	}

  .banner-simple{
		width:960px;
		height:500px;
		position:relative;
		overflow:hidden;
   }

 .fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:500px !important;
	position:relative;
}


#video_link img {
	max-height: 100%;
}
	
	 @media only screen and (min-width: 960px)
	 {
		 .banner, .bannercontainer			{	width:100%; height:250px !important;}
	 }
	
   @media only screen and (min-width: 768px) and (max-width: 959px) {

 		  .banner, .bannercontainer			{	width:100%; height:195px !important;}

 		  #video_link  ,#video_frame			{	width:100%; height:195px !important;}


   }

   @media only screen and (min-width: 480px) and (max-width: 767px) {
		   .banner, .bannercontainer		{	width:100%; height:150px !important;	}

		   #video_link ,#video_frame			{	width:707px; height:196px !important;	}
		   
		 /*  #video_link ,#video_frame			{	width:504px; height:282px;	} */


   }

   @media only screen and (min-width: 0px) and (max-width: 479px) {
			.banner, .bannercontainer		{	width:100%;height:88px !important;	}

			#video_link  ,#video_frame		{	width:180px;height:101px !important;	}


   }




.fb_iframe_widget iframe{
	z-index: 120;
}

pre {
    -moz-box-sizing: border-box;
    box-shadow: 0px 1px 0px rgb(255, 255, 255), 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
    background: none repeat scroll 0% 0% rgb(244, 244, 244);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(170, 170, 170) rgb(170, 170, 170) rgb(204, 204, 204);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    height: auto;
    margin: 0px;
    outline: medium none;
    padding: 6px 10px;
    vertical-align: middle;
    width: 100%;
}
pre {
    overflow: auto;
}
pre {
    font-family: Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace !important;
    font-style: normal;
	font-size:12px !important;
}


.content-wrapper
{
	display:block;
	width:100%;
	float:left;	
}

.content-container
{
	display:block;
	width:940px;
	margin:0 auto;	
	height:auto;
	background-color:;
	padding-left:5px;
	padding-right:5px;
	
}

.aboutpanelray, .middlefloat
{
	display:block;
	float:left;
	background:white;
	font-size:24px;
	padding-right:15px;
	margin-bottom:20px;
}


.content hr
{
 	position:absolute;
	top:12px;
	width:98%;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	z-index:-1;
}

.content img
{
 	width:98%;
}

.bestsol, .ourwork
{
	display:block;
	float:left;
	font-size:24px;
	padding-right:15px;
	color:#333;
	margin-top:20px;
}


.greenheading
{
	color:#009900 !important; float:left !important; position:static !important; padding-right:8px !important;
}
.hu
{

}
.hupic
{
	display:block;
	float:right;
	height:425px;
	background-image:url('images/umb.png');
	width:35%;
	margin-top:75px;
	border-radius:8px;
	background-repeat:no-repeat;
}
.hutext
{
	display:block;
	float:left;
	text-align:justify;
	margin-right:20px;
	width:60%;
	margin-top:60px;
	margin-bottom:50px;	
}

.hutable
{
	width:100%;
	display:block;
	margin-right:16%;
	float:left;
	margin-top:10px;
}

.hutablec1
{
	width:550px;
	font-size:12px;
	font-weight:;
	letter-spacing:1.3px;
	text-align:center;
}

.hutablec2
{
	width:30px;
}


.ourwork
{
	margin-top:40px;
	margin-right:5px;	
}

td
{
	padding:5px !important;
	vertical-align:middle !important;
}

.content, #products
{
	width:98%;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	padding-top:5px;
	position:relative;
	font-size:12px;
}
.content
{
	padding:1%;	
}
.content h1, #products h1
{
	font-size:24px;
	
}

.content p, #products p
{
	line-height:22px;
	
}
#products hr
{
	border-left:0px;
	border-right:0px;
	border-bottom:1px solid grey;
	border-top:0px;
	position:absolute;
	z-index:0;
	width:98%;
	top:12px;
	
}


#products
{
	opacity:1;
	line-height:22px;	
}

#products span, .ngh, .hu, .gh
{
	background-color:whitesmoke;
	letter-spacing:1.1px;
	font-size:28px;
	display:block;
	float:left;
	padding-right:15px;
	position:absolute;
	z-index:1;
}


.hrlink
{
	color:orange;
		transition:all 0.5s;
		font-size:13px;	
}

.hrlink:hover
{
	color:#ff6600;
	transition:all 0.5s;	
}

.hrlinkgreen
{
	color:#009900;;
		transition:all 0.5s;
		font-size:13px;	
}

.hrlinkgreen:hover
{
	color:#ff6600;
	transition:all 0.5s;	
}

.ngh
{
	background-color:white !important;
}

.nghpic
{
	clear:both; float:left; width:15%; height:330px; display:block; margin-top:65px; background-image:url('images/ngh1.png'); background-repeat:no-repeat; background-position:75px;
}

.nghtext
{
	display:block; margin-top:60px; width:80%; text-align:justify; margin-left:5%; float:right; margin-bottom:50px;
}


.nghtable
{
width:300px; display:block; margin-left:18%; margin-top:20px;
}

.nghtablec1
{
width:200px; font-size:12px; font-weight:; letter-spacing:1.3px; text-align:center;
}

.nghtablec2
{
width:10%;
}

.gh
{

}

.ghtext
{
display:block; margin-top:60px; width:80%; text-align:justify; margin-right:20px; float:left; margin-bottom:50px;
}

.ghpic
{
clear:both; float:right; width:15%; height:330px; display:block; margin-top:65px; background-image:url('images/gh.png'); background-repeat:no-repeat; background-position:75px;  

}

.ghtable
{
	width:300px; display:block; margin-right:18%; float:right; margin-top:20px;
}

.ghtablec1
{
width:200px; font-size:12px; font-weight:; letter-spacing:1.3px; text-align:center;
}

.ghtablec2
{
width:10%;
}



.quote
{
	width:98%;
	float:left;
	display:block;
	padding-left:1%;
	padding-right:1%;
}

.quote img
{
	width:98%;	
}
.block
{
	width:20%;
	height:auto;
	margin-right:5%;
}

#footer
{
	width:100%;
	height:28px;
	background-color:#333;
	float:left;	
	padding-top:12px;
}

#contact-cont
{
	display:block;
	margin:0 auto;
	width:300px;	
}

#contact-cont span, #contact-cont img
{
	float:left;
	display:block;
	margin-top:15px;
	margin-bottom:5px;
	font-size:16px;
}

#contact-cont span
{
	border-bottom:solid 1px grey;
	width:100%;
	padding-bottom:5px;
	
}

#contact-cont img
{
	width:30px;
	margin-right:15px;
	margin-top:0px;
}

.contact-title
{
display:block; float:left; font-size:30px; padding-right:15px; text-transform:; color:#333; margin-top:0px; margin-left:40%;
}


.readmore
{
	display:block;
	margin:0 auto;
	font-size:16px;
	padding-top:5px;
	padding-bottom:5px;
	color:#333;
	clear:both;
	text-align:center;
	width:400px;
	border-radius:20px;
	box-shadow:0px 3px lightgrey;

}

.readmore:hover
{
	color:#009900;
	cursor:pointer;

}


#footer ul
{
	font-size:12px;
	border:0px;
}
#footer li
{
	border:0px;	
}
#footer a
{
	color:#666;	
	transition:color 0.5s;
}

#footer a:hover
{
	color:white;	
	transition:color 0.5s;
}

#footer span
{
	float:right;
	display:block;
	font-size:12px;
	color:#666;
	margin-right:15px;
}


/*!
	CAROUSEL CODE
*/
img{
	vertical-align:middle
}

.img-responsive{
	display:block;
	height:auto;
	max-width:100%
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
	position:relative;
	min-height:1px;
	padding-right:5px;
	padding-left:5px;

}


.col-sm-3
{
	width:100px !important;
	float:left !important;	
}
.container{
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	display:block;
}

.container:before,.container:after{
	display:table;
	content:" "
}

.container:after{
	clear:both
}

.container:before,.container:after{
	display:table;
	content:" "
}

.container:after{
	clear:both
}

.row{
	margin-right:30px;
	margin-left:30px;
	display:block;
	float:left;
}

.row:before,.row:after{
	display:table;
	content:" "
}

.row:after{
	clear:both
}

.row:before,.row:after{
	display:table;
	content:" "
}

.row:after{
	clear:both
}


@media(min-width:768px){
	.container{
		display:block;
	}

	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{
		float:left
	}

	.col-sm-1{
		width:8.333333333333332%
	}

	.col-sm-2{
		width:16.666666666666664%
	}

	.col-sm-3{
		width:25%
	}

	.col-sm-4{
		width:33.33333333333333%
	}

	.col-sm-5{
		width:41.66666666666667%
	}

	.col-sm-6{
		width:50%
	}

	.col-sm-7{
		width:58.333333333333336%
	}

	.col-sm-8{
		width:66.66666666666666%
	}

	.col-sm-9{
		width:75%
	}

	.col-sm-10{
		width:83.33333333333334%
	}

	.col-sm-11{
		width:91.66666666666666%
	}

	.col-sm-12{
		width:100%
	}

	.col-sm-push-1{
		left:8.333333333333332%
	}

	.col-sm-push-2{
		left:16.666666666666664%
	}

	.col-sm-push-3{
		left:25%
	}

	.col-sm-push-4{
		left:33.33333333333333%
	}

	.col-sm-push-5{
		left:41.66666666666667%
	}

	.col-sm-push-6{
		left:50%
	}

	.col-sm-push-7{
		left:58.333333333333336%
	}

	.col-sm-push-8{
		left:66.66666666666666%
	}

	.col-sm-push-9{
		left:75%
	}

	.col-sm-push-10{
		left:83.33333333333334%
	}

	.col-sm-push-11{
		left:91.66666666666666%
	}

	.col-sm-pull-1{
		right:8.333333333333332%
	}

	.col-sm-pull-2{
		right:16.666666666666664%
	}

	.col-sm-pull-3{
		right:25%
	}

	.col-sm-pull-4{
		right:33.33333333333333%
	}

	.col-sm-pull-5{
		right:41.66666666666667%
	}

	.col-sm-pull-6{
		right:50%
	}

	.col-sm-pull-7{
		right:58.333333333333336%
	}

	.col-sm-pull-8{
		right:66.66666666666666%
	}

	.col-sm-pull-9{
		right:75%
	}

	.col-sm-pull-10{
		right:83.33333333333334%
	}

	.col-sm-pull-11{
		right:91.66666666666666%
	}

	.col-sm-offset-1{
		margin-left:8.333333333333332%
	}

	.col-sm-offset-2{
		margin-left:16.666666666666664%
	}

	.col-sm-offset-3{
		margin-left:25%
	}

	.col-sm-offset-4{
		margin-left:33.33333333333333%
	}

	.col-sm-offset-5{
		margin-left:41.66666666666667%
	}

	.col-sm-offset-6{
		margin-left:50%
	}

	.col-sm-offset-7{
		margin-left:58.333333333333336%
	}

	.col-sm-offset-8{
		margin-left:66.66666666666666%
	}

	.col-sm-offset-9{
		margin-left:75%
	}

	.col-sm-offset-10{
		margin-left:83.33333333333334%
	}

	.col-sm-offset-11{
		margin-left:91.66666666666666%
	}

}

	.container{
		
	}


.carousel{
	position:relative;
	display:block;
	float:left;
}

.carousel-inner{
	position:relative;
	width:100%;
	overflow:hidden;
	float:left;
	display:block;
}

.carousel-inner>.item{
	position:relative;
	display:none;
	-webkit-transition:.6s ease-in-out left;
	transition:.6s ease-in-out left
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img{
	display:block;
	height:auto;
	max-width:100%;
	line-height:1
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{
	display:block
}

.carousel-inner>.active{
	left:0
}

.carousel-inner>.next,.carousel-inner>.prev{
	position:absolute;
	top:0;
	width:100%
}

.carousel-inner>.next{
	left:100%
}

.carousel-inner>.prev{
	left:-100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right{
	left:0
}

.carousel-inner>.active.left{
	left:-100%
}

.carousel-inner>.active.right{
	left:100%
}

.carousel-control{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:30px;
	font-size:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,0.6);
	opacity:.5;
	filter:alpha(opacity=50);
	padding-top:30px;
	text-decoration:none;
}

.carousel-control.left{
	background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));
	background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));
	background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
	background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
}

.carousel-control.right{
	right:0;
	left:auto;
	background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));
	background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));
	background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
	background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
}

.carousel-control:hover,.carousel-control:focus{
	color:#fff;
	text-decoration:none;
	opacity:.9;
	filter:alpha(opacity=90)
}

.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	display:inline-block
}

.carousel-control .icon-prev,.carousel-control .icon-next{
	width:20px;
	height:20px;
	margin-top:-10px;
	margin-left:-10px;
	font-family:serif
}

.carousel-control .icon-prev:before{
	content:'\2039'
}

.carousel-control .icon-next:before{
	content:'\203a'
}

.carousel-indicators{
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none
}

.carousel-indicators li{
	display:inline-block;
	width:10px;
	height:10px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	border:1px solid #fff;
	border-radius:10px
}

.carousel-indicators .active{
	width:12px;
	height:12px;
	margin:0;
	background-color:#fff
}

.carousel-caption{
	position:absolute;
	right:15%;
	bottom:20px;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,0.6)
}

.carousel-caption .btn{
	text-shadow:none
}

.well
{
min-height: 20px;
padding:5px;
background-color: rgb(245, 245, 245);
border: 1px solid rgb(227, 227, 227);
border-radius: 4px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;	<br />
display:block;
float:left;
}


#umbrellas, #nonglowing, #glowing, #about-us
{
	box-shadow:0px;	
	display:table;
}
@media (max-width:985px)
{
		
	#topnav-container{
		padding-left:10px;
		padding-right:10px;	
		width:auto;
	}
	#nav{
		padding-left:2%;
		padding-right:2%;	
		width:96%;
	} 
	
	.content-container
	{
		width:96%;
		padding-left:2%;	
		
	}
	
	.logo-text
	{
		left:2%;	
	}
	
	.hutext
	{
		margin-right:10px;	
	}
	
	#quotelink, .bestsol
	{
		float:none !important;
		clear:both !important;
		margin:0 auto !important;
		text-align:center !important;
		
	}
	

	
	#quote img, .quote img
	{
		width:100%;	
	}
	
	.ourwork
	{
		margin-top:5px;	
	}
	
	
	.middlefloat
	{
		margin-left:38%;
		
	}
	
	#quotelink{
		margin-top:5px !important;
	}
}




@media (max-width:845px)
{

	.bannercontainer
	{
		display:none;	
	}
	.middlefloat
	{
		float:left;
		margin-left:0%;
		padding-left:0%;
		
	}
	
	#mainlinkscont
	{
				width:50%;
	}
	.mainlinks
	{
		float:right;
		width:23%;
		margin-right:5% !important;
		padding-left:5%;
		background-image:url('images/menu_small.png');
		
	}
	
	.mainlinks:hover
	{
		background-position:-300px;
		
	}	
	
	.mainlinks .menuimg
	{
		display:none;
		
	}
	
	#quotelink
	{
		padding-top:20px;
		padding-bottom:10px;
		width:135px;
		text-align:left;
		float:right;
		display:block;
		background-color:;
		padding-left:15px;
		margin-right:30px;	
		height:50px;
		transition:background-color 1s ease-in-out;	
		background-image:url('images/menu.png');
		background-position:0px;
		transition:background-position 0.2s ease-in-out;
		border-radius:8px;
		box-shadow:0px 3px #e6e6e6;
		position:relative;
		color:white;
		margin-top:5px !important;
	}
		#quotelink:hover
	{
		background-color:orange;
		background-position:-150px;
		color:black;
		transition:background-position 0.2s ease-in-out;
		cursor:pointer;
	
	}
	.hutext, .ghtext, .nghtext
	{
		margin-left:0px;
		margin-right:0px;
		clear:both;
		float:left;
		width:100%;
		margin-top:10px;
	}
		
	.hupic, .ghpic, .nghpic
	{
		margin:0px;
		margin-top:40px;
		float:left;
		width:100%;
		background-position:center;
		
	}
	
	.hupic{background-image:url('images/hu_small.png'); height:220px; margin-top:40px; margin-bottom:10px; border-radius:8px;}
	.ghpic{background-image:url('images/gh_small.png'); height:60px; margin-top:40px; margin-bottom:10px; border-radius:8px;}
	.nghpic{background-image:url('images/ngh_small.png'); height:60px; margin-top:40px; margin-bottom:10px; border-radius:8px;}
	
	.hu, .ngh, .gh
	{
		margin-bottom:20px;
	}
	
	.hutablec1
	{
		width:100%;	
	}
	
	.nghtable, .hutable, .ghtable{
		margin:0 auto;
		float:none;
	}
	.readmore
	{
		width:100%;	
	}
	
	#nav
	{
		height:auto;
	}
	
	.logo-text
	{
		display:none;	
	}
	
	#contact-us img, #request-a-quote img
	{
			width:100%;
	}
	
	.contact-title
	{
		margin:0 auto;
		text-align:center;
		width:100%;
	}
	
	#footer
	{
		height:auto;
		padding-top:5px;	
	}
	#footer ul{
		display:block;
		float:left;
		width:100%;	
	}
	#footer li
	{	
		clear:both;
		display:block;
		float:left;
		text-align:center;
		padding-bottom:3px;
		padding-top:3px;
		width:100%;
		
	}
	
	#footer a
	{
		display:block;
		float:left;
		width:100%;
		height:100%;
	}
	#footer a:hover
	{	
		background-color:#999;
		color:black;
	}
	
	#footer span
	{
		float:left;
		display:block;
		width:100%;
		text-align:center;
		margin-top:10px;	
	}
}

@media (max-width: 770px)
{
	#topnav-wrapper
	{
		height:auto;
		padding:0px;
		padding-top:5px;
		background-image:none;
		background-color:orange;
	}
	
	#topnav-container ul
	{
		width:100%;
		float:left;
		display:block;
	}
	#topnav-container li
	{
		width:96%;
		margin-top:0px;
		padding-top:5px;
		padding-bottom:5px;
		float:left;
		clear:both;	
		text-align:center;
		border-right:0px;
		border-bottom:solid 1px white;
		border-top:solid 1px white;
		background-color:whitesmoke;
	}
	
	#topnav-container li:hover
	{
		background-color:#ff6600;
		transition: all 0.2s;	
	}
	
	#topnav-contact
	{
		width:100%;
		float:left;
		text-align:center;
		font-size:12px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	#logo-container
	{
		width:100%
	}
	
	#logo-container img
	{
		float:none;
		display:block;
		margin:0 auto;
		
	}

	#mainlinkscont
	{
		float:right;
		width:100%;
		clear:none;
	}
	.mainlinks
	{
		float:right;
		width:25%;
		margin-right:5% !important;
		padding-left:2%;
		
	}
	
	.mainlinks .menuimg
	{
		display:none;
		
	}
	
}

@media (max-width: 600px)
{
	.hupic, .nghpic
	{
		margin-top:60px;	
	}
	
}


@media (max-width: 500px)
{
	.contactlinks
	{
		clear:both;
		display:table;
		margin-left:30px !important;
		margin-bottom:10px;
		
	}
}