*{
	margin: 0;
	padding: 0;
}
html, body{
	height:100%;
	position:relative;
	
	/* Prevent font scaling in landscape */
	-webkit-text-size-adjust: none; 
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	 text-size-adjust:none;
}
body {
	background-color: #f4f4f4;
	background-image: url('../img/white_wall.png'); /*credits to: subtlepatterns.com*/
	font-size: 62.5%; /* Base font size: 10px */;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
}
body img { 
	border: 0px; 
	text-decoration: none; 
}

#wrapper{
	position:relative;
	height:100%;
}

/* ===========================
   ====== Global ====== 
   =========================== */

.label {
	color: #333;
	font-size: 1.4em;
	position: relative;
	text-shadow: #fff 1px 1px;
	display:inline-block;
	padding:5px 0;
}
.textbox {
	width: 160px;
	float: left;
	position: relative;

	font-size: 1.3em;
	height: 28px;
	padding:0 7px;
	border:0;
}
.submit {
	border:0;
	font-size: 1.3em;
	position: relative;
	background-color: #CCCCCC;
	color: #003366;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 5px;
	width: 35px;
	height: 28px;
}
.search {
	top: 0px;
	left: 0px;
	background-image: url('../img/search.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	margin: 1px 0 0 0 !important;
}
.links {
	padding: 0px 10px;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	
	color: #FFFFFF !important;
	background-color: #0066CC;
	background-image: url('../img/links_bg.jpg');
	background-repeat: repeat-x;
	border: 1px solid #3399FF;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition:  all 0.5s ease;

}
.links:hover {
	color: #333333 !important;
	background-image: url('../img/links_hover.jpg') !important;
	background-repeat: repeat-x;
	background-color: #E8E8E8;
	border:1px solid #999999;
	
	text-decoration: none !important;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition:  all 0.3s ease;

}


.divider{
	margin: 25px auto 20px auto;
	width: 578px;
	overflow:hidden;
}
.divider img{
	margin: 10px auto;
}
#divider-vert, #home-divider-vert{
	width:10px;
	margin:0 17.5px;
	float:left;

}
#divider-vert img{
	height:90%;
	width:10px;
	position:absolute;
	float:none;
}
.effect
{
  position: relative;
}
.effect:before, .effect:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 7px;
  width: 50%;
  top: 80%;
  max-width:250px;

  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
.effect:after
{
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -o-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
  right: 7px;
  left: auto;
}

#site-path {
	margin-bottom: 30px;
	margin-top: 0px;
}

#site-path p{
	font-size: 1.2em !important;
	color: #333333 !important;
	text-shadow: #fff 1px 1px !important;
	margin:0 !important;

}
#site-path p a{
	text-decoration: none;
	color: #0066CC;
	font-weight: bold;
	text-shadow: #fff 1px 1px;

}
.fl-m30{
	float:left;
	margin-right:30px;
}
.w100{
	width:100px !important;
}

.w170{
	width:170px !important;
}
.w200xh150{
	width:200px !important;
	height:150px;
}
.w166xh108{
	height:108px !important;
	width:166px !important;
}
.h100{
	height:100px !important;
	width:auto !important;
}


.h108{
	height:108px !important;
	width:auto !important;
}
.h200{
	height:290px;
	width:auto !important;
}
a.go-to-top {
	background: url('../img/navigation_up.png') no-repeat center;
	width: 42px;
	height: 42px;
	position: fixed;
	bottom: 3em;
	right: 3em;
	text-indent: -9999px;
	cursor: pointer;
	outline: 0;
	text-decoration: none;
	display: none;
	z-index:999;
	filter: alpha(opacity=70);
	opacity: 0.7;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition:  all 0.5s ease;

}
a.go-to-top:hover {
	filter: alpha(opacity=90);
	opacity: 0.9;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition:  all 0.5s ease;
}
.gsc-adBlock, .gsc-adBlockVertical{
	display: none !important;
}
.no-padding{
	padding:0 !important;
}
/* Texbox Placeholders*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
/* WebKit browsers */
    color: #5D5D5D;
	text-shadow: #fff 1px 1px;
}
input:-moz-placeholder, textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #5D5D5D;
	text-shadow: #fff 1px 1px;
	opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
    color: #5D5D5D;
    text-shadow: #fff 1px 1px;
    opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #5D5D5D;
    text-shadow: #fff 1px 1px;
}

/* ===========================
	Header
   =========================== */
   
#header-wrapper {
	background-image: url('../img/wallties-header2.png');
	background-color: #5486C1;
	background-repeat: repeat-x;
}
#header {
	width: 960px;
	margin: 0px auto;
	height: 145px;
	position: relative;
}
#logo {
	position: relative;
	width: 500px;
	float: left;
	height: 130px;
}
#logo img{
	position: relative;
	left: -11px;
	margin-top: 12px;
	float:left;
	z-index:1;
}
#logo h2{
	position: relative;
	font-size: 3.4em;
	margin-top: 35px;
	float:left;
}
#logo h3{
	font-size: 1.5em;
	position: relative;
	float:left;
}
#logo h2 a{
	text-decoration:none;
	color: #F3F3F3;
	text-shadow: #333 1px 1px;
	font-family: "Times New Roman", Times, serif;
}
#logo h3 a{
	text-decoration:none;
	color: #dadada;
	text-shadow: #333 1px 1px;
	font-style: italic;
}





.header-extra{
	float: right;
	position: relative;
	clear:right;
	margin:35px 0 10px 0;
	overflow:hidden;
}
.search-site{
	float: left;
	box-shadow: 0px 0px 1px 1px #ccc;
}
.search-site .textbox{
	width: 135px;
}
.search-site .textbox, .search-site .submit{
	float: right;
	margin-top: 1px;
}
#header-social{
	float:left;
	position:relative;
	margin: 0 0 0 30px;
}
#header-social a{
	outline:none;
	text-decoration:none;
	overflow:hidden;
}
#header-social img{
	height:30px;
}

#social-media-follow{
	margin:5px 0 10px;
	float:right;
	width:125px;
}
.fb-like{
	float: left;
	margin:0 6px 0 5px;
	box-shadow: 0px 0px 1px 0px #ccc;
	overflow:hidden;
}

#top-nav {
	float: right;
	position: relative;
}
#top-nav ul {
	list-style-type: none;
}
#top-nav ul li {
	display:inline-block;
	padding:0;
}
#top-nav ul li a {
	padding:0 0 0 10px;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	text-shadow: #333 1px 1px;
	position: relative;
	line-height:25px;
}
#top-nav ul li a img {
	position: relative;
	width: 20px;
	margin: 0;
	padding: 0;
	bottom: -2px;
}
#top-nav ul li a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#top-nav ul li a:hover, .top-active{
	color: #ccc !important;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition:  all 0.3s ease-out;

}
#menu-wrapper {
	box-shadow: 0px 3px 10px #C0C0C0;
	height: 40px;
	background-repeat: repeat-x;
	background-image: url('../img/nav_bg.png');
	background-color: #d5d5d5;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#menu{
	width: 960px;
	height: 40px;
	margin: 0px auto;

}
#menu ul {
	list-style-type: none;
	width:100%;
	height: 40px;
}
#menu ul li {
	background-position: right center;
	text-align: center;
	display: inline-block;
	position: relative;
	white-space: nowrap;
	float: left;
	background-image: url('../img/nav_sep.png');
	background-repeat: no-repeat;
}
#menu ul li a {
	padding: 0 24px;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	text-shadow: #fff 1px 1px 1px;
	display: inline-block;
	letter-spacing: 1px;
	position: relative;
	line-height: 42px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition:  all 0.3s ease;

}
#menu ul li a:hover, #menu .active {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition:  all 0.3s ease;
	color: #0064CC;

	background-repeat: repeat-x;
}
#menu ul li:first-child a {
	padding-left:0;
}
#menu ul li:last-child a {
	padding-right:0;
}

#menu ul li:last-child {
	background-image:none;
	position:absolute;
}
#menu-wrapper .search-site{
	display:none;
}
.outfocus{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition:  all 0.3s ease;
}
#menu select{
		display: none;
}
/* ===========================
	Footer
   =========================== */
   
#footer-wrapper {
	background-size: 100% 100%;
	background-color: #004CA2;
	height: 355px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-color: #004CA2;
	border-bottom-color: #004CA2;
	position: relative;

}
#footer-border {
	border-top:3px solid  #FFFFFF;
}
#footer {
	width: 960px;
	height: 340px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 15px;
	padding-bottom: 0;
	overflow:hidden;
}
.footer-links {
	float: left;
	position: relative;
	margin-top: 20px;
	margin: 20px 50px 0 50px;
}

.footer-links ul {
	list-style-type: none;
	position: relative;
}
.footer-links ul li {
}
.footer-links ul li a {
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	text-shadow: #333 1px 1px;
	text-transform: uppercase;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
}
.footer-links ul li a:hover {
	text-decoration: underline;
}
.footer-links h3 {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	text-shadow: #333 1px 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
	margin-bottom:7px;
}
.footer-mobile-links{
	display:none;
}
#mailing-list {
	width: 215px;
	height: 115px;
	position: relative;
	float: right;
	margin-top: 15px;
}
#mailing-list img {
	float: left;
}
#mailing-list h3 {
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	width: 160px;
	margin-top: 10px;
	float: left;
	margin-left: 10px;
	text-shadow: #000 1px 1px;
}
#mailing-list form {
	width: 235px;
	margin-top: 10px;
	float: left;
	position: relative;
	height: 60px;
}
#company-info {
	position: relative;
	float: left;
	margin: 20px 40px 0 0;
	width: 180px;
	height: 130px;
	top:-5px;
}
#footer-logo{
	text-align:left;
	margin:0;
}

.social-media-links{
	position: relative;
	float: right;
	width: 215px;
	margin:20px 0 15px;
}
.social-media-links h3 {
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	text-shadow: #333 1px 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: nowrap;
	margin-bottom:9px;
}

.social-media-links ul {
	list-style-type: none;
	position: relative;
}
.social-media-links ul li{
	list-style-type: none;
	position: relative;
	display: inline-block;
	margin:0 5px 10px 0;
}
.social-media-links ul li:last-child{
	margin-right:0;
}

.social-media-links img{
	width: 35px;
}
.social-media-links a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}



#footer-logo img {
	width: 60px;
	float:none;
	margin:0 auto ;
	position:relative;
	bottom:-2px;
	left:-5px;
}
#company-info p {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	text-shadow: #333 1px 1px;
	line-height: 20px;
	text-align: left;
}
#company-info a {
	text-decoration: none;
	color: #66CCFF;
}
#company-info a:hover {
	text-decoration: underline;
}

#copyright {
	width: 960px;
	position: absolute;
	bottom: 10px;
	left: 0px;
	text-align: center;
}
#copyright p {
	font-size: 1em;
	color: #FFFFFF;
	display:block;
}
#copyright a {
	color: #9DFFFF;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}

/* ===========================
   Homepage
   =========================== */
.slider-wrapper {
	position: relative;
	height: auto;
	padding:35px;
}

#main {
	width: 960px;
	min-height:50%;
	margin: 10px auto;
	padding: 10px 0 50px 0;
	position:relative;
}
#main h1 {
	color: #003F84;
	font-weight: normal;
	font-size: 2.8em;
	line-height: 30px;
	text-shadow: #fff 1px 1px;
	font-family: 'Nunito', Helvetica, sans-serif, "Lucida Sans", Arial;
	margin-bottom: 18px;
}
#main p {
	font-size: 1.4em;
	line-height: 23px;
	text-align: justify;
	text-shadow: #fff 1px 1px;
	position: relative;
}
#main p a{
	text-decoration: none;
	color: #0066CC;
	text-shadow: #fff 1px 1px;

}
#main p a:hover{
	text-decoration: underline;
}

#main-col {
	width: 645px;
	float: left;
	position: relative;
}
#intro {
	position: relative;
	margin-bottom:0px;
	float:left;
}
#intro video{
	position: relative;
	border: 1px solid #CCCCCC;
	padding: 6px 7px;
	background-color: #fff;
	
}
#intro strong{
	font-weight:normal;	
}

.home-video-box{
	float:right;
	margin:5px 0 10px 25px;
	position: relative;
	width:286px;
	z-index:99;
}
#intro .links {
	position: relative;
	float:right;
	margin-top: 10px;
}

.quick-response{
	background-color: #1758A3;
	overflow:hidden;
	margin-bottom:30px;
	box-shadow: 0px 0px 5px 1px #ddd inset;
	border-radius: 15px;
	padding:12px 20px 20px 20px;
	text-align:center;
}

.QR-left{
	float:left;
	width:50%;
	overflow:hidden;
}
.QR-right{
	float:right;
	width:50%;
	overflow:hidden;
}

.quick-response h2{
	color: #F7CB2D;
	font-size: 2.2em;
	text-shadow: #000 1px 1px;
	font-family: 'Nunito', Helvetica, sans-serif, "Lucida Sans", Arial;
	font-weight: normal;
}

.quick-response h2 img{
	height:20px;
	position:;
	margin:0 0 4px 5px;
	vertical-align:middle;
}
.quick-response-desc{
	width:410px;
	float:left;
}
.quick-response h3{
	font-weight: bold;
	font-size: 1.7em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color:#fff;
	line-height:30px;
	text-shadow: #000 1px 1px;
}

.quick-response p{
	color:#fff;
	text-shadow:none !important;
	line-height:30px !important;
	text-shadow: #000 1px 1px !important;
	text-align:center !important;
}

.quick-response-form{

	margin:5px 0px 0 0;
	overflow:hidden;

}
.quick-response-tb
{
	padding: 0px 10px;
	width: 95%;
	outline: none;
	position: relative;
	font-size: 1.3em;
	border: none;
	margin: 5px 0 0 10px;
	background: #EEEEEE;
	font-family: Verdana;
	color: #333;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	height:30px;
	box-sizing: border-box;
	display:block;
	
}
.quick-response-tb:first-child
{
	
}

