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

body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:17px;
}



#container {
	margin: 0 auto;
	max-width: 890px;
}

.banner_img_container {
  position: relative;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
}

.banner_img_mobile {
  position: relative;
  display:none;
}

.banner_image{
	background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
}

	.centered {
  		position: absolute;
  		padding:20px;
  		color:white;
  		bottom: 0px;
  		left: 0px;
  		font-family: Arial, Helvetica, sans-serif;
  		font-color:white;
  		text-shadow: 2px 2px 4px #000000;
  		text-align: left;
  		background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  		
  		
	}

	.centered h4{
  		font-size: 24px;
  		
	}

	.centered h5{
  		font-size: 18px;  		
	}

h4{
	font-size: 14px;
	font-weight: normal;
  	color:white;
}

p {
	text-align: center;
}

.toggle,
[id^=drop] {
	display: none;
}
nav { 
	margin:0;
	padding: 0;
	background-color: #187cbf;
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #187cbf;
	}

/* Styling the links */
nav a {
	display:block;
	padding:10px 10px;	
	color:#FFF;
	font-size:14px;
	text-align: center;
	text-decoration:none;
}

	.where_banner {
  		position: absolute;
  		padding:20px;
  		color:white;
  		bottom: 0px;
  		left: 0px;
  		font-family: Arial, Helvetica, sans-serif;
  		font-color:white;
  		text-shadow: 2px 2px 4px #000000;
  		text-align: left;
  		background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);
  		
  		
	}

	.where_banner h4{
  		font-size: 24px;
  		
	}

	.where_banner h5{
  		font-size: 18px;  		
	}


nav ul li ul li:hover { background: #004177; }

/* Background color change on Hover */
nav a:hover { 
	background-color: #004177; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */

li > a:only-child:after { content: ''; }

nav{
	display:none;
}




.mySlides {
	display: none}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
	font-family: Verdana, sans-serif;
  text-shadow: 0 0 3px #030642, 0 0 10px #000000;
  color: #f2f2f2;
  font-size: 16px;
  position: absolute;
  top: 20px;
  width: 80%;
  left:10%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 500px) {
  .text {font-size: 11px}
}











/* Media Queries
--------------------------------------------- */

@media all and (max-width : 800px) {

	.banner_img_container {
  display:none;
}

.banner_img_mobile {
	display:block;
	}



	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
		display:block;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #187cbf;
		padding:10px 10px;	
		color:#FFF;
		font-size:14px;
		text-decoration:none;
		text-align: center;
		border:none;
	}

	.toggle:hover {
		background-color: #004177;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover{
		background-color: #004177;
	}
	
 	nav ul ul ul a {
		background-color: #030d1c;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:10px 10px;	
		color:#FFF;
		font-size:14px; 
		text-align: center;
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #001b33; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}











#header_container{
	height:120px;
	width:100%;
	background-color:#FFF;
}

#header{
	width:985px;
	height:90px;
	margin:0 auto 0 auto;
	padding:30px 0 0 0;
	background-image:url(../images/bg_header.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

  #header_social{
  	float: right;
  }

  #mobile_header{
  	display:none;
  }

  #header_socialmedia{
	width:100%;
	height:20px;
	background-color:white;
}


/*@media screen and (max-width: 720px) {

	body{
		width:99%;
	}

	#header_container{
		height:110px;
		background-color:#FFF;
		float:left;
	}
	#header{
		width:100%;
		padding:10px 0 0 0;
		background-image:none;
		float:left;
	}
}


/********** MENU ***********/

#menu_container{
	width:100%;
	height:38px;
	background-image:url(../images/bg_menu.gif);
}

#menu{
	width:984px;
	height:32px;
	margin:0 auto 0 auto;
	border-left:1px solid #004177;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li{
	float:left;
	position:relative;
}

#menu ul li a{
	text-decoration:none;
	float:left;
	width:130px;
	height:22px;
	color:#FFF;
	border-right:1px solid #004177;
	text-align:center;
	padding:10px 0 0 0;
}

