/* h w m p b f b*/
* {margin:0;padding:0;list-style:none;}
body { height:auto; width:auto; margin:0 auto; background:url(../../assets/images/sad_bg_image.jpg); }
#content-wrapper { display:none; }
h1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:70px; text-align:left; text-decoration:none; color:#333; }
h1#welcome { height:70px; width:300px; background:url(../images/titles/welcome_h1.png) no-repeat; text-indent:-9000px; } 
h1#about { height:70px; width:300px; background:url(../images/titles/about_h1.png) no-repeat; text-indent:-9000px; } 
h1#cheese { height:70px; width:300px; background:url(../images/titles/cheese_h1.png) no-repeat; text-indent:-9000px; } 
h1#fish { height:70px; width:300px; background:url(../images/titles/3fish_h1.png) no-repeat; text-indent:-9000px; } 
h1#beachcroft { height:70px; width:300px; background:url(../images/titles/beachcroft_h1.png) no-repeat; text-indent:-9000px; } 
h1#ibbq { height:70px; width:300px; background:url(../images/titles/iBBQ_h1.png) no-repeat; text-indent:-9000px; } 
h1#iluka { height:70px; width:300px; background:url(../images/titles/iluka_h1.png) no-repeat; text-indent:-9000px; } 
h1#klm { height:70px; width:300px; background:url(../images/titles/klm_h1.png) no-repeat; text-indent:-9000px; } 
h1#milligan { height:70px; width:300px; background:url(../images/titles/milligan_h1.png) no-repeat; text-indent:-9000px; } 
h1#qtopia { height:70px; width:300px; background:url(../images/titles/qtopia_h1.png) no-repeat; text-indent:-9000px; } 
h1#stone { height:70px; width:300px; background:url(../images/titles/stone_h1.png) no-repeat; text-indent:-9000px; } 
h1#baa { height:70px; width:300px; background:url(../images/titles/baa_h1.png) no-repeat; text-indent:-9000px; } 
h1#sjberwin { height:70px; width:300px; background:url(../images/titles/sjberwin_h1.png) no-repeat; text-indent:-9000px; } 

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; text-align:left; text-decoration:none; color:#333; }
a { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; text-align:left; text-decoration:none; color:#FFF; }
a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; text-align:left; text-decoration:none; color:#FFF; }
a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; text-align:left; text-decoration:none; color:#333; }
a span.two { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:12px; text-align:left; text-decoration:none; color:#333; }
.container { height:auto; width:1170px; margin:0 auto; padding:0 0 0 50px; }
.container .logo_container { height:45px; width:260px; margin-top:72px; overflow:hidden; float:left; }
.container .logo_container .logo { height:45px; width:260px; float:left; }
.container .logo_container .logo .fadeThis { height:45px; width:260px; background:url(../../assets/images/sad_logo_fade.png) 0 0 no-repeat; display:block; position:relative; }
.container .logo_container .logo .hover { height:45px; width:260px; background:url(../../assets/images/sad_logo_fade.png) 0 -45px no-repeat; display:none; position:absolute; }
.container .logo_container .logo .fadeThis p, ul, li {margin:0 0 1em 0;}
.container .sidebar { width:300px; height:auto; float:left; }
.container .sidebar .menu_container { height:350px; width:300px; margin:20px 0 0 0; float:left; }
.container .sidebar .menu_container ul { height:auto; margin:0; padding:0; list-style:none; }
.container .sidebar .menu_container ul li { height:45px; width:300px; margin:0; padding:0; }
.container .sidebar .menu_container ul li a { height:28px; width:300px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:18px 0 0 0; text-align:left; text-decoration:none; color:#333; display:block; border-bottom:1px dotted #666; outline:none; }
.container .sidebar .menu_container ul li a:visited { color:#333; display:block; border-bottom:1px dotted #666; }
.container .sidebar .menu_container ul li a span.two { height:28px; width:300px; padding:18px 0 0 0; color:#FFF; display:block; border-bottom:1px dotted #FFF; }
.container .sidebar .menu_container ul li a:active { color:#FFF; display:block; border-bottom:1px dotted #FFF; }
.container .sidebar .menu_container ul li .ui-accordion ul { height:auto; margin:0; padding:20px 0 10px 0; float:left; }
.container .sidebar .menu_container ul li .ui-accordion ul li { text-indent:20px; border:none; height:25px; }
.container .sidebar .menu_container ul li .ui-accordion ul li a { text-indent:20px; border:none; margin:0; padding:0; }
.container .sidebar .menu_container ul li .ui-accordion ul li a span.two { text-indent:20px; border:none;  margin:0; padding:0; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; outline:none; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; background:#F00; }
.ui-accordion .ui-accordion-content a { display:none;  border-top: 0; position: relative; top: 1px; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { height:auto; width:300px; display: block; }
.ui-accordion .ui-accordion-content-active { height:auto; width:300px; display: block; }
.container .sidebar .description{ height:auto; width:300px; margin:78px 0 0 0; float:left; border-top:1px dotted #666; padding:18px 0 18px 0;  }
.container .content_container { height:auto; width:785px; margin:15px 50px 0 35px; float:left; /* border-bottom:1px dotted #666; */ }
.container .content_container .image_container{ height:550px; width:785px; float:left; /*border-bottom:1px dotted #666;*/ }
.container .content_container .column_left { height:auto; width:380px; padding:18px 0 18px 0; float:left; border-top:1px dotted #666; }
.container .content_container .column_right { height:auto; width:380px; margin:0 0 0 25px; padding:18px 0 18px 0; float:left; border-top:1px dotted #666; }
.container .footer { height:auto; width:1170px; float:left; }
.container .footer a { color:#333; }
.container .footer a span.two { color:#FFF; }
.container .footer a:visited { color:#333; }
.container .footer a:active { color:#FFF; }

.container .footer .column_left { height:auto; width:300px; padding:18px 0 0 0; float:left; border-top:1px dotted #666; }
.container .footer .column_center { height:auto; width:380px; margin:0 0 0 35px; padding:18px 0 0 0; float:left; border-top:1px dotted #666; }
.container .footer .column_right { height:auto; width:380px; margin:0 0 0 25px; padding:18px 0 0 0; float:left; border-top:1px dotted #666; }
.container .footer .column_right p { text-align:right; }



#tabscontainer { width:785px; height:550px; float:left; }
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */  .tabs-hide { display: none; } }
/* Hide useless elements in print layouts... */
@media print { .tabs-nav { display: none; } }


.tabs-nav { list-style: none; margin-top: 10px; height:12px; width:200px; margin-left:665px; }
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.tabs-nav ul { margin-top:0px; list-style:none; width:200px; background:#F00; }
.tabs-nav li { float:left; min-width: 20px; margin: 10px; /* be nice to Opera */ list-style:none; color:#FFF;  }
.tabs-nav a, .tabs-nav a span { display: block; padding: 0px; }
.tabs-nav a { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; text-decoration:none; text-align:center; color:#FFF; background:#666; white-space: nowrap; position: relative; top: 1px; z-index: 2; padding:0px; /* required in IE 6 */ }
.tabs-nav a span.two { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; text-decoration:none; text-align:center; color:#FFF; background:#0CF; white-space: nowrap; position: relative; top: 1px; z-index: 2; padding:0px; /* required in IE 6 */ }

.tabs-nav .tabs-selected a { height:20px; width:20px; margin-top:0px; color:#666; background:#FFF; }
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {  outline: 0; /* prevent dotted border in Firefox */ }
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% 0px;  }
.tabs-nav a span { width: 20px; /* IE 6 treats width as min-width */ min-width: 20px; height: 20px; /* IE 6 treats height as min-height */ min-height: 20px; padding-top: 0px; padding-right: 0; }
*>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }
.tabs-nav .tabs-selected a span { padding-top: 0px; }
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 0px; margin-top:0px; }
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: pointer; }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; margin:0; }
.tabs-nav .tabs-disabled { opacity: .4; }
.tabs-container { width:785px; height:500px; margin-top:0px; /* declare background color for container to avoid distorted fonts in IE while fading */ }
.tabs-loading em { padding: 0 0 0 20px; /* background: url(loading.gif) no-repeat 0 50%; */ }