.quick-response-tb:focus{
	box-shadow: 0 0 3px 2px #F7CB2D inset;
}
.quick-response-btn
{
	height:30px;
	line-height:30px;
    padding:0px 20px;
	background:#F7CB2D;
	font-family:Verdana;
	color:#333;
	font-size: 1.43em;
	border:none;
	outline:none;
	clear:both;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition:  all 0.3s ease;
	
	margin-left:10px;
	text-align:center;
	display:block;
	position:relative;
	font-weight:bold;
	float:right;
}
.quick-response-btn:hover
{
	cursor: pointer;
	color: #F7CB2D;
	background: #666;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.quick-response-validator
{
	font-size: 1.2em;
	margin:5px 0 10px 10px;
	font-weight:bold;
	float:left;
}
.quick-response-validator-captcha
{
	font-size: 1.2em;
	float:right;
	margin-bottom:10px;
	font-weight:bold;
	position:relative;
	clear:right;
}

.quick-response-result
{
	font-weight: bold;
	font-size: 2em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color:#fff;
	line-height:35px;
	text-shadow: #000 1px 1px;
}



#home-products {
	position: relative;
}
.home-products-sub {
	width: 260px;
	height: 420px;
	position: relative;
	float: left;
	margin: 15px 90px 15px 0;
}
.home-products-sub h2 {
	font-size: 2em;
	line-height: 24px;
	margin: 0 0 15px 0;
	white-space: nowrap;
	font-family: 'Nunito', Helvetica, sans-serif, "Lucida Sans", Arial;
	font-weight:normal;
}
.home-products-sub h2 a{
	color: #003F84;
	text-decoration:none;
}
.home-products-sub img {
	border: 1px solid #CCCCCC;
	width: 248px;
	height: 160px;
	padding: 5px;
	background-color: #fff;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}
.home-products-sub p {
	margin:25px 0 20px 0;
}
.home-products-sub .links {
	bottom: 0px;
	position: absolute;
	right: 0px;
}
#home-media {
	position: relative;
}
.home-media-sub {
	width: 457.5px;
	position: relative;
	float: left ;
	margin:40px 0;
	overflow:hidden;
}
.home-media-sub h2{
	margin: 10px 0 10px 0;
	font-size: 2em;
	line-height: 24px;
	white-space: nowrap;
	font-family: 'Nunito', Helvetica, sans-serif, "Lucida Sans", Arial;
	font-weight:normal;
}
.home-media-sub h2 a{
	color: #003F84;
	text-decoration:none;
}
.home-media-sub img {
	width: 160px;
	float:left;
	margin:0 15px 0 0;
}
.home-media-sub p {
	overflow:hidden;
}

.twitter-timeline{
	max-width:960px !important;
	width:100% !important;
	height:450px !important;
	font-size: 1em !important;
}
.timeline{
	max-width:100% !important;
	font-size: 1em !important;
}
.tweet{
	width: 35% ; 
	height:400px; 
	float:left; 
	margin: 10px 3%; 
	overflow:hidden;
	font-size: 1em !important;
} 

/* ===========================
	Banner
   =========================== */
#banner{
	max-width: 980px;
	margin: 0px auto 60px;
	position:relative;
	max-height:300px;
}

/* ===========================
   About Us
   =========================== */
   
.about-us {
	margin-bottom: 30px;
	float: left;
	overflow: hidden;
	position: relative;
}


.about-us-left{
	position: relative;
	margin: 5px 20px 10px 3px;
	display:inline-block;
	width:250px;
	overflow:hidden;
}
.about-us-left img {
	position: relative;
	border: 4px solid #fff;
	width:240px;
	box-shadow: 0px 0px 1px 1px #999;
	float:left;
	margin:1px;
}
.about-video-box{
	position: relative;
	width: 250px;
	float:left;
	margin: 0 0;
	overflow:hidden;
}
.about-video-box video{
	position: relative;
	border: 4px solid #fff;
	box-shadow: 0px 0px 1px 1px #999;
	z-index:99;
	width: 248px;
	margin:1px;
	box-sizing: border-box;
}


.about-us-img-caption{
	width:250px !important;
}
.about-us-img-caption img{
	margin-bottom:5px;
}
.about-us-img-caption h4{
	text-align: center !important;
}


.about-us-right{
	display:inline-block;
	position: relative;
	width:681px;
	overflow:hidden;
	vertical-align:top;
}
.about-us-right ul {
	font-size: 1.4em;
	list-style-type: none;
	position: relative;
	float: left;
	line-height: 23px;
	width:100%;
	margin-bottom:20px;
}
.about-us-right ul li {
	background-image: url('../img/bullet_blue.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 5px;
	background-position: -4px -1px;
	text-shadow: #fff 1px 1px;
}


.testi-box {
	padding: 20px;
	width: 260px;
	height: 370px;
	float: left;
	position: relative;
	margin: 0 30px 30px 0;
	background-color: #DFE7EF;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0px 0px 15px 1px #C9D3DC inset;
}
.testi-box p{
	margin-top:0 ;
}
.testi-box p span {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
	color: #333;
	position: relative;
	text-shadow: #fff 1px 1px;
	margin:0 0 0 20px !important;
	white-space: nowrap;
}
.unquote {
	position: relative;
	margin: 5px 0 0 10px;
	vertical-align: middle;
	float:right;
}
.testi-message {
	margin: 10px 0 !important;
	float: left;
	text-shadow: #e4e4e4 1px 1px;
	height: 230px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-indent: 15px;
}
.testi-box footer img{
	border: 1px solid #999999;
	padding: 2px;
	position: relative;
	float: right;
	margin-top: 10px;
}
.testi-box footer p{
	font-size: 1.3em;
	text-align: right;
	color: #336699;
	font-weight: bold;
	float: right;
	text-shadow: #fff 1px 1px;
	margin-top: 10px;
	margin-right: 10px;
	display: inline-block;
	font-family: Cochin, Georgia, Times, "Times New Roman", serif;
}

#letter{
	padding: 35px 20px 20px 20px;
	margin: 0px auto;
	background-color: #DFE7EF;	
	overflow:hidden;
	position:relative;
	float:left;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 0px 0px 15px 1px #C9D3DC inset;
}
#letter h2{
	font-size: 1.6em;
	color: #333333;
	text-align:center;
}
#letter p{
	margin: 25px auto 20px auto;
	position: relative;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	width:80%;
}

/* ===========================
   Portfolio
   =========================== */

#portfolio{
	overflow:hidden;
}
#portfolio p{
	margin:0 0 30px 0;
}
#portfolio a{
	text-decoration: none;
	color: #0066CC;
}
#portfolio a:hover{
	text-decoration: underline;
}

#portfolio h2{
	font-size: 2.3em;
	margin-bottom:15px;
	color: #666;
	
	padding: 0 0 10px 0;
	font-weight: normal;
	border-bottom:1px solid #666;
	box-shadow: 0 1px 0 0 #fff;
	-moz-box-shadow: 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	text-shadow: 1px 1px #fff;

}


#albumGallery {

}
.album-box{
	border: 5px solid #fff;
	margin: 0 10px 20px 10px;
	width: 160px;
	height: 225px;
	display: inline-block;
	text-align: center;
	background-color: #E5E5E5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: top;
	overflow:hidden;
}
.album-box span{    
    display:none;
}
.album-box img{
	width: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px; /*box-shadow: h-shadow v-shadow blur spread color inset;*/;
	-moz-box-shadow: 5px 5px 5px 1px #B9B9B9;
	-webkit-box-shadow: 5px 5px 5px 1px #B9B9B9;
	box-shadow: 5px 5px 5px 1px #B9B9B9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.album-box a {
	text-decoration: none;
	color: #15346A;
	font-weight: bold;
	text-transform: capitalize;
	font-size:1em;
}
.album-box a p{
	width: 120px;
	margin:15px auto 0 auto !important;
	line-height:17px !important;
	font-size:1.2em !important;
	text-align:center !important;
}
.album-box a:hover{
	color: #666 !important;
	text-decoration:none !important;
}
.album-box a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#gallery{
	margin:20px auto;
	position: relative;
	overflow:hidden;
	height:auto;
}
.album-name{
	display: block;
	font-size: 1.8em;
	color: #666666;
	font-weight: bold;
	margin: 10px 0 30px 0;
	text-shadow: #fff 1px 1px;
	text-align: center;
	overflow: hidden;
	padding: 0 5px;
	line-height:25px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #fff;
	-moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #fff;
	padding:12px;
}
.picture-box{
	display:none;
	margin:20px 20px 10px 0;
	height:96px;
	width:144px;
	text-align:center;
	overflow:hidden;
	float:left;
}

#gallery a img{
	border:1px solid #999;
}
/* ===========================
   Videos
   =========================== */

#videos{
	width: 960px;
	position: relative;
	overflow:hidden;
}
#videos p{
	margin:0 0 30px 0;
}
.videos-wrapper{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 25px 0 0px 0;
	border: 1px solid #c1c1c1;
	overflow: hidden;
	text-align: center;
	background-color: #E1E1E1;
	margin-bottom: 30px;
}
#videos h2{
	margin: 0 0 20px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-weight: bold;
	font-size: 1.7em;
	display: inline-block;
	margin: 0;
	list-style: none;
	color: #333;
	border: 1px solid #c1c1c1;
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 20px 12px 20px !important;
	background-color: #E1E1E1;
	text-shadow: #fff 1px 1px;
}

.video-box{
	display:inline-block;
	vertical-align:top;
	margin:0 10px 20px 10px;
	height: 240px;
	width:206px;
}
.video-box iframe{
	display:none;
}
.video-box h3{
	margin:20px 0 10px 0;
	font-size: 1.2em;
	color: #0066CC;
	text-align:center;
	line-height:20px;
	text-shadow: #fff 1px 1px;
}
.video-thumb-box{
	z-index: 99;
}
.video-box a img{
	width: 190px;
	border: 8px solid #fff;
}
.video-box a img:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.video-box-click span{
	display:none;
}


#video-player
{  
	padding:5px;
	width:auto;
	text-align:center;
}
#video-player iframe
{
	text-align:center;
    margin:10px auto;
}
#video-player h3{
	margin:30px 0 0 0;
    font-size: 1.5em;
	color: #0066CC;
	line-height:20px;
}

/* ===========================
   Concrete Forms, Accessories, Applications, Systems
   =========================== */

#concrete-forms, #accessories, #applications, #systems {
	overflow:hidden;
	position:relative;
}
#concrete-forms p, #accessories p, #applications p, #systems p{
	margin: 0 0 30px 0;
	overflow:hidden;
}
.concrete-forms-sub, .accessories-sub, .applications-sub {
	background-color: #F8F8F8;
	border: 1px solid #C0C0C0;
	overflow: hidden;
	margin: 0 20px 20px 0;
	padding: 0 0 15px 0;
	position: relative;
	width: 468px;
	float: left;
	height: 150px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 1px #CDCDCD inset;
}
.concrete-forms-sub:nth-child(even), .accessories-sub:nth-child(even), .applications-sub:nth-child(even){
	margin-right:0 !important;
}
.concrete-forms-sub h2, .accessories-sub h2, .applications-sub h2 {
	background-position: 50% bottom;
	margin: 0 0 10px 0;
	font-size: 1.5em;
	padding: 7px 10px;
	background-image: url('../img/sub_bg.jpg');
	background-repeat: repeat-x;
}
.concrete-forms-sub h2 a, .accessories-sub h2 a, .applications-sub h2 a{
	text-decoration: none;
	color: #fff;
	margin: 0px;
	display:block;
	text-shadow: #000 1px 1px;
}
.concrete-forms-sub h2 a:hover, .accessories-sub h2 a:hover, .applications-sub h2 a:hover{
	color: #DBDBDB;
}
.concrete-forms-sub img{
	position: relative;
	float: left;
	margin: 5px 15px 0 15px;
	z-index:1;
	height:100px;
}
.accessories-sub img{
	width:90px;
	position: relative;
	float: left;
	z-index:1;
	margin: 5px 15px 50px 15px;
}
.applications-sub img {
	position: relative;
	float: left;
	margin: 5px 15px 25px 15px;
	z-index:1;
	width:90px;
	max-height:100px;

}

.concrete-forms-sub p, .accessories-sub p, .applications-sub p{
	padding: 0 !important;
	margin: 5px 15px 20px 15px  !important;
	position: relative;
	font-size: 1.3em !important;
	line-height: 21px !important;
}
.view-details{
	text-decoration: none;
	font-size: 1.2em;
	color: #677987;
	font-weight: bold;
	display: inline-block !important;
	position: absolute;
	bottom: 10px;
	right: 15px;
}
.view-details:hover{
	text-decoration: underline;
}