#menu ul li a:hover{
	background-color:  #004177;
	background-image:url(../images/bg_menu_arrow.png);
	background-position:center 0;
	background-repeat:no-repeat;
	
}

#menu li ul {
	display: none;
	position: absolute;
	z-index:99;
}

#menu li:hover ul {
		z-index:99;
		position: absolute;
		display: block;
	}

#menu li li{
	list-style:none;
	border:1px solid white;
	display:block;
}

#menu li li a{
	text-decoration:none;
	background-color:  #004177;
	float:left;
	width:130px;
	height:21px;
	color:#FFF;
	border-right:1px solid #004177;
	text-align:center;
	padding:10px 0 0 0;
}

#home #nav_home, #contracting #nav_contracting, #sales #nav_sales, #clients #nav_clients, #contact #nav_contact, #news #nav_latest_news, #gallery #nav_gallery{
	float:left;
	width:130px;
	height:32px;
	border-right:1px solid #004177;
	background-color:  #004177;
	background-image:url(../images/bg_menu_arrow.png);
	background-position:center 0;
	background-repeat:no-repeat;
}

/********** END MENU ***********/


#content_contatiner{
	width:985px;
	height:auto;
	margin:20px auto 30px auto;
	display: inline-block;
	display: block;
	overflow: hidden;
}

#truxor_content_container{
	width:985px;
	height:auto;
	margin:20px auto 30px auto;
	display: inline-block;
	display: block;
	overflow: hidden;
}

/*@media screen and (max-width: 720px) {

	#content_contatiner{
		width:98%;
	}
	
}*/

#mobile_footer
{
	display:none;
}


#footer_container{
	width:100%;
	height:auto;
	background-color:#076ab0;
}

#footer{
	width:985px;
	height:auto;
	margin:0 auto 0 auto;
	padding:20px 0 50px 0;
	display: inline-block;
	display: block;
	overflow: hidden;
}

#footer_contracting{
	width:315px;
	height:auto;
	color:#FFF;
	margin:0 20px 0 0;
	float:left;
}

#footer_sales{
	width:315px;
	height:auto;
	color:#FFF;
	margin:0 20px 0 0;
	float:left;
}

#footer_bottom{
	width:985px;
	height:auto;
	float:left;
	border-top:2px dotted #FFF;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	color:#003F77;
	font-size:11px;
	background-image:url(../images/logo_white.png);
	background-position:right 20px;
	background-repeat:no-repeat;
}

#footer_bottom a{
	color:#FFF;
}



/*@media screen and (max-width: 768px){

	#footer
	{
		text-align: center;
		width:99%;
		float:center;
	}
	#footer_contracting
	{
		text-align: center;
		width:99%;
		float:left;
		font-size:15px;
	}
	#footer_sales
	{
		
		text-align: center;
		width:99%;
		float:left;
		font-size:15px;
	}
	#footer_bottom
	{
		text-align: center;
		width:99%;
		float:left;
	}
	
}*/


/********** LATEST NEWS ***********/

#latest_news{
	width:315px;
	height:auto;
	float:left;
}

.latest_news_item{
	width:305px;
	height:auto;
	padding:5px;
}

.latest_news_item:hover{
	background-color:#FFF;
}

#latest_news h1{
	height:40px;
	border-bottom:1px dotted #FFF;
	color:#FFF;
}

#latest_news h2{
	color:#FFF;
	font-weight:normal;
	font-size:12px;
	margin:0 0 10px 0;
	color:#003F77;
	font-weight:bold;
}

/*@media screen and (max-width: 768px){
	#latest_news
	{
		text-align: center;
		float:center;
	}
	#latest_news h1{
		text-align: center;
	}

	#latest_news h2{
		text-align: center;
	}
}*/

/********** HOMEPAGE ***********/

#banner{
	width:656px;
	height:210px;
	background-image:url(../images/bg_banner.png);
	float:left;
	padding:none;
}

/*@media screen and (max-width: 720px) {

	#banner{
		max-width:100%;
		max-height:100%;
		
	}
	
}*/


