@charset "utf-8";
/*
	Title # Blue RhapSody
	Date  # 27 November 2013
*/


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

body{ padding:0px; margin:0px; background:#00718f; font-family:Verdana, Geneva, sans-serif; font-weight:normal; }

#body-full{ width:100%; float:left; position:relative; background:#FFF; z-index:1; }
#footer-full{ width:100%; float:left; position:relative; background:#00718f url(../images/brs-footer.gif) left top repeat-x; }


.wrap{
	  width:980px;
	  margin:auto;
	  text-align:left;
	}
		

	
header, footer, section, aside, nav, article {
display: block;
}	
	
h1,h2,h3,h4{ padding:0px; margin:0px; }
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;
}


h1{ width:100%; float:left; position:relative; text-align:center; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Text <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.prepand{ padding-top:5px; }
.prepand2{ padding-top:10px; }
.prepand3{ padding-top:15px; }
.prepand4{ padding-top:20px; }

.color{ color:#00718f; }

.font{ font-size:12px; color:#b6babc; }
	.font a{ color:#b6babc; }
		.font a:hover{ color:#FFF; }
.font2{ font-size:13px; color:#848685; line-height:18px; }
	.font2 a{ color:#848685; }
		.font2 a:hover{ color:#00718f; }
.font3{ font-size:10px; color:#00718f; line-height:16px; }
	.font3 a{ color:#00718f; }
		.font3 a:hover{ color:#848685; }
.font4{ font-size:13px; color:#00718f; line-height:18px; }
	.font4 a{ color:#00718f; }
.font5{ font-size:12px; color:#b6babc; /*display:none;*/ }
	.font5 a{ color:#b6babc; }
		.font5 a:hover{ color:#FFF; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Text <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

		
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Navigation <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.navigation{
				 width:100%;
				 padding:3% 0% 4% 0%;
				 float:left;
				 position:relative;
				 z-index:1;
				}

section.navigation H1{
color:#fff;
font-size:10px;
padding:0;
margin:0;
}

nav{
	 width:100%;	
	 padding:3% 0% 0% 0%; 
	 float:left;
	 position:relative;
	 text-align:center;
	}
	
	nav li{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#a9aaa9; list-style:none; display:inline; padding-left:10px; padding-right:10px; }
		nav li a{ color:#a9aaa9; transition:all 500ms linear 0ms; }
			nav li a:hover{
	color: #00718f;
}
	nav li a.fixed{ color:#00718f; }
	
	
	

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Navigation <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Menu <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.menu{
			 width:100%;	
			 padding:6% 0% 3% 0%;
			 border-bottom:1px solid #e1dfdd; 
			 float:left;
			 position:relative;
			 text-align:center;
			}
	
	section.menu li{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#848685; list-style:none; display:inline; background:url(../images/brs-bullet.png) left no-repeat; padding-left:18px; padding-right:8px; }
		section.menu li a{ color:#848685; transition:all 500ms linear 0ms; }
			section.menu li a:hover{ color:#00718f; }
	section.menu li a.fixed{ color:#00718f; }
	section.menu li:first-child{ background:none; }
	

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Menu <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Gallery Menu <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

section.gallery-menu{
					 width:100%;	
					 padding:3% 0% 3% 0%;
					 border-top:1px solid #e1dfdd; 
					 float:left;
					 position:relative;
					 text-align:center;
					}
	
	section.gallery-menu li{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#848685; list-style:none; display:inline; background:url(../images/brs-bullet.png) left no-repeat; padding-left:18px; padding-right:8px; }
		section.gallery-menu li a{ color:#848685; transition:all 500ms linear 0ms; }
			section.gallery-menu li a:hover{ color:#00718f; }
	section.gallery-menu li a.fixed{ color:#00718f; }
	section.gallery-menu li:first-child{ background:none; }
	
	
section.gallery-header{
					width:100%;
					float:left;
					position:relative;
					z-index:2;
					}
	
	section.gallery-header img{ width:100%; height:auto; }
	
		
	
	
	
section.project-name{
					width:100%;
					padding:1% 0% 8% 0%;
					float:left;
					position:relative;
					font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:10px; color:#848685; text-align:right;
					}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Gallery Menu <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

header{
		width:100%;
		float:left;
		position:relative;
		}
		
aside.header-image{
				  width:245px;
				  background:#e1dfdd;
				  height:133px;
				  float:left;
				  position:relative;
				}
				
	aside.header-image img{ width:100%; height:auto; }
	
aside.header-image2{
				  width:244px;
				  background:#e1dfdd;
				  height:133px;
				  float:left;
				  position:relative;
				  margin-left:1px;
				}
				
	aside.header-image2 img{ width:100%; height:auto; }
	
aside.header-image3{
				  width:243px;
				  background:#e1dfdd;
				  height:133px;
				  float:left;
				  position:relative;
				  margin-left:1px;
				}
				
	aside.header-image3 img{ width:100%; height:auto; }
	
aside.header-image4{
				  width:245px;
				  background:#e1dfdd;
				  height:133px;
				  float:left;
				  position:relative;
				  margin-left:1px;
				}
				
	aside.header-image4 img{ width:100%; height:auto; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Index Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

aside.index-indoor{
					width:245px; 
					height:479px;
					background:url(../images/brs-index-indoor.jpg) no-repeat;
					float:left;
					position:relative;
					}

aside.index-indoor-inner{padding:10px 20px 9px 20px; width:205px; height:460px; transition:all 500ms linear 0ms;}
img#water-drop{ position:absolute; top:55px; left:20px; /*display:none;*/}
aside.index-indoor-inner:hover{ cursor:pointer; background-color:rgba(0,0,0,0.5); }
/*aside.index-indoor-inner:hover img#water-drop{ display:block; }

aside.index-indoor-inner:hover p{ display:block; }
aside.index-indoor-inner:hover .font5{ display:block; }*/
					
	aside.index-indoor h3{ font-family: 'texgyrescholaregular'; font-size:20px; font-weight:normal; color:#FFF; padding-bottom:56px; }	
	aside.index-indoor p{ font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#FFF; line-height:14px; padding-bottom:20px; /*display:none;*/ }
	#d1{ opacity:0;}
	#d2{ opacity:0;}
	#d3{ opacity:0;}
	#d4{ opacity:0;}
	
aside.index-outdoor{
					width:244px;
					background:url(../images/brs-index-outdoor.jpg) no-repeat;
					float:left;
					position:relative;
					margin-left:1px;
					}
					


aside.index-outdoor-inner{ padding:10px 20px 9px 20px; width:204px; height:460px; transition:all 500ms linear 0ms;}

aside.index-outdoor-inner:hover{ cursor:pointer; background-color:rgba(0,0,0,0.5); }
/*aside.index-outdoor-inner:hover img#water-drop{ display:block; }

aside.index-outdoor-inner:hover p{ display:block; }
aside.index-outdoor-inner:hover .font5{ display:block; }

aside.index-outdoor:hover p{ display:block; }
aside.index-outdoor:hover .font5{ display:block; }*/
					
	aside.index-outdoor h3{ font-family: 'texgyrescholaregular'; font-size:20px; font-weight:normal; color:#FFF; padding-bottom:56px; }	
	aside.index-outdoor p{ font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#FFF; line-height:14px; padding-bottom:20px; /*display:none; */}
	
aside.index-finishes{
					width:243px;
					background:url(../images/brs-index-finishes.jpg) no-repeat;					
					float:left;
					position:relative;
					margin-left:1px;
					}
					

aside.index-finishes-inner{ padding:10px 20px 9px 20px; width:203px; height:460px; transition:all 500ms linear 0ms;}

aside.index-finishes-inner:hover{ cursor:pointer; background-color:rgba(0,0,0,0.5); }
/*aside.index-finishes-inner:hover img#water-drop{ display:block; }

aside.index-finishes-inner:hover p{ display:block; }
aside.index-finishes-inner:hover .font5{ display:block; }

aside.index-finishes:hover p{ display:block; }
aside.index-finishes:hover .font5{ display:block; }

					
aside.index-finishes:hover p{ display:block; }
aside.index-finishes:hover .font5{ display:block; }	*/				
					
	aside.index-finishes h3{ font-family: 'texgyrescholaregular'; font-size:20px; font-weight:normal; color:#FFF; padding-bottom:56px; }	
	aside.index-finishes p{ font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#FFF; line-height:14px; padding-bottom:20px; /*display:none; */}	
	
aside.index-safety{
					width:245px;
					background:url(../images/brs-index-safety.jpg) no-repeat;
					float:left;
					position:relative;
					margin-left:1px;
					}
					
aside.index-safety-inner{ padding:10px 20px 9px 20px; width:205px; height:460px; transition:all 500ms linear 0ms;}

aside.index-safety-inner:hover{ cursor:pointer; background-color:rgba(0,0,0,0.5); }
/*aside.index-safety-inner:hover img#water-drop{ display:block; }

aside.index-safety-inner:hover p{ display:block; }
aside.index-safety-inner:hover .font5{ display:block; }

aside.index-finishes:hover p{ display:block; }
aside.index-finishes:hover .font5{ display:block; }
					
aside.index-safety:hover p{ display:block; }
aside.index-safety:hover .font5{ display:block; }*/						
					
	aside.index-safety h3{ font-family: 'texgyrescholaregular'; font-size:20px; font-weight:normal; color:#FFF; padding-bottom:56px; }	
	aside.index-safety p{ font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#FFF; line-height:14px; padding-bottom:20px; /*display:none;*/ }					

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Index Header <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Block Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */		
					
section.content-block{
	width: 96%;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 4%;
	padding-left: 2%;
					}
					
	section.content-block h2{ font-family: 'texgyrescholaregular'; font-size:25px; font-weight:normal; color:#00718f; line-height:25px; padding-bottom:20px; }
	section.content-block h3{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#00718f; line-height:18px; padding-bottom:12px; }
	section.content-block p{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#848685; line-height:18px; padding-bottom:20px; }
	
	section.content-block li{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#00718f; list-style:none; display:inline; background:url(../images/brs-bullet.png) left no-repeat; width:90%; padding-left:2%; float:left; text-align:left; margin-bottom:10px; }
		section.content-block li a{ color:#00718f; }
			section.content-block li a:hover{ color:#848685; font-weight:bold; }
	section.content-block li a.fixed{ color:#848685; font-weight:bold; }
	
	


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Block Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

footer{
		width:100%;
		padding-bottom:5%;
		float:left;
		position:relative;
		text-align:center;
		}
		
	footer img{ margin-left:16px; margin-right:16px; }
		
	footer p{ font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; color:#FFF; padding-bottom:24px; }
		footer p a{ color:#FFF; }
			footer p a:hover{ color:#FFF; }
	footer p a.fixed{ color:#FFF; }
	
	footer p a:link {color: #fff; text-decoration: none; }
	footer p a:active {color: #fff; text-decoration: none; }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start SiteMap <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */		
					
section.sitemap-block{
					width:100%;
					padding:3% 0% 2% 0%;
					float:left;
					position:relative;
					text-align:center;
					}
					
	section.sitemap-block h2{ font-family: 'texgyrescholaregular'; font-size:25px; font-weight:normal; color:#00718f; line-height:25px; padding-bottom:20px; }
	/*section.sitemap-block h3{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; color:#00718f; line-height:18px; padding-bottom:12px; }
	section.sitemap-block p{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#848685; line-height:18px; padding-bottom:20px; }*/
	
	section.sitemap-block ul li{ font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:normal; color:#848685; list-style:none; display:inline; width:100%; float:left; border-top:1px solid #e1dfdd; padding:10px 0px 10px 0px; }
		section.sitemap-block ul li a{ color:#848685; }
			section.sitemap-block ul li a:hover{ color:#848685; }
			
	section.sitemap-block ul li ul{ margin-top:10px; }
	section.sitemap-block ul li ul li{ font-family:Verdana, Geneva, sans-serif; font-size:10px; font-weight:normal; color:#00718f; list-style:none; display:inline; width:auto; float:none; border:none; padding:10px 4px 0px 8px; background:url(../images/brs-bullet2.png) left no-repeat; background-position:0 .9em; }
		section.sitemap-block ul li ul li a{ color:#00718f; }
			section.sitemap-block ul li ul li a:hover{ color:#848685; }
			
	section.sitemap-block ul li:first-child{ border:none; }
	section.sitemap-block ul li ul li:first-child{ background:none; }

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End SiteMap <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */