@import url("navi_images_1.css");
* {	margin:0px;	padding:0px; }

/*div{ border:1px solid #ccc;}*/

body { background:url(images/bg/sky.jpg) top center  repeat-y #fff; text-align:center; color: #454545; font: 12px 'Lucida Grande', Verdana, sans-serif; line-height:20px;}

.extn_container{ width:990px;  text-align:left; margin:auto }

/* headings */ 
h1 {font: 26px Arial, 'Lucida Grande', Verdana, sans-serif; font-weight:100; color:#454545; margin:10px 0;}
h2 { font: 18px Arial, 'Lucida Grande', Verdana, sans-serif; font-weight:100; color: #666666; margin:10px 0;}

/* general */
p{ line-height:20px; margin:8px 0;}
.clear{ clear:both; height:1px; overflow:hidden;}
a img{ border:0px}
a.link{ background:none; color:#000000; padding:2px; margin:4px 0; text-decoration: none; border-bottom:1px dotted #ccc;}
a.link:hover { background:#454545; color:#fff; }

/* main content */
.body_content{margin:5px 20px 0 0; width:990px;}
.body_content_home{margin:5px 20px 0 0; width:990px;}
.left_col_container{ float:left;  width:580px; margin:0px 80px 10px 1px; padding:5px 10px;}
.right_col_container{ float:left;  width:235px; margin:10px 10px;}

/*style switcher*/
.navi_level_1 ul li a.s_green{ background:none;  color:#000; border: #E5E5E5  1px solid; }
.navi_level_1 ul li a.s_2{ background: url(images/styles/box_brush_stroke.gif) no-repeat ; color:#fff;  border:#fff 1px solid; }
.navi_level_1 ul li a.s_3{ background: url(images/styles/box_paper.gif) no-repeat;  color:#fff; border:#fff 1px solid;}
.navi_level_1 ul li a.s_4{ background: url(images/styles/box_mesh.gif) no-repeat; color:#fff; border:#fff 1px solid;} 
.navi_level_1 ul li a.s_8{ background: url(images/styles/box_elegant.gif) no-repeat ; color:#fff; border:#fff 1px solid;} 
.navi_level_1 ul li a.s_9{ background: url(images/styles/box_photo.gif) no-repeat; color:#fff; border:#fff 1px solid;}

.navi_level_1 ul li a{ width:10px; height:10px; display:block; overflow:hidden; padding:0px;  }
.navi_level_1 ul li a span{ display:none;}

/* header style*/
.header{  display:block; width:980px; text-align:left;}

/* logo style*/
.logo{ display:block; height:105px; width:234px; float:left;  margin:0 0 0 10px;}
.logo h1{ margin:-9999px 0 0 0;}
.logo{ background: url(images/bg/HelenMaybanks_logo_b_w.png) no-repeat; height:70px; width:245px; float:left;  margin:20px 0 0 20px;}

/* header (top navi) layout */
.top_navi{display:block; height:94px; width:700px; _width:690px;float:left; overflow:hidden;}
.main_navi{ display:block; height:40px;  margin:13px 0 0 20px;}
.navi_level_1{display:block; height:20px;  margin:5px 0 0 22px; color:#454545 }



/* main navi style/
.main_navi ul { list-style-type: none;	margin: 0 0 0 5px;}
.main_navi ul li { list-style:none; display:inline; height:36px; width:80px; float:left; margin: 0px 8px 0 0; background: url(images/bg/navi_bg_cloud.gif) no-repeat;}
.main_navi ul li a{ text-decoration:none;  color:#000; font-weight:bold; font-size:12px; padding:2px 2px 2px 4px; margin: 0px 4px 0 0;}
.main_navi ul li a:hover{  color: #80a7b8; background:none; }
.main_navi ul li a.on{ color:#80a7b8; background: url(images/bg/navi_bg_cloud_on.gif) no-repeat; height:36px}
.nv1{ border-right: 0px #fff solid;}*

/* navi_level_1 style*/
.navi_level_1 ul { list-style-type: none;	margin: 0 0 0 2px;}
.navi_level_1 ul li { list-style:none; display:inline; height:18px; float:left; margin: 5px 5px 0 0;}
.navi_level_1 ul li a{ text-decoration:none; color:#fff; font-weight:bold; font-size:.7em; padding:2px 2px ; margin: 0px 2px 0 0;}
.navi_level_1 ul li a:hover{ background:#fff; color:#000; }
.navi_level_1 ul li a.on{ background:#fff; color:#000; }



/*sub  navi bar */
.sub_navi_bar{margin:10px 20px 0 10px;  width:220px;}

/*sub  navi highlight_color 9aca5e
.sub_navi { text-align:left; margin:0px; padding:0px;}
.sub_navi ul li { margin:2px 0 11px 0px; padding:2px 0;	list-style:none; display:block; }
.sub_navi ul li a {text-decoration:none; padding: 2px 4px; background:#454545; color:#fff; display:inline; }
.sub_navi ul li a.on { background:#f0f0f0;	color:#000}
.sub_navi ul li a.on:hover { background:#f0f0f0; color:#000; }
.sub_navi ul li a:hover { background:#000; color:#fff; }
*/

.sub_navi ul {
list-style: none url(images/dot.png);
	padding: 10px 0 0 0;
	margin-left: 1.5em}
.sub_navi ul li {	margin-bottom: 0.3em;}
.sub_navi ul li a.on {color:#000; font-weight:bold;}

.sub_navi ul li a {
	color: #454545;
	background: transparent;
	text-decoration: none;
}
.sub_navi ul li a:hover {
	color: #000;
	background: transparent;
	text-decoration: none;
}
	
	
	
.col_repeat ul {
list-style: circle;
	padding: 10px 0 0 0;
	margin-left: 1.5em}
.sub_navi ul li {	margin-bottom: 0.3em;}


/* gallery viewer */
.gallery_viewer{margin: 0px 0 5px 0;  float:left; width:990px; overflow:show; _margin:5px 0 5px 5px}
.gallery_viewer_home{margin: 4px 0 5px 2px;  float:left; width:990px; overflow:show; _margin:0px 0 5px 10px}
.gallery_viewer_c{margin: 0px 0 5px 0;  float:left; width:990px; overflow:show; _margin:5px 0 5px 5px}

/*link box */

.links_box{ margin:10px 0 0 0; line-height:19px;}
.links_box a{  text-decoration:none; background:#f0f0f0; color:#000; padding: 4px 4px; font-size:11px;  margin:2px 3px;}


/*  footer*/
.footer{ margin:10px 0 0 5px; font-weight:bold; }
.footer a{ border-bottom:1px dotted #ccc; color:#000; text-decoration:none; padding:2px; margin:2px 0; }
.w_box2{  display:block; background: url(images/footer_bg.png) no-repeat;  padding:27px 2px 20px 45px; width:900px; height:50px;}
.w_box{ text-align:center; display:block; _background: none #fff; _border:1px #000 solid; _padding:10px 0px 0px 15px; width:880px; height:28px;}


.two_col_container_b{ width:600px; overflow:hidden;}
.col_repeat{ float:left; width:270px; margin: 0 12px 0 0 0; line-height:29px}


p.quote{ margin: 2em 0; font-size:1.2em; line-height:2em}
.quote_start{ text-indent: -20px; font-size:2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; background:url(images/start_quote.png) no-repeat; height:30px; width:25px; display:block; float:left; overflow:hidden; margin:-10px 0 0 0}
.quote_start span{ margin-left: -9999px;}
.quote_end span{margin-left: -9999px; width:30px; display:block;  float:left;}
.quote_end{ font-size:2em; font-family:  Arial, Helvetica, sans-serif Times, serif;  font-weight:bold ;background:url(images/end_quote.png)  no-repeat; height:20px; width:20px; display:none;    overflow:hidden; margin:10px 0 0 0; clear:both;}
.bg{ background:#fff; padding: 10px 20px }



/*new navi 
#top_navi{ display:block; height:40px;  margin:13px 0 0 40px;}

 main navi style#top_navi ul { list-style-type: none;	margin: 0 0 0 8px;}
#top_navi ul li { list-style:none; display:inline; height:35px; float:left; margin: 0px 5px 0 0; }*/
/*#top_navi ul li a{ }
#top_navi ul li a:hover{  color: #80a7b8; background:none; }
#top_navi ul li a.on{ }
.nv1{ border-right: 0px #fff solid;}
}*/


/* for ie png transparency */

 img, div { behavior: url(iepngfix.htc) }
 
 	
		/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
	
/*--- iPhone only CSS here ---*/

.gallery_viewerl{
  display:none;

}