/*#banner_after{
	width:100%;
	height:100%;
	background-image:url(../images/bg_banner.png);
	background-size: 100% 100%;
	background-repeat:no-repeat;
	float:left;
}*/

#intro_text{
	width:309px;
	height:auto;
	float:left;
	margin:0px 0px 0px 20px;
	text-align:justify;
}

#twitter{
	display:none;
	
}
#twitter_link{
	display:none;
	
}

@media screen and (max-width: 720px) {

	#intro_text{
		width:95%;
		margin:0px 0px 0px 20px;
		float:none;
		text-align:left;
	}
	
}

/********** CONTENT PAGE ***********/

#content_menu_container{
	width:244px;
	height:auto;
	float:left;
	margin:0 30px 0 0;
}

.where_container
{
	width:100%;
	float:left;
	display:inline-block;
	overflow: hidden;
	margin-bottom: 10px;
}

.weed_box
{
	width:47%;
	float:left;
	padding: 5px;
	margin:3px;
	background-color:#f2f7ff;
	border:solid 2px #9cc2ff;
}

#gallery_side_container{
	width:280px;
	height:auto;
	float:right;
	margin:0 10px 0 0;
	border: 1px solid #cccccc;
	text-align: center;
	padding: 10px;
}

#gallery_content{
	width:650px;
	height:auto;
	float:left;
	text-align:justify;
}



#content_gallery_menu{
	width:244px;
	height:auto;
	float:right;
	margin:0 30px 0 0;
}

#gallery_menu{
	width:200px;
	height:auto;
	float:right;
	float:left;
}

#content_menu{
	width:244px;
	height:auto;
	float:left;
	float:left;
}

#content_menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#content_menu ul li a{
	width:234px;
	height:27px;
	border-bottom:1px dotted #003F77;
	padding:13px 0 0 10px;
	text-decoration:none;
	color:#003F77;
	float:left;
}

#content_menu ul li a:hover{
	background-color:#E5F2F5;
}





#content_truxor_menu{
	width:244px;
	height:auto;
	float:left;
	background-color: #006fba;
}

#content_truxor_menu ul{
	margin:0;
	padding:0;
	list-style:none;


}

#content_truxor_menu ul li a{
	background-color:none;
	width:100%;
	height:27px;
	border-bottom:1px solid white;
	padding:13px 0 0 10px;
	text-decoration:none;
	color:white;
	float:left;
}

#content_truxor_menu ul li a:hover{
	width:234px;
	background-color:#003F77;
		
}



#content_truxor_menu li ul{
	display:none;
	height:auto;
}

#content_truxor_menu li:hover ul{
		display: block;

}



#content_truxor_menu li ul a{
		background-color:#001d38;
		padding:13px 0 0 10px;
		width:234px;
		float:right;
		height:27px;
		color:white;
}

#content_truxor_menu li li a:hover{
	background-color:#003F77;
	
}

@media all and (min-width: 800px) {

	.sales-home .nav_sales_home,
	.truxor-overview .nav_truxor_overview, 
	.truxor-comparison .nav_comparison, 
	.truxor-t20 .nav_truxor_t20, 
	.truxor-t30 .nav_truxor_t30, 
	.truxor-t40 .nav_truxor_t40,
	.truxor-t50 .nav_truxor_t50,  
	.truxor-servicing .nav_servicing, 
	.spare .nav_spare, 
	.cutters .nav_attachments, 
	.rakes .nav_attachments, 
	.pumps .nav_attachments, 
	.grabs .nav_attachments, 
	.digger .nav_attachments, 
	.skimmers .nav_attachments, 
	.special .nav_attachments, 
	.brackets .nav_attachments{
		background-color:#003F77;
		height:auto;
		width: 100%;
		float:left;
		color:black;
		background-color:#003F77;
		background-image:url(../images/cog.png);
		background-image:no-repeat;
		background-size:30px;
		background-position:right;
		background-repeat:no-repeat;
	}
}

#ul_attach li a{
	background-color:black;
}

