/* ------------------------------------------------------------

Title: Elite Insulation
Author: Lopez Design

------------------------------------------------------------ */

/* ------------------------------------------------------------

CSS Reset

------------------------------------------------------------ */

body,div,dl,dt,dd,h2,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
} 
table { 
	border-collapse:collapse;
	border-spacing:0; 
} 

fieldset,img {
	border:0; 
} 
address,caption,cite,code,dfn,th,var { 
	font-style:normal;
	font-weight:normal;
} 

ol,ul { 
	list-style:none; 
}

#rightColumn li {
	color: FFF;
	margin: 0 0 3px -15px;
}


 
caption,th { 
	text-align:left; 
} 

h1 {
	color: #bdbeb3;
	margin:0;
	padding:0 0 5px 0 ;  
	font-size:18px;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .1em;
}



h2 {
	margin:0;
	padding:0 0 5px 0 ;  
	font-size:14px;
	font-weight: normal;
	text-align: left;
	color: #bdbeb3;
	text-transform:capitalize;
	letter-spacing: .1em;


}

h3 {
	margin:25px 0 0 0;
	font-size:18px;
	font-weight: normal;
	text-align: left;
	color: #bdbeb3;
	text-transform:capitalize;
	letter-spacing: .1em;

}
q:before,q:after {
	content:'';
} 

abbr,acronym { 
	border:0; 
} 


/* ------------------------------------------------------------

Defult setting

------------------------------------------------------------ */

body {
	background: url(../images/bg.jpg) top center repeat;
	text-align: center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

body.landingPage {
}

body.homePage {
	
	background-color:#330099;
}



#main-content p a, a:link, a:visited, a:active {
	color:#932d14;
	text-decoration: underline;
}

#main-content p a:hover {
	color:#932d14;
	text-decoration: none;
}

p {
	font-size: 12px;
	color: #bdbeb3;
	margin: 0 0 10px 0;
	letter-spacing: .05em;
	line-height: 18px;


}



/* ------------------------------------------------------------

Structure

------------------------------------------------------------ */


#wrap {
	width: 904px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color:#FFF;
	background: url(../images/clear1.jpg) top center repeat-y;

	
}





#header1{
	background: transparent url(../images/header1.jpg) top no-repeat;
	float: left;
	width: 904px;
	height: 77px;
	position: relative;
}
#logo {
	background: transparent url(../images/top_logo.jpg) top no-repeat;
	float: left;
	width: 257px;
	height: 114px;
	position: relative;
}
#top_right{
	background: transparent url(../images/header2.jpg) top no-repeat;
	float: left;
	width:  647px;
	height: 76px;
	position: relative;
}

#header3 {
	background: transparent url(../images/header3.jpg) top no-repeat;
	float: right;
	width: 904px;
	height: 179px;
	margin: 0;
	position: relative;
}

#curve {
	background: transparent url(../images/curve.jpg) top no-repeat;
	float: right;
	width: 904px;
	height: 38px;
	margin: 0;
	position: relative;
}

#bottom1{
	background: transparent url(../images/bottom1.jpg) top no-repeat;
	float: left;
	display: inline;
	margin: 0;
	width: 800px;
	height: 216px;
}
#main-content {
	background: #FFF url(../images/bg_content.jpg) top repeat-y;
	float: right;
	width: 904px; 
	padding: 0;
  	height: auto !important;

}	
	



#clear {
	background: transparent url(../images/clear.jpg) top repeat-y;
	float: left;
	width: 800px;
	height: 15px;
	position: relative;
}





/* ------------------------------------------------------------

Menu

------------------------------------------------------------ */


#menu {

	list-style-type: none;
	background: transparent url(../images/menu.jpg) no-repeat;
	float: right;
	margin: 0 0 0 0;
    width: 647px;
	height: 38px;

}

#menu ul {
	width: 647px;
	height: -38px;
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;

}

#menu ul li {
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	width: 107px;
	height: 38px;
	display: block;
}

#menu ul li a { 
	background: transparent url(../images/menu.jpg) no-repeat;
	display: block;
	text-decoration: none;
	width: 107px;
	height: 38px;
	overflow: hidden;
	cursor: pointer;
	text-align: left;
}

#menu ul li a:hover {
	text-decoration: none;
}

#menu ul li.menu6 a { width: 106px; }

#menu ul li.menu1 a { background-position:  107px -38px;}
#menu ul li.menu2 a { background-position:  107px -38px;}  
#menu ul li.menu3 a { background-position:  214px -38px;}
#menu ul li.menu4 a { background-position:  321px -38px;}
#menu ul li.menu5 a { background-position:  428px -38px;}
#menu ul li.menu6 a { background-position:  535px -38px;}