.systems-sub{
	overflow:hidden;
	padding:35px 20px;
}
.systems-sub:nth-child(odd){
	background-color:#d4dbe5;
}
.systems-sub:nth-child(even){
	background-color:#e8ecf2;
}
.systems-sub h2{
	margin:0;
	overflow:hidden;
	display:inline-block;
}
.systems-sub h2 a{
	text-decoration: none;
	color: #003F84;
	text-shadow: #fff 1px 1px;
	font-size: 1.5em;
	font-weight:normal;
}
.systems-sub h2 a:hover{
	text-decoration: none;
}
.systems-sub img{
	float:right;
	padding:5px;
	background-color:#fff;
	margin-left:25px;
	box-shadow: 0px 0px 10px 1px #c0c0c0;
	height:160px;
	width:360px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

.systems-sub p{
	overflow:hidden;
	margin-bottom:0 !important;
	margin-top:10px !important;
}
.systems-sub a{
	text-decoration: none;
	color: #0066CC;
}
.systems-sub a:hover{
	text-decoration: underline;
}



/* ===========================
   Concrete Forms Info, Accessories Info, Applications Info
   =========================== */
#cf-info p, #acc-info p,  #app-info p{
	margin-bottom:20px;
}
#cf-info a, #acc-info a, #app-info a, #fs-info a{
	text-decoration: none;
	color: #0066CC;
}
#cf-info a:hover, #acc-info a:hover, #app-info a:hover, #fs-info a:hover{
	text-decoration: underline;
}
#cf-info .links, #acc-info .links, #app-info .links{
	display:none;
}
#cf-info h1, #acc-info h1, #app-info h1{
	margin-bottom:20px;
}
#cf-info h2, #acc-info h2, #app-info h2{
	text-shadow: #fff 1px 1px;
}
#app-info h2{
 	margin:10px 0 10px 0;
 	line-height:23px;
 	text-align:justify;
}
#cf-image-box{
	float: left;
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f8f8f8;
	padding:10px;
	margin:0 20px 20px 0;
	width: 130px;
}
#cf-image-box img{
	max-height:300px;
}

#cf-details-box{
	width: 473px;
	float:left;
}

#cf-details-box p{
	font-size:1.4em;
	margin-bottom:15px;
}
#cf-details-box h2{
	font-size:1.5em;
	margin-bottom: 5px ;
	color: #333333;
}

.cf-details, .acc-details, .app-details{
	font-size: 1.4em;
	margin: 0 0 20px 18px;
	text-align:left;
	display:inline-block;
	line-height:23px;
}
.cf-details li, .acc-details li, .app-details li{
	margin: 0 0 5px;
	line-height:22px;
}

#cf-image-thumb-box{
	margin:0 auto 15px auto;
	position:relative;
	overflow:hidden;
}
.cf-image-thumb{
	margin-right:15px;
	float:left;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.cf-image-thumb img{
	border:1px solid #666;
	padding:2px;
}
.cf-image-thumb a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.cf-image-thumb h2 a{
	text-decoration: none;
	color: #666 !important;
	text-shadow: #fff 1px 1px !important;
}
.cf-thumb h2 a:hover{
	text-decoration: underline;
}
.cf-details-gallery, .acc-details-gallery{
	margin: 10px 0 10px 0;
	overflow:hidden;
}
.cf-details-gallery p, .acc-details-gallery p{
	overflow:hidden;
}

.cf-details-gallery a, .acc-details-gallery a{
	padding:0;
	margin:0 10px 10px 0;
	float:left;
	border:1px solid #666;
}
.cf-details-gallery a img{
	float:left;
	width: 135px;
	height: 105px;
	padding:2px;
	background:#fff;

}
.acc-details-gallery a img{
	height: 100px;
	float:left;
}
.p-mobile{
	display:none;
}

.acc-type-content-box{
	margin-bottom:20px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.acc-type-content-box h3{
	display: block;
	position: relative;
	margin-top: 2px;
	padding: 5px 20px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #999;
	color: #333;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 1.7em;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	background-color: #D6D6D6;
	text-shadow: #fff 1px 1px;
}
.acc-type-content-box h4{
	text-align:left;
	font-weight:bold;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}

.acc-type-content{
	border: 1px solid #999;
	background-color: #f8f8f8;
	color: #222222;
	box-shadow: 0px 0px 8px 3px #E1E1E1 inset;
	padding: 10px 20px;
	border-top: 0;
	overflow: auto;
}
.acc-type-content p{
	overflow: hidden;
}

.acc-type-details, .app-type-details{
	margin: 15px 0 ;
	overflow:hidden;
}
.acc-type-details h3, .app-type-details h3{
	text-align:left;
	margin-bottom:5px;
}
.acc-type-details h4, .app-type-details h4{
	text-align:left;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.acc-type-details a, .app-type-details a{
	font-size:1.3em;
}
.acc-type-details a:hover, .app-type-details a:hover{
	text-decoration: underline !important;
}
.acc-type-details a, .app-type-details a{
	min-width:108px;
	float:left;
	border:1px solid #666;
	background:#fff;
	margin:0 10px 10px 0;
	text-align:center;
}
.acc-type-details p a, .app-type-details p a{
	border:0;
	background:none;
	margin:0;
	float:none;
	text-align:justify;
}
.app-type-details p a{
	font-size:1em;
}
.app-type-details p{
	overflow:hidden !important;
}

.acc-type-details a img, .app-type-details a img{
	width:108px;
	vertical-align:middle;
}

.straight-filler-pin{
	overflow:hidden;
}
.insulation{
	width:400px !important;
	height:auto;
}

#fs-info ul{
	font-size: 1.4em;
	margin: 10px 0 10px 18px;
	text-align:left;
	display:inline-block;
	line-height:23px;
}
#fs-info ul li{
	margin: 0 0 5px;
	line-height:22px;
}
#fs-info p{
	overflow:hidden;
}

#fs-info h2{
	border-bottom:1px solid #333;
	padding-bottom:5px;
	text-shadow: #fff 1px 1px;
	font-size:1.6em;
}
#fs-info h3{
	text-shadow: #fff 1px 1px;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:3px;
}


.fs-photo-gallery{
	overflow:hidden;
	margin:20px 0;
}
.fs-photo-gallery a, .fs-photo-caption a{
	margin:0 10px 0 0;
	float:left;	

}
.fs-photo-gallery a img{
	width: 115px;
	height: 75px;
	padding:2px;
	border:1px solid #333;
	background:#fff;
}
.fs-photo-gallery p{
	overflow:hidden;
}
.fs-photo-gallery p a{
	float:none;
	margin:0;
}

.fs-photo-caption-box{
	overflow:hidden;
	margin:10px 0 0 0;
}
.fs-photo-caption{
	float:left;
	width: 120px;
	text-align:center;
	margin:0 9px 10px 0;
	overflow:hidden;
	height: 130px;
}
.fs-photo-caption a img{
	width: 118px;
	height: 90px;
	border:1px solid #333;
	margin-bottom:5px;
}
.fs-photo-caption h3{
	font-size:1.2em !important;	
}


.seal-box{
	float:left;
	text-align:center;
	position:relative;
	width:120px;
	margin-right:20px;
}
.seal-image-box{
	height:100px;
	position:relative;
	margin-bottom:5px;
}

.seal-image-box img{
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
}
.seal-box h3{
	font-size: 1.17em !important;
}

.seal{
	float:right !important;
	margin:0 0 10px 15px;
}
.iframe-box{
	text-align:center;
	margin:15px 0;
	width:270px;
}
.iframe-box iframe{
	z-index:999;
}
.iframe-box p{

	text-align:center !important;
	margin:10px auto;
	font-weight:bold;
}
.iframe-box p a{
	text-decoration: none;
	color: #0066CC;
}
.iframe-box p a:hover{
	text-decoration: underline;
}
.intl-presentation{
	background-color:#e8ecf2;
	border:1px solid #D4DBE5;
	overflow:hidden;
	padding:15px;
	margin:25px 0 30px;
}
.intl-presentation img{
	width: 150px;
	float:left;
	border:5px solid #fff;
	margin-right:20px;
	box-shadow: 0px 0px 5px 1px #999;
}
.intl-presentation p{
	color: #003F84;
	overflow: hidden;
	margin: 0 0 30px 0 !important;
	font-size: 1.9em !important;
	text-align: left;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-shadow: #fff 1px 1px;
	line-height:27px !important;
}
#project{
	text-align:center;
}
#project img{
	width:185px;
}

.flags{
	width:16px !important;
	height:11px !important;
	margin-top:-3px;
}


#fs-benefits, #fs-process{
	position: relative;
	height: auto;
	width: 615px !important;
	padding: 15px;
	background: #666;
	margin-bottom:50px;
}

#fs-benefits .links, #fs-process .links{
	float:right;
	margin-top:30px;
}


#fs-benefits h3, #fs-process h3{
	background-position: bottom;
	font-size: 2em;
	padding: 0 0 10px 0;
	font-weight: normal;
	border-bottom:1px solid #333;
	margin-bottom:15px;
	box-shadow: 0 1px 0 0 #fff;
	-moz-box-shadow: 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	text-shadow: 1px 1px #000;
}

#fs-benefits h3 a, #fs-process h3 a{
	color: #fff;
}
#fs-benefits h3 a:hover, #fs-process h3 a:hover{
	color: #ddd;
	text-decoration:none;
}


#fs-benefits-sub, #fs-process-sub {
	border-top: 1px dotted #333;
	border-right: 1px dotted #333;
	border-left: 1px dotted #333;
	margin: 0;
	padding: 15px 15px;
	background-color: #f8f8f8;
	box-shadow: 0px 0px 7px 2px #E4E4E4 inset;
	position:relative;
	overflow: hidden;
	display:block;
	width: 583px;
}

#fs-benefits-sub a, #fs-process-sub a{
	float:left;
}

#fs-benefits-sub img, #fs-process-sub img{
	border: 1px solid #666666;
	float:left;
	margin:5px 15px 0 0;
}

#fs-benefits-sub p, #fs-process-sub p {
	font-size:1.4em !important;
	overflow: hidden;
}


#fs-benefits-box, #fs-process-box{
	display:none;
}

.fs-benefits, .fs-process {
	border-top: 1px dotted #333;
	border-right: 1px dotted #333;
	border-left: 1px dotted #333;
	margin: 0;
	padding: 15px 15px;
	background-color: #f8f8f8;
	box-shadow: 0px 0px 7px 2px #E4E4E4 inset;
	position:relative;
	overflow: hidden;
	display:block;
}
.fs-benefits:last-child, .fs-process:last-child {
	border-bottom:1px dotted #333;
}

.fs-benefits a, .fs-process a{
	float:left;
}

.fs-benefits img, .fs-process img {
	border: 1px solid #666666;
	float:left;
	margin:5px 15px 0 0;
}

.fs-benefits p, .fs-process p {
	font-size:1.4em !important;
	overflow: hidden;
}

.services-sub p{
	overflow: hidden;
	margin: 0px 0 30px 0 !important;
	line-height:23px !important;
}


/*formwork spotlight*/
.fs-album-box{
	border: 5px solid #fff;
	margin: 0 15px 22px 0;
	width: 195px;
	height: 225px;
	float:left;	
	background-color: #E5E5E5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: top;
	overflow:hidden;
	position:relative;
}
.fs-album-box:nth-child(3n+3){
    margin-right:0 !important;
}

.fs-album-box span{    
    display:none;
}
.fs-album-box img{
	width: 120px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px; /*box-shadow: h-shadow v-shadow blur spread color inset;*/;
	-moz-box-shadow: 5px 5px 5px 1px #B9B9B9;
	-webkit-box-shadow: 5px 5px 5px 1px #B9B9B9;
	box-shadow: 5px 5px 5px 1px #B9B9B9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.fs-album-box a {
	text-decoration: none;
	color: #15346A;
	font-weight: bold;
	text-transform: capitalize;
	font-size:1em;
}
.fs-album-box a p{
	width: 160px;
	margin:15px auto 0 auto !important;
	line-height:17px !important;
	font-size:1.2em !important;
	text-align:center !important;
}
.fs-album-box a:hover{
	color: #666 !important;
	text-decoration:none !important;
}
.fs-album-box a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#albumSpotlightMobile
{
    display:none;
}
.fs-album-box-mobile{
    border:1px solid red;
    border: 5px solid #fff;
	margin: 0 15px 22px 0;
	width: 195px;
	height: 225px;
	float:left;	
	background-color: #E5E5E5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: top;
	overflow:hidden;
	position:relative;

}
.fs-album-box-mobile:nth-child(3n+3){
	margin-right:0;
}
.fs-album-box-mobile span{    
    display:none;
}
.fs-album-box-mobile a {
	text-decoration: none;
	color: #15346A;
	font-weight: bold;
	text-transform: capitalize;
	font-size:1em;
}
.fs-album-box-mobile a p{
	width: 160px;
	margin:15px auto 0 auto !important;
	line-height:17px !important;
	font-size:1.2em !important;
	text-align:center !important;
}
.fs-album-box-mobile a:hover{
	color: #666 !important;
	text-decoration:none !important;
}
.fs-album-box-mobile a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/* ===========================
   Side Menu
   =========================== */
#right-col {
	width: 270px;
	float: right;
	position: relative;
}
.aside {
	overflow: hidden;
}
.aside aside{
	margin-bottom:30px;
}
.aside h2{
	font-size: 2.1em;
	padding: 0 10px 7px 10px;
	white-space: nowrap;
	border-bottom: 1px solid #C0C0C0;

}
.aside h2 a{
	color: #666666;
	text-decoration: none;
	text-shadow: #fff 1px 1px;
}
.aside ul{
	list-style-type: none;
}
.aside ul li{
	border-bottom: 1px solid #C0C0C0;
}
.aside ul li a{
	text-decoration: none;
	font-size: 1.4em;
	color: #666;
	display: block;
	padding: 9px 10px 7px 10px;

	background-color: #EEEEEE;
	font-family: 'Nunito', Arial, Helvetica, sans-serif;
}
.aside ul li a img{
	height:20px;
	width:40px;
	vertical-align:middle;
	margin-right:10px;
}
.aside ul li a:hover, .aside .active{
	color: #599CD2;
}

.sub-links{
	list-style-type: none;
	
}
.sub-links li{
	background:none;
	border-bottom: 0 !important;
}
.sub-links li a{
	padding-left: 20px !important;
}
.sub-links li a:hover, .active-sub{
	color: #599CD2 !important;
}

.sub-links2{
	list-style-type: none;
	
}
.sub-links2 li{
	background:none;
	border-bottom: 0 !important;
}
.sub-links2 li a{
	padding-left: 35px !important;
}
.sub-links2 li a:hover, .active-sub{
	color: #599CD2 !important;
}



/* ===========================
   Catalogs
   =========================== */
#catalogs{
	overflow:hidden;
	position:relative;
}
#catalogs p{
	margin: 0 0 30px;
}
#catalogs p a{
	text-decoration: none;
	color: #0066CC;
	text-shadow: #fff 1px 1px;
}
#catalogs p a:hover{
	text-decoration: underline;

}
.catalogs-sub{
	width: 440px;
	background-color:#e8ecf2;
	border:1px solid #D4DBE5;
	overflow:hidden;
	padding:15px;
	float:left;
	margin:0 15px 15px 0;
}
.catalogs-sub:nth-child(even){
	margin-right:0 !important;
}
.catalogs-sub img{
	width: 120px;
	float:left;
	border:5px solid #fff;
	margin-right:20px;
	box-shadow: 0px 0px 5px 1px #999;
}
.catalogs-sub p{
	color: #003F84;
	overflow: hidden;
	margin: 0 0 30px 0 !important;
	font-size: 2em !important;
	text-align: left !important;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-shadow: #fff 1px 1px;
	line-height:27px !important;
}

.catalogs-sub .links{
	width: 88px;
}



#adobe{
	overflow:hidden;
	float:left;
}
#adobe p{
	font-style:italic;
	font-size:1.4em;
}


/* ===========================
   Services
   =========================== */
#services{
	overflow:hidden;
	position:relative;
}
#services p{
	margin: 0 0 30px;
}
#services p a{
	text-decoration: none;
	color: #0066CC;
	text-shadow: #fff 1px 1px;
	font-weight:bold;
}
#services p a:hover{
	text-decoration: underline;
}
.services-sub{
	overflow: hidden;
	float: left;
	margin: 0 0 30px 0;
}
.services-sub h2{
	background-position: bottom;
	font-size: 2em;
	color: #333;
	padding: 10px 0;
	font-weight: normal;
	border-bottom:1px solid #333;
	margin-bottom:15px;
	box-shadow: 0 1px 0 0 #fff;
	-moz-box-shadow: 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff;

}
.services-sub p{
	overflow: hidden;
	margin: 0px 0 30px 0 !important;
	line-height:23px !important;
}
.services-sub img{
	width:150px;
	float:left;
	margin: 7px 20px 20px 3px;;
	box-shadow: 0px 0px 1px 1px #999;
	
}
/* ===========================
   Links
   =========================== */

#links{
	overflow:hidden;
	position:relative;
}
#links p{
	margin:0 0 30px;
}
.
.links-details{
	margin: 20px 0 ;
	overflow:hidden;
}
.links-details a{
	font-size:1em;
	text-decoration:none;
}
.links-details a:hover{
	text-decoration: underline !important;
}
.links-details p {
	margin:0px !important;
}
.links-details p a{
	border:0;
	background:none;
	margin:0;
	float:none;
	text-align:justify;
	color:#0099FF
}
.links-details h3 a{
	color:#0099FF
}
.links-list{
	font-size: 1.4em;
	margin: 10px 0 10px 18px;
	text-align:left;
	line-height:23px;
}
.links-list li{
	margin: 0 0 15px 0;
	line-height:22px;
	border-bottom:1px dotted #999
}
.links-list li a{
	margin: 0 !important;
	font-weight: bold;
	color: #0066CC;
}

.links-list li p{
	font-size:1em !important;
	margin:0 0 15px 0 !important;
	overflow:hidden;
}
/* ===========================
   distributors
   =========================== */

#distributors{
	overflow:hidden;
	position:relative;

}
#distributors p{
	margin: 0 0 30px;
}

#distributors h2{
	font-size: 2em;
	padding: 10px 15px;
	margin-bottom: -1px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color:#333;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
 	text-align:center;
	clear:both;
	text-shadow: 1px 1px #fff;
}
.toggle-map{
	float: right;
	margin-bottom: 20px;
	background: #666;
	padding: 8px 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height:40px;
}
.toggle-map a{
	font-size: 2.4em;
	text-decoration: none;
	color: #fff;
	font-weight: ;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	float:left;
	line-height: 40px;
	text-align:left;
}
.toggle-map a:hover{
	color: #dadada;
}
.toggle-map img{
	clear:both;
	height: 40px;
	vertical-align:middle;
	float:right;
	margin-left: 10px;
}
.toggle-map a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.mobile-zoom{
	display:none;
}


.map-wrapper{
	padding-top:25px;
}
#us-map, #world-map{
	width:100%;
	height: 500px;
	margin-bottom: 30px;
	position:relative;
}
.countries {
	width:43%; 
	float:left;
	margin:0 35px 25px 0;
	overflow:hidden;

}
.countries a img{
	margin-right:10px;
}
.countries a{
	margin:0 0 5px 0;
	display:inline-block;
}

.countries h3{
	font-size: 1.6em;
	padding-bottom:5px;
	border-bottom:1px solid #333;
	color:#333;
	margin:0 0 5px 0;
}
.us-states{
	width:23%; 
	float:left;
	margin:0 15px 0 0;
	height:500px;
}
.us-states:last-child{
	margin-right:0;
}

.us-states h3{
	background-image: url('../img/circle_grey.png');
	background-repeat: no-repeat;
	
	width: 25px;
	font-size: 1.4em;
	padding: 0px 0;
	color: #333;
	margin: 0 0 5px 0;
	text-align: center;
	line-height:25px;
}

.us-states a, .countries a{
	text-decoration: none;
	font-size: 1.3em;
	color: #4089C6;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	line-height: 20px;
	text-shadow: #fff 1px 1px;
}
.us-states a:hover, .countries a:hover {
	text-decoration: underline;
	color: #4B9FE3;
}

#sales{

	font-size: 1.4em;
	line-height:24px;
	text-shadow: #fff 1px 1px;
	
}
#sales p{
	padding-bottom: 2px;
	border-bottom: 1px dotted #333;
	margin-bottom: 15px;
	font-size: 1.3em;
	box-shadow: 0 1px 0 0 #fff;
	-moz-box-shadow: 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	color: #003F84;
	text-align:left;
}
.sales-group{
	float:left;
	width:47.2%;
	margin-right:50px;
}

.sales-sub{
	margin-bottom:35px;
	position:relative;
}
.sales-sub h3{
	font-size: 1.5em;
	color: #333;
	font-weight: normal;
	
}
.sales-sub span {
	color: #4D4D4D;
	font-family: sans-serif;
	font-size: 1.1em;

}
.sales-sub a{
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #4089C6;
	font-weight: bold;
	font-size: .9em;
}
.sales-sub a:hover{
	text-decoration: underline;
}


.distributors-sub{
	font-size: 1.4em;
	line-height: 23px;
	border: 1px solid #ccc;
	background-color: #f4f4f4;
	padding: 15px;
	margin-bottom:20px;
}
.distributors-sub h3{
	font-size: 1.5em;
	color: #333;
	font-weight: normal;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	margin-bottom:15px;
	line-height: 25px;
}

.distributors-sub a{
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #4089C6;
	font-weight: bold;
	font-size: .9em;
}
.distributors-sub a:hover{
	text-decoration: underline;
}

/* ===========================
   ====== Contact Us ====== 
   =========================== */
#contact-us{
	overflow:hidden;
	position:relative;
}
#contact-us p{
	margin: 0 0 30px;
}
#contact-form
{
    overflow:hidden;
    margin-bottom:20px;
}
.contacts-tb
{
    padding:10px 10px 10px 10px;
    width:97%;
    outline:none;
	position: relative;
	font-size: 1.4em;
	border:none;
	margin:7px 0 0 0;
	background:#ddd;
	font-family:Verdana;
	color:#333;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
}
.contacts-tb:focus{
	box-shadow: 0 0 2px 1px #3399FF inset;
}
.contacts-btn
{
    padding:10px 20px;
	background:#808080;
	font-family:Verdana;
	color:#fff;
	font-size: 1.5em;
	border:none;
	outline:none;
	float:right;
	clear:both;
	margin-top:7px;
	text-decoration:none;
	text-shadow: #333 1px 1px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition:  all 0.3s ease;
}
.contacts-btn:hover
{
    cursor:pointer;
    color:#333;
    background:#ccc;
    text-shadow: #fff 1px 1px;
    text-decoration:none !important;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition:  all 0.3s ease;
}
.validator
{
    font-weight:bold;
    font-size:1.1em;
    margin:3px 0 5px 10px;
    font-family:Verdana;
    float:left;
    clear:both;
}
.contacts-result
{
	font-size: 1.4em;
	font-family: Verdana;
	color: #009933;
	font-weight: bold;
}
#company-details{
	line-height: 24px;
	margin: 0 0 30px 0;
	position: relative;
	text-align: justify;
	text-shadow: #fff 1px 1px;
	float:left;
	width: 322px;
	overflow:hidden;
}
#company-details span{
	font-weight:bold;
	color:#333;
}
#company-details a  {
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #4089C6;
	font-weight: bold;
	text-shadow: #fff 1px 1px;
}
#contact-us a:hover {
	text-decoration: underline;
}
#company-details img {
	height:27px;
	float:left;
	margin-right:5px;
}
#company-map-wrapper{
	float:left;
	width: 322px;
	text-align:center;
}
#company-map-wrapper a{
	font-size: 1.2em;
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #0066CC;;
	font-weight: bold;
	text-shadow: #fff 1px 1px;

}
#company-map{
	float:left;
	width: 322px;
	height:190px;
	margin: 0 0 12px 0;
}
#side-extra h2{
	
	padding: 10px 15px 10px 15px;
	font-size: 2.3em;
	font-weight: normal;
	background-color: #3366CC;
	margin-bottom: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}
#side-extra h2 a{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #FFDF5E;
	text-decoration:none;
	display:block;
	
	background-image: url('../img/br_next_yellow.png');
	background-repeat: no-repeat;
	background-position: right center;
}


/* ===========================
   ====== reCaptcha ====== 
   =========================== */
#dvCaptcha{
	float:left;
	margin:20px 0 10px;
	box-sizing: border-box;
	clear:both;
	display:inline-block;
}
#dvCaptcha-QR{
	float: right;
	margin:0 auto 10px;
	box-sizing: border-box;
	clear:both;
}




/* ===========================
   ====== Spanish ====== 
   =========================== */
#spanish{
	overflow:hidden;
	position:relative;
}
#spanish-keywords ul{
	overflow:hidden;
	margin:5px 0 15px;
}
#spanish-keywords ul li{
	list-style: none;
	display: inline-block;
	margin: 10px 2px 0 2px;
	height:31px;
}
#spanish-keywords ul li a{

	text-decoration: none;
	font-size: 1.5em;
	color: #fff;
	padding: 7px 15px 7px 23px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	background-image: url('../img/right_arrow_white.png');
	background-repeat: no-repeat;
	background-color: #808080;
	background-position: 10px center;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#spanish-keywords ul li a:hover{
	color:#333;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition:  all 0.3s ease;
	
	background-image: url('../img/right_arrow_hover.png');
	background-repeat: no-repeat;
	background-color:#ccc;
}


.spanish-sub{
	overflow: hidden;
	float: left;
	padding:10px 0;
	text-align:left;
}
.spanish-sub p{
	overflow: hidden;
	margin: 0px 0 30px 0 !important;
	line-height:23px !important;
}
.spanish-sub img{
	width:150px;
	float:left;
	margin:7px 20px 0 8px;	
	
	border:5px solid #fff;
	box-shadow: 0px 0px 5px 1px #999;
	-moz-box-shadow: 0px 0px 5px 1px #999;
	-webkit-box-shadow: 0px 0px 5px 1px #999;
}

.spanish-videos{
	margin-top:50px;
}
.spanish-videos h2{
	padding-bottom: 2px;
	border-bottom: 1px dotted #333;
	margin-bottom: 15px;
	font-size: 1.9em;
	box-shadow: 0 1px 0 0 #fff;
	-moz-box-shadow: 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff;
	color:#333;
}
.spanish-video-box{
	margin:0 0 20px 0;
	width:270px;
	float:left;
}
.spanish-video-box h3{
	margin: 0;
	font-size: 1.2em;
	color: #333333;
	line-height: 20px;
	text-shadow: #fff 1px 1px;
	overflow: hidden;
}
.spanish-video-box a img{
	width: 120px;
	border: 4px solid #fff;
	float:left;
	margin-right:10px;
	box-shadow: 0 0px 3px 0 #333;
	-moz-box-shadow: 0 0px 3px 0 #333;
	-webkit-box-shadow: 0 0px 3px 0 #333;

}
.spanish-video-box a img:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.spanish-video-box a img:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.spanish-video-box iframe{
	display:none;
}
/* ===========================
   ====== Sitemap ====== 
   =========================== */
.sitemap-sub{
	width:50%;
	float:left;
	overflow:hidden;
}
.sitemap-sub a{
	color: #0066CC;
	font-size:1.5em;
	text-decoration:none;
	margin-bottom:5px;
	display:inline-block;

}
.sitemap-sub a:hover{
	text-decoration: underline !important;
}
.bold{
	font-weight:bold;
}

/* ===========================
   ====== Swim-crete ====== 
   =========================== */
#home-sc{
	overflow:hidden;
}
.home-sc-sub{
	float:left;
	margin: 30px 0;
}
.home-sc-sub:first-child{

}

.home-sc-sub img{
	width: 200px;
	padding: 5px;
	border: 1px solid #ccc;
	background:#fff;
	float:left;
	margin-right: 20px;
}
.home-sc-sub a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;

}

.home-sc-sub h2{
	margin: 0 0 15px 0;
	font-size: 2.5em;
	text-shadow: 1px 1px #fff;

	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	overflow:hidden;
}
.home-sc-sub h2 a{
	color: #333;
	text-decoration: none;
}
.home-sc-sub h2 a:hover{
	color: #666;
}

.home-sc-sub p{
	overflow:hidden;
}