.cutters #content_truxor_menu li li.nav_cutters a, 
.rakes #content_truxor_menu li li.nav_rakes a, 
.pumps #content_truxor_menu li li.nav_pumps a, 
.grabs #content_truxor_menu li li.nav_grabs a, 
.digger #content_truxor_menu li li.nav_diggers a,
.skimmers #content_truxor_menu li li.nav_skimmers a,
.special #content_truxor_menu li li.nav_special_tools a,
.brackets #content_truxor_menu li li.nav_brackets a{
	background-color: #003F77;
	background-color:#003F77;
	background-image:url(../images/cog.png);
	background-image:no-repeat;
	background-size:30px;
	background-position:right;
	background-repeat:no-repeat;

}

.cutters #content_truxor_menu li ul, 
.rakes #content_truxor_menu li ul, 
.pumps #content_truxor_menu li ul, 
.grabs #content_truxor_menu li ul, 
.digger #content_truxor_menu li ul,
.skimmers #content_truxor_menu li ul,
.special #content_truxor_menu li ul,
.brackets #content_truxor_menu li ul{
	display:block;

}

#content_truxor_menu ul li.nav_menu_drop{
		display:none;
}

@media all and (max-width: 800px) {

	#truxor_content_menu_container{
		display:inline;
		text-align: center;
		width:100%;
		padding:10px;
		float:none;

	}

	#content_truxor_menu{
		display:block;
		background-color:white;
		width:100%;
		height:auto;
		float:none;
		margin:0px 0px 20px 0px;
	}

	#content_truxor_menu ul{
		width:auto;
		margin:0;
		list-style:none;

	}

	#content_truxor_menu ul li a{
		background-color:#006fba;
		width:50%;
		height:auto;
		border-bottom:none;
		padding:5px 0px 5px 0px;
		outline: 1px solid #fff;
		text-decoration:none;
		color:white;
		float:left;
	}


	#content_truxor_menu ul li.nav_sales_home{
		display:none;
	}

	#content_truxor_menu ul li.nav_menu_drop{
		display:block;
	}

	#content_truxor_menu ul li.nav_menu_drop a{
		width:100%;
	}

	#content_truxor_menu ul li.nav_menu_drop a:hover{
		width:100%;
	}


	#content_truxor_menu ul li a:hover{
		background-color:#003F77;
		width:50%;
		height:auto;
	}

	#content_truxor_menu li li a{
		background-color:#001d38;
		
	}


	#truxor_content_container
	{
		display:inline;
		width:auto;
		padding:20px;
		margin:5px;
	}

	.sales-home #content_truxor_menu li.nav_sales_home a,
	.truxor-comparison #content_truxor_menu li.nav_comparison a, 
	.truxor-t20 #content_truxor_menu li.nav_truxor_t20 a, 
	.truxor-t30 #content_truxor_menu li.nav_truxor_t30 a,  
	.truxor-t40 #content_truxor_menu li.nav_truxor_t40 a, 
	.truxor-servicing #content_truxor_menu li.nav_servicing a, 
	.spare #content_truxor_menu li.nav_spare a{
		background-color:#003F77;
	}

	.cutters #content_truxor_menu li li.nav_cutters a, 
	.rakes #content_truxor_menu li li.nav_rakes a, 
	.pumps #content_truxor_menu li li.nav_pumps a, 
	.grabs #content_truxor_menu li li.nav_grabs a, 
	.digger #content_truxor_menu li li.nav_diggers a,
	.skimmers #content_truxor_menu li li.nav_skimmers a,
	.special #content_truxor_menu li li.nav_special_tools a,
	.brackets #content_truxor_menu li li.nav_brackets a{
		background-color: #003F77;
		background-color:#003F77;
		background-image:none
	}

	#t-series-border{
		display:block;
		width:auto;
		text-align: center;
		padding:10px;
		margin:0px;
		border:1px solid #cccccc;
		
	}
}


#t-series-border{
	width:97%;
	padding:10px;
	border:1px solid #cccccc;
}

