@charset "utf-8";
/*
	Title # Greenlowa
	Date  # June 2014
*/


*{ padding:0px; margin:0px; }

body{ padding:0px; margin:0px; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
header, footer, section, aside, nav, article {
display: block;
}	
	
h1,h2,h3,h4{ padding:0px; margin:0px;  font-weight:normal;}
ul{ padding:0px; margin:0px; }
p{ padding:0px; margin:0px; }

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

table, table th, table td, cellpadding, cellspacing, border{
    border: medium none;
    border-collapse: collapse;
    padding: 0;
}

header, nav, footer {
	margin:0px 0px;
}


article, aside, footer, header, nav, section {

	display:block
}
img {
	max-width:100%;
	height:auto
}
border, cellpadding, cellspacing, table, table td, table th {
	border:medium none;
	border-collapse:collapse;
	padding:0
}
input {
	border-radius:0
}
footer, header, nav {
	margin:0
}



/*=================== text style section ==================*/
p{font:17px 'open_sansregular'; color:#212121; font-size:16px; line-height:22px; text-align:justify;}
p a{ color:#21548e; text-decoration:underline; }

.text{font:17px 'open_sansregular'; color:#212121; font-size:16px; line-height:22px;}
.text a{ color:#21548e; }
.read-details{font:17px 'open_sanssemibold'; color:#212121; font-size:16px;}
.read-details a{color:#21548e; font-size:16px; text-decoration:underline;}

.prepand1{padding-top:10px;}
.prepand2{padding-top:20px;}
.prepand3{padding-top:30px;}
.prepand4{padding-top:40px;}

.about-title-text {font-family: 'universcondensed'; font-size:20px; color:#21548e; line-height:20px;}
.about-title-text2 {font-family: 'universcondensed'; font-size:18px; color:#21548e; line-height:18px;}

/*=================== page structure section ==================*/

#top-full {
	width:100%;
	float:left;
	position:relative;
	background:#FFF;
	z-index:999;
	border-bottom:4px solid #68b200;
}

.wrap {
	width:1200px;
	margin:auto;
}

/*=================== top section ==================*/


section.top {
	width:100%;
	padding:1% 0 0;
	float:left;
	position:relative
}
aside.logo {
	width:208px;
	float:left;
	position:relative
}

aside.top-title {
	float:left;
	position:relative;
	padding-left:40px;
	margin-top:30px;
	width:724px;
	
}
.top-title-text {font-family: 'universcondensed'; font-size:30px; color:#21548e; line-height:30px;}

aside.tel-button {
	width:228px;
	float:right;
	position:relative;
	padding-top:20px;
}

/*=================== menu section ==================*/

section.navigation {
	width:100%;
	padding:2% 0 0;
	float:left;
	position:relative
}
nav {
	width:width:100%;
	float:left;
	position:relative
}
nav ul li {
	font:17px 'open_sansregular';
	font-weight:400;
	color:#212121;
	list-style:none;
	display:inline;
	float:left;
	text-transform:uppercase;
	position:relative;
}
nav ul li a {
	color:#212121;
	display:block;
	padding:20px
}
nav ul li a.fixed, nav ul li a:hover {
	color:#FFF;
	background:#68b200;
}

	
.lihoverclass{
display: block;
color:#FFF /*!important*/;
/*border-bottom:3px solid #d5ba02;*/
background-color:#68b200;
}

nav ul li ul{
position:absolute;
visibility: hidden;
z-index:9;
float:left;
background-color:#68b200;
width:300px;
margin-left:0px;
padding-top:10px;
}


nav ul li ul li{ color:#FFFFFF; padding:0 15px; position:relative; width:270px; float:left; }

	 
/* Sub level menu links style */
nav ul li ul li a{
margin:0px;
width:260px;
float:left;
/*height:15px;*/
position:relative;
text-align:left;
font-size:14px; 
font-weight:normal; 
color:#FFFFFF; 
cursor:pointer; 
line-height:18px;
display:block;
padding:5px;
height:auto;

}

nav ul li ul li a:hover{color:#231815; background-color:#FFF;}





/*=================== gallery section ==================*/

#gallery-full {
	width:100%;
	float:left;
	position:relative;
	background:#68b200;
	padding:20px 0;
	
}

.gallery-block {
	width:98%;
	float:left;
	position:relative;
	background:#FFFFFF;
	padding:1%
	
}

.gallery-main {
	width:100%;
	float:left;
	position:relative;
	
}
.previous{position:absolute; top:43%; left:10px; z-index:1; width:5%;}
.next{position:absolute; top:43%; z-index:1; width:5%; right:10px;}


.gallery-thumb {
	width:100%;
	float:left;
	position:relative;
	padding-top:10px;
	overflow:hidden;
	
}
.gallery-thumb img{
	margin-right:1%;width:19%;
	
}



/*=================== summery section ==================*/

#about-full {
	width:100%;
	float:left;
	position:relative;	
	padding:40px 0;
	background-color:#f7f7f7;
	
}

.greenlows-summery{
		width:100%;
		float:left;
		position:relative;
}

.companyDetails{
			width:50%;
			float:left;
			
}

.companyDetails h2{font-family: 'universcondensed'; font-size:35px; color:#21548e; line-height:35px;}
.companyDetails h2 .color{color:#9ecc5d;}
.companyDetails h2 .sub{font-size:25px; color:#212121; line-height:25px;}
.companyDetails  .prepand1{margin-top:25px;}


.video{
			width:47%;
			float:right;
			
}
.video .prepand{margin-top:25px;}



.video h2{font-family: 'universcondensed'; font-size:35px; color:#21548e; line-height:35px;}



/*=================== project section ==================*/

#category-full {
	width:100%;
	float:left;
	position:relative;	
	
}
.category-block{
		width:100%;
		float:left;
		position:relative;
		padding-top:40px;
		padding-bottom:40px;
}

.category{
		width:32%;
		float:left;
		position:relative;
		padding-right:2%;
		
}
.category h2{font-family: 'universcondensed'; font-size:35px; color:#21548e; line-height:35px;}
.category .prepand1{padding-top:3%}


/*=================== footer section ==================*/

#footer-full {
	width:100%;
	float:left;
	position:relative;	
	padding:20px 0;
	background-color:#3a3a3a;
	
}

.footer-menu{			
			width:46%;
			float:left;
			position:relative;
}

.footer-menu li{font:17px 'open_sansregular'; color:#dddddd; font-size:15px; line-height:20px; list-style:none; display:inline; padding-right:7px; }
.footer-menu li a{ color:#dddddd; }

.copy-text{font:17px 'open_sansregular'; color:#969696; font-size:14px; margin-top:10px; }
.copy-text a{font:17px 'open_sansregular'; color:#969696; font-size:14px;}



.angies-list{			
			width:23%;
			float:left;
			position:relative;
}
.angies-text1{font:17px 'open_sansregular'; color:#ffffff; font-size:14px;}
.angies-text1 a{font:17px 'open_sansregular'; color:#a6f500; font-size:14px; text-decoration:underline;}
.angies-text2{font:17px 'open_sansregular'; color:#a6f500; font-size:14px;}
.angies-text2 a{font:17px 'open_sansregular'; color:#a6f500; font-size:14px; text-decoration:underline;}

.social-block{
			width:25%;
			float:right;
			position:relative;
}
.follow-text{font:17px 'open_sansregular'; color:#f7f7f7; font-size:18px; width:105px;}
.carblock{background-color:#2a2a2a; padding:0px 3px; margin-top:10px; float:left; text-align:center}
.carblock img{padding:3px 0;}


/*================================================================
				sub pages
================================================================*/

#breadcum-mlock{
			width:100%;
			float:left;
			position:relative;	
			padding:15px 0;
			background-color:#f7f7f7;
	
}

.breadcum-text{font:17px 'open_sansregular';  color:#21548e; font-size:15px;}
.breadcum-text a{font:17px 'open_sansregular'; color:#4d4c4c; font-size:15px;}
#content-full{
			width:100%;
			float:left;
			position:relative;	
			padding:35px 0;
			background-color:#FFFFFF;
	
}
#content-full h1{font:17px 'universcondensed';  color:#68b200; font-size:35px; line-height:35px;}

/*================================================================	FAQ pages  ================================================================*/
.content{
		width:100%;
		float:left;
		position:relative;	
		padding-top:25px;
	
}

.content h2{font:17px 'universcondensed';  color:#21548e; font-size:30px; line-height:30px;}

.question{font:17px 'universcondensed';  color:#68b200; font-size:30px; line-height:30px;}



/*================================================================	services pages  ================================================================*/

.services{
		width:100%;
		float:left;
		position:relative;	
		padding:20px 0;
		background-color:#f7f7f7;
		margin-top:20px;
		margin-bottom:20px;
	
}

.previous-product{width:5%; float:left; position:relative; margin-top:15%;}
.next-product{width:5%; float:right; position:relative;  margin-top:15%;}
.product-gallery{
				width:90%;
				float:left;
				position:relative;
}

.product-details{
				width:48%;
				float:left;
				position:relative;
				padding:0 1%;
}

.product-image{
				width:96%;
				float:left;
				position:relative;
				background-color:#FFF;
				padding:2%;
				border:1px solid #dcdcdc;
}
				
.product-title{
				width:100%;
				float:left;
				position:relative;
				padding-top:10px;
				font:17px 'universcondensed';  color:#21548e; font-size:30px; line-height:30px;
}


/*================================================================	contact pages  ================================================================*/

.contact-block{
		width:960px;
		float:left;
		position:relative;
		padding-top:35px;
	
}

.form-block{
		width:614px;
		float:left;
		position:relative;
		padding-left:81px;
	
}
.form-top{
		width:96%;
		float:left;
		position:relative;
		background-color:#68b200;
		padding:2%;
		font:17px 'universcondensed';  color:#FFFFFF; font-size:35px; line-height:35px; text-transform:uppercase;
	
}

.form-middle{
		width:574px;
		float:left;
		position:relative;
		padding:19px;
		background-color:#f7f7f7;
		border:1px solid #dedede;
	
}
.form-field{
		width:574px;
		float:left;
		position:relative;
		padding-top:15px;
	
}

.inputbox1{font:17px 'open_sansregular'; color:#4a4848; font-size:14px; padding:15px 10px; border:1px solid #eae8e8; width:250px;}
.inputbox2{font:17px 'open_sansregular'; color:#4a4848; font-size:14px; padding:15px 10px; border:1px solid #eae8e8; width:542px;}
.inputbox3{font:17px 'open_sansregular'; color:#4a4848; font-size:14px; padding:15px 10px; border:1px solid #eae8e8; width:153px;}
.inputbox4{font:17px 'open_sansregular'; color:#4a4848; font-size:14px; padding:15px 10px; border:1px solid #eae8e8; width:542px; height:170px;}
.form-field span{padding-left:20px;}

.form-field-select{width:270px; float:left;}
.form-field-select2{width:270px; float:right;}
.contact-select{
	width:252px;
	background:url(../images/gl-select-box1.jpg) no-repeat;
	height:42px;
	float:left;
	position:relative;
	color:#000;
	z-index:111;
	padding:12px;
	margin-top:15px;
}

	
.submit{width:100%; float:left;}
.contact-info{
		width:225px;
		float:right;
		position:relative;
	
}

.contact-info h2{font:17px 'universcondensed';  color:#21548e; font-size:35px; line-height:35px; }
.contact-info .prepand1{padding-top:15px;}
.contact-text1{font:17px 'universcondensed';  color:#68b200; font-size:30px; line-height:30px; }
.contact-text2{font:17px 'universcondensed';  color:#363636; font-size:20px;  line-height:20px;}
.contact-text3{font:17px 'universcondensed';  color:#363636; font-size:16px;  }



/*================================================================	attic system pages  ================================================================*/

.system-text{font:17px 'universcondensed';  color:#212121; font-size:20px; line-height:20px; }

.system-field{
		width:100%;
		float:left;
		position:relative;
		padding-bottom:30px;
		border-bottom:1px solid #eeeeee;
	
}


.system-field h2{font:17px 'universcondensed';  color:#68b200; font-size:35px; line-height:35px;}
.system-field h2 span{color:#21548e;}

.system-gallery{
		width:100%;
		float:left;
		position:relative;
		padding-top:20px;
	
}
.system-image{
				width:30%;
				float:left;
				position:relative;
				background-color:#FFF;
				padding:1%;
				border:1px solid #dcdcdc;
}

.system-image.prepand{margin-right:1%;}

.source-field{
		width:100%;
		float:left;
		margin-top:40px;
	
}
.source-text{font-family:Arial, Helvetica, sans-serif; color:#212121; font-size:16px;  }
.source-text a{font-family:Arial, Helvetica, sans-serif; color:#597faa; font-size:16px;  }



/*================================================================	ventilation pages  ================================================================*/
.ventilation-field{
		width:100%;
		float:left;
		position:relative;
}
.ventilation-field h2{font:17px 'universcondensed';  color:#21548e; font-size:20px; line-height:20px;}
.ventilation{
		width:96%;
		float:left;
		position:relative;
		padding-left:2%	;
}
.ven1{margin-right:10px; margin-bottom:10px; float:left; margin-top:10px;}

.ventilation{
		width:96%;
		float:left;
		position:relative;
		padding-left:2%	;
}

.gallery{
				width:100%;
				float:left;
				position:relative;
				padding-top:40px;
}

.gallery-details{
				width:45%;
				float:left;
				position:relative;
				padding:0 2%;
}

.gallery-image{
				width:96%;
				float:left;
				position:relative;
				padding:2%;
}
				
.gallery-title{
				width:100%;
				float:left;
				position:relative;
				font:17px 'universcondensed';  color:#21548e; font-size:16px;
				
}



/*================================================================	sitemap pages  ================================================================*/
.sitemap{
		width:90%;
		float:left;
		position:relative;	
		padding-top:25px;
		padding-left:5%;
		padding-right:5%;
	
}
.sitemap ul li {
	width:100%;
	font:17px 'open_sansregular';
	font-size:14px;
	font-weight:400;
	color:#212121;
	list-style:none;
	float:left;
	text-transform:uppercase;
	position:relative;
	margin-top:10px;
}
.sitemap ul li a {
	width:100%;
	color:#212121;
}

.sitemap ul li ul {
	width:96%;
	color:#212121;
	padding-left:4%;
}
.sitemap ul li ul li{font-size:12px;}


/* ********************* Edited *********************** */	
aside.tel-button{
	background: #ffffff url('../images/greenlows_contact.png'); 
	 background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
	font-family:"Myriad Pro";
	font-size: 16px; 
	line-height: 25px; 
	margin-top: 20px; 
	padding-top: 0px !important; 
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.tel-button a{ color:#FFF;}
.tel-button a span{ color:#FFF; font-size: 30px; }