@import url(http://fonts.googleapis.com/css?family=Jura&v1);
@import url(http://fonts.googleapis.com/css?family=Varela&v1);
@import url(http://fonts.googleapis.com/css?family=Tangerine&v1);

*{
	margin:0;
	padding:0;
}


/*body*/
body {
	font-size: 62.5%; /* Base font size: 10px */;
	background-repeat: repeat;
	background-attachment: fixed;
	background-image: url('images/aluminum-formwork-ashlar-stone.png');
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	position:relative;
}

body img { 
	border: 0px; 
	text-decoration: none; 
}


/* Texbox Placeholders*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {/* WebKit browsers */
    color: #666;
	text-shadow: #fff 1px 1px;
}
input:-moz-placeholder, textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #666;
	text-shadow: #fff 1px 1px;
	opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
    color: #666;
	text-shadow: #fff 1px 1px;
    opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666;
	text-shadow: #fff 1px 1px;
}

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

a.go-to-top {
	background: url('../images/arrow_up.png') no-repeat center;
	width: 42px;
	height: 42px;
	position: fixed;
	bottom: 4em;
	right: 4em;
	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;
}


/*Button-Links*/
.button-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: #2B59A4;
	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;
}
.button-links:hover {
	color: #333333 !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;

}


/*Container*/
#container {
	width: 980px;
	margin: 0px auto;
	position: relative;

	padding: 0 20px;
	background-color: #FFFFFF;
	border-right:1px solid #999;
	border-left:1px solid #999;
}


/*Header Section*/
#header {
	width: 980px;
	height: auto;
	padding: 0px;
	position: relative;
	overflow:hidden;
}

#logo {
	float: left;
	padding: 0px;
	margin:25px 0 20px 0;
	position:relative;
}

#logo img
{
	float:left;
}

#logo_name {
	margin: 15px 0 0px 10px;
	position: relative;
	float:left;
	width:450px;
}
#logo_name img {
	padding: 0px;
	position: relative;
	margin: 0px 0 2px 0;
	float:left;
	height:38px;
}

#logo_name h3 {
	padding: 0px;
	font-size: 1.7em;
	position: relative;
	z-index: 3;
	font-family: 'Jura', Lucida Fax; /*font-family: "Lucida Fax";*/ /*font-style: italic;*/;
	color: #333333;
	width: 550px;
	float:left;
	margin-left:10px;
}


#social-media {
	float: right;
	padding: 0px;
	margin: 75px 0px 0px 0px;
	overflow:hidden;
	height:21px;
}
#social-media p {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.3em;
	color: #666;
	float:left;
	width:120px;
	margin-bottom:5px;
}
#social-media a{
	text-decoration:none;
	outline:none;
	float:left;
	margin-left:5px;
}
#social-media a img{
}

#social-media-follow{
	margin:0 0 10px;
	float:left;
	overflow:hidden;
	width:auto;
}
.fb-like{
	display:inline;
	margin:0 5px 0 0;
	vertical-align:middle;
}
.twitter-follow-button{
	display:inline;
	vertical-align:middle;
}


/*Navigation Section*/

#top-nav {
	width: 978px;
	height: 35px;
	padding: 0px;
	background-image: url('images/glassbg.jpg');
	background-repeat: repeat-x;
	background-color: #6189BD;
	border:1px solid #093B92;
	position: relative;
	margin:0 auto 10px;
	display:table;
	overflow:hidden;
}

#top-nav ul  {
	margin: 0px;
	list-style-type: none;
	width: 978px;
	height:35px;
	position:relative;
	display:table-row;
}

#top-nav ul li {

	position: relative;
	padding: 0px;
	margin: 0;
	height:35px;
	padding:0 ;
	border-right:1px solid #fff;
	display:table-cell;
	text-align:center;
	width:107px;
}
#top-nav ul li:last-child {
	border-right:none;
}


#top-nav ul li a {
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	position: relative;
	line-height:35px;
	text-shadow:1px 1px #000;
	width:100%;
	display:block;
}

#top-nav ul li:hover, #active_link {
	color: #fff;
	background: url('images/nav_hover.png');
	background-repeat: repeat-x;
}


/* ===========================
	Mobile Menu
   =========================== */
   
#mobile-menu-wrapper{
	display:none;
	height: auto;
	border-top: 1px solid #e6e6e6;
	overflow:hidden;
	
	margin:0 auto 10px;
	background-color: #6189BD;
	background-repeat: repeat-x;
	background-image: url('images/mobile-menu-bg.jpg');
}
#mobile-menu{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	height:auto;
}
#mobile-menu ul{
	list-style:none;
	-webkit-transition: max-height 0.6s ease;
	-moz-transition: max-height 0.6s ease;
	-o-transition: max-height 0.6s ease;
	transition:  max-height 0.6s ease;
}
#mobile-menu ul li{
	display:inline-block;
	box-sizing:border-box;
	width:100%;

	text-align:center;
	border-bottom:1px dotted #fff;
	position:relative;
}
#mobile-menu ul li:first-child{
	border-top:1px dotted #ccc;
}

#mobile-menu ul li:last-child{
	border-bottom: none;
}

#mobile-menu ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 1.7em;
	display:inline-block;
	width:100%;
	padding:13px 0;
}
#mobile-menu ul li a:hover{
	color: #ccc;
}


.handle{
	width:100%;
	text-align:left;
	box-sizing: border-box;
	padding:15px 20px;
	cursor:pointer;
	font-size: 1.9em;
	color:#fff;
}
.menu-bars{
	padding: 2px 5px;
	float:right;
}
.menu-bars > div{
	width:20px;
	height:4px;
	background:#fff;
	margin:3px 0;

}

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


/* ===========================
	Content
   =========================== */

#content {
	margin: 15px auto 0px;
	padding: 25px;
	width: 928px;
	background-color: #fcfcfc;
	border:1px solid #E4E4E4;
	position: relative;
	overflow:hidden;
	min-height:100%;
	height:100%;

}

