/* Fjordhus CSS Document */

/*body*/
body { background-color:#E3E2DF; margin:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:75%; }

/* page container
#page_container {width: 900px;  background-color:#FFFFFF; border:1px solid white; margin-top: 40px; margin-bottom:30px; margin-left: 50px; margin-right:50px; font-family:Arial, Helvetica, sans-serif;}
*/
/* page container - amanda redone*/
#border_container #page_container { float:left; width: 900px;  background-color:#fff; border:0px solid red; margin-top:0px; margin-bottom:0px; margin-left: 0px; margin-right:-10px; font-family:Arial, Helvetica, sans-serif;}

/*top container*/
#page_container #top_container {width:  880px; height: 90px; margin-top: 10px; margin-left: 10px; margin-right:10px; background-color:#F5F5E5; border:0px solid BLUE;}

/*Fjordhus logo*/
#page_container #top_container #top_logo{ float:left; width:193px; height:75px; text-align: left; margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px;  border:0px solid GREEN;}

/*Fjordhus head*/
#page_container #top_container #head{float:right; height:50px; width:290px; margin-top:15px; border:0;}

#page_container #top_container #head .home_icorn{height:16px; margin-left:0; margin-top:10px; width:16px; float:left; border:0;}
#page_container #top_container #head .top_char{ color:#B8B8A5; font-size:12px; height:auto; margin-top:12px; margin-left:2px; width:auto; float:left; border:0;}
#page_container #top_container #head .top_form{ margin-top:8px; margin-left:5px; width:auto; float:left; border:0;}
#page_container #top_container #head .top_button{height:30px; margin-left:2px; margin-top:9px; width:auto; float:left; border:0;}

a.top:link	{color:#B8B8A5;text-decoration: none; font-size:100%}
a.top:visited	{color:#B8B8A5;text-decoration: none; font-size:100%}
a.top:hover	{color:#D63129;text-decoration: none; font-size:100%}
a.top:active	{color:#B8B8A5;text-decoration: none; font-size:100%}


/* main container*/
#page_container #main_nav { height:25px; margin-top: 2px; margin-left: 10px; margin-right: 10px; background-color: #FFFFFF; border:0px solid BROWN;}




/*main menu, first level navigation*/
#page_container #main_nav #navlist_main {line-height: 25px; width:880px; margin-left:0px; margin-top:0px; margin-bottom:0px;  padding: 0px; white-space: nowrap; list-style-type: none; background:#FFF;}

#navlist_main li {height:25px; float: left;	margin: 0; padding: 0; position: relative;}

#navlist_main li a {display: block; text-align:center;  font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#navlist_main a.normal:link  {color:#FFFFFF; text-decoration:none;background-color:#B8B8A5;}
#navlist_main a.normal:visited  {color:#FFFFFF;text-decoration:none;background-color:#B8B8A5;}
#navlist_main a.normal:hover  {color:#FFFFFF;text-decoration:none; background-color:#D63129;}
#navlist_main a.normal:active  {color:#FFFFFF;text-decoration:none; background-color:#D63129;}

#navlist_main a.focus:link{color:#FFFFFF; text-decoration:none;background-color:#214263;}
#navlist_main a.focus:visited  {color:#FFFFFF;text-decoration:none;background-color:#214263;}
#navlist_main a.focus:hover  {color:#FFFFFF;text-decoration:none; background-color:#D63129;}
#navlist_main a.focus:active  {color:#FFFFFF;text-decoration:none; background-color:#D63129;}

#navlist_main a.current:link  {color:#FFFFFF; text-decoration:none;background-color:#D63129;}
#navlist_main a.current:visited  {color:#FFFFFF;text-decoration:none;background-color:#D63129;}
#navlist_main a.current:hover  {color:#FFFFFF;text-decoration:none; background-color:#D63129;}
#navlist_main a.current:active  {color:#FFFFFF;text-decoration:none; background-color:#D63129;}

#navlist_main li ul {display: none;}

#navlist_main li#about_fjordhus { float:left;  display: inline; width: 108px; text-align:center; margin-right:3px;}
#navlist_main li#our_service { float:left;  display: inline;  width: 90px; text-align:center; margin-right:3px;}
#navlist_main li#timber_framed_houses { float:left;  display:inline;  width: 158px; text-align:center; margin-right:3px;}
#navlist_main li#garages_outbuildings { float:left;  display:inline;  width: 148px;  text-align:center; margin-right:3px;}
#navlist_main li#green_technology { float:left;  display: inline;  width: 126px;  text-align:center; margin-right:3px;}
#navlist_main li#testimonials { float:left;  display:inline;  width: 98px; text-align:center; margin-right:3px;}
#navlist_main li#news { float:left;  display: inline;  width: 58px; text-align:center; margin-right:3px;}
#navlist_main li#contact { float:left;  display: inline;  width: 73px; text-align:center; margin-right:0;}

/* 2nd level navigation*/
#navlist_main ul{line-height: 25px; display:block; list-style: none; text-align:center; width: 180px; position:absolute; padding:0; background-color:#FFFFFF; border-width:1px; border-style:solid;	border-color:#D63129; z-index: 9 !important; font-size:12px;} 
#navlist_main ul.about_fjordhus{margin-left:-54px;} 
#navlist_main ul.our_service{margin-left:-45px;} 
#navlist_main ul.timber_framed_houses{margin-left:-79px;} 
#navlist_main ul.garages_outbuildings{margin-left:-74px;} 
#navlist_main ul.news{margin-left:-29px;} 
#navlist_main ul.contact{margin-left:-36px;} 

#navlist_main ul li {height:25px; float: left; padding: 0; width: 180px; background-color:#FFFFFF; text-align:left; border-color:#FFACB9;border-width:1px;border-top:none; border-left:none;border-right:none;}
#navlist_main ul li.sec_level_nav_normal{ border-bottom-style:dotted; }
#navlist_main ul li.sec_level_nav_bottom{ border-bottom-style:none;  }

#navlist_main ul li a {display: block; height:25px; text-align:left; width:170px;font-family:Arial, Helvetica, sans-serif; font-size:90%;padding-left:10px; background-color:#FFFFFF; border:0; position: relative;}
#navlist_main ul li a:link  {color:#D63129; height:25px; text-decoration:none;}
#navlist_main ul li a:visited  {color:#D63129;height:25px; text-decoration:none;}
#navlist_main ul li a:hover  {color:#D63129;height:25px; text-decoration:none;background-color:#EBCDC3;}


/* 3rd level navigation*/
#navlist_main ul li ul {line-height: 25px; display:none !important;list-style:none; text-align:center; width: 180px; position:absolute; margin-top:-25px; margin-left:180px; padding-left:0px; background-color:#EBCDC3; border-width:1px; border-style:solid;	border-color:#DDAB9B; z-index: 5;} 
#navlist_main ul li ul li{ float:left;  width: 180px;  text-align:left; padding-left:0px; border-color:#D63129; border-width:1px; border-top:none; border-left:none;border-right:none; }
#navlist_main ul li ul li.third_level_nav_normal{ border-bottom-style:dotted; }
#navlist_main ul li ul li.third_level_nav_bottom{ border-bottom-style:none; }

#navlist_main a.expandable {
	background: #EBCDC3 no-repeat 190px 50%;
}
#navlist_main a.expandable:hover {
	background: #DDAB9B no-repeat 190px 50%;
}


/* navigation drop down behaviour*/
#navlist_main li:hover ul,
#navlist_main li.sfhover ul {display: block;}
#navlist_main li ul li:hover ul,
#navlist_main li ul li.sfhover ul {display: block !important;}
#navlist_main li:hover a,
#navlist_main li.sfhover a {color: #000;}

#arrow_3_1{ border:0; line-height:25px; margin-top:8px; margin-bottom:7px; margin-left:98px;}
#arrow_3_2{ border:0; line-height:25px; margin-top:8px; margin-bottom:7px; margin-left:15px;}
#arrow_3_4{ border:0; line-height:25px; margin-top:8px; margin-bottom:7px; margin-left:86px;}
#arrow_3_5{ border:0; line-height:25px; margin-top:8px; margin-bottom:7px; margin-left:52px;}
/* menu position*/

/* Fix IE. Hide from IE Mac \*/
* html #navlist_main ul li { float: left; }
* html #navlist_main ul li a { height: 1%; }
/* End */


/*For foot container & validation
#page_container #foot_container{ float:left; display:inline; margin-left:10px; margin-right:10px; margin-top:5px; padding-top:5px; padding-left:4px; width:500px; height:50px; background-color:#WHITE; text-align:left; border: 0px solid GREEN;}
a.foot:link	{color:#D63129;text-decoration:none;}
a.foot:visited{color:#D63129;text-decoration:none;}	
a.foot:hover{color:#B8B8A5;text-decoration:none;}
#page_container #validation{ float:right; display:inline; margin-left:10px; margin-right:10px; margin-top:5px; padding-top:5px; padding-left:4px; width:100px; height:50px; background-color:#WHITE; border: 0px solid RED;}

*/
/* amanda redone footer */
#page_container #foot_container{float:left; width:900px;  margin-left:0px; margin-right:0px; margin-top:5px;  height:30px; background-color:#ffffff; text-align:left; border: 0px solid RED; }
#page_container #foot_container ul {padding: 0; background-color:#ffffff; display: inline; list-style-type: none; white-space: nowrap;  border: 0px solid RED; margin-left:10px; }
#page_container #foot_container li {padding: 0px 0px 0px 0px; display: inline; list-style-type: none; white-space: nowrap; }
#page_container #foot_container li a{padding: 0px 7px 0px 7px; margin:0; color:#D63129; text-decoration: none; }
#page_container #foot_container li a:hover {padding: 0px 7px 0px 7px; margin:0; color:#B8B8A5; text-decoration: none; }
#page_container #foot_container li#divide {padding: 0px 2px 0px 2px; color:#D63129;  margin:0; text-decoration: none;  }




/*For image*/
.img{ border:0;}
.arrow_img{ border:0; vertical-align:middle;}
.type_button_img {border:0px solid BLUE; margin:0;}
.cal_arrow_img{ border:0; margin-top:10px; }
.design_img{border:0; text-align:center; margin-top:0px;margin-right:7px;}
.designNo_img{border:0; margin-top:3px;margin-left:63px; }
.button_img{ border:0;}
.button_img{ border:0;}
.arrow_img{ border:0; vertical-align:middle;}
.title_img{border:0; text-align:left; margin:0;}


/*For font design*/
/*text_of_content is added by zhiyong*/
.text_of_content{line-height:15px; margin-top:3px; margin-bottom:15px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7B7B6B; text-align:left;}
p.text{line-height:15px; margin-top:3px; margin-bottom:15px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7B7B6B; text-align:left;}


/*h5 is added by zhiyong temporarily*/
h5{font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:100; text-align:left; color: white}
h6{font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:100; text-align:left;}
h7{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:100; text-align:left; color:#E23828}
h1{font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:100; text-align:left;}
.content_title{color:#9C9C90; margin-top:8px; margin-bottom:3px;}

.show_type_title{ text-align:left;color:#808534; margin-top:11px; margin-bottom:0px; margin-left:8px;}
.cost_title{ text-align:right;color:#808534; margin-top:10px; margin-bottom:0px; margin-right:3px;}

h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7B7B6B; text-align:left; font-weight:bold; margin-top:35px; margin-bottom:0px; }

p.note_title{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-align:left;color:#FFFFFF;	margin-left:6px; margin-top:18px;  margin-bottom:0px; }
p.note_content{font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left;color:#FFFFFF; margin-left:6px; margin-right:4px; margin-top:8px;  margin-bottom:0px;}

p.text1{line-height:15px;margin-top:15px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7B7B6B; text-align:left;}
.text1_of_content{line-height:15px;margin-top:10px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7B7B6B; text-align:left;}
p.redtitle{font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left;color:#D63129; margin-left:2px; margin-right:0px; margin-top:30px;  margin-bottom:0px;}

p.redtitle2{font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left;color:#D63129; margin-left:2px; margin-right:0px; margin-top:10px;  margin-bottom:0px;}

p.greytitle{font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left;color:#9C9C90; font-weight:bold; margin-left:2px; margin-right:0px; margin-top:10px;  margin-bottom:0px;}

p.showroom_intro{line-height:15px;margin-top:10px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:100; color:#FFFFFF; text-align:left;}
span.showroom_intro_strong{line-height:15px;margin-top:10px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; color:#FFFFFF; text-align:left;}

span.type_size_subtitle{color:#D63129; text-align:left;  margin-top:15px; margin-bottom:3px; margin-left:0px;margin-right:0px;font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:400;text-align:left;}
p.type_size{color:#8B8B7D; text-align:left;  margin-top:10px; margin-bottom:3px; margin-left:8px;margin-right:0px;font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:400;text-align:left;}
p.garages_index_rednote{color:#DE5851; text-align:left; margin-top:1px; margin-bottom:15px; margin-left:0px; margin-right:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:500;}

p.garages_pricelist_typebar{color:WHITE; text-align:left; margin-left:15px; margin-top:3px; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:300;}
p.garages_pricelist_typepic_note{color:#94A1AA; text-align:left; margin-left:0px; margin-top:3px; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:300;}
p.garages_pricelist_subtitle{color:#7A7A7A; text-align:left; margin-left:0px; margin-top:0px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:500;}



/*For link*/
a.redlink:link {color:#D63129;text-decoration: none; vertical-align:middle;}
a.redlink:visited	{color:#D63129;text-decoration: none;  vertical-align:middle;}
a.redlink:hover	{color:#B8B8A5;text-decoration: none;  vertical-align:middle;}
a.redlink:active	{color:#D63129;text-decoration: none;  vertical-align:middle;}