/*Style Sheet created by Dimension Pro Designs 2010 for Abbey Lofts*/


 /*top right bottom left*/
 /*pink #c51f48*/ 
 /* light gray #acaeb1*/
 

body {
	FONT-FAMILY: arial; 
	TEXT-ALIGN: center; 
	margin:0 0 0 0;
	background-color: #c5c8cc;
	
}

#container{
	border: solid 0px #000;
	margin: 0 auto 0 auto;
	width: 1000px;
	min-height: 500px;
	background-color: #fff;
	
}

#banner{
	border: solid 0px #000;
	height: 125px;
	width: 980px;
	background-color:  #c51f48;
	padding: 10px 10px 0 10px;

}

#banner a:link{text-decoration: none; color: #acaeb1;}
#banner a:visited{text-decoration: none; color: #acaeb1;}
#banner a:hover{text-decoration: none; color: #fff;}

#logo{
	border: solid 0px #000;
	float: left;
	height: 122px;
	width: 253px;

}

#strap{
	border: solid 0px #000;
	float: right;
	padding:  8px 0 0 0;
	width: 600px;
	text-align: right;
	color: #acaeb1;
	font-size: 20px;
	font-weight: bold;

}

#strap span{color: #fff; font-size: 30px;}

#men{
	border-top: solid 0px #fff;
	background-color: #acaeb1;
	height: 49px;
	width: 100%;
	position: relative;
	z-index: 100;
	
	}




#wrap{border-right: solid 1px #fff;}

#sidebar{
	border: solid 0px #000;
	width: 375px;
	min-height: 235px;
	float: right;
	padding: 10px 10px 10px 10px;

}

#sidebar img{border: none;}

#sidebar h1{
	color: #d32542;
	font-size: 20px;
	margin: 0 0 5px 0;
	text-align: left;
	font-weight: bold;
}


#content{
	border: solid 0px #000;
	float: left;
	width: 510px;
	min-height: 235px;
	padding: 10px 10px 10px 30px;
	text-align: left;
}

#content ul{color: #acaeb1;
	font-weight: bold; margin: 5px;}
#content li{margin: 10px 0 0 14px;}

#content_g{
	border: solid 0px #000;
	float: left;
	width: 510px;
	min-height: 235px;
	padding: 10px 10px 10px 5px;
	text-align: left;
}


#content h1{
	color: #c51f48;
	font-size: 23px;
	margin: 10px 0 5px 0;
	
}

#content h1 span{font-size: .6em;background: #d7d7d7; }

#content p{
	margin:  10px 0 10px 0;
	color: #acaeb1;
	font-weight: bold;
}


#content a:link{text-decoration: underline; color: #acaeb1;}
#content a:visited{text-decoration: underline; color: #acaeb1;}
#content a:hover{text-decoration: underline; color: #666;}

#scroll_box{
	border: solid 0px #000;
	width: 500px; height: 295px;
	position: relative;
	
	margin-top: 0px;
	margin-bottom: 30px;
	z-index: 1;
	

}

.clear{clear: both;}

.side_entry{
	border: solid 0px #000;
	color: #acaeb1;
	text-align: left;
	margin-top: 10px;
}