#content p{
	overflow:hidden;
	font-size: 1.5em;
	line-height: 27px;
	color: #333333;
	text-shadow:1px 1px #fff;
}
#content h1 {
	margin: 0px 0 25px 0;
	padding: 0px;
	font-size: 3.3em;
	color: #0F4397;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-weight:normal;
	text-shadow:1px 1px #fff;
}



/*Introduction Section*/

#intro {
	margin: 0 auto 20px auto;
	width: 928px;
	height: 320px;
}
#intro h1{
	text-align:center;
}

#intro p {
	text-align: justify;
	width: 540px;
	padding: 0px;
	position: relative;
	float:left;
}
#intro img {
	float: right;
	margin: 25px 0 0 20px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	height:170px;

}


/*Main - Left content*/
#main{
	float: left;
	width: 700px;
	margin: 0 0px 20px 0;
	position:relative;
}

/*Right Sidebar*/
#right-sidebar {
	margin: 0 0 20px 0px;
	padding: 0px;
	float: right;
	width: 204px;
	overflow:hidden;
	position: relative;
}


.vert-border{
	  height: 100%;
	  width: 1px;
	  position: absolute;
	  border-right: 1px dotted #999;
	  box-shadow: 1px 0 0 0 #fff;
	  -moz-box-shadow: 1px 0 0 0 #fff;
	  -webkit-box-shadow: 1px 0 0 0 #fff;
	  right: 230px;
	  margin-top:10px;
}


/*Home Contents*/
.home-content {
	border: 1px solid #003467;
	background-position: bottom;
	width: 698px;
	margin: 0px 0px 15px 0;
	background-repeat: repeat-x;
	background-color: #E4ECF3;
	overflow:hidden;
}
.home-content h2 a {
	margin: 0px 0px 5px 0px;
	color: #FFFFFF;
	padding: 5px 3px 3px 15px;
	text-align: left;
	font-size: 1.1em;
	background-image: url('images/h3.png');
	background-repeat: repeat-x;
	font-weight: bold;
	float: left;
	width: 682px;
	text-decoration: none;
	height: 21px;
	background-color: #3c5888;
	text-shadow:1px 1px #000;
}
.home-content h2 a:hover {
	color: #CCCCCC;
}

.home-content h5 a {
	float: right;
	color: #003366;
	margin:0 15px 15px 0;
	text-decoration: none;
	font-size:1.7em;
	text-shadow:1px 1px #fff;
}
.home-content h5 a:hover {
	color: #808080;
}

/*Benefits Preview*/

.home_benefits {
	width: 680px;
	height: 128px;
	border-bottom:1px dotted #333;
	padding-bottom: 0px;
	padding-top: 10px;
	margin:0 5px 8px 10px;
	float: left;
}
.home_benefits img {
	border: 1px solid #666666;
	float: left;
	margin-right: 10px;
}
.home_benefits p {
	width: 500px;
	float: left;
	text-align: justify;
	margin: 3px 5px 0px 5px;
	line-height:20px !important;
	font-size:1.4em !important;
}

/*Process Preview*/
.home_process {
	width: 220px;
	height: 340px;
	float: left;
	margin-right: 5px;
	margin-left: 7px;
	overflow:hidden;
}
.home_process img {
	margin-left: 8px;
	border: 1px solid #666666;
	margin-top: 5px;
}
.home_process h3 {
	color: #333333;
	text-align: center;
	margin-top: 10px;
	font-size: 1.6em;
	font-style: normal;
	font-weight: bold;
	text-shadow:1px 1px #fff;
}
.home_process p {
	width: 200px;
	margin-left: 10px;
	text-align: justify;
	margin-top: 10px;
	line-height:20px !important;
	font-size:1.4em !important;
}

/*Videos Preview*/
.home_videos {
	width: 200px;
	height: 300px;
	float: left;
	margin-right: 5px;
	margin-left: 7px;
	padding:10px
}
.home_videos img {
	width:198px;
	border: 1px solid #666666;
}
.home_videos h3 {
	color: #333333;
	text-align: center;
	margin-top: 10px;
	font-size: 1.6em;
	font-style: normal;
	line-height:20px !important;
	text-shadow:1px 1px #fff;
}
.home_videos p {
	line-height:20px !important;
	font-size:1.4em !important;
	text-align: justify;
	margin-top: 10px;
}

.home_videos a:hover img, #home-catalog a:hover img, .home-testi a:hover img{
	filter: alpha(opacity=50);
	opacity: 0.5;
}

/*Home Catalog*/
#home-catalog {
	width: 200px;
	height: 220px;
	padding: 0px;
	float: left;
	text-align: center;
	background-color: #DADDE4;
	border: 1px solid #586681;
}
#home-catalog  h2 a 
{
	margin: 0px;
	color: #FFFFFF;
	padding: 7px 3px 3px 10px;

	text-align: left;
	font-size: 1em;
	background-image: url('images/h2left.png');
	background-repeat: repeat-x;
	float: left;
	width: 187px;
	text-decoration: none;
	background-color: #586681;
	height: 19px;
	text-shadow:1px 1px #000;
}
#home-catalog  h2 a:hover
{
	color: #CCCCCC;
}

#home-catalog img {
	padding: 4px;
	margin: 22px 0px 10px 0px;
	border: 1px solid #999;
	background:#fff;
	width:70px;
	height:90px;
	
}
#home-catalog p {
	font-size: 12px !important;
	line-height: 20px !important;
	font-family: Arial, Helvetica, sans-serif;
	width:100px;
	margin:0 auto;
	text-shadow:1px 1px #eee !important;
}
#home-catalog p a {
	color: #003366;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;

	line-height: 10px !important;
	text-decoration: none;
}
#home-catalog p a:hover {
	color: #808080;
	text-decoration: none;
}

/*Home Twitter*/
#home-twitter{
	width: 204px;
	margin: 20px 0 0 0;
	overflow:hidden;
	float:left;
}

.twitter-timeline{
	height:942px !important;
}