/* ======Swimc-crete Side Bar======*/
.sc-misc-sub{
	width: 240px;
	float: left;
	color: #333;
	padding: 25px 20px 25px 20px;
	text-align: center;
	border-bottom: 1px solid #c0c0c0;
	box-shadow: 0 1px 0 0 #fff;
	-moz-box-shadow: 0 1px 0 0 #fff;
	-webkit-box-shadow: 0 1px 0 0 #fff;

}
.sc-misc-sub:first-child{
	padding-top:5px;
}

.sc-misc-img-box{
	width: 240px;
	margin-bottom:15px;
}
.sc-misc-1{
	height:100px;
	padding: 3px;
	border: 1px solid #c0c0c0;
	background:#fff;
}
.sc-misc-2{
	width: 240px;
}
.sc-misc-3{
	height:100px;
}
.sc-misc-sub h2{
	font-size: 1.5em !important;
	text-shadow: none !important;
	overflow:hidden;
	line-height:23px;
	text-align: center;
	font-weight: normal;
	border:0;
	white-space:normal;
}
.sc-misc-sub h2 a{
	color: #333;
}


/* ======Swimc-crete Video======*/
.sc-video-box{
	padding:30px 20px 20px 20px;
	border-bottom: 1px solid #c0c0c0;
	display:block;
	overflow:hidden;
	width:240px;
	text-align:center;
}
.sc-video-thumb-box{
	z-index: 99;
	width:240px;
	margin:0;
}
.sc-video-box a img{
	width: 240px;
	float:left;
}
.sc-video-box a img:hover{
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.sc-video-thumb-box iframe{
	width:230px;
	float:left;
	margin-bottom:1px;
}

.sc-video-box h3{
	margin: 0 0 10px 0;
	font-size: 1.7em;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	background-color: #454545;
	padding: 14px 10px;
	float: left;
	width: 210px;
}

/* ======Swimc-crete Industry======*/

.sc-industry{
	width:173px;
	height:160px;
	text-align: center;
	background-color:#fff;
	float:left;
	margin: 0 15px 15px 0;
	padding:10px 15px;
	border:1px solid #ccc;
}
.sc-industry:nth-child(3n+4){
	margin-right:0 !important;
}
.sc-industry img{
	width: 178px;
	height:100px;
	margin-bottom: 10px;
}
.sc-industry h2{
	font-size: 1.6em;
}
.sc-industry h2 a{
	color: #333;
	text-decoration:none;
}
.sc-industry h2 a:hover{
	color: #999;
}

/* ======Swimc-crete Products======*/
.sc-products{
	margin: 0 0 30px 0;
	padding: 15px;
	background: #E6E6E6;
	overflow: hidden;
	position: relative;
}

.sc-products img{
	margin: 0 30px 0 0;
	width: 170px;
	float:left;
	padding:5px;
	background: #fff;
	border:1px solid #ccc;
}
.sc-products a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;

}

.sc-products h2{
	margin: 0 auto 10px;
	color: #4D4D4D;
	font-size: 2.4em;
	text-shadow: 1px 1px #fff;
}

.sc-products h2 a{
	text-decoration: none;
	color: #4D4D4D;
}

.sc-products p{
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}


.sc-view{
	text-decoration: none;
	color: #296374;
	font-size: 1.4em;
	margin-top: 10px;
	float: left;
	border-radius: 10px;
	font-weight: bold;
	
	position:absolute;
	right: 15px;
	bottom: 15px;
}

.sc-view:hover{
	color: #999;
	text-decoration:underline;
}

/* ======Swimc-crete Pool Shapes, Spa, Steps======*/

.sc-main-products{
	width: 615px;
	float: left;
	height: 130px;
	margin: 15px 0 ;
	background-color: #3A4342;
	padding: 15px;
	border-radius: 15px;
}

.sc-main-products img{
	width:150px;
	float:left;
	margin-left:15px;
}
.sc-main-products h2{
	font-size: 3.5em;
	font-weight:normal;
	margin: 0 0 0 40px;
	float:left;
	text-shadow: #333 1px 1px;
	line-height:130px;
}
.sc-main-products h2 a{
	color: #fff;
	text-decoration:none;
}
.sc-main-products h2 a:hover{
	color: #3F99B4;

}
.sc-main-products span a{
	float:right;
	width:270px;
	height:130px;
}

.sc-pools{
	background-position: -40px;
	background-image: url('../swimcrete/systems/swimming_pool_bg.png');
	background-repeat: no-repeat;
}
.sc-steps{
	background-position: -40px;
	background-image: url('../swimcrete/systems/swimming_pool_steps_bg.png');
	background-repeat: no-repeat;
}
.sc-spas{
	background-position: -40px;
	background-image: url('../swimcrete/systems/spa_bg.png');
	background-repeat: no-repeat;
}

/* ======Pool Shapes======*/
.sc-pools-sub{
	width: 200px;
	height: 200px;
	margin: 28px 22.5px 0 0;
	float: left;
	text-align: center;
	background-color: #657473;
	border-radius:10px;
}
.sc-pools-sub:nth-child(3n+2){
	margin-right: 0 !important;
}

.sc-pools-sub img{
	margin: 0 0 7px 0;
	width: 200px;
	border-radius: 10px 10px 0px 0px;
}
.sc-pools-sub h2{
	font-size: 2em;
	color:#fff;
	font-weight:normal;
}

/* ======Spa Shapes======*/
.sc-spa-sub{
	width: 200px;
	height: 250px;
	margin: 28px 22.5px 0 0;
	float: left;
	text-align: center;
	background-color: #657473;
	border-radius:10px;
}
.sc-spa-sub:nth-child(3n+2){
	margin-right: 0 !important;
}

.sc-spa-sub img{
	margin: 0 0 7px 0;
	width: 200px;
	border-radius: 10px 10px 0px 0px;
}
.sc-spa-sub h2{
	font-size: 2em;
	color:#fff;
	font-weight:normal;
	width:160px;
	margin:0 auto;
}

/* ======Steps======*/
.sc-steps-sub{
	width: 200px;
	height: 220px;
	margin: 28px 22.5px 0 0;
	float: left;
	text-align: center;
	background-color: #657473;
	border-radius:10px;
}
.sc-steps-sub:nth-child(3n+2){
	margin-right: 0 !important;
}

.sc-steps-sub img{
	margin: 0 0 7px 0;
	width: 200px;
	border-radius: 10px 10px 0px 0px;
}
.sc-steps-sub h2{
	font-size: 2em;
	color:#fff;
	font-weight:normal;
	width:150px;
	margin:0 auto;
}


/* ======Swimc-crete Construction Process======*/
.sc-construction-wrapper {
	overflow: hidden;
	margin: 10px 0;
}

.sc-construction {
	width: 170px;
	text-align: center;
	margin: 0 37.5px 0 0;
	float: left;
	overflow: hidden;
	padding: 10px;

}
.sc-construction:last-child{
	margin-right:0;
}

.sc-construction img{
	width:170px;
	margin-bottom:10px;
}
.sc-construction a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.sc-construction h2{
	font-size:1.8em;
	color:#666;
	text-shadow: #fff 1px 1px;
}


.sc-yt-video{
	background-color: #E8E8E8;
	overflow: hidden;
	margin: 30px 0;
	padding: 20px;
}
.sc-yt-video iframe{
	width:220px; 
	height:160px;
	float:right;
	margin: 0 0 0 35px;
	border:1px solid #ccc;
	padding:7px;
	background:#fff;
}
.sc-yt-video h2{
	margin: 0 0 15px 0;
	font-size: 2.3em;
	color: #2F6B80;
	text-shadow: #fff 1px 1px;
	float:left;
}
.sc-yt-video p {
	display:inline;
}
.sc-process-mobile{
	display:none;
}



/* ======Swimc-crete Forming Basics======*/
.sc-method{
	float:left;	
	margin:30px 0 0 0;
	padding:20px;
	background:#E6E6E6;
}

.sc-method h2{
	font-size:2.3em;
	margin-bottom: 10px;
	color:#333;
	text-shadow: #fff 1px 1px;
}

.sc-method img{
	width: 170px;
	float:left;
	margin-right: 20px;
	padding: 6px;
	background:#fff;
	border:1px solid #ccc;
}
.sc-method p{
	overflow:hidden;
}


/* ======Swimc-crete Aluma-trac======*/

.sc-aluma-sub{
	margin: 0 0 20px 0;
	overflow: hidden;
		position:relative;
}

.sc-aluma-sub h2{
	color: #B33334;
	font-size: 2.1em;
	margin:0 0 15px 0;
	text-shadow: 1px 1px #fff;	
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 10px 0;
}
.sc-aluma-sub a{
	min-width: 108px;
	float: left;
	border: 1px solid #666;
	background: #fff;
	margin: 0 10px 0 0;
	text-align: center;
}

.sc-aluma-img{
	width: 250px;
	margin:0px 20px 0 0;
	float:left;
	padding:5px;
	border:1px solid #999;
	background:#fff;
	position:relative;

}
.sc-aluma-sub p{
	margin:5px 0 0 0;
}
.sc-aluma-sub-details{
	overflow: hidden;
	margin: 20px 0 20px 0;
	padding: 15px;
	background: #E6E6E6;
	position:relative;
}

.sc-legend{
	width:23px ;
	margin:-2px 10px 0 0 ;
	position: relative;
	float:left;
}

/* ======Swimc-crete Builders======*/
.sc-builders{
	width:45%;
	float:left;
	margin-right:10%;
}
.sc-builders:last-child{
	margin-right:0%;
}

.sc-builders p a{
	text-decoration:none;
	color:#B33334;
	font-weight:bold;
}
.sc-builders p a:hover{
	text-decoration:underline;
}


/* ================================
   ====== Concrete Form Rental===== 
   ================================ */

