body {
	
	/*background:  url("../images/floral_dark.gif") ; */
	 background:  url("../images/beige_floral.jpg") ;
	 background:  url("../images/floral-grey.png") ;
	 background:  url("../images/floral_dark.gif") ;
	 background:  url("../images/background/blacklinex.jpg") #111111 ;
	  background:  url("../images/background/blackgrad1.jpg") #111111;
	  
	 
	 
	 
	 margin:0px;
	 padding: 0px;
}	


#kwicks_container { 
  float: left;
  background: transparent;
  height: 550px;
  width: 512px; 
  
  /*width: auto;*/
  
  
  
  
  
  /*position: relative;*/


        
  
}

#contentArea { 
  float: left;
  background: transparent;
  height: 545px;
  /* width: 400px; */
  margin-top: 5px;
  width: 485px; 
  
  font-weight: 300;
  
}

.littleContentArea { 
  
  background: red;
  height: 10px;
  /* width: 400px; */
  margin: 0 0;
  width: 10px;
  border:  1px solid red;
  overflow: hidden;
  
  
}

.content_form, .content_galleries, .plain_content, .map_content, .measuring_content, .clientListContent, .plain_content_measuring, 
.plain_content_measuring_or, .plain_content_measuring_rail{
  float: left;
  width: 100%;
  height: 380px;
  
  margin-top: 145px;
  background: white;
  
  display: none;
  
  /* for IE */
  filter:alpha(opacity=10);
  /* CSS3 standard */
  opacity:0.1;

}

.map_content, .measuring_content, .content_form {

	 height: 480px;
  
  margin-top: 0px;


}

.plain_content_measuring{  height: 410px;  margin-top: 110px;}
.plain_content_measuring_or {  height: 310px;  margin-top: 210px;}

.plain_content_measuring_rail{height: 520px; margin-top: 10px;}

.leftSideRail{

	float: left; 
	width: 45%;	
	height: 430px;
	
}

.rightSideRail{

  float: right; 
  width: 45%; 
  height: 430px;
  
}






.clientListContent{ width: 300px; height: 545px; margin-top: 0px;}

.content_form{ height: 545px;}

#designerContent{
	
	/* for IE */
  filter:alpha(opacity=10);
  /* CSS3 standard */
  opacity:0.1;
}	


.slideshow_content{ 
	
	 float: left;
  width: 100%;
  height: 400px;
  
  background: transparent;
  margin-top: 10px;
  
 
	
	
	}
	
	
.pcontent{
    
  background:  url("../images/background/blackgrad1.jpg") right #111111;
  
   display: none;
  
  /* for IE */
  filter:alpha(opacity=10);
  /* CSS3 standard */
  opacity:0.1;
  
}	

.plain_content{
	  
  background:  url("../images/background/blackgrad1.jpg") right #111111;
  
   display: none; 
  
  /* for IE */
  filter:alpha(opacity=0);
  /* CSS3 standard */
  opacity:0.0;
	
}

.leftVerticalImage{
	
	float: left;
	margin-top: 10px;
	margin-left: 10px;
  width: 150px;
  height: 520px;
  
  border: 1px solid #555555;
  
  
  
  
}

.map_content, .measuring_content {
  float: left;
  width: 100%;
  height: 100%;
  
  background:  url("../images/background/blackgrad1.jpg") right #111111;
  
  

}


#mapImage {
	background: url("../images/map.jpg") center no-repeat ;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 465px;
	height: 287px;
	
	}
	
	#measuringImage {
  background: url("../images/curtain1.gif") center no-repeat #ffffff ;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 465px;
  height: 287px;
  
  
  
  }


#measuringText {
  
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 465px;
  height: 225px;
  
  background: #333333;
  
  font-size: 13px;
  
  color: #cccccc
  }

#measuringInner {
  
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 445px;
  height: 287px;
  
  }
  

#mapText {
  
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 465px;
  height: 225px;
  
  background: #333333;
  
  font-size: 13px;
  
  color: #cccccc
  }

#mapInner {
  
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 445px;
  height: 287px;
  
  }

#consultantsImage{ background: url("../images/side/bathroom1.jpg") bottom right no-repeat ;}
#developerImage{ background: url("../images/side/red.jpg") bottom right no-repeat ; border: 1px solid #5b2428; }
#designerImage{ background: url("../images/side/white.jpg") bottom right no-repeat ;}

#fullserviceImage{ background: url("../images/side/cushion2.jpg") bottom right no-repeat ;}
#backgroundImage{ background: url("../images/side/pillow.jpg") bottom right no-repeat ;}