/*About Us*/
#about-us {
	width: 700px;
	height: auto;
	float: left;
	margin-bottom: 40px;
	position:relative;
}
#about-us p {
	position: relative;
	text-align:justify;
}
#about-us img {
	border: 1px solid #999999;
	float: right;
	margin: 5px 0 20px 30px ;
	-moz-box-shadow: 5x 5px 5px  #AEAEAE;
	-webkit-box-shadow: 5px 5px 5px  #AEAEAE;
	box-shadow: 5px 5px 5px  #AEAEAE;
}

#hq {
	width: 700px;
	float: right;
	margin: 30px 0px 0px 0px;
}
#hq img{
	width: 700px;
	margin-bottom:5px;
}
.side-links-box{
	margin-top:10px;
}
.side-links-box h2{
	font-size: 2.3em;
	font-weight: normal;
	color: #999999;
	border-bottom: 1px dotted #999;
	padding: 0 0 10px 20px;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.side-links {
	list-style:none;
}
.side-links li{
	border-bottom:1px dotted #999;
	padding:10px 0;
}

.side-links li a{
	font-size: 1.6em;
	font-weight:normal;
	color:#999;
	text-decoration:none;
	margin:0px 0 0 20px;
}
.side-links li a:hover, .selected{
	color:#599CD2 !important;
}

.sub-links{
	margin:10px 0 0 15px;
	list-style:none;
}
.sub-links li{
	border-bottom:none !important;
}

.sub-links li a{
	color: #599CD2;
}
.sub-links li a:hover, .selected-sub{
	color: #022C7E !important;
}


/*Testimonios*/
#testi_container {
	padding: 0px;
	width: 700px;
	height: auto;
	float: left;
	margin: 0 0 40px 0;
}
.testi{
	width: 700px;
	height: 150px;
	padding: 0px;
	float: left;
	border-bottom:1px dotted #999999;
	margin: 10px 20px 15px 0;
	overflow:hidden;
}
.testi:nth-child(even) {
	margin-right:0 !important;
}

.testi img {
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	margin: 0 15px 10px 0px;

	-moz-box-shadow: 4x 4px 4px  #AEAEAE;
	-webkit-box-shadow: 4px 4px 4px  #AEAEAE;
	box-shadow: 4px 4px 4px  #AEAEAE;

}
.testi a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.testi h5
{
	margin: 0px 5px 7px 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	text-align: left;
}
.testi h5 a
{	
	color: #1D3C72;
	text-decoration: none;
}
.testi h5 a:hover
{
	color: #666666;
	text-decoration: underline;
}

.testi p {
	text-align: justify;
}
.testi h4 a
{
	text-decoration: none;
	font-size: 1.3em;
	color: #30708B;
	float: right;
	margin-top:15px;
}
.testi h4 a:hover
{
	text-decoration: underline;
	color: #808080;
}

#testi-letter {
	float: left;
	border: 1px solid #ccc;
	margin: 10px 0;
	overflow:hidden;
	padding:20px;
}

#testi-letter .letterhead  {
	position: relative;
	display: block;
	margin: 10px auto 20px;
}
.testi_whole
{
	padding: 0px;
	width: 700px;
}
.testi_whole p {
	float: left;
	margin: 0px 0px 20px 0px;
	text-align:justify !important;
}
.testi_whole strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	float: right;
	width: 325px;
	text-align: justify;
	color: #163D63;
	font-style: italic;
}
.testi_whole img{
	
}

#back2top {
	width: 200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#back2top a {
	text-decoration: none;
	font-size: 1.6em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #1D3C89;
}

#back2top a:hover
{
	color: #666666;
}

/*Youtube Videos Section*/

#videos-wrapper{
	margin-top:30px;
}

#video2_rightcol a:hover img, #video2_botcol a:hover img, #video2_leftcol a:hover img

{
	filter: alpha(opacity=50);
	opacity: 0.5;
	border: 1px solid #FFFFFF
}

.thumb_title {
	text-align: center;
	width:209.5px;
	font-size:1.4em !important;
	font-weight:bold;
}


#video2_leftcol, #video2_rightcol {
	width:230px;
	height: 693px;
	float: left;
	margin: 0px;
	background-color: #ddd;
	position: relative;
	overflow:hidden;
}
.video2_thumb_cont {
	padding:10px;
	border-bottom:1px dotted #999;
	float: left;
	height:210px;
}
.video2_thumb_cont img {
	border: 1px solid #fff;
	margin-bottom: 3px;
	width:207.5px;

}

#video2_botcol {
	width: 928px;
	height: auto;
	float: left;
	background-color: #ddd;
	padding-bottom: 20px;
	overflow:hidden;
	text-align:center;
}
.video2_bot_cont
{
	padding:10px;
	height: 220px;
	border-bottom:1px dotted #999999;
	float: left;
	overflow:hidden;
	margin: 10px 3px 0 0;
}
.video2_bot_cont:nth-child(4n+4)
{
	margin-right: 0;
}

.video2_bot_cont img{
	border: 1px solid #fff;
	margin-bottom: 3px;
	width:207.5px;
}

#video2_centercol {
	background-position: top;
	width: 448px;
	height: 673px;
	float: left;
	background-color: #1b1b1b;
	padding: 10px;
}
#videoDiv_cont {
	float: left;
	margin-top: 15px;
}
#videoDiv {
	clear: both;
}
#videoDiv_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #fff;
	margin: 30px 20px 20px;
	text-align: center;
	text-shadow:1px 1px #000; 
	font-weight:normal;
}
#videoDiv_desc {
	font-size: 1.6em;
	color: #fff !important;
	text-shadow:1px 1px #000 !important;
	text-align: justify;
	margin:0 20px;
}


/*Distributor Map*/
.map-wrapper{
	padding-top: 0;
	border-bottom: 1px dotted #999;
}
#us-map, #world-map{
	width:100%;
	height: 500px;
	margin-bottom: 30px;
	position:relative;
}

.select-map{
	margin: 20px 0;
	overflow: hidden;

}
.select-tab{
	width: 350px;
	background-color: #98B0D1;
	float: left;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 2em;
	color: #333333;
}
.select-tab img{
	height:30px;
	vertical-align:middle;
	margin-left:10px;
}