#menu ul li.menu1 a:hover { background-position:     0px -38px;}
#menu ul li.menu2 a:hover { background-position:  -107px -38px;}
#menu ul li.menu3 a:hover { background-position:  -214px -38px;}
#menu ul li.menu4 a:hover { background-position:  -321px -38px;}
#menu ul li.menu5 a:hover { background-position:  -428px -38px;}
#menu ul li.menu6 a:hover { background-position:  -535px -38px;}


body#homePage 				#menu ul li.menu1 a { background-position:     0px -38px;}
body#servicesPage 			#menu ul li.menu2 a	{ background-position:  -107px -38px;}
body#galleryPage 			#menu ul li.menu3 a { background-position:  -214px -38px;}
body#testimonialsPage 		#menu ul li.menu4 a { background-position:  -321px -38px;}
body#aboutPage 				#menu ul li.menu5 a { background-position:  -428px -38px;}
body#contactPage 			#menu ul li.menu6 a { background-position:  -535px -38px;}




/* ------------------------------------------------------------

Content

------------------------------------------------------------ */

                                 

/* Home */






.Blue {
	color: #FFF;
	font-weight: 200;
	font-size: 110%;
}





#homes {
	background: transparent url(../images/homes.jpg) top center no-repeat;
	margin: 18px 0 0 0;
	width:855px;
	height:327px;	
}


#leftColumn {
	float: left;
	margin: 0 0 15px 0;
	width: 300px;
	height:auto;
}

#rightColumn {
	float: right;
	margin: 30px 0 15px 0;
	width: 100px;
	height:auto;
}

.center {
	float: left;
	margin: 0 0 15px 0;
	width: 500px;
	height:auto;
    padding: 0 0 0 20px;

}
/* ---------------Interior layouts------------------- */

#leftColumnInterior {
	float: left;
	margin: 0px 47px 15px 36px;
	width: 404px;
	height:auto;
}

#galleryLeft {
	float: left;
	margin: 0px 0px 35px 36px;
	width: 800px;
	height:auto;
}

.thumb {
 margin: 0 5px 0 0;
}

#galleryRight{
	float: right;
	margin: 0px 0px 15px 0;
	width: 350px;
	height:auto;
}

#rightColumnInterior {
	float: left;
	margin: 0px 0 15px 0px;
	width: 404px;
	height:auto;
	
}


#leftColumnInterior ul li {
	list-style: disc;
	font-size: 12px;
	color:#bdbeb3;
	margin: 0 0px 0px 50px;
	letter-spacing: .05em;
	line-height: 18px;

}

#rightColumnInterior ul li {
	list-style: disc;
	font-size: 14px;
	color: #bdbeb3;
	margin: 0 45px 0px 15px;
	letter-spacing: .05em;
	line-height: 18px;

}

/* ---------------Video------------------- */

#videoLeft {
	float: left;
	margin: 18px 0 15px 0;
	width: 325px;
	height:700px;
	
}

#videoCenter {
	float: right;
	margin: 75px 25px 15px 0px;
	width: 490px;
	height:300px;
	
}

#videoRight {
	float: left;
	margin: 18px 0 15px 0;
	width: 350px;
	height:300px;
	
}





#web_btns{
	float: left;
	margin: 25px 0 55px 0;
}
/* ------------------------------------------------------------

Footer

------------------------------------------------------------ */



#footer {
	background: transparent url(../images/footer.jpg) top center repeat-x;
	padding-top: 15px;
	clear: both;
	width: 904px;
	margin: 0 auto;
	text-align: center;
}

#footer p {
	color: #CCCCCC;
	line-height: 18px;
	letter-spacing: 0.1em;
	font-size: 11px;
	margin: 10px 0 0 0;

}

#footer p a, a:link, a:visited, a:active {
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}

#footer p a:hover {
	color: #CCCCCC;
	background: none;
	text-decoration: underline;
}




/* ------------------------------------------------------------

Misc

------------------------------------------------------------ */
.hRule {
	display:block;
	width: 400px;
	height: 15px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #47463f;
	margin: 12px 0 0 0;
	}



/* self-clearing floats */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearall {
	clear:both;
}


.center {
	text-align: center;
}


.red {
	color:#F00;
	font-size: 12px;
	text-align:right;
}  

.smallText11pt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFCC00;
	margin: 10px 0 10px 0;
	letter-spacing: .05em;
	line-height: 18px;

}

.error_txt{margin-left:15px;color:red;}

.fbLike {margin:20px;float:right;clear:both;width:400px;}