#whattoexpectImage{ background: url("../images/side/us.jpg") bottom right no-repeat ;}
#philosophyImage{ background: url("../images/side/yellow.jpg") bottom right no-repeat ;}

#testimonialImage{ background: url("../images/side/pillow.jpg") bottom right no-repeat ;}


.contentVerticalText,.contentVerticalText_floral, .contentHorizontalText{
  
  float: left;
  margin-top: 0px;
  
  width: 100%;
  height: 100%;
  
  font-size: 12px;
  /*border: 1px solid gray;*/
  font-family: Arial, Helvetica, Sans-serif;
  
  
  
  
 /* background: url("../images/background/floral.png");
  background:  url("../images/floral_dark.gif") ; */
  
  
  background: url("../images/side/textBG.jpg") transparent; 
  
  
  color: #cccccc;
  
 
  
  
  
}

.contentHorizontalText{ width: 100%;  background:  #333333;  text-align: justify; font-size: 12px; }

.contentVerticalText_floral{  background: url("../images/floral_dark.gif");}

.contentHeaderText{ font-size: 16px;  margin-bottom: 15px; font-weight: 600; color: #cc9900; }

.contentVerticalTextInner, .contentHorizontalTextInner{
  
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  width: 95%;
  height: 500px;
  
  
  
  
  
}

.contentHorizontalTextInner{  width: 440px; }



#kwicks {
  float: left;
  position: relative; 
  
  padding: 0px;
  margin: 0px;
}
 
#kwicks .kwick {
  float: left;
  display: block;
  width: 100px; 
  height: 550px;
  position: relative; 
  
  
}






 
#kwick_red {background-color: #1a1a1a;}
#kwick_orange {background-color: #303030;}
#kwick_yellow {background-color: #454545;}
#kwick_green {background-color: #595959;}
#kwick_blue {background-color: #666565;}
#kwick_indigo {background-color: indigo; color: #fff; }
#kwick_violet {background-color: violet;}




  
html,body {height: 98%; padding:0; font-family: "Microsoft Sans Serif", Arial, Helvetica, Sans-serif;}

#outer{
  width: 100%;
  height: 100%;
  /*background-color: #fc0000;*/
  padding: 0px;
  margin : 0px;
  
}



#mainContentArea{

    height: 645px;
    width: 100%;
    
    margin-left: auto ;
    margin-right: auto;
    
    text-align: left;
    
    
  
  background:  url("../images/decorBG.gif") 260px 160px no-repeat #131313; 
  /*background:  url("../images/background/12.jpg") bottom right no-repeat #131313; */
      
}


#header{
	
  float: left;
  width: 100%;
   
  background: #8c3b65;
  
  height: 89px;
  border-bottom: 1px solid #222222 ;
  
  background:  url("../images/headerblack.jpg") top left;
  
  cursor: pointer;
		
}

#logo{
	
	float: left;
	margin-top: 10px;
	background:  url("../images/simplysprite.gif") 0px -2px no-repeat;
	width: 241px;
	height: 40px;
	
}

#craftsmen{
  
  float: right;
  margin-top: 9px;
  margin-right: 3px;
  /*background:  url("../images/craftsmen.jpg")  no-repeat;*/
  background:  url("../images/guild1.png")  no-repeat;
  
  width: 60px;
  height: 60px;
  
}

#gallery_menu, #whatwedo_menu, #aboutus_menu, #contactus_menu, #faq_menu{
  
  float: left;
  margin-top: 390px;
  margin-left: 10px;
  
  width: 32px;
  height: 154px;
	
  
}


#gallery_menu{ background:  url("../images/simplysprite.gif") -40px -60px no-repeat; }
#whatwedo_menu{ background:  url("../images/simplysprite.gif") -90px -60px no-repeat; }
#aboutus_menu{ background:  url("../images/simplysprite.gif") -145px -60px no-repeat; }
#contactus_menu{ background:  url("../images/simplysprite.gif") -195px -60px no-repeat; }
#faq_menu{ background:  url("../images/simplysprite.gif") -245px -60px no-repeat; }




#kwikBG_0, #kwikBG_1, #kwikBG_2, #kwikBG_3, #kwikBG_4 {
	
	  
  margin-top: 0px;
  margin-left: 43px;
  
  width: 100px;
  height: 100%;
	
	background: transparent ;
	 
	
	
	width: auto;
	
	display: none;  
	overflow:hidden;
	
	/*border: 1px solid red; */
	
	
}