.select-tab a{
	text-decoration: none;
	color: #333333;
	width:100%;
	display:block;

}
.select-tab:hover{
	box-shadow: 0 0 0 1px #666 inset;
}


.selected-tab{
	background-color: #ddd;
	box-shadow: 0 0 0 1px #666 inset;
	
}


/*Contact us*/
#contact-form
{
    overflow:hidden;
    margin:5px 0 30px 20px;
    position:relative;
}
#contact-form h2
{
    margin-bottom:7px;
	font-size: 2.1em;
	text-align: left;
	color: #808080;
	text-shadow: 1px 1px #fff;
	box-shadow: 0 1px 0 0 #fff;
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-weight:normal;
}

.contacts-tb
{
	padding: 10px 10px 10px 10px;
	width: 100%;
	outline: none;
	position: relative;
	font-size: 1.2em;
	border: none;
	margin: 7px 0 0 0;
	background: #eee;
	font-family: Verdana;
	color: #666;
	-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;
	text-shadow:1px 1px #fff;
	box-sizing:border-box;	
}
.contacts-tb:focus{
	box-shadow: 0 0 2px 1px #599CD2 inset;
}
.contacts-btn
{
    padding:10px 20px;
	background:#E4E4E4;
	font-family:Verdana;
	color:#666;
	font-size: 1.2em;
	border:none;
	outline:none;
	float:right;
	clear:both;
	margin-top:7px;
	text-decoration:none;
	text-shadow: #fff 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;
	background: #c0c0c0;
	-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;
	color: #CC3300;
}
.contacts-result
{
	font-size: 1.4em;
	color: #E8A61E;
	font-weight: bold;
	line-height: 24px;
}



/*Company details*/

#company-details{
	line-height: 24px;
	margin: 0 0 20px 0;
	position: relative;
	text-align: justify;
	text-shadow: #fff 1px 1px;
	overflow:hidden;
	padding-top: 30px;
	
	width: 322px;
	float:left;
}
#company-details span{
	color:#333;
	font-weight:bold;
}
#company-details p{
	float:left;
}
#company-details a  {
	text-decoration: none;
	color: #599CD2;
	text-shadow: #fff 1px 1px;
	font-weight:bold;
}
#contact-us a:hover {
	text-decoration: underline;
}
#company-details img {
	height:27px;
	float:left;
	margin-right:5px;
}
#company-map-wrapper{
	width: 332px;
	text-align:center;
	overflow:hidden;
	float:right;
	padding-top: 30px;
}
#company-map-wrapper a{
	font-size: 1.2em;
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #333;
	font-weight: bold;
	text-shadow: #fff 1px 1px;

}
#company-map{
	width: 332px;
	height:205px;
	margin: 0 0 12px 0;
	float:left;
}




/*Sales*/

#sales{
	line-height:24px;
	margin:10px 0 0 20px;
}
#sales h3{
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	margin-top: 6px;
	font-size: 2.3em;
	text-align: left;
	color: #808080;
	text-shadow: 1px 1px #fff;
	box-shadow: 0 1px 0 0 #fff;
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}
.sales-group{
	float:left;
}

.sales-sub{
	margin-bottom:23px;
	position:relative;
	font-size: 1.5em;
	text-shadow:1px 1px #fff;
	line-height: 27px;
}
.sales-sub h4{
	font-size: 1.3em;
	color: #333;
	font-weight: normal;

}
.sales-sub span {
	color: #4D4D4D;
	font-family: sans-serif;
	
}
.sales-sub a{
	text-decoration: none;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #599CD2 ;
	font-weight: bold;
	font-size: .9em;
}
.sales-sub a:hover{
	text-decoration: underline;
}


/*Catalog*/

.catalog {
	margin: 30px 30px 30px 0;
	width: 409px;
	float: left;
	padding: 20px;
	background-color: #eee;
}
.catalog:last-child {
	margin-right: 0 !important;
}

.catalog a img {
	float: left;
	margin: 0 0 10px 0;
	height: 160px;
	-moz-box-shadow: 6x 7px 6px 1px #999;
	-webkit-box-shadow: 6px 7px 6px 1px #999;
	box-shadow: 6px 7px 6px 1px #999;
}

.catalog h2
{
	width: 220px;
	margin:0 0 0 30px;
	color: #3C5787;
	float: left;
	font-size: 2.1em;
	line-height:30px;
}

/*Distributors*/
.distributors-sub{
	font-size: 1.4em;
	line-height: 23px;
	border: 1px solid #ccc;
	background-color: #f4f4f4;
	padding: 15px;
	margin:30px 0 0;
}
.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-distributor
{
    overflow:hidden;
    margin:5px 0 30px 0x;
    position:relative;
}

.contacts-distributor-tb
{
	padding: 10px 10px 10px 10px;
	width:100%;
	outline: none;
	position: relative;
	font-size: 1.2em;
	border: none;
	margin: 7px 0 0 0;
	background: #eee;
	font-family: Verdana;
	color: #666;
	-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;
	text-shadow:1px 1px #fff;
	box-sizing:border-box;	
}
.contacts-distributor-tb:focus{
	box-shadow: 0 0 2px 1px #599CD2 inset;
}


/*Satellite*/
#MassHousing
{
	margin-top: 25px;
	overflow:hidden;
}
.MassHousingCont {
	padding: 10px 10px 15px;
	border: 1px dotted #808080;
	width:318px;
	margin: 0 20px 20px 0;
	background-color: #EEEEEE;
	display:block;
	overflow:hidden;
	float:left;
}
.MassHousingCont:nth-child(2n+2){
	margin-right:0;
}
.MassHousingCont img 
{
	padding: 4px;
	margin: 0px 20px 0 0;
	width: 130px;
	float: left;
	background:#fff;
	border:1px solid #ccc;
	
	-moz-box-shadow: 4x 4px 4px  #999;
	-webkit-box-shadow: 4px 4px 4px  #999;
	box-shadow: 4px 4px 4px  #999;
}