#for-use-with{
	text-align: center;
	margin-top:5px;
	padding:9px;
	width:210px;
	border:1px solid #cccccc;
	background-color:#006fba;
	color:white;
	font-size: 14px;
	font-weight:bold;
}

#for-use-with a:link { color: yellow; }
#for-use-with a:visited { color: yellow; }
#for-use-with a:hover { color: yellow; }
#for-use-with a:active { color: yellow; }



.attachments .nav_attachments, .truxor5045 .nav_truxor5045, .truxor500 .nav_truxor500, .truxor470 .nav_truxor470, .servicing .nav_servicing, .cm1 .nav_cm1, .cm2 .nav_cm2, .cm3 .nav_cm3, .cm4 .nav_cm4, .cm5 .nav_cm5, .cm6 .nav_cm6, .vc .nav_vc, .cr .nav_cr, .sp .nav_sp, .os .nav_os, .ec .nav_ec, .gg .nav_gg, .sa .nav_sa, #terms #nav_terms, #privacy #nav_privacy, .comparison .nav_comparison{
	background-color:#7AB9CF;
	width:244px;
	height:40px;
	float:left;
	color:#FFF;
}



#gallery_block{
		width: 100%;
		display:block;
		width:auto;
		text-align: center;
		
		border-radius: 5px;
		padding:20px;
		margin:0px;
		background-color:#f2f7ff;	
	}

#reed_block{
		width: 100%;
		display:block;
		width:auto;
		text-align: center;
		border: solid 1px #cfc7ab;
		border-radius: 5px;
		padding:10px;
		margin:0px;	
		background-color:#f2f2e1;
	}

#index_block_text{
		width: 100%;
		display:block;
		width:auto;
		text-align: center;
		
		border-radius: 5px;
		padding:20px;
		margin:0px;
		background-color:#f2f7ff;	
		background-image:url(../images/index/indexback.jpg);
	}

	#index_block_text{
		width: 100%;
		text-align: center;
		border-radius: 5px;
		padding:20px;
		margin:0px;
		
		background-image-size:100%;
	}

	#index_block{
		width: 100%;
		display:block;
		width:auto;
		text-align: center;
		
		border-radius: 5px;
		border: 5px solid #7AB9CF;
		padding:20px;
		margin:0px;
	}

	#banner_block{
		width: 100%;
		display:block;
		width:auto;
		text-align: center;
		padding:20px;
		margin:0px;
		background-image:;	
	}

.img_tab {
	width:24.5%;
	padding: 2px;
	float:left;
	display:block;
	text-align: middle;
}

.img_banda {
	width:49.5%;
	padding: 2px;
	float:left;
	display:block;
	text-align: middle;
}



#gallery_menu{
		display:inline;
		width:100%;
		height:auto;
		float:none;
		
		background-color: 
	}

	#gallery_menu ul{
		width:auto;
		margin:0;
		list-style:none;

	}

	#gallery_menu ul li a{
		width:49%;
		font-size:17px;
		height:38px;
		
		text-decoration:none;
		float:left;
	}

#home_container{
		width: 100%;
		display:inline;
		text-align: center;
		padding:20px;
		margin:0px;
		background-color:#7AB9CF;	
}

#home_thirds{

		width: 100%;
		display:inline;
		text-align: center;
		border-radius: 10px;
		padding:10px;
		margin:10px;
		background-color:#f2f7ff;	
	
}


.img1 {
        width: 400px;
        height: 400px;

        
        background: url("http://www.aquaclearwatermanagement.com/images/photos/habitat/compressed/wading.jpg") no-repeat;
        background-size:100%;
        display: inline-block;
}

.img1:hover {
    background: url("http://www.aquaclearwatermanagement.com/images/photos/habitat/compressed/wading_4.jpg") no-repeat;
    background-size:100%;
}

 #content_sub_menu{
	width:244px;
	height:auto;
	float:left;
}

#content_sub_menu ul{
	margin:0;
	list-style:none;
	padding:0;
}