.rentalcontainer{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.rentalleft{
	width:70%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items:center;
	text-align:center;
	
		
}

.rentalleft > div{
	width:45%;
	text-align:center;
	padding:1px 1px 0px 5px;
	
	
}

.rentalright{
	width:26%;
	border:thin black double;
	padding:1px 10px 0px 10px;

	
}



/* ===========================
   ====== Media Queries ====== 
   =========================== */

@media screen and (min-width : 481px) and (max-width : 1024px)
{
	body{
		font-size: 70%; /* Base font size: 11px */;
	}
	#header{
		width:95%;
		height:100px;
	}
	#header-wrapper{
		background-position: bottom;
	}

	#logo{
		height:100px;
		float:none;
		width:400px;
		margin: 0 auto;
	}
	#logo img{	
		width:100px;
		margin-top:8px;
	}
	#logo h2 {
		margin-top:23px;
		font-size: 2.9em;
		white-space:nowrap;
	}
	#logo h3 {
		font-size: 1.2em;
		white-space:nowrap;
	}
	
	#top-nav{
		display:none;
	}
	.header-extra{
		display:none;
	}
	#menu{
		width:95%; 	
	}
	#menu .search-site{
		float:left;
		margin: 5px 0 0 0 !important;
		display:inline-block;	
	}
	#menu .search-site form .submit{
	}
	#menu ul{
		display:none; 
	}
	#menu select{
		display: inline-block;
		float: right;
		margin: 5px 0 0 0;
		width: 200px;
		padding: 5px 10px;
		height: 30px;
		font-size:1.5em;
	}
	#menu select option{
		padding-left:10px;
	}
	.slider-wrapper {
		width: 96%;
		height: auto;
		margin-left:auto;
		margin-right:auto;
		float:none;
		padding: 15px 0;
	}
	#main {
		width: 95%;
	}
	#main p{
		font-size: 1.5em;
	}
	#main-col {
		width:100%;
		margin:0;
	}
	#intro {
		height: auto;
		margin:0 auto;
		float:none;
	}
	.home-video-box{
		margin:0 0 20px 0;
		clear:both;
		float:none;
	}
	#intro .links {
		margin:15px 0;
	}
	
	
	.quick-response-desc{
		width:100%;
		float:left;
	}
	.quick-response-form{
		width:100%;
	}
	.quick-response-tb
	{
		width: 100%;
		margin-left:0;
	}
	.quick-response-btn
	{
		margin:10px 0 0;
	}

	.home-products-sub, .home-media-sub {
		width: 100%;
		margin:20px 0 0 0;
		height:auto;
		border-bottom:1px #999  dotted;
		padding-bottom:15px;
	}
	.home-products-sub img {
		float:left;
		margin-right:15px;
		width:210px;
		padding:5px;
	}
	.home-products-sub h2 {
		white-space:normal;
		margin:0 0 10px 0px;
	}
	.home-products-sub p {
		margin-top:0;
		overflow:hidden;
	}
	.home-products-sub .links {
		position:relative;
		float:right;
		margin:10px 5px 0 0;
		font-size: 1.5em;
	}
	.home-media-sub h2{
		white-space: normal;
	}

	#right-col {
		width: 100%;
		margin-top:20px;
	}
	#site-path {
		width:95%;
		margin:0px 0 30px 0;
	}
	#about-us {
		float:none;
		margin:0 auto 30px auto;
		overflow:hidden;
	}
		
	.about-us-left {
		width: 100%;
		margin-bottom:15px;
	}
	.about-video-box{
		height: 209px;
		margin:0;
		width:auto;
	}
	.about-video-box video{
		height: 199px;
		width:auto;
	}

	
	.about-us-right{
		width: 100%;
		margin-bottom:20px;
	}
	.about-us-right ul {
		font-size: 1.5em;
	}
	.testi-box {
		width: auto;
		float:none;
		margin:15px auto 30px auto;
		display:block;
		overflow:hidden;
		height:auto;
	}
	.testi-box p span {
		margin:5%;
	}
	.testi-message {
		height:auto;
		margin-bottom:20px;
	}
	.testi-header {
		white-space:nowrap;
	}
	#portfolio{
		width:100%;
		margin:0 auto;
	}
	.album-box{
		margin:0 2% 10px 0;
		width:47%;
		height:auto;
		
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		
		border:1px solid #C0C0C0;
		overflow:hidden;
		position:relative;

	}
	.album-box a span{    
        position:absolute; 
        width:100%;
        height:100%;
        z-index: 1;
        display:block;
        overflow:hidden;
    }
	.album-box img{
		width: 100px;
		float: left;
		margin: 10px;
		-moz-box-shadow: 0 0 0;
		-webkit-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border: 1px solid #C0C0C0;
		padding: 3px;
	}
	.album-box a p{
		width:50%;
		margin:10px 0 0 0 !important;
		font-size:1.3em !important;
		text-align:left !important;
		float:left;
	}
	#gallery{
		width: 98%;
		margin:20px auto;
		text-align:center;
	}
	.album-name{
		font-size: 1.8em;
		margin-bottom:20px;
	}
	#gallery .content, .controls, .slideshow-container, .loader, .slideshow, .caption-container, .navigation, #galleriffic, .thumb, .caption, .image-title, .navigation-container
	{
		display:none !important;
	}
	.picture-box{
		display:inline-block;
		margin:0 1% 15px 1%;
		width:120px;
		height:80px;
		text-align:center;
		overflow:hidden;
		float: none;
		vertical-align:top;
		border:1px solid #999;
	}
	#gallery a img{
		border:none;
		width:120px;
	}
	
	#videos{
		width:100%;
		margin:0 auto;
	}
	.video-box{
		height: 200px;
		width:166px;
	}
	.video-box a img{
		width: 150px;
	}
	#concrete-forms, #accessories, #applications {
		width: 100%;
		margin:0 auto;
	}
	.concrete-forms-sub, .accessories-sub, .applications-sub {
		width: 99.6%;
	}
	.concrete-forms-sub h2, .accessories-sub h2, .applications-sub h2 {
		font-size: 1.5em;
	}
	.concrete-forms-sub p, .accessories-sub p, .applications-sub p{
		font-size: 1.5em !important;
		line-height:23px !important;
	}
	.view-details{
		font-size: 1.4em;
	}

	#cf-info, #acc-info, #app-info{
		width: 100%;
		margin:0 auto;
	}
	#cf-details-box{
		width: 60%;
	}
	.cf-image-thumb{
		margin-right:5px;
	}
	#cf-info h1, #acc-info h1, #app-info h1{
		margin:0 0 20px 0;
	}
	.p-mobile{
		display:inline-block;
		vertical-align:top;

	}
	.pp{
		display:none;
	}	
	

	
	.us-states{
		width:22%; 
		margin:0 10px 0 0;
	}
	.us-states a, .countries a{
		font-size: 1.5em ; 
	}
	#sales{
		margin-top:0;
	}
	.sales-group{
		width:100%;
		margin-right:0;
	}
	.mobile-zoom{
		display: inline;
	}
	.desktop-zoom{
		display: none;
	}



	.contacts-tb
	{
	    width:96%;
	}
	.contacts-btn	{
	    margin-right:15px;
	}

	#company-details{
		width:100%;
	}
	#company-map{
	}
	#side-extra h2 {
		width:300px;
	}
	#spanish-keywords ul{
		text-align:left;
	}

	.spanish-sub{
		text-align:left;
	}
	.spanish-sub img{
		float:left;
		margin:0 15px 0 8px;
	}
	.spanish-sub a{
		float:left;
	}

	.spanish-video-box{
		margin-right:40px;
		width:340px;
		height:96px;
	}
	.spanish-video-box h3{
		font-size:1.4em;
	}
	
	.fs-photo-gallery{

	}

	.fs-photo-gallery a{
		margin:0 10px 5px 0 !important;
		float:none;
	}
	
	#fs-benefits-box, #fs-process-box{
		display: block;
	}
	#albumSpotlight	
	{
	    display:none;
	}

	#albumSpotlightMobile
	{
	    display:block;
	}
	.fs-album-box-mobile{
		margin:0 2% 20px 0;
		width:47%;
		height:auto;
	
		float:left;	

		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		
		border: 1px solid #ccc;

		overflow:hidden;
	}
	.fs-album-box-mobile:nth-child(even){
		margin-right:0;
	}
	.fs-album-box-mobile:nth-child(odd){
		margin-right:2%;
	}
	.fs-album-box-mobile a span{    
        position:absolute; 
        width:100%;
        height:100%;
        z-index: 1;
        display:block;
        overflow:hidden;
	}
	.fs-album-box-mobile img{
		width: 100px;
		float:left;
		margin: 15px; 
	}
	.fs-album-box-mobile a {
	}
	.fs-album-box-mobile a p{
		width: 50%;
		float:left;	
		line-height:20px !important;
		font-size:1.3em !important;
		text-align:left !important;
	}
	
	#fs-benefits, #fs-process{
		width: auto !important;
	}
	

	#fs-benefits-sub, #fs-process-sub {
		display:block;
		width: auto;
	}



	
	#footer-wrapper {
		height:100%;
	}
	#footer {
		width: 85%;
		height:100%;
		padding:0;
	}
	.footer-links {
		margin-left:0;
	}
	.footer-links ul li a {
		font-size: 1em;
	}
	.company-links {
		margin-right:17% ;
		margin-left:0;
	}
	.quick-links {
		margin-right:0;
		margin-left:0;
	}


	.social-media-links{
		width:100%;
		height:auto;
		text-align:center;
		margin-top:25px;
		margin-bottom:20px;
	}
	.social-media-links ul li {
		display:inline-block;
		margin:0 5px;
	}	
	.social-media-links img {
		width: 37px;
	}
		
	#mailing-list {
		display:none;
	}
	
	#company-info {
		margin-right: 18% ;
	}

	#copyright {
		width: 100%;
		text-align:	center;
		position:relative;
		overflow:hidden;
	}
	#copyright p{
		width: 100%;
		margin-bottom:5px;
	}
	#copyright a{
		width: 100%;
		margin:0 0 5px 0;
		display:inline-block;
	}
	#credits{
		display:none;
	}


	
	#divider-vert, #home-divider-vert{
		display:none;
	}
	.divider{
		width:100%;
		text-align:center;
	}
	.divider img{
		width:70%;

	}
	a.go-to-top {
		background-size: 100% 100%;
		bottom: .8em;
		right: .8em;
		width: 35px;
		height: 35px;
	}
	
	.QR-left{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.QR-right{
		float:none;
		width:100%;

	}
		

	
	
	/* ======Swim-crete======*/
	.home-sc-sub h2{
		margin: 0 0 15px 0;
		font-size: 2.3em;
	}

	.sc-misc-sub{
		float:none;
		padding: 20px 0 !important;
		margin: 0 auto 20px auto;
		border:none;
		box-shadow:none;
	}
	
	.sc-products h2{
		margin: 0 auto 10px;
		color: #4D4D4D;
		font-size: 2em;
		text-shadow: 1px 1px #fff;
	}
	
	.sc-view{
		margin-top:15px !important;
		font-size: 1.3em;
	}
	
	.sc-industry:nth-child(n){
		margin:0 10px 20px 10px !important;
	}
	.sc-industry h2{
		font-size: 1.4em;
	}
	
	.sc-pools-sub:nth-child(n), .sc-spa-sub:nth-child(n), .sc-steps-sub:nth-child(n) {
		margin:20px 20px 10px 0 !important;
	}
	.sc-pools-sub h2, .sc-spa-sub h2, .sc-steps-sub h2 {
		font-size: 1.8em;
		line-height: 30px;
	}
	
	
	.sc-construction {
		width: 33.33%;	
		padding:0;
		margin:20px 0;
	}

	.sc-yt-video h2{
		float:none;
		font-size: 2.2em;
	}
	.sc-yt-video p {
		display:inline;
		text-align:justify;
	}
	.sc-method .p-mobile{
		display:inline;
	}
	
	.sc-process-mobile{
		display:block;
	}
	.sc-process-sub{
		margin:20px 0;
		float:left;
	}
	.sc-process-sub h2{
		text-align:left;
		font-size: 2.1em;
		padding:7px 0;
		border-bottom:1px solid ;
		margin-bottom:20px;
	}
	.sc-process-sub p{
		overflow:hidden;
	}
	.sc-process-sub img{
		width:180px;
		float:left;
		padding:5px;
		background:#fff;
		border:1px solid #ccc;
		margin-right:15px;
	}

	
}

@media only screen and (min-width : 851px ) and (max-width : 1024px )
{
			
	.slider-wrapper {
		padding: 30px 0;
	}
	
	.concrete-forms-sub, .accessories-sub, .applications-sub  {
		width:48%;
		height:200px;
	}		
	
}

@media screen and (min-width : 850px) and (max-width : 960px)
{
	.systems-sub h2 {
		margin:0;
		width:100%;
	}
	.systems-sub img{
		margin-top:15px;
	}

}

@media screen and (min-width : 481px) and (max-width : 849px)
{
	.systems-sub {
		padding:25px 20px;
	}

	.systems-sub h2 {
		margin:0 0 20px 0;
		width:100%;
		float:left;
	}
	.systems-sub img{
		float:left;
		margin:0 0 20px 0;
	}
	.systems-sub p{
		float:left;
	}
	
	.company-links {
		margin-right:10% ;
	}
	#company-info {
		margin-right: 10% ;
	}
	

}

@media screen and (min-width : 481px) and (max-width : 700px)
{
	.sitemap-sub{
		width:100%;
	}
	
	.about-us-left {
		width:248px;
	}
	.about-video-box{
		margin:0;
		width:248px;
		height:auto;
	}
	.about-video-box video{
		width:238px;
		height:auto;
	}
	
	.company-links {
		display:none;
	}
	.quick-links {
		display:none;
	}
	
	#footer-wrapper {
		height:100%;
	}
	#footer {
		width: 85%;
		height:100%;
		padding:0;
	}
	.footer-mobile-links{
		display:inline-block;
		height:auto;
		text-align:center;
		width:100%;
		margin-bottom:20px;
	}
	.footer-mobile-links select{
		width: 200px;
		padding: 5px 10px;
		height: 30px;
		font-size:1.5em;	
	}
	.social-media-links{
		width:100%;
		height:auto;
		text-align:center;
		margin-top:10px;
		margin-bottom:20px;
	}
	.social-media-links ul li {
		display:inline-block;
		
	}	
	.social-media-links img {
		width: 35px;
	}
	
	#mailing-list {
		display:none;
	}
	#company-info {
		float:none;
		margin: 20px auto 10px auto;
		width:100%;
		height:auto;
		overflow:hidden;
	}
	#company-info p {
		text-align: center;
	}
	#footer-logo{
		text-align:center;
	}

	#copyright {
		width: 100%;
		text-align:	center;
		position:relative;
		overflow:hidden;
	}
	#copyright p{
		width: 70%;
		margin:5px auto;
	}
	#copyright a{
		width: 100%;
		margin:0 0 5px 0;
		display:inline-block;
	}
	#credits{
		display:none;
	}
	
	.sc-main-products{
		width: 400px;
	}
	.sc-pools{
		background-image: none;
	}
	.sc-steps{
		background-image: none;
	}
	.sc-spas{
		background-image: none;
	}
	
	.sc-builders{
		width:100%;
		margin-right:0;
	}
	
}

@media screen and (min-width : 481px) and (max-width : 650px)
{
	.sc-construction-wrapper {
		text-align:center;
	}

	.sc-construction {
		width: 100%;	
		padding:0;
		margin:20px 0;
	}

	.sc-yt-video h2{
		float:none;
		font-size: 2.2em;
	}
	.sc-yt-video p {
		display:inline;
		text-align:justify;
	}
	
	.sc-yt-video{
		text-align:center;
		width:60%;
		margin:30px auto;
		float:none;
		padding:30px 20px;
	}
	
	.sc-yt-video iframe{
		float:none;
		margin:0 0 20px 0;
	}
	
	.sc-yt-video p {
		display:inline-block;
	}

}