#kwikBG_0, #kwikBG_1, #kwikBG_2, #kwikBG_3{
	
	 background:  url("../images/floral_dark.gif") ;
	 
	 /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
	 
}	



.textOuter{
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	width: 340px;
	height: 500px;
	
	background: #222222;
	color: #cfcfcf;
	font-family: "Microsoft Sans Serif", Arial, Helvetica, Sans-serif;
	
	font-size: 13px;
	line-height: 130%;
	
	
}
.textInner{
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 300px;
  height: 460px;
  
  
}

.thumbnailBG{
	
	float: left;
  margin-left: 10px;
  margin-top: 10px;
  width: 65px;
  height: 65px;
  
  border: 1px solid #cccccc;
	
}

.thumbnailBG:hover{  border: 1px solid #8c3b65; }


#menuOuterArea, #contactDetailsArea {
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  height: 505px;
  width: 120px;
  background: transparent;
     
  color: #DDDDDD;
}

#contactDetailsArea{
  
  margin-top: 5px;
  margin-left: 10px;
  float: left;
  height: 57px;
  width: 465px;
  background: #666666;
  color: white  ;
  
  background: url("../images/background/green_bg.jpg") top right;
  
  font-weight: 600;
}

#errorDetailsArea{
  
  margin-top: 5px;
  margin-left: 10px;
  float: left;
  height: 50px;
  width: 465px;
  
  border-top: 1px solid #cccccc;
  
  
  background: white;
  
  font-weight: 600;
}

#formHelpText{
  
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  height: 50px;
  width: 400px;
  
  font-size: 12px;
  line-height: 150%;
  
  font-family: Arial, Helvetica;
  
  
    
  
  
} 

.menuArea {
  margin-top: 40px;
  margin-left: 5px;
  
  float: left;
  height: 450px;
  width: 100%;
/*width:auto; */
	/*border: 1px solid red; */ 


  
}

.menuArea ul {
  padding: 0;
  margin: 0px;
  list-style: none;
  width: 100%;
  background: transparent;
  height: 300px; 
		/*border: 1px solid red;   */
  
}

.menuArea ul li a {
  
  font-size: 12px;
  color: #999999;
  display: block;
  text-decoration: none;
  line-height: 120%;
  margin: 0px;
  padding: 0px;
  /*line-height: 180%; */
  
  font-weight: 600;
  width: 100%;
  margin-top: 12px;
}

.menuArea ul li a:hover { color: white; }


.hoverableMenu a:hover { /*border : 1px solid #bbbbbb; */
  color: #eeeeee;
  background-color: #2f2f2f;
}

.selected { 
	/*border : 1px solid #bbbbbb; */
  color: white;
  background-color: #8c3b65;
}

#thumbnailsBG, #contactAreaBG {
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  height: 505px;
  width: 395px;
  background: #222222;
  color: #DDDDDD;
}

#thumbnailsBG{width: 524px;}

#contactAreaBG{ background: white ; width: 465px; height: 405px; background: white; }