#content_sub_menu ul li a{
	float:left;
	width:224px;
	height:27px;
	padding:13px 0 0 20px;
	text-decoration:none;
	color:#003F77;
	border-bottom:1px dotted #CCC;
}

#content_sub_menu ul li a:hover{
	background-color:#E5F2F5;
}


#textual_content{
	display:block;
	width:711px;
	height:auto;
	float:left;
	text-align:justify;
}
#truxor_textual_content{
	display:block;
	width:71%;
	height:auto;
	float:left;
	text-align:justify;
}

#news_content{
	width:711px;
	height:auto;
	float:left;
	text-align:justify;
}

#content_image{
	width:300px;
	height:auto;
	float:right;
	margin-left:30px;
	margin-bottom:5px;
}

#content_image_left{
	width:330px;
	height:auto;
	float:left;
	margin-right:30px;
	margin-bottom:5px;

}

#content_half1{
	width:480px;
	height:auto;
	float:left;
	margin:4px;
}

#content_half2{
	width:480px;
	height:auto;
	float:left;
	margin:4px;
}

#content_third_1{
	width:315px;
	height:auto;
	float:left;
	margin-right:20px;
}

#content_third_2{
	width:315px;
	height:auto;
	float:left;
	margin-right:30px;
}

#content_third_3{
	width:305px;
	height:auto;
	float:left;
}

#home_content{
	width:985px;
	height:auto;
	margin:20px auto 30px auto;
	
	display: block;
	overflow: hidden;
	background-color: #7AB9CF; 
	text-align: center;
}


#content_home_1{
	text-align: center;
	width:30%;
	height:auto;
	float:left;
	margin: 5px;
	padding:10px;
	border-radius:5px;
	background-color: white; 
	display: inline-block;
}

#content_home_2{
	text-align: center;
	width:30%;
	height:auto;
	float:left;
	margin: 5px;
	padding:10px;
	border-radius:5px;
	background-color: white;
	display: inline-block;
}

#content_home_3{
	text-align: center;
	width:30%;
	height:auto;
	float:left;
	margin: 5px;
	padding:10px;
	border-radius:5px;
	background-color: white;
	display: inline-block;
}

.home_before
{   
		width:300px;
		height:300px;
        background: url("http://www.aquaclearwatermanagement.com/images/photos/habitat/compressed/wading.jpg") no-repeat;
        background-size:100%;
        display: inline-block;
}

.home_before:hover {
    background: url("http://www.aquaclearwatermanagement.com/images/photos/habitat/compressed/wading_4.jpg") no-repeat;
    background-size:100%;
}

.news_img{
	
	height:auto;
	float:right;
	margin-left:30px;
	margin-bottom:20px;
}

.index_img{
	margin:10px;
}

/********** Attachments ***********/

.attachment{
	width:auto;
	height:auto;
	float:left;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dotted #003F77;
}

.attachment_image{
	width:auto;
	height:auto;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

@media all and (max-width: 800px) {

	.attachment_image{
	width:90%;
	height:auto;
	float:left;
	margin-bottom:20px;
}
	
}

@media all and (max-width: 800px) {

	.img_banda {
	width:99%;
	padding: 2px;
	float:left;
	display:block;
	text-align: middle;
	}

}

.attachment_tech{
	width:auto;
	height:auto;
	float:left;
	margin-right:20px;
}





/********** CONTACT FORM ***********/


#contactform {
    float: left;
    height: auto;
    width: 315px;
}
input {
    margin-top: 0px;
    width: 315px;
}
textarea {
    margin-top: 0px;
    width: 315px;
}

#contactform .button {
    width: 70px;
	height:27px;
	background-image:url(../images/button.gif);
	color:#FFF;
	border:0;
}

#contactform .button:hover {
	background-image:url(../images/button_over.gif);
	cursor:pointer;
}

.radiobutton {
    width: auto;
}

#youtube{
	width:270px;
}

#mobile_attachment
{
	display:none;
}

/********** GENERAL STYLES ***********/