@media screen and (min-width : 481px) and (max-width : 600px)
{
	.album-box{
		margin: 5px auto 0 auto;
		width: 99%;
		height: auto;
		text-align:left;
		border-radius: 0px ;
		-moz-border-radius: 0px ;
		-webkit-border-radius: 0px ;
		border:1px solid silver;
		float:none;
		overflow:hidden;
	}
	.album-box img{
		margin: 5px;
		width:80px;
		float:left;

		-moz-box-shadow: 0 0 0;
		-webkit-box-shadow: 0  0 0;
		box-shadow: 0 0 0 ;
		
		border-radius: 0px ;
		-moz-border-radius: 0px ;
		-webkit-border-radius: 0px ;
	}
	.album-box a p{
		margin:10px 0 0 5px !important;
		font-size:1.4em !important;
		text-align:left !important;
		float:left;
		width:60%;	
	}
	
	
	.fs-album-box-mobile{
		margin: 5px auto 0 auto;

		width: 99%;
		height:auto;
		text-align:left;
		float:left;	

		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		
		border: 1px solid #ccc;

		overflow:hidden;
	}
	.fs-album-box-mobile:nth-child(even){
		margin-right:auto;
	}
	.fs-album-box-mobile:nth-child(odd){
		margin-right:auto;
	}
	.fs-album-box-mobile img{
		width: 80px;
		float:left;
		margin: 5px; 
		border:1px solid #ccc;
		padding:3px;
		
		-moz-box-shadow: 0 0 0;
		-webkit-box-shadow: 0  0 0;
		box-shadow: 0 0 0 ;
		
		border-radius: 0px ;
		-moz-border-radius: 0px ;
		-webkit-border-radius: 0px ;

	}
	.fs-album-box-mobile a p{
		width: 60%;
		float:left;	
		line-height:20px !important;
		font-size:1.4em !important;
		text-align:left !important;
		margin:10px 0 0 5px !important;
	}
	
	
	#fs-benefits-sub p, #fs-process-sub p{
		clear:none !important;
	}


	
	#catalogs{
		width: 100%;
		margin:0 auto;
	}
	.catalogs-sub{
		width: 90%;
		margin-right:0;
	}
	#us-map{
		height: 300px;
		margin: 10px 0 50px 0;
	}
	#world-map{
		height: 300px;
		margin-bottom: 50px;
	}
	.us-states{
		width:100%; 
		float:left;
		overflow:hidden;
		height:auto;
		margin:0;
	}
	.contacts-tb
	{
	    width:95%;
	}
	.contacts-btn	{
	    margin-right:0;
	}

	#spanish-keywords ul{
		text-align:center;
	}
	.intl-presentation{
		text-align:center;
	}
	.intl-presentation img{
		float:none;
		margin:0;
	}
	.intl-presentation p{
		font-size: 1.8em !important;
		line-height:26px !important;
		font-weight:bold;
		margin:15px 0 0 0 !important;
		text-align:center !important;
	}
	.intl-presentation .links{
		display:none;
	}

	
	.spanish-sub{
		text-align:center;
	}
	.spanish-sub img{
		float:none;
		margin:0 0 15px 0;
		clear:both;
	}
	.spanish-sub a{
		float:none;
	}
	.pp{
		display:none;
	}
	#fs-info p{
		clear:both;
	}
	.seal-box{
		float:none;
		margin:0 auto;
	}
	.seal{
		clear:both;
		float:left;
		margin:0 0 10px 0;
	}
	.iframe-box{
		margin:0 auto;
	}
	
	/* ======Swim-crete======*/
	.home-sc-sub h2{
		margin: 0 0 15px 0;
		font-size: 1.8em;
	}
	.home-sc-sub img{
		width: 180px;
	}
	
	.sc-aluma-img{
		width: 200px;	
	}
	
	.sc-method h2{
		font-size: 2em;
		line-height:30px;
	}

}	
@media screen and (min-width : 481px) and (max-width : 550px)
{
	.sc-process-sub{
		margin:20px auto;
		float:none;
		text-align:center;
		width:80%;
	}
	.sc-process-sub h2{
		text-align:center;
		margin-bottom:10px;
	}
	.sc-process-sub p{
	
	}
	.sc-process-sub img{
		margin:10px 0;
		float:none;
		width: 220px;
	}
}

@media screen and (min-width : 150px) and (max-width : 957px) 
{ 
	.twitter-timeline{
		width:95% !important;
		margin:0 auto !important;
		position:relative !important;
		display:block !Important;
	}

	.tweet{ 
		height:auto; 
		margin:10px 0;
	} 

}

@media screen and (min-width : 572px) and (max-width : 957px) 
{ 
	.tweet{ 
		width:85%;
	} 

}

@media screen and (min-width : 417px) and (max-width : 571px) 
{ 
	.tweet{ 
		width:80%;
	} 

}

@media screen and (min-width : 345px) and (max-width : 416px) 
{ 
	.tweet{ 
		width:75%;
	} 

}

@media screen and (min-width : 320px) and (max-width : 344px) 
{ 
	.tweet{ 
		width:70%;
	} 

}
@media screen and (min-width : 150px) and (max-width : 319px) 
{ 

	.tweet{ 
		width:90%;
		height:auto; 
		margin:10px 0;
	} 

}