.MassHousingCont a:hover img
{
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.MassHousingCont h2 
{	
	font-weight:normal;
	font-size: 2em;
	color: #1D3C72;
	margin-left: 10px;
	display:block;
}


.dz_map 
{
	float:left;	
	margin: 30px 0;
	width:100%;
	height: 600px;
	position:relative;
}
.dz_map a img 
{
	z-index: 99; 
	visibility:visible;
	position:relative;
}

.sat-map{
	width: 700px; 
	height: 600px; 
	position: absolute; 
	z-index: 1;
}



#map_bg {
	padding: 0px;
	margin: 0px;
	width: 1050px;
	height: auto;
	float: left;
	min-height: 300px;
	background-color: #E4E8F1;
}

.thumbnail
{
	position: relative;
	visibility: hidden;
}

.thumbnail:hover{
	z-index: 100;
	text-decoration: none;
}

.thumbnail span{
	/*CSS for enlarged image*/
	margin: 0px;
	position: absolute;
	background-color: #333333;
	padding: 5px 2px 2px 2px;
	left: -9999px;
	visibility: hidden;
	color: #FFFFFF;
	text-decoration: none;
	width: auto;
	height: auto;
	border-radius: 8px 8px 8px 0;
	moz-border-radius: 8px 8px 8px 0;
	webkit-border-radius: 8px 8px 8px 0;
	text-align: center;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: small;
}
.thumbnail span img{
	/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{
	visibility: visible;
	bottom: 25px;
	left: 12px; /*position where enlarged image should offset horizontally */
}


#Map_thumbs {
	float: left;
	margin-top: 20px;
	background:#eee;
	width:670px;
	padding:15px;
}
#Map_thumbs ul {
	float:left;
}
#Map_thumbs ul li {
	display: inline-block;
	margin-right: 9px;
}
#Map_thumbs ul li:last-child {
	margin-right: 0px !important;
}

#Map_thumbs ul li img {
	border: 2px solid #999999;
	background-color: #333333;
}
#Map_thumbs ul li a:hover img, .Active_thumb
{
	border: 2px solid #003366 !important;
	filter: alpha(opacity=70);
	opacity: .7;
}

#Map_thumbs ul li p {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.3em;
	color: #20324D;
	text-align: center;
	font-weight: bold;
}

#Map_project {
	background-position: center;
	width: 720px;
	float: right;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color: #FFFFFF;
	margin: 80px 60px 0 0;
	text-align: center;
	padding: 10px 0;
	background-color: #4B648F;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-radius: 10px 10px 0 0;
	moz-border-radius: 10px 10px 0 0;
	webkit-border-radius: 10px 10px 0 0;
	background-repeat: repeat-x;
	background-image: url('images/strike_bg.png');
	font-weight: normal;
}

.gigapixel-sub{
	float:left;
	background:#ddd;
	margin-bottom:20px;
	overflow:hidden;
	height:400px;
	width:100%;
}
.gigapixel-sub h2{
	margin:15px 0 10px 10px;
	font-size:2.1em;
}



/*Job Site*/
.jobsite {
	margin: 25px 30px 30px 0;
	width: 409px;
	float: left;
	background-color: #EBEBEB;
	padding: 20px;
}
.jobsite:last-child {
	margin-right:0;
}
.jobsite h2{
	margin: 0 0px 15px 0px;
	font-size: 2.5em;
	font-weight: normal;
	padding-bottom:10px;
	border-bottom:1px dotted  #003366;
}
.jobsite h2 a{
	color: #003366;
	text-decoration: none;
}
.jobsite h2 a:hover{
	text-decoration: none;
	color: #999;
}
.jobsite p {
	display:inline;
}
.jobsite a:hover {
	color: #999999;
	text-decoration: underline;
}
.jobsite img {
	border: 5px solid #FFFFFF;
	color: #999999;
	text-decoration: none;
	margin: 0 30px 20px 0;
	-moz-box-shadow: 6x 7px 6px #999;
	-webkit-box-shadow: 6px 7px 6px #999;
	box-shadow: 6px 7px 6px #999;
	width:160px;
	height:130px;
	float:left;
}
.jobsite a:hover img {
	filter: alpha(opacity=80);
	opacity: .8;
}


/*Gallery*/
#albumGallery {

}
.album-box{
	border: 2px solid #eee;
	margin: 0 10px 20px;
	padding:20px;
	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;
	box-sizing: border-box;
	height:270px;
}
.album-box span{    
    display:none;
}
.album-box img{
	width: 120px;
	margin: 0 auto;
	-moz-box-shadow: 5px 5px 5px 1px #B9B9B9;/*box-shadow: h-shadow v-shadow blur spread color inset;*/;
	-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:20px !important;
	font-size:1.3em !important;
	text-align:center !important;
	color: #15346A !important;
}
.album-box a:hover{
	color: #666 !important;
	text-decoration:none !important;
}
.album-box a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#photoGallery{
	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;
}



/*Footer*/

#bot-nav ul {
	list-style-type: none;
	height: 20px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 5px;
}
#bot-nav ul li {
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
}
#bot-nav ul li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1D3C72;
	font-weight: bold;
}
#bot-nav ul li a:hover {
	color: #808080;
}
#footer {
	background-position: center;
	float: left;
	width: 980px;
	margin: 0px 0px 20px 0;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('images/glassbg_blue_ver.jpg');
	border-radius: 0 0 10px 10px;
	moz-border-radius: 0 0 10px 10px;
	webkit-border-radius: 0 0 10px 10px;
	background-repeat: repeat-x;
}
#footer p {
	width: auto;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.1em;
	text-align: center;
	height: auto;
	color: #1D3C72;
	margin: 0px 0px 7px 0px;
	line-height: 15px;
}
#footer p a {
	color: #1D3C85;
	font-weight: normal;
}


/*Footer*/
#fs-benefits-box, #fs-process-box{
	display:none;
	overflow:hidden;
	position:relative;
}

.fs-benefits, .fs-process {
	border-top: 1px dotted #333;
	border-right: 1px dotted #333;
	border-left: 1px dotted #333;
	margin: 0;
	padding: 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;
}