.instructions{   line-height: 180%;  color: #aaaaaa; width: 100%;   background: #efefef; float:left;}


.galleryRow{
	float: left;
	width: 100%;
	height: 100px;
	
	background: #cccccc;
	
	color: white;
	
}	

.galleryRow:hover{ background: #999999; }

.contentVerticalTextInner ul { padding :0px; margin-top : 10px;}

.measuringLeftCol{  

	float: left;	
	height: 495px;	
	width: 45%;

}

.measuringRightCol{

	 float: right;
  
 
  height: 422px;
  
 
  
  background: red;
  
  width: 50%;
  
  background: #444444;
  color: white;

}

.measuringHeader{

  float: left; 
  width: 100%;
  height: 28px;
  text-indent: 8px;
  font-weight: 600;
  font-size: 13px;
  color: white;
  
  margin-top: 8px;

}

.tcHeader{ 
	
	float: left; 
  width: 100%;
  height: 16px;
  
  font-weight: 600;
  font-size: 14px;
  color: white;
  
  
  margin-bottom: 7px;
  
  
  
} 

#measuringInsideRecessImage, #measuringOutsideRecessImage, #measuringRailImage, #measuringPoleImage {  
	
	float: left;
	background: url("../images/measuring/insiderecess.jpg" ) -10px -180px no-repeat ;
	width: 46%;
	height: 245px; 
	
	
	
	}
.rightTextArea{ 
  float: right;
  
  width: 50%;
  height: 245px; 
  text-align: left;

}

.rightTextArea ul, .measuringLeftCol ul{ padding: 0px; margin-left:25px;  list-style: decimal;}


.rightTextArea ul li, .measuringLeftCol ul li { margin-top: 10px;}

	
	#measuringOutsideRecessImage {background: url("../images/measuring/outsiderecess.jpg" ) -20px -200px no-repeat ;  height: 225px;}
	
	#measuringRailImage  {background: url("../images/measuring/rail.jpg" ) -15px -200px no-repeat ;  width: 100%; height: 205px;  margin-bottom: 10px;}
	#measuringPoleImage  {background: url("../images/measuring/pole.jpg" ) -12px -200px no-repeat ;  width: 100%; height: 205px; }
  

.measuringTextOutside{ 
	
	float: left; 
  width: 98%;
  height: 100%;
  
  
  margin-left: 8px;
  
  }

.measuringTextInside{

	float: left; 
  width: 90%;
  height: 100%;
  
   margin-top: 5px;
  
  
  font-size: 12px;

}

.measuringTextInside ul, .leftSideRail ul, .rightSideRail ul, .measuringLeftCol ul   { padding: 0px; margin-left:25px;  list-style: decimal;}


.measuringTextInside ul li, .leftSideRail ul li, .rightSideRail ul li, .measuringLeftCol ul li{ margin-top: 10px;}

.measuringLeftCol ul { margin-top: 80px;}

.contentHorizontalTextInner ul { margin-top : 9px;}





.plain_contentp{
	
	
	background:  url("../images/background/blackgrad1.jpg") right #111111;
  
 
  
  
  float: left;
  width: 100%;
  height: 100%;
  
 
  
  
  
}

.measuringSubHeader, .measuringSubHeader2, .measuringSubHeader3{
	
	float:left;
	width: 95%;
	height: 16px;
	color: #aaaaaa;
	font-weight: 600;
	margin-top: 6px;
	margin-bottom: 5px;
	
	
}

.measuringSubHeader2{ margin-top: 18px; }

 
 .railpoleadvice{
 
  float: left;
  height: 45px;
  
  background: #111111;
  width: 100%;
  
  color: #999999;
  font-size: 11px;
  font-weight: 600;
  
  margin-bottom: 8px;
 
 }
 
  .railpoleadviceInner{
 
  float: left;
  height: 49px;
  margin-top: 6px;
  margin-left: 5%;
  
  
  
  width: 90%;
  
  
 
 }
 
 #tandcs{
 
 color: white;
 font-size: 9px;
 }
  
  #tandcsTextArea{
  float: left;
  margin-left: 2%;
  margin-top: 2%;
  width: 96%;
  height: 96%;
  
  text-align: justify;
 
 }  
    

.contentTopHeaderWithArrow{
	
    background:  url("../images/contentbottomarrow.jpg") 0px 0px no-repeat #333333;
  
 
  
  
  float: left;
  width: 100%;
  height: 18px;
  
  margin-bottom: 5px;
  margin-bottom: 3px;
  
  
		
	
}	
    
    
#orlink{
	
	/*border-top: 1px solid white; */
	float: left;
	
	background:  url("../images/or.jpg")  no-repeat transparent;
	
	width: 500px;
	height: 20px;
	
	font-size: x-small;
	color: #999999;
	
	letter-spacing: 0.2em;
	
	
	text-indent: 5px;
	line-height: 170%;
	
	
	/* for IE */
  filter:alpha(opacity=50);
  /* CSS3 standard */
  opacity:0.5;
  
  cursor: pointer;
	
	
}	    

#orlink a{ text-decoration: none;  color: #999999 ;



}

#orlink a:hover{ text-decoration: none;  color: #e59305;

/* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}

#usphoto{

	float: left;
	
	background:  url("../images/ja.jpg")  no-repeat transparent;
	
	width: 100%;
	height: 230px;
	
	margin-bottom: 11px;

}






.scrollBox {
 /* The box displaying the scrolling content */
 
 
 overflow: hidden;
 position: relative;
 width: 100%;
 height: 405px;
 
}

.scrollTxt {
 /* the box that actually contains our content */

 position: relative;
 text-align: justify;
}


#down{ cursor:pointer;  background:  url("../images/down.png")  center center no-repeat transparent;  height: 12px; width: 100%;  margin-top: 20px; }

#up{ cursor:pointer;   background:  url("../images/up.png")  center center no-repeat transparent; height: 12px; width: 100%;  margin-bottom: 10px;}

.centreheight{

  height:100%;
}