hr{ border-bottom:1px dotted #003F77; border-top:0; border-right:0; border-left:0;}

a{
	color:#003F77;
	text-decoration:none;
	cursor:pointer;
}

a:hover{
	text-decoration:underline;
}

p{
	margin:0 0 10px 0;
}

img{
	border:0;
}

h1{
	font-size:20px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	color:#003F77;
	margin:0px 0px 10px 0px;
	padding:0;
}

h2{
	font-size:16px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
	color:#003F77;
	margin:0px 0px 10px 0px;
	padding:0;
}


td{ vertical-align:top;}

.blue_bold{
	color:#007DAE;
	font-weight:bold;
}

.blue_bold_big{
	color:#7AB9CF;
	font-weight:bold;
	font-size:16px;
}



.list{
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}

.list li{
	margin-bottom:10px;
}

.list li a{
	text-decoration:none;
	color:#FFF;
}

.list li a:hover{
	text-decoration:underline;
	color:#003F77;
}

.clients_list{
	list-style:none;
	padding:0;
	margin:0;
}

.clients_list li{
	margin-bottom:10px;
	font-size:14px;
	color:#007DAE;
}

nav{
	display:none;
}

#mobile_attachment
{
	display:none;
	width:auto;
	text-align: center;
	width:244px;
	height:auto;
	float:left;
	margin:0 30px 0 0;
}

#comparison-mobile{
		display:none;
	}




@media all and (max-width: 800px) {
  #header_container, #header, #menu_container, #menu, {
    float: none;
    width: auto;
  }

  #mobile_header{
		display:block;
		text-align:center;
		background-image:url(../images/bg_header.jpg);
		background-position:top right;
		background-repeat:no-repeat;
	}

	.img_tab {
	width:48%;
	padding: 2px;
	float:left;
	display:block;
	text-align: middle;
	}

	

	nav{
	  	display:block;
	  }

	 #header_container{
	 	display: none;
	 }


  	#header_social{
  		float: bottom-left;
  	}

  	body{
		width: auto;

	}

 	#footer, #footer_bottom, #footer_sales, #footer_container {
    	display:none;
  	}

	#menu_container{
		width:100%;
		height:auto;
		background-image:none;
		background-color:black;
	}

	#menu{
		border:1px solid #004177;
		width:100%;
		height:auto;
		margin:0 auto 0 auto;
		border-left:none;
	}

	#menu ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    background-color: #7AB9CF;
	    position: relative;
	    top: 0;
	    width: 100%;
	}

	#menu li {
	    float: left;
	}

	#menu li a {
	    display: block;
	    color: white;
	    text-align: center;
	    padding: 10px 10px;
	    text-decoration: none;
	}

	#menu ul li a{
		text-decoration:none;
		float:left;
		width:117px;
		height:22px;
		color:#FFF;
		border-right:1px solid #004177;
		border-bottom:1px solid #004177;
		
		text-align:center;
		padding:5 5 5 5;
	}

	#home #nav_home, #contracting #nav_contracting, #sales #nav_sales, #clients #nav_clients, #contact #nav_contact, #news #nav_latest_news, #gallery #nav_gallery{
		float:left;
		width:117px;
		height:32px;
		border-right:1px solid #004177;
		background-color:  #004177;
		background-image:url(../images/bg_menu_arrow.png);
		background-position:center 0;
		background-repeat:no-repeat;
	}

	#menu li li{
	    display:none;
	}

	#menu li a:hover:not(.active) {
	    background-color: #004177;
	}

	#menu .active {
	    background-color: #4CAF50;
	}

	#content_contatiner
	{
		width:auto;
		margin:10px;
	}

	#menu{
		display: none;
	}

	#wrapper
	{
		width:100%;
		height:auto;
		min-height: 50px;
		max-height: 210px;
		overflow:hidden;
	}

	#intro_text{
		float:left;

	}

	.banner_img
	{
		width: 100%;
		height:100%;
	}

	#banner{
		background-image:none;
		width:100%;
		height:auto;
		text-align:center;
		float:none;
		padding-bottom:30%;
		margin-bottom:20px;
	}

	#banner_after{
		width:100%;
		height:auto;
		background-image:none;
		float:none;
	}

	#twitter{
		display:block;

	}

	#twitter_link{
		display:block;
		text-align:right;
		font-size: 14px;	
	}

	#news_link{
		display:block;
		text-align:right;
		font-size: 14px;	
	}

	#content_menu_container{
		float:none;
		display:none;
		text-align: center;
		margin:0 0 0 0;
		width:auto;
		height:auto;
	}

	#comparison-mobile{
		display:block;
	}

	#content_truxor_menu{
		display:none;
	}


	#textual_content{
		display:inline;
		width:auto;
		height:auto;
		float:none;
		text-align:center;
		padding: 5px;
		margin:5px;
	}

	#truxor_textual_content{
		display:inline;
		width:auto;
		height:auto;
		float:none;
		text-align:center;
		padding: 5px;
		margin:5px;
	}

	#t-series-border{
		width:93%;
		padding:10px;
		border:1px solid #cccccc;
	}

	#textual_content h2{
		text-align:center;
	}



	#news_content{
		display:inline;
		width:auto;
		height:auto;
		float:none;
		text-align:justify;
		padding: 5px;
		margin:5px;
	}

	#news_content h1{
		text-align: center;
	}

	#content_sub_menu
	{
		display:none;
		float:none;
		width:auto;
		text-align: center;
	}

	#mobile_attachment
	{
		display:block;
		width:auto;
		text-align: center;
		width:244px;
		height:auto;
		float:left;
		margin:0 30px 0 0;
	}


	#content_half1{
		width:auto;
		height:auto;
		float:none;
		text-align:center;
		margin:none;
	}

	#content_half2{
		width:auto;
		height:auto;
		float:left;
		text-align:justify;
	}


	#content_third_1{
		width:auto;
		height:auto;
		float:none;
		margin-right:none;
		text-align:center;
	}

	#content_third_2{
		width:315px;
		height:auto;
		float:left;
		margin-right:30px;
	}

	#content_third_3{
		width:305px;
		height:auto;
		float:none;
		text-align:center;
	}

	#youtube{
		width:100%;
		height:auto;
	}

	#gallery_side_container{
		width:auto;
		height:auto;
		float:right;
		margin:10px;
		border: 1px solid #cccccc;
		text-align: center;
		padding: none;
	}

	#gallery_content{
		width:auto;
		height:auto;
		float:none;
		text-align:justify;
	}

	.gallery_order{
		display: table;
		width:100%;
	}

	.gallery_order > .gallery_content {display:table-header-group;}
	.gallery_order > .gallery_side_container {display:table-footer-group;}

	#content_image{
		width:90%;
		height:auto;
		float:none;
		text-align:center;
		margin: 20px;
	}

	#content_image_left{
		width:90%;
		height:auto;
		float:left;
		margin: 20px;

	}

	.attachment_image{
		width:auto;
		height:auto;
		float:none;
		margin-left:none;
		text-align: center;
	}



	#content_menu{
		display:none;
		width:auto;
		height:auto;
		float:none;
	}

	#content_menu ul{
		margin:0;
		width:100%;
		text-align: center;
		padding:0;
		list-style:none;
	}

	#content_menu ul li a{
		width:100%;
		height:27px;
		border-bottom:none;
		padding:none;
		text-decoration:none;

		margin-bottom: 10px;
		color:#003F77;
		float:none;
	}







	.attachment{
		width:auto;
		text-align: justify;

	}

	.news_img{
		float:none;
		width:auto;
		text-align: center;
		margin:none;
	}

	#mobile_footer
	{
		display:inline;
		width:auto;
		height:auto;
		background-color:#076ab0;
		text-align: center;
		margin:0 auto 0 auto;
		padding:20px 0 50px 0;
		display: inline-block;
		display: block;
		overflow: hidden;
	}
	.title_bold{
		color:#007DAE;
		font-weight:bold;
		font-size: 13px;
	}

	p
	{
		text-align: justify;
	}

}


  /* Styles for Portrait screen */
}





}