#gallery-content {
	width: 930px;
	overflow: hidden;
	padding: 0px 0px 35px 0px;
	position:relative;
}

.mobile-videos-wrapper{
	margin:30px auto;
	overflow:hidden;
	display:none;
}
.mobile-video-box{
	text-align: left;
	overflow: hidden;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 10px 20px;
	background: #EEEEEE;
}
.mobile-video-box iframe{
	margin:0 auto 20px;
}


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

@media screen and (min-width : 481px) and (max-width : 1024px)
{
	body{
		font-size: 70%; /* Base font size: 11px */;
	}
	
	#container {
		height: 100%;
		width: auto;
		padding: 0;
		border-right: none;
		border-left: none;
	}
	
	#header {
		width:95%;
		margin:0 auto;
		float:none;
		height:auto;
	}
	
	#logo {
		width:100%;
		float:none;
		margin:20px auto;
		overflow:hidden;
		text-align:center;
	}
	
	#logo img
	{
		width:50px;
		float:none;
	}
	
	#logo_name {
		margin: 10px 0 0 0;
		float:none;
		width:100%;
		text-align:center;
		height:auto;
		overflow:hidden;
	}
	#logo_name img {
		padding: 0px;
		position: relative;
		z-index: 1;
		margin: 0px auto;
		float:none;
		width:290px;
		display:block;
	}
	
	#logo_name h3 {
		font-size: 1.6em;
		float:none;
		margin: 0px auto;
		width:auto;
	}
	
	#social-media {
		float: none;
		padding: 0px;
		margin: 0 auto 20px;
		overflow:hidden;
		height:21px;
		width:180px;
		text-align:center;
	}
	
	#top-nav{
		display:none;
	}
	#mobile-menu-wrapper{
		display:block;
		width:95%;
	}
	#mobile-menu ul{
		max-height:0;
	}
	.show-mobile-menu{
		max-height:500px !important;
	}
	
	#banner{
		width:95%;
		height:auto;
		margin:0 auto 60px;
		
	}
	#banner img{
		width:100%;
		height:auto;
	}

	#content {
		width:95%;
		height:auto;
		margin:20px auto 0px;	
		overflow:hidden;
		padding:15px;
		float:none;
		box-sizing:border-box;
	}
	#content h1{
		text-align:center;
	}

	
	#intro {
		width: 100%;
		height: auto;
		text-align:center;
	}
	#intro p {
		width: 100%;
		float:none;
		margin:20px 0 0 0;
	}
	#intro img {
		float: none;
		margin: 5px 0 0 0;
	
	}
	
	#main{
		float: none;
		width: 100%;
	}
	#right-sidebar {
		float: none;
		width: 100%;
		text-align: left !important;
	}
	
	.vert-border{
		display:none;		
	}



	.home-content {
		width: 100%;
		height:auto;
	}
	.home-content h2 a {
		width: 100%;
		padding:5px 15px;
	}

	
	.home_benefits {
		width: 100%;
		height: auto;
		border-bottom:1px dotted #333;
		padding: 15px;
		margin:0;
		box-sizing:border-box;

		
	}
	.home_benefits img {
		border: 1px solid #666666;
		float: left;
		margin-right: 15px;
	}
	.home_benefits p {
		width: auto;
		float: none;
		margin:0;

	}
	
	.home_process {
		width: 100%;
		height: auto;
		float: none;
		overflow:hidden;
		padding: 15px;
		margin:0;
		box-sizing:border-box;

	}
	.home_process img {
		margin: 0 15px 0 0;
		float:left;
		width:150px;
	}
	.home_process p {
		width: auto;
		float: none;
		margin:0;

	}
	.home_process h3 {
		text-align: left;;
		margin-top: 0px;
	}

	.home_videos {
		width: 100%;
		height: auto;
		float: none;
		overflow:hidden;
		padding: 15px;
		margin:0;
		box-sizing:border-box;
	}
	.home_videos img {
		margin: 0 15px 0 0;
		float:left;
		width:150px;
	}
	.home_videos h3 {
		text-align: left;;
		margin-top: 0px;
	}
	.home_videos p {
		width: auto;
		float: none;
		margin:0;
	}

	#home-catalog {
		width: 100%;
		height: auto;
		float: none;
		overflow:hidden;
		padding-bottom:15px;
		margin:0;
		box-sizing:border-box;
	}
	#home-catalog  h2 a 
	{
		text-align: left;
		margin-top: 0px;
		width: 100%;
		padding:7px 15px;
	}
	

	#home-twitter{
		width: 100%;
		margin: 20px 0 0 0;
		overflow:hidden;
		float:none;
	}
	
	.twitter-timeline{
		width:100% !important;
		margin:0 auto !important;
		position:relative !important;
		display:block !Important;
	}

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

	#footer {
		width: 95%;
		height:auto;
		padding:15px 0;
		line-height:35px;
		float:none;
		margin:0 auto;
	}
	
	a.go-to-top {
		bottom: 1.5em;
		right: 1.5em;
	}
	
	#about-us {
		width: 100%;
		height: auto;
		float: none;
		margin:0 auto 40px;
		text-align:center;
	}
	#about-us img {
		border: 1px solid #999999;
		float: none;
		margin: 0 0 30px 0;
	}
	
	#hq {
		width: 100%;
		float: none;
		margin: 30px auto 0;
		text-align:center;
	}
	#hq img{
		width: 100%;
		margin-bottom:5px;
	}

	#hq p{
		text-align:center;
	}

	#testi_container {
		width: 100%;
		height: auto;
		float: none;
		margin: 0 auto 40px;
	}
	#testi-letter {
		float: none;
		border: 1px solid #ccc;
		margin: 10px 0;
		overflow:hidden;
		padding:20px;
		box-sizing:border-box;
		text-align:justify;
	}
	
	.jobsite {
		margin: 25px 0 0 0;
		width: 100%;
		float: none;
		padding: 15px;
		box-sizing:border-box;
		overflow:hidden;
	}
	
	.MassHousingCont {
		padding: 10px;
		width:100%;
		margin: 0 0 20px 0;
		float:none;
		box-sizing:border-box;
	}
	
	.catalog {
		margin: 30px 0;
		width: 100%;
		float: none;
		padding: 20px;
		box-sizing:border-box;
		overflow:hidden;
	}	
	.catalog a img {
		margin: 0 30px 10px 0;
	}
	.catalog h2
	{
		width: auto;
		margin:0;
		float:none;
		line-height:35px;
	}
	
	.select-tab{
		width:345px;
		float:none;
		margin: 0 auto;
	}
			
	.map-wrapper{
		margin-bottom:30px;
	}
	#us-map, #world-map{
		height: 300px;
		margin: 30px 0 20px 0;
		
	}
		
	#sales{
		margin:10px 0 0 0;
	}
	.sales-group{
		width:100%;
		margin-right:0;
		text-align:left;
	}

	#company-details{
		width:100%;
		padding-top:0;
	}
	#company-map-wrapper{
		float:left;
		padding-top:0;
		margin-bottom:30px;
		width:100%;
	}
	#company-map{
		width:100%;
	}
	
	#contact-form
	{
	    margin:5px 0 30px 0;
	}
	

	#fs-benefits-box, #fs-process-box{
		display: block;
		height:auto;
	}
	
	#gallery-content .content, .controls, .slideshow-container, .loader, .slideshow, .caption-container, .navigation, #galleriffic, .thumb, .caption, .image-title, .navigation-container
	{
		display:none !important;
	}

	#videos-wrapper
	{
		display:none;
	}
	
	.mobile-videos-wrapper{
		display:block;
	}

	.mobile-video-box iframe{
		display:inline-block;
		position: relative;
		border: 1px solid #CCCCCC;
		padding: 7px;
		background-color: #fff;
		height: 158px;

	}
	
	.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;
		padding:10px;
	}
	.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-right: 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;
		line-height:18px;
	}
	#photoGallery{
		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;
	}
	

	.dz_map 
	{
		overflow:scroll;
	}
	
	#Map_thumbs {
		float: none;
		margin-top: 20px;
		width:100%;
		box-sizing:border-box;
		overflow:hidden;
		text-align:center;
	}
	#Map_thumbs ul {
		float:none;
	}
	#Map_thumbs ul li {
		margin: 0 5px 15px;
	}


}