@media screen and (min-width : 150px) and (max-width : 480px)
{
	#header-wrapper{
		background-position: bottom;
	}
	#header{
		width:95%;
		height:70px;
	}
	
	#logo{
		height:100px;
		float:none;
		width:340px;
		margin: 0 auto;
	}
	#logo img{	
		width:70px;
		margin:5px 0 0 5px;
	}
	#logo h2 {
		font-size: 2.5em;
		margin:12px 0 0 0;
		white-space:nowrap;
		left:-7px;
	}
	#logo h3 {
		font-size: 1.2em;
		white-space:nowrap;
		margin:0;
		left:-7px;
	}
	#top-nav{
		display:none;
	}
	.header-extra{
		display:none;
	}
	#menu-wrapper{
		width:100%;
		height: 40px;
				
	}
	#menu{
		width: 100%;
		height: 40px;
		text-align:center;
		position:absolute;
		margin:auto;
		
		
	}
	#menu .search-site{
		margin:10px 0;
		width:250px;
		float:none;
		text-align:center;
	}
	#menu ul{
		display:none; 
	}
	#menu li{
		display:inline-block;
		
		
			
	}
	#menu select{
		display: inline-block;
		margin: 5px 0 0 0;
		padding: 5px 10px 5px 0;
		height: 30px;
		font-size: 1.5em;
		width:100%;
		position: relative;
		float:none;
	}
	#menu select option{
		padding-left:10px;
	}
	.slider-wrapper {
		width: 95%;
		height: auto;
		margin:10px auto 25px auto;
		padding:0;
	}
	
	#main {
		width: 90%;
	}
	#main h1{
		text-align:center;
		font-size:2.9em;
	}
	#main p{
		font-size: 1.6em;
		line-height: 24px;
	}
	#main-col {
		width:100%;
		margin:0;
	}
	#intro {
		height: auto;
		float:none;
		text-align:center;
	}
	.home-video-box{
		margin:0 auto 20px auto;
		clear:both;
		float:none;
	}

	#intro .links {
		margin:15px 0;
		float:none;
	}
	
	
	.quick-response h2 img{
		display:none;
	}
	.quick-response-tb
	{
		width: 100%;
		margin-left:0;
	}
	.quick-response-btn
	{
		margin:10px 0;
	}
	
	
	.home-products-sub {
		margin:15px auto 35px auto !important;
		height:auto;
		padding-bottom:20px;
		border-bottom:1px dotted #999;
		text-align:	center;
		display:block;
		float:none;
	}
	.home-products-sub h2 {
		white-space:normal;
		font-size:2.4em;
		margin-top:10px;
	}
	.home-products-sub img {
		float:none;
		width:220px;
		padding:5px;
	}
	.hps-image-box{
		width:230px;
		float:none;
		margin:0 auto;
	}
	.home-products-sub p {
		text-align:justify;
		font-size: 1.6em;
		width:230px;
		margin:20px auto;
		line-height:24px;
	}
	.home-products-sub .links {
		position:relative;
		margin:10px 0 0 0;
		float:none;
	}
	.home-media-sub {
		margin:15px auto 35px auto !important;
		height:auto;
		padding-bottom:20px;
		border-bottom:1px dotted #999;
		text-align:	center;
		display:block;
		float:none;
		width:260px;
	}
	.home-media-sub h2{
		white-space:normal;
		font-size:2.4em;
		margin-top:10px;
	}
	.home-media-sub img {
		float:none;
		width:200px;
		padding:5px;
		margin:0 auto;
	}
	.home-media-sub p {
		width:230px;
		margin:15px auto;

	}
	#right-col {
		width: 100%;
		margin:20px auto 0 auto;
	}
	#site-path {
		margin:0px auto 30px auto;
		font-size: 1.1em;
	}
	#about-us {
		float:none;
		margin:0 auto 10px auto;
		overflow:hidden;
		text-align:center;
	}
	
	.about-us-left {
		float:none;
		margin:0 auto 15px auto;
		overflow:hidden;
	}
	.about-video-box{
		margin:1px 0 0 0;
		width:248px;
		height:auto;
	}
	.about-video-box video{
		width:238px;
		height:auto;
	}

	
	
	.about-us-right{
		width: 100%;
		margin-bottom:20px;
	}
	.about-us-right ul{
		font-size: 1.6em;
		line-height:24px;
	}
	.about-us-right ul li{
		text-align:left;
	}
	
	

	
	
	
	#letter{
		width:88%;
		padding-left:5%;
		padding-right:5%;
		float:none;
		margin:0 auto;
	}

	#testimonial{
		float:none;
		margin:15px auto;
	}
	.testi-box {
		width: auto;
		float:none;
		margin:15px auto 30px auto;
		display:block;
		overflow:hidden;
		height:auto;
	}
	.testi-box p span {
		margin-left:5%;
	}
	.testi-message {
		height:auto;
		margin-bottom:20px;
	}
	.testi-header {
		white-space:nowrap;
	}
	.testi-box footer p{
		font-size: 1.7em;	
	}
	#letter h2{
		font-size: 1.6em;
	}
	#letter p{
		margin-top: 20px;
		width:90%;
	}
	#portfolio{
		text-align:center;
	}
	#portfolio p{
		font-size: 1.6em;
		line-height:24px;
	}
	.album-box{
		margin: 5px auto 0 auto;
		width: 99%;
		height: auto;
		text-align:left;
		border-radius: 0px ;
		-moz-border-radius: 0px ;
		-webkit-border-radius: 0px ;
		border:1px solid silver;
		float:none;
		overflow:hidden;
		position:relative;
	}
	.album-box a span{    
        position:absolute; 
        width:100%;
        height:100%;
        z-index: 1;
        display:block;
        overflow:hidden;
    }
	.album-box img{
		margin: 5px;
		width:80px;
		float:left;
		 /*box-shadow: h-shadow v-shadow blur spread color inset;*/;
		-moz-box-shadow: 0 0 0;
		-webkit-box-shadow: 0  0 0;
		box-shadow: 0 0 0 ;
		
		border-radius: 0px ;
		-moz-border-radius: 0px ;
		-webkit-border-radius: 0px ;
	}
	.album-box a p{
		margin:10px 0 0 5px !important;
		font-size:1.4em !important;
		text-align:left !important;
		float:left;
		width:60%;	
	}
	#gallery{
		width: 98%;
		margin:20px auto;
		text-align:center;
	}
	.album-name{
		font-size: 1.6em;
		margin-bottom:20px;
	}
	#gallery .content, .controls, .slideshow-container, .loader, .slideshow, .caption-container, .navigation, #galleriffic, .thumb, .caption, .image-title, .navigation-container
	{
		display:none !important;
	}
	.picture-box{
		display:inline-block;
		margin:0 1% 5px 1%;
		height:58px;
		width:87px;
		text-align:center;
		overflow:hidden;
		float: none;
		vertical-align:top;
		border:1px solid #999;
	}
	
	#gallery a img{
		border:none;
		width:87px;
	}
	#videos{
		width: 95%;
		margin:0 auto;
		text-align:left !important;
		position:relative;
	}
	#videos .links{
		text-align:center;
	}
	.video-box{
		width:auto !important;
		margin:15px auto 15px auto !important;
		float:none !important;
		overflow:hidden;
		height:auto;
	}
	.video-box a{
		display:none;
	}
	.video-box iframe{
		display:inline-block;
		position: relative;
		border: 1px solid #CCCCCC;
		padding: 7px;
		background-color: #fff;
		width: 90%;
		height: 158px;

	}
	/*.video-box{
		width:90% !important;
		height:67px;
		border:1px solid #c1c1c1;
		padding:5px;
		margin:10px auto 0 auto !important;		
		display:block;
		position:relative;
	}*/
	.video-box h3{
		font-size:1.5em !important;
		float:none;
		margin:10px 0 0 0;
		padding:0 10px;
	}
	.video-thumb-box{
		width:89px;
		float:left;
		margin:0 10px 0 0;
		
	}
	.video-box a img{
		width:80px;
		border:4px solid #fff;
		
	}
	.video-box-click span{
		position:absolute; 
        width:100%;
        height:100%;
        z-index: 99;
        display:block;
        overflow:hidden;
        top:0;
        left:0;
	}
	#video-player{  
	     padding:5px;
	     width:auto;
	     text-align:center;
	}
	.video-player-box{
	    margin-top:10px;
	    background-color:#000;
	    width:100%;
	}
	#video-player iframe{
	     text-align:center;
	     margin:14px 0 10px 0;
	     width:80%;
	}
    #video-player h3{
	    margin:30px 0 0 0;
	    font-size: 1.6em;
	    color: #0066CC;
	    line-height:20px;
    }
    
	.concrete-forms-sub, .accessories-sub, .applications-sub  {
		width: 99%;
		height:auto;
	}
	.concrete-forms-sub h2, .accessories-sub h2, .applications-sub h2 {
		font-size: 1.6em;
	}
	.concrete-forms-sub p, .accessories-sub p, .applications-sub p{
		font-size: 1.6em !important;
		line-height:24px !important;
		margin-bottom:35px !important;
	}
	.concrete-forms-sub img{
		margin-bottom: 15px;
		margin-right: 25px;
	}
	.accessories-sub img {
	}
	.view-details{
		font-size: 1.4em;
	}
	.aside ul li a {
		font-size: 1.5em;
	}
	#cf-info h1, #acc-info h1, #app-info h1{
		margin-bottom:20px ;
	}
	#cf-info p, #acc-info p,  #app-info p, #fs-info p{
		font-size:1.6em !important;
		clear:both;
	}
	#cf-image-box{
		float:none;
		margin:0 auto 20px auto;
	}
	#cf-details-box{
		width: 100%;
	}
	#cf-details-box h2{
		font-size: 1.7em;
	}
	.cf-details, .acc-details, .app-details{
		font-size:1.6em;
		line-height:24px;
	}
	.acc-details{
		float:left;
	}

	#cf-image-thumb-box{
		text-align:center;
	}
	.cf-image-thumb{
		float:none;
		display:inline-block;
		margin:0 5px 0 5px;
	}
	.cf-image-thumb img{
		width:50px;
	}
	.cf-image-thumb h2{
		font-size:1.2em;
	}
	.acc-details-gallery{
		text-align:center ;
		width:100%;
	}
	.acc-details-gallery a{
		float:none;
	}
	.acc-type-details, .app-type-details{
		margin-bottom: 20px;
	}
	.acc-type-details h3, .app-type-details h3{
		clear:both;
	}
	.acc-type-details h4, .app-type-details h4{
		clear:both;
	}
	.acc-type-details p, .app-type-details p{
		display:inline-block;
		float:left;
		width: 100%;
	}
	.p-mobile{
		display:inline-block;
	}
	.pp{
		display:none;
	}
	.straight-filler-pin{
		clear:both;
	}
	.insulation{
		width:290px !important;
	}
	#spanish-keywords ul{
		text-align:center;
	}
	.spanish-sub{
		text-align:center;
	}
	.spanish-sub img{
		float:none;
		margin:0 0 15px 0;
		clear:both;
	}
	.spanish-sub a{
		float:none;
	}
	.systems-sub {
		padding:25px 15px;
		text-align:center;
	}

	.systems-sub h2 {
		margin:0 0 15px 0;
		width:100%;
		float:left;
	}
	.systems-sub img{
		float:none;
		margin:0 0 10px 0;
		width:95%;;
		height:auto;
	}
	.systems-sub p{
		float:left;
	}
		
	#fs-info ul{
		font-size:1.6em;
		line-height:24px;
	}
	#fs-info h2 {
		text-align:center;
	}
	.fs-photo-gallery{
		text-align:center;
	}

	.fs-photo-gallery a{
		margin:0 10px 10px 0 !important;
		float:none;
	}
	.intl-presentation{
		text-align:center;
	}
	.intl-presentation img{
		float:none;
		margin:0;
	}
	.intl-presentation p{
		font-size: 1.8em !important;
		line-height:20px !important;
		font-weight:bold;
		margin:15px 0 0 0 !important;
		text-align:center !important;
	}
	.intl-presentation .links{
		display:none;
	}
	

	
	.iframe-box{
		margin:0 auto;
		width:90%;
	}
	.seal-box{
		float:none;
		margin:0 auto;
	}
	.seal{
		clear:both;
		text-align:center;
		margin:0 0 10px 0;
		float:none;
	}


	.catalogs-sub{
		width: 99%;
		margin-right:0;
		float:none;
		overflow:hidden;
		position:relative;
		padding:20px;
		text-align: center;
		box-sizing:border-box;	
	}
	.catalogs-sub:nth-child(even){
		margin-right:0 !important;
	}
	.catalogs-sub img{
		width: ;
		border:3px solid #fff;
		margin:0;
		float:none;
	}
	.catalogs-sub p{
		font-size: 2.3em !important;
		font-weight:bold;
		margin:20px auto !important;
		float:none;
		text-align:center !important;
	}
	.catalogs-sub .links{
		
	}
	
	.services-sub {
		text-align:center;
		width:90%;
		margin:0 auto 30px auto;
		float:none;
	}
	.services-sub img{
		margin:0 0 20px 0 ;
		float:none;
	}
	.services-sub p{
		width:100%;
		
	}
	.links-list{
		font-size: 1.6em;
	}
	
	.toggle-map{
		float:none;
		text-align:center !important;
		padding: 8px 5px;
	}
	.toggle-map a{
		font-size: 2.0em;
		float:none;
	}
	.toggle-map a img{
		float:none;
	}
	.mobile-zoom{
		display: inline;
	}
	.desktop-zoom{
		display: none;
	}



	#us-map, #world-map{
		height: 200px;
		margin: 10px 0 50px 0;
	}
	.us-states{
		width:100%; 
		float:left;
		overflow:hidden;
		height:auto;
		margin:0;
	}
	.us-states a, .countries a{
		font-size: 1.6em ; 
	}
	.countries {
		width:100%; 
		float:left;
		overflow:hidden;
		height:auto;
		margin-right:0;	
	}

	#sales {
		margin-top: 0;
		font-size: 1.6em ; 
	}
	#sales p{
		margin-top: 0;
		font-size: 1.6em ; 
		text-align:left;
		line-height:28px;
	}
	.sales-group{
		width:100%;
		margin-right:0;
	}

	#contact-form{
		text-align:center;
	}
	.contacts-tb
	{
	    width:90%;
	    float:none;
	}
	.contacts-btn	{
	    margin-right:5px;
	}
	.validator{
		text-align:left;
	}
	#company-details{

		width: 100%;
	}
	#company-map-wrapper{
		width: 100%;
	}

	#company-map{
		width: 100%;
	}
	.spanish-videos{
		text-align:center;
	}
	.spanish-video-box{
		width:70%;
		margin:0 auto 30px auto;
		float:none !important;
		overflow:hidden;
	}
	.spanish-video-box a{
		display:none;
	}
	.spanish-video-box iframe{
		display:inline;
	}
	.spanish-video-box h3{
		font-size:1.5em;
	}
	.sitemap-sub{
		width:100%;
	}
	
	#fs-benefits-box, #fs-process-box{
		display: block;
	}
	
	.fs-benefits, .fs-process {
		text-align:center;
	}
	
	.fs-benefits a, .fs-process a{
		float:none;
	}
	
	.fs-benefits img, .fs-process img {
		margin:10px 0 15px 0;
	}
	
	.fs-benefits p, .fs-process p {
		font-size:1.4em !important;
		overflow: hidden;
	}
	#albumSpotlight	
	{
	    display:none;
	}

	#albumSpotlightMobile
	{
	    display:block;
	}
	
	.fs-album-box-mobile{
		margin: 5px auto 0 auto;

		width: 99%;
		height:auto;
		text-align:left;
		float:none;	

		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		
		border: 1px solid #ccc;

		overflow:hidden;
		
	}

	.fs-album-box-mobile:nth-child(even){
		margin-right:auto;
	}
	.fs-album-box-mobile:nth-child(odd){
		margin-right:auto;
	}
	.fs-album-box-mobile a span{    
        position:absolute; 
        width:100%;
        height:100%;
        z-index: 1;
        display:block;
        overflow:hidden;
    }
	.fs-album-box-mobile img{
		width: 80px;
		float:left;
		margin: 5px; 
		border:1px solid #ccc;
		padding:3px;
		
		-moz-box-shadow: 0 0 0;
		-webkit-box-shadow: 0  0 0;
		box-shadow: 0 0 0 ;
		
		border-radius: 0px ;
		-moz-border-radius: 0px ;
		-webkit-border-radius: 0px ;
		

	}
	.fs-album-box-mobile a p{
		width: 55%;
		float:left;	
		line-height:20px !important;
		font-size:1.4em !important;
		text-align:left !important;
		margin:10px 0 0 5px !important;
	}
	
	#fs-benefits, #fs-process{
		width: auto !important;
	}
	#fs-benefits h3, #fs-process h3{
		text-align:center;
	}

	#fs-benefits-sub, #fs-process-sub {
		display:block;
		width: auto;
		text-align:center;
	}
	#fs-benefits-sub a , #fs-process-sub a{
		float:none !important;
	}
	#fs-benefits-sub a img, #fs-process-sub a img{
		float:none !important;
		margin-bottom:20px;
	}
	#fs-benefits-sub p , #fs-process-sub p{
		text-align:center;
	}


	
	#footer-wrapper {
		height:100%;
	}
	#footer {
		width: 85%;
		height:100%;
	}
	.footer-links {
		margin-left:0;
	}
	.company-links {
		display:none;
	}
	.quick-links {
		display:none;
	}
	.footer-mobile-links{
		display:inline-block;
		height:auto;
		text-align:center;
		width:100%;
		margin-bottom:20px;
	}
	.footer-mobile-links select{
		width: 200px;
		padding: 5px 10px;
		height: 30px;
		font-size:1.5em;	
	}
	.social-media-links{
		width:100%;
		height:auto;
		text-align:center;
		margin-top:10px;
		margin-bottom:30px;
	}
	.social-media-links ul li {
		display:inline-block;
		margin: 0 5px;
	}	
	.social-media-links img {
		width: 35px;
	}
	
	
	#mailing-list {
		display:none;
	}	
	#company-info {
		width:100%;
		float:none;
		margin: 20px auto 10px;
		height:auto;
		overflow:hidden;
	}
	#footer-logo{
		text-align:center;
	}
	#company-info p {
		text-align: center;
	}
	#copyright {
		width: 100%;
		text-align:	center;
		position:relative;
		overflow:hidden;
	}
	#copyright p{
		width: 70%;
		margin:0 auto 5px;
	}
	#copyright a{
		width: 100%;
		margin:0 0 5px 0;
		display:inline-block;
	}
	#credits{
		display:none;
	}


	#divider-vert, #home-divider-vert{
		display:none;
	}
	.divider{
		width:100%;
		text-align:center;
	}
	.divider img{
		width:90%;
	}

	a.go-to-top {
		background-size: 100% 100%;
		bottom: .8em;
		right: .8em;
		width: 35px;
		height: 35px;
	}
	
	/* ======Swim-crete======*/
	.home-sc-sub{
		text-align:center;
		width:70%;
		margin: 30px auto 50px	auto !important;
		float:none;
	}
	.home-sc-sub:last-child{
		margin-bottom: 30px;

	}
	.home-sc-sub h2{
		margin: 0 0 10px 0;
		font-size: 2.3em;
	}
	
	.home-sc-sub img{
		width:180px;
		float:none;
		clear:both;
		margin:0 0 10px 0;
	}
	
	.sc-misc-sub{
		float:none;
		padding: 20px 0 !important;
		margin: 0 auto 20px auto;
	}
	
	.sc-products{
		text-align:center;
		width:80%;
		margin:0  auto 30px;
		float:none;
		padding:15px 25px;
	}
	.sc-products img{
		float:none;
		margin:15px;
	}

	.sc-view{
		float: none;
		right:0;
		position:relative;
	}
	.sc-aluma-sub-details{
		text-align:center;
		padding:20px 10%;
	}
	
	.sc-aluma-img{
		width: 200px;	
		margin:0 0 20px 0;
		clear:both;
		float:none !important;
	}
	.sc-industry:nth-child(n){
		margin:0 auto 20px auto !important;
		float:none;
		clear:both;
	}
	
	.sc-main-products{
		width: 80%;
		height: 65px;
		margin:15px auto 15px;
		float:none;
		position:relative;
		overflow:hidden;
	}
	.sc-pools{
		background-image: none;
	}
	.sc-steps{
		background-image: none;
	}
	.sc-spas{
		background-image: none;
	}
	.sc-main-products h2{
		font-size: 3.3em;
		line-height:65px;
		margin: 0 0 0 20px;
	}
	.sc-main-products img{
		margin-left:10px;
		width:80px;
	}
	
	.sc-pools-sub:nth-child(n), .sc-spa-sub:nth-child(n), .sc-steps-sub:nth-child(n) {
		margin:20px auto 10px auto !important;
		float:none;
		clear:both;
	}
	.sc-pools-sub h2, .sc-spa-sub h2, .sc-steps-sub h2 {

		line-height: 30px;
	}
	.sc-builders{
		width:100%;
		margin-right:0;
	}
	
	
	.sc-construction-wrapper {
		text-align:center;
	}

	.sc-construction {
		width: 100%;	
		padding:0;
		margin:20px 0;
	}
	.sc-yt-video{
		text-align:center;
		width:80%;
		margin:30px auto;
		float:none;
		padding:30px 20px;
	}
	
	.sc-yt-video h2{
		float:none;
		font-size: 2.2em;
	}
	.sc-yt-video p {
		display:inline-block;
	}
	
	
	.sc-yt-video iframe{
		float:none;
		margin:0 0 20px 0;
		width:80%;
		height:auto;
	}
	
	.sc-method{
		float:none;	
		margin:30px auto 0 ;
		text-align:center;
	}
	.sc-method img{
		width: 170px;
		float:none;
		margin: 0 0 20px 0;
	}
	
		
	.sc-process-mobile{
		display:inline;	
	}
	.sc-process-sub{
		margin:20px auto;
		float:none;
		text-align:center;
		width:85%;
	}
	.sc-process-sub h2{
		text-align:center;
		margin-bottom:10px;
		font-size: 2.3em;
		padding:7px 0;
		border-bottom:1px solid ;
	}
	.sc-process-sub p{
		overflow:hidden;
	}
	.sc-process-sub img{
		margin:10px 0;
		float:none;
		width:200px;
		padding:5px;
		background:#fff;
		border:1px solid #ccc;

	}
	
	
	#dvCaptcha{
		float:left !important;
		margin:30px auto 0 !important;
		transform:scale(0.85);
		-webkit-transform:scale(0.85);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		text-align:center;
		display:inline-block;
	}

	#rfvCaptcha{
		margin-top:-30px;
	}
	
	
	
	.QR-left{
		float:none;
		width:100%;
		margin-bottom:10px;
	}
	.QR-right{
		float:none;
		width:100%;

	}

    #dvCaptcha-QR{
    	float:right;
		transform:scale(0.85);
		-webkit-transform:scale(0.85);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		text-align:center;
		display:inline-block;
		margin:0px -45px 0 0;
	}


}

@media screen and (min-width : 311px) and (max-width : 400px)
{
	#logo{
		margin: 0 auto;
		width:283px;
	}

	#logo h2 {
		font-size: 2.5em;
		margin:23px 0 0 0;
		left: -5px;
	}
	#logo h3 {
		display:none;
	}
	

}
@media screen and (min-width : 100px) and (max-width : 310px)
{	
	#logo{
		margin: 0 auto;
		width:210px;
	}

	#logo h2 {
		font-size: 2.5em;
		margin:23px 0 0 0;
		width: 100%;
		text-align:center;
		position:relative;
		left:auto;
	}
	#logo h3 {
		display:none;
	}
	#logo img {
		display:none;
	}
	.about-us-left{
		width:202px;
	}

	.about-us-left img{
		width:190px;
		float:none;
	}
		
	.about-video-box{
		width:202px;
	}
	.about-video-box video{
		width:99%;
		box-sizing: border-box;
	}

}


@media screen and (min-width : 0px) and (max-width : 303px)
{
	.toggle-map a{
		font-size: 1.4em;
	}

}