@import url("navi_images.css");

body { 	background: url(images/bg/bg_simple.jpg) top center no-repeat #fff; text-align:center; color: #454545; font: 12px 'Lucida Grande', Verdana, sans-serif; line-height:20px;}


/* 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:#999; margin:10px 0;}


/*style switcher*/
.navi_level_1 ul li a.s_green{ background: url(images/styles/box_sky.gif) no-repeat;  color:#000; border:#fff 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;}


/* 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:-999px 0 0 0;}

.logo{ background: url(images/bg/HelenMaybanks_logo_b_w.png) no-repeat; height:70px; width:245px; float:left;  margin:28px 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 10px; 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 5px 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}


/* 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; }
.navi_level_1 ul li .blog{ margin: 0px 12px 0 40px;}
.navi_level_1 ul li a.blog { font-size:1.4em; font-weight: 100;}





	
	

/* gallery viewer */
.gallery_viewer{margin: 5px 0 5px 0;  float:left; width:990px; overflow:show; _margin:5px 0 5px 5px}
.gallery_viewer_home{margin: 5px 0 5px 0;  float:left; width:990px; overflow:show; _margin:5px 0 5px 5px}



/*  footer*/
.footer{ margin:18px 0 0 5px; font-weight:bold; }
.footer a{ text-decoration:none; background:#000;	color:#fff; padding: 2px 4px;}
.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;}





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;}