@media screen and (min-width : 481px) and (max-width : 650px)
{
	.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;
	}
}
	

@media screen and (min-width : 150px) and (max-width : 480px)
{
	body{
		font-size: 70%; /* Base font size: 11px */;
	}
	
	#container {
		height: 100%;
		width: auto;
		padding: 0;
		border-right: none;
		border-left: none;
	}
	
	#header {
		width:90%;
		margin:0 auto;
		float:none;
		height:auto;
	}
	
	#logo {
		width:100%;
		float:none;
		margin:20px auto;
		overflow:hidden;
		text-align:center;
	}
	
	#logo img
	{
		width:50px;
		float:none;
	}
	
	#logo_name {
		margin: 10px 0 0 0;
		float:none;
		width:100%;
		text-align:center;
		height:auto;
		overflow:hidden;
	}
	#logo_name img {
		padding: 0px;
		position: relative;
		z-index: 1;
		margin: 0px auto;
		float:none;
		width:290px;
		display:block;
	}
	
	#logo_name h3 {
		font-size: 1.6em;
		float:none;
		margin: 0px auto;
		width:auto;
	}
	
	#social-media {
		float: none;
		padding: 0px;
		margin: 0 auto 20px;
		overflow:hidden;
		height:21px;
		width:180px;
	}
	#social-media-follow {
		float: left;
		margin: 0 2px 0px 0px;
	}

	#top-nav{
		display:none;
	}
	#mobile-menu-wrapper{
		display:block;
		width:90%;
	}
	#mobile-menu ul{
		max-height:0;
	}
	.show-mobile-menu{
		max-height:500px !important;
	}
	
	#banner{
		width:90%;
		height:auto;
		margin:0 auto 60px;
		
	}
	#banner img{
		width:100%;
		height:auto;
	}

	#content {
		width:90%;
		height:auto;
		margin:20px auto 0px;	
		text-align:center;
		overflow:hidden;
		padding:15px;
		float:none;
		box-sizing:border-box;
	}
	#content p{
		text-align:justify;
	}

	#content h1 {
		font-size: 3em;
	}

	
	#intro {
		width: 100%;
		height: auto;
	}
	#intro p {
		width: 100%;
		float:none;
		margin:20px 0 0 0;
	}
	#intro img {
		float: none;
		margin: 5px 0 0 0;
		width:100%;
		height:auto;
	}
	
	#main{
		float: none;
		width: 100%;
	}
	#right-sidebar {
		float: none;
		width: 100%;
		text-align: left !important;
	}
	
	.vert-border{
		display:none;		
	}


	.home-content {
		width: 100%;
		height:auto;
	}
	.home-content h2 a {
		width: 100%;
		padding:5px 15px;
	}

	.home_benefits {
		width: 100%;
		height: auto;
		border-bottom:1px dotted #333;
		padding: 20px;
		margin:0;
		box-sizing:border-box;
		text-align:center;
	}
	.home_benefits img {
		border: 1px solid #666666;
		float: none;
		margin:0 0 15px 0;
	}
	.home_benefits p {
		width: auto;
		float: none;
		margin:0;
		line-height:25px !important;
	}
	
	.home_process {
		width: 100%;
		height: auto;
		float: none;
		overflow:hidden;
		padding: 20px;
		margin:0;
		box-sizing:border-box;
		text-align:center;
	}
	.home_process img {
		margin: 0 0 15px 0;
		float:none;
		width:150px;
	}
	.home_process p {
		width: auto;
		float: none;
		margin:0;
		line-height:25px !important;
	}
	.home_process h3 {
		text-align: center;
		margin: 0 0 15px 0;
	}

	.home_videos {
		width: 100%;
		height: auto;
		float: none;
		overflow:hidden;
		padding: 20px;
		margin:0;
		box-sizing:border-box;
		text-align:center;
	}
	.home_videos img {
		margin: 0 0 15px 0;
		float:none;
		width:150px;
	}
	.home_videos h3 {
		text-align: center;
		margin: 0 0 15px 0;
		line-height:25px !important;
	}
	.home_videos p {
		width: auto;
		float: none;
		margin:0;
		line-height:25px !important;
	}

	#home-catalog {
		width: 100%;
		height: auto;
		float: none;
		overflow:hidden;
		padding-bottom:15px;
		margin:0;
		box-sizing:border-box;
	}

	#home-catalog  h2 a 
	{
		text-align: left;
		margin-top: 0px;
		width: 100%;
		padding:7px 15px;
	}
	
	#home-twitter{
		width: 100%;
		margin: 20px 0 0 0;
		overflow:hidden;
		float:none;
	}
	.twitter-timeline{
		width:100% !important;
		margin:0 auto !important;
		position:relative !important;
		display:block !Important;
	}
	.tweet{ 
		height:auto; 
		margin:10px 0;
	} 

	#footer {
		width: 90%;
		height:auto;
		padding:15px;
		float:none;
		margin:0 auto;
		box-sizing:border-box;

	}
	#footer p{
		line-height:24px !important;
	}

	
	a.go-to-top {
		bottom: 1.5em;
		right: 1.5em;
	}
	
	#about-us {
		width: 100%;
		height: auto;
		float: none;
		margin:0 auto 40px;
		text-align:center;
	}
	#about-us img {
		float: none;
		margin: 0 0 30px 0;
		width:85%;
	}
	
	#hq {
		width: 100%;
		float: none;
		margin: 30px auto 0;
		text-align:center;
	}
	#hq img{
		width: 100%;
		margin-bottom:5px;
	}

	#hq p{
		text-align:center;
	}

	#testi_container {
		width: 100%;
		height: auto;
		float: none;
		margin: 0 auto 40px;
	}
	#testi-letter {
		float: none;
		padding:15px;
		box-sizing:border-box;
		text-align:justify;
	}

	.jobsite {
		margin: 25px 0 0 0;
		width: 100%;
		float: none;
		padding: 15px;
		box-sizing:border-box;
		overflow:hidden;
	}
	.jobsite:last-child {
		margin-right:0;
	}
	.jobsite h2{
		margin: 0 0px 15px 0px;
		font-size: 2.5em;
		line-height:35px;
	}
	.jobsite p {
		display:inline-block;
		text-align:justify !important;
	}
	.jobsite img {
		margin: 0 0 20px 0;
		float:none;
	}
	
	
	.MassHousingCont {
		padding: 20px;
		width:100%;
		margin: 0 0 20px 0;
		float:none;
		box-sizing:border-box;
		text-align:center;
		height:auto;
	}
	.MassHousingCont:nth-child(2n+2){
		margin-right:0;
	}
	.MassHousingCont img 
	{
		margin: 0 0 15px 0;
		float: none;
	}
	
	.MassHousingCont h2 
	{	
		margin-left: 0px;
	}

	.gigapixel-sub{
		float:none;
		margin:0 auto 20px;
		box-sizing:border-box;

	}
		
	.catalog {
		margin: 30px 0;
		width: 100%;
		float: none;
		padding: 20px;
		box-sizing:border-box;
		overflow:hidden;
		text-align:center;
	}	
	.catalog a img {
		margin: 5px 0 20px 0;
		float:none;
	}
	.catalog h2
	{
		width: auto;
		margin:0;
		line-height:35px;
	}

	#us-map, #world-map{
		height: 200px;
		margin: 20px 0 20px 0;
	}
	.select-tab{
		width:100%;
		float:none;
		margin: 0 auto;
		font-size: 1.7em;
	}
	
	.map-wrapper{
		margin-bottom:30px;
	}
	
	#sales{
		margin:10px 0 0 0;
	}
	#sales h3{
		text-align:center;
	}
	.sales-group{
		width:100%;
		margin:0 0 30px 0;
		text-align:center;
		float:none;
	}
	
	#company-details{
		width:100%;
		padding-top:0;
	}
	#company-map-wrapper{
		float:left;
		padding-top:0;
		margin-bottom:30px;
		width:100%;
	}
	#company-map{
		width:100%;
	}
	#contact-form
	{
	    margin:5px 0 30px 0;
	}

	#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;
		float:none;
	}
	
	.fs-benefits p, .fs-process p {
		font-size:1.4em !important;
		overflow: hidden;
	}
	#gallery-content .content, .controls, .slideshow-container, .loader, .slideshow, .caption-container, .navigation, #galleriffic, .thumb, .caption, .image-title, .navigation-container
	{
		display:none !important;
	}
	
	#videos-wrapper
	{
		display:none;
	}
	.mobile-videos-wrapper{
		display:block;
	}
	.mobile-video-box{
		text-align: center;
		margin: 0 auto 20px;
	}
	.mobile-video-box iframe{
		display:inline-block;
		position: relative;
		border: 1px solid #CCCCCC;
		padding: 7px;
		background-color: #fff;
		width: 90%;
		height: 158px;

	}
	
	.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;
		padding:5px;
	}
	.album-box a span{    
        position:absolute; 
        width:100%;
        height:100%;
        z-index: 1;
        display:block;
        overflow:hidden;
    }
	.album-box img{
		margin-right: 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:0px 0 0 5px !important;
		font-size:1.3em !important;
		text-align:left !important;
		float:left;
		width:60%;	
		line-height:17px;
	}
	#photoGallery{
		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;
	}

	.dz_map 
	{
		overflow:scroll;
		height:300px;
	}
	#Map_thumbs {
		float: none;
		margin-top: 20px;
		width:100%;
		box-sizing:border-box;
		overflow:hidden;
		text-align:center;
	}
	#Map_thumbs ul {
		float:none;
	}
	#Map_thumbs ul li {
		margin: 0 auto 15px;
		float:none;
	}



}