.side_entry p{margin: 5px 0 0 0;}
.side_entry span{font-weight: bold; color: #78787a; font-weight: bold;}
.side_entry img{float: left; margin: 5px 10px 0 0; border: solid 0px #000;}

.hint_tb{
	width: 267px; height: 15px;
	float: left;
	margin: 10px 0 0 0;
	
}
.hint_mid{
	width: 247px; min-height: 100px;
	float: left;
	background-color: #acaeb1;
	text-align: center;
	padding: 0 10px 0 10px;
}

.hint_tb_2{
	width: 267px; height: 15px;
	float: left;
	margin: 0 0 10px 0;
	
}

.hint_mid p{font-size: 20px; color: #fff; margin:  0 0 0 0;}
.hint_mid span{font-size: 25px;}

.hint_mid a:link{color: #fff; text-decoration: none;}
.hint_mid a:visited{color: #fff; text-decoration: none;}
.hint_mid a:hover{color: #c51f48; text-decoration: none;}

img.velux{float: left;  margin: 40px 0 0 30px;}
img.iwa{float: left;  margin: 40px 0 0 30px;}
img.gas{float: left;  margin: 20px 0 0 30px;}
img.fmb{float: left;  margin: 20px 0 0 0;}
img.nic{float: left; margin: 35px 0 0 30px;}

#footer{
	border: solid 0px #000;
	height: 20px;
	width: 1000px;
	float: left;
	background-color:  #c51f48;
	margin-top: 20px;
	text-align: center;
	padding:  8px 0 3px 0;
	color: #acaeb1;
	font-size: 12px;
	font-weight: bold;
}


#links{
	border: solid 0px #000;
	width: 1000px;
	float: left;
	margin-top: 20px;
	text-align: center;
	padding:  0px 0 0px 0;
	color: #acaeb1;
	font-size: 12px;
	
}

#links a:link{text-decoration: none; color: #acaeb1;}
#links a:visited{text-decoration: none; color: #acaeb1;}
#links a:hover{text-decoration: underline; color: #666;}

#footer a:link{text-decoration: none; color: #acaeb1;}
#footer a:visited{text-decoration: none; color: #acaeb1;}
#footer a:hover{text-decoration: none; color: #fff;}


/*Contact Form*/

.form_element_area{height: 200px;}
.form_element{height:29px;}

.form_element, .form_element_area{
letter-spacing:0;
background:#FFF;
width:284px;
border:2px solid #D6D6D6;
-moz-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;
font-size:15px;
color:#777;
margin-left:15px;
margin-top: 10px;
color:#acaeb1;
padding:8px 35px 0 6px;
}

.form_element:focus,textarea:focus {
border:2px solid #c51f48;
}


#signup-button {
background:#dcdcdc;
width:330px;
height:51px;
border:none;
cursor:pointer;

text-transform:uppercase;
text-align:center;
text-shadow:#D6D6D6 1px 2px 0;
outline:none;
color:#000;
clear:both;

border:2px solid #D6D6D6;
-moz-border-radius:8px;
border-radius:8px;
-webkit-border-radius:8px;

margin: 10px 0 0 170px;

}



.label_h label {
float:left;
width:75px;
text-align:left;
color:#acaeb1;
text-transform:capitalize;
font-weight: bold;
vertical-align:middle;
margin-top:15px;
margin-left: 80px;
border: solid 0px #000;
}

.slideshow img { padding: 10px; border: 1px solid #ccc; background-color: #d2d6da; }


.feedback_top{
	border: solid 0px #000;
	width: 496px;
	height: 34px;
	float: left;
	
	margin: 0 0 0 6px;
}


.feedback_middle{
	border: solid 0px #000;
	width: 484px;
	min-height: 100px;
	float: left;
	background-color: #c4c8cc;
	padding: 2px 6px 2px 6px;
	font-size: 12px;
	margin: 0 0 0 6px;
	
}

.feedback_middle span{color: #7a7a7a;}


.feedback_bottom{
	border: solid 0px #000;
	width: 496px;
	height: 29px;
	float: left;
	margin: 0 0 0 6px;
	
}

.from{
	border: solid 0px #000;
	float: left;
	margin-top: 20px;
	color: #000;
	font-size: 12px;
	margin-left: 6px;
}

span.why {color: #fff; background-color:  #c51f48; font-size: 20px;padding: 0 4px 0 4px; margin-left: 10px;}
span.why_1 {color: #fff; background-color:  #acaeb1; font-size: 20px; padding: 0 4px 0 4px;}

span.why_header {color: #fff; background-color:  #c51f48; font-size: 25px;padding: 4px 4px 4px 4px; margin-top: 10px;}

h2 {color: #fff; background-color:  #c51f48; font-size: 25px;padding: 4px 4px 4px 4px; width: 490px; margin-top: 10px; text-align: center;}



/*input hovers*/

.input {
    border: 1px solid #78787a;
    background: #abaeb1;
	height: 16px; width: 190px;
}
.input:hover {
    border: 1px solid #78787a;
    background: #bac0c5;
}


#line_box{
	border: solid 1px #747575;
	float: left;
	width: 300px;
	padding: 16px 10px 10px 10px;
	background-color: #dcdcdc;
	
	}