/* -------------------
Resets
------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 
    content: '';
    content: none;
}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
    display: block;
}
* html .clearfix {
    height: 1%; /* IE5-6 */
}


/* -------------------
Defaults
------------------- */
body { background: #2d2d2d url(/images/bg-3.gif) repeat-x top; text-align: center; margin: 0px auto; padding: 0px; }
p { padding: 0 10px 10px 10px; text-align: justify; font: 12px/1.5em Arial, Helvetica, sans-serif;}
a {text-decoration:underline;color:#069; padding: 0px;}
a:hover { color:#4c4837; }
h1, h2, h3, h4, h5 {padding: 0 0 10px 0; color: #023568; text-align:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {color: #023568; font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0px 10px 0px;border-bottom: 1px solid #003366; text-align: left; padding-bottom: 2px;}
h2 { color: #023568; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0px 10px 0; text-align: left; }
h3 { color: #BD5F00; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0px 0 0; text-align: left; }
#content img { border: 4px solid #e8e8e8; margin-top: 5px;}
table { border: none; margin: 10px auto; }
th { color: #CCC; background: #333; padding: 5px; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; border: 1px solid #FFFFFF; }
td { font: 12px Arial, Helvetica, sans-serif; padding: 4px 8px 4px 4px; background: #ccc; color: #000000; border: 1px solid #FFFFFF; text-align: left; } 

/* -------------------
Main Structure
------------------- */
    
#frame { width: 950px; text-align: left; margin: 0px auto; padding: 0px; }
#header-wrap { background: #222222 url(/images/header-bg.jpg) repeat-x top; margin: 0px auto; padding: 0px;height: 101px; }   
#middle { background: url(/images/main1.jpg) 0 0 repeat-y; overflow: auto; width: 950px; margin: 12px auto 0 auto; padding: 0px; }
#content { float: left; width: 690px; margin: 10px 5px 18px 18px; padding: 0px 0px 0px 0px; display: inline; }    
#sidebar { float: right; width: 226px; padding: 10px 0 10px 0; margin-left: 5px; display: inline; }
    
/* -------------------
Header
------------------- */

#header { background: url(/images/header-2.jpg) top no-repeat; width: 950px; height: 101px; margin: 0px auto; padding: 0; }
.header-title { float: left; padding: 4px 0 0 0; }
.header-title a { color:#333333; text-decoration:none; border-bottom:none; }
.header-title a:hover { color:#f98912; text-decoration:none; border-bottom:none;}
.header-login { float: right; margin: 3px 10px 0 0; width: 950px; }
.header-login p { text-align: right; font-size: 12px; margin: 0; padding: 0; text-transform: uppercase; }
.header-login a { color: #FFF; text-decoration: none; }
.header-login a:hover { color: #ccc; }

#menu { padding-top: 73px;margin: 0 40px 0 0; line-height: normal;}
#button { list-style: none; margin: 0 2px; padding: 0px; float: right; }
#button li { text-transform: uppercase; float: left; height: 28px; background: url(/images/button-right.png) no-repeat right top; margin: 0 1px; white-space: nowrap;-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
#button li  a{ color: #f8f8f8; display: block; background: url(/images/button-left.png) top left no-repeat; text-decoration: none; padding: 0px 15px 0px 15px;
font: normal 12px Arial, Helvetica, sans-serif; line-height: 28px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px; }
#button li a:hover {color: #242424;}
#button li:hover { background-position: 100% -36px;}
#button li a:hover { background-position: 0px -36px; border: none; }
#button li.current_page_item { color: #242424; text-decoration: none; background: url(/images/button-right-hover.png) top right no-repeat; -moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;}
#button li.current_page_item a, #button .current_page_item a:visited{ color: #242424; text-decoration: none; background: url(/images/button-left-hover.png) top left no-repeat; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;}

    
/* -------------------
Content
------------------- */

.index-headings { color: #fff; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px !important; text-align: left; }
#zip-state-box {  background-color: #023565; padding: 10px 0 10px 10px; height: 35px; border-top: 1px solid #FFF; }
.zip-select {float:left; display: block; padding: 10px;}
.zip-enter {float: left; display: block; padding: 0;}
.zip-or-state { float:left; display: block; padding: 10px 10px 10px 40px; }
.zip-or-state h2 { color: #fff; font: italic normal 18px Georgia, "Times New Roman", Times, serif; margin: 0px 0px 0px 0px !important; text-align: left; }
.go-button { background: url(/images/go-button.jpg) no-repeat left top; width: 50px; height: 37px; text-indent: -9999px; margin: 0; padding:0; border: none; float: left; }
.zip-textfield { padding: 4px;  border: 4px solid #001E3C; font: 16px Verdana, Geneva, sans-serif; color: #001E3C; float: left; }
.state-below { float:right; display: block; padding: 10px 35px 10px 0px; background: url(/images/arrow.jpg) no-repeat right center; }
.region-list { padding-left: 20px; font-size: medium; }
#index-top { background:#FFF url(/images/index-bg1.gif) no-repeat left top; height: 215px; width: 680px; padding-top: 20px;}
#index-top h2 { color: #023568; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 0px 20px; padding: 0 0 5px 0; text-align: left;}
#index-top h3 { color: #BD5F00; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 0 20px; text-align: justify; width: 430px; }
#flashmap { float:left; margin: 10px 0 10px 0px; padding: 0 0 0 10px; }    

/* -------------------
Sidebar
------------------- */

ul#sidebar-nav { margin: 0 0 0 0; display: block; text-align: center; border-top: 1px solid #F1F1F1; }
ul#sidebar-nav li { border-bottom: 2px solid #F1F1F1; display: block; background: #D7D7D7; }
ul#sidebar-nav li a { text-decoration: none; font: 14px Arial, Helvetica, sans-serif; padding: 10px 0; color: #023568; display: block; }
ul#sidebar-nav li a:focus { outline: none; }
ul#sidebar-nav li a:hover { color: #FFF; background: #BD5F00 url(/images/sidebar-tab.gif) no-repeat left center;}
ul#sidebar-nav li.sb-active { color: #FFF; background: #BD5F00 url(/images/sidebar-tab.gif) no-repeat left center;}
ul#sidebar-nav li.sb-active a { color: #FFF; background: #BD5F00 url(/images/sidebar-tab.gif) no-repeat left center;}
ul#sidebar-nav li.last { border-bottom: none; }

#sidebar-quote a { background: url(/images/quote-sidebar-button.jpg) no-repeat 100% 0; margin: 5px auto; width: 220px; height: 133px; display: block; text-indent: -9999px;}
#sidebar-quote a:hover { background-position: 0px -133px;}

#sidebar-ca-rentals a { background: url(/images/cal-rentals-sidebar.jpg) no-repeat 100% 0; margin: 5px auto; width: 220px; height: 133px; display: block; text-indent: -9999px;}
#sidebar-ca-rentals a:hover { background-position: 0px -133px;}


#sidebar-partner a { background: url(/images/partner-sidebar.jpg) no-repeat 100% 0; margin: 5px auto; width: 220px; height: 110px; display: block; text-indent: -9999px; }
#sidebar-partner a:hover { background: url(/images/partner-sidebar2.jpg) no-repeat 100% 0;}

#sidebar-stateimage a { margin: 5px auto; width: 220px; display: block;}
#sidebar-scrollers { margin: 5px auto; width: 220px; display: block; }

#sideBarLeft { background-image: url(images/sidebarleft_bg.png); background-repeat: repeat-x; width: 200px; }
#sideBarLeftNav a:link,
#sideBarLeftNav a:visited { width: 187px; color:#003366; background:#999999; padding:8px 7px 8px 8px; text-decoration:none; text-transform:uppercase; font-size: 11px; font-family: Arial, Helvetica, sans-serif; display: block; margin-left:3px; border-top: 1px solid #003366; border-right: 3px solid #003366; border-bottom: 1px solid #003366; border-left: 3px solid #003366; text-align: left; }
#sideBarLeftNav a:hover { color: #FFFFFF; background-color: #003366; }


/* -------------------
Footer
------------------- */

#footer-fat-container { margin-right: auto; margin-left: auto; width: 100%; background: #999999 url(/images/footer-bg.jpg) repeat-x left top; height: 150px; border-top: 2px solid #CCC; }
#footer-fat { margin-right: auto; margin-left: auto; width: 950px; height: 150px; background: url(/images/footer.jpg) no-repeat left top;}
ul.footer-fat-sections { list-style: none; margin: 10px 0 0 10px; float: left;}
ul.footer-fat-sections li { font: 11px "Times New Roman", Times, serif; text-decoration: none; padding-bottom: 2px; padding-right: 20px !important; margin-right: 10px;text-align: left; color: #CCCCCC; }
ul.footer-fat-sections li:first-child { font: 12px Arial, Helvetica, sans-serif; text-decoration: none; margin-bottom: 2px; padding-right: 10px; text-align: left; color: #CCCCCC; border-bottom: 1px dotted #CCCCCC; }
ul.footer-fat-sections li a { text-decoration: none; color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; }
ul.footer-fat-sections li a:hover { color: #FFFFFF; }

#sharebox { float: right; margin-top: 10px; margin-right: 5px; }
.resourceText { font: 12px Arial, Helvetica, sans-serif; padding: 5px 2px; text-align: left; }

#footerSEO { background: #f1f1f1; width: 950px; margin: 0px auto 0 auto; padding: 0px; color: #006699; font: 10px Arial, Helvetica, sans-serif; text-align: center; }
#footerSEO a:link, #footerSEO a:visited { text-decoration: none; color: #006699; font: 10px Arial, Helvetica, sans-serif; }
#footerSEO a:hover { color: #BD5F00; }
#footerSEO p {font-family: Arial, Helvetica, sans-serif; color: #006699; padding-top: 5px;}
.sponsor { float: right; margin-right: 10px; margin-top: 20px; }

/* -------------------
Misc
------------------- */

#divider a { background: url(/images/divider-button.jpg) no-repeat 20px 0px; position: relative; width: 680px; height: 40px; display: block; margin-top: 20px; text-indent: -9999px; }
#divider a:hover { background-position: 20px -40px; }
.list {list-style: disc; margin: 0 0 0 20px; font: 12px/1.5em Arial, Helvetica, sans-serif; text-align: left;}
.img-left {float:left; text-align:left; margin: 0 8px 5px 0;}
.img-right {float:right; text-align: right; margin: 0 0px 5px 8px;}
.img-center {text-align: center;}
.img-noborder {border: none !important;}
.img-noborder-center {border: none !important; text-align: center !important;}
.img-noborder-right {float:right; text-align: right; margin: 0 0px 5px 8px; border:none !important;}
.img-left {float:left; text-align:left; margin: 0 8px 5px 0; border:none !important;}
p.firm { color: #000 !important; }
h1.firm { color: #023568;font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;margin: 10px 0px 10px 0px;border-bottom: 1px solid #003366;text-align: left;
padding-bottom: 2px; letter-spacing:normal; text-transform: none; }
.image-page-fix { margin-left: 30px; }
.indent {margin-left: 20px;}
.architecture-featured { margin-left: 20px; }
.architecture-featured img { float:left; margin-right: 15px; margin-left: 5px; }
.architecture-featured li {  width: 250px; background-color: #ccc; display: block; margin-bottom: 5px; height: 80px;}
.architecture-featured p { line-height: 80px; float: left; padding: 0; margin-bottom: 0; font-size: 14px; text-transform: uppercase; font-weight: bold; }
.featured-projects { font-size: 20px;}
/*------------------
Storage-Container pages
------------------- */

.h1_heading { color: #333333; margin-left: 40px; margin-top: 10px; margin-bottom: 5px;font: 18px Arial, Helvetica, sans-serif; }
#regionList { font-size: medium; margin-left: 25px; }

/*--------------------
Scroller styles
---------------------*/


#left_scrollers { text-align:left; height:180px; width:190px; padding:0px 10px 0px 0px; margin:0 5px 0 5px;  }
#left_scrollers .left_scroller { height:140px; width:190px; padding:0px 0px 15px 0px; margin-bottom: 10px; float:left; font-family:arial; font-size:10px; color:#666666; border: 1px solid #505050;}
#left_scrollers .left_scroller h3 {  font-family:arial; font-size:12px; font-weight:bold; color:#505050; background-color:#CCCCCC; margin:0; padding:3px; text-align:center; }
#left_scrollers .left_scroller ul { height:110px; padding:0px 3px 0px 4px; margin: 5px 0px 0px 10px;  overflow:auto; }
#left_scrollers .left_scroller ul li { margin-left: 8px; line-height:10px; padding-bottom: 3px; list-style-type: disc }
#left_scrollers .left_scroller p { line-height:11px; margin: 5px;}  
#left_scrollers .left_scroller a { color: #505050; } 
#left_scrollers .left_scroller a:hover { color: #ccc; background-color: #505050; } 


/*--------------------
Area styles
---------------------*/
.area-list-container {float: left; margin:0 0 10px 10px; position: relative;}
ul.area-list { padding: 5px; width: 220px; text-align: left; float: left;}
ul.area-list li {padding: 2px; text-align: left; background: #cccccc; margin-bottom: 2px;}
ul.area-list a { color: #023568; font: 12px Arial, Helvetica, sans-serif;}
ul.area-list a:hover { color: #BD5F00;}

/*--------------------
Partner Page styles - Temporary, these will be edited.
---------------------*/

ul.boxcredit-nav {
    background: #767245;
    border: thin solid #663300;
    text-align: left;
    padding: 3px 0px;
    margin-left: 25px;
    width: 505px;
}
ul.boxcredit-nav li {
    list-style: none;
    display: inline;
}
ul.boxcredit-nav li a {
    font: bold normal 12px Arial, Helvetica, sans-serif;
    color: #2D1600;
    padding: 3px 10px 3px 8px;
    text-align: left;
}
ul.boxcredit-nav li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}
/*******  SAF-T-BOX styles  **********/
/*#stb-container { background: #f8f3df; margin: 10px; position: relative; height: 700px; }*/
#stb-container { margin: 10px; position: relative; }
#stb-header { background: url(/images/stb-header.jpg) no-repeat left top; height: 150px; }
#stb-container p { font: 14px Arial, Helvetica, sans-serif; color: #002740; }

ul#image-set { float:left; text-align: left; margin: 20px 0px 0 5px; position: relative; }
ul#image-set li { float:left; position:relative; width: 180px; background: #E3DCB7; border: 1px solid #CC9900; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; display: block; margin: 0px 10px 0px 0px; padding: 0; height: 350px; }
ul#image-set li a:link, a:visited { text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; }
ul#image-set li:hover { background: #0081CB; }
ul#image-set li h2 { color: #041D31; text-align: center; margin: 0; padding: 5px 0; display: block; font: 18px Georgia, "Times New Roman", Times, serif; }
ul#image-set li p { font: 12px/normal Arial, Helvetica, sans-serif; color: #041D31; text-align: justify; margin: 5px 10px 10px 10px; }
ul#image-set li img { border: 1px solid #041D31; margin-top: 5px; margin-bottom: 5px; }

ul#buttons-bar {
    list-style: none;
    display: inline;
    float: left;
    margin-top: 20px;
}
ul#buttons-bar  li {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

/******* Mobile Attic styles *******/
#ma-container { margin: 10px; position: relative; padding-bottom: 25px; }
#ma-header { background: url(/images/mobil-attic-header-CA.jpg) no-repeat left top; height: 150px; margin: 0 10px;}
#ma-container p { font: 13px Arial, Helvetica, sans-serif; color: #002740; padding-bottom: 5px; text-align: justify; }
#ma-container h2 { color: #003366; font-family: "Trebuchet MS"; margin-left: 10px; margin-bottom: 0px; margin-top: 0px; padding-top: 10px; }

ul#MA-image-set { text-align: left; margin: 20px 0 10px 15px; position: relative; }
ul#MA-image-set li { float:left; position:relative; width: 160px;  background: #CCCCCC; border: 1px solid #003399; -moz-border-radius: 4px; -webkit-border-radius: 4px;
text-align: center; display: block; margin: 0px 10px 0px 0px; padding: 0; }
ul#Ma-image-set li a:link, a:visited { text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; }
ul#MA-image-set li:hover { background: #E0E0E0; }
ul#MA-image-set li h2 { color: #AD0101; text-align: center; margin: 0; padding: 5px 0; display: block; font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
ul#MA-image-set li p { font: 12px/normal Arial, Helvetica, sans-serif; color: #041D31; text-align: justify; margin: 5px 10px 10px 10px; }
ul#MA-image-set li img { border: 1px solid #041D31; margin-top: 5px; margin-bottom: 15px; }

.ma-float-box {
    float: left;
    position: relative;
    margin-bottom: 15px;
    width: 280px;
}
.ma-float-box h3 {
    color: #AD0101;
    text-align: left;
    margin: 0 0 0 10px;
    padding: 5px 0;
    font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.ma-box-span {
    background: #B8B8B8;
    height: 280px;
}
.maLists {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    list-style: disc;
    text-align: left;
    padding: 0 10px 10px 30px;
    margin: 0;
}
.maLists li {
    padding: 4px 10px 4px 0;
}

.image-page-fix {
    margin-left: 30px;
}
.marina-span {
    background: #B8B8B8 url(/images/marina-pic.jpg);
    position: relative;
    height: 300px;
}
#ma-container   h5 {
    color: #AD0101;
    text-align: left;
    margin: 0 0 0 10px;
    padding: 5px 0;
    font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 350px;
}
.ma-footer {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-left: 40px;
    position: relative;
    clear: both;
    height: 60px;
}
.ma-footer   p {
    color: #000033;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 20px;
    float: left;
    font-weight: bold;
}
.ma-footer a {
    color: #003399;
}
.ma-footer a:hover {
    color: #fff;
}
.ma-image-right {
    padding: 0;
    float: right;
    margin: 4px 4px 4px 10px;
    border: 1px solid #114F8B;
}
.ma-image-center {
    padding: 0;
    float: right;
    text-align: justify;
    margin: 4px 20px 4px 0px;
    border: 1px solid #114F8B;
}

/* Container Technologies */
#ct-header { background: url(/images/ct-banner.gif) no-repeat left top;  height: 109px; margin: 5px 0 10px 10px; }

ul#ct-image-set { float:left; text-align: left; margin: 20px 0px 0 5px; position: relative; }
ul#ct-image-set li { float:left; position:relative; width: 180px; background: #414141; border: 1px solid #CC9900; -moz-border-radius: 4px; -webkit-border-radius: 4px;
text-align: center; display: block; margin: 0px 10px 0px 0px; padding: 0; }
ul#ct-image-set li a:link, a:visited { text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; }
ul#ct-image-set li:hover { background: #131313; }
ul#ct-image-set li h2 { color: #CC9900; text-align: center; margin: 0; padding: 5px 5px; display: block; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; }
ul#ct-image-set li p { font: 12px/normal Arial, Helvetica, sans-serif; color: #041D31; text-align: justify; margin: 5px 10px 10px 10px; }
ul#ct-image-set li img {  border: 1px solid #041D31; margin: 5px 0 15px 0; }




/*  HASLO styles    */
#haslo-header a { background: url(/images/haslo-images/haslo-logo.jpg) no-repeat 100% 0; margin: 5px auto 0 auto; width: 680px; height: 52px; display: block; text-indent: -9999px;}
#ab-logo a { background: url(/images/haslo-images/ab-logo.gif) no-repeat 100% 0; margin: 5px auto; width: 150px; height: 150px; display: block; text-indent: -9999px; 
border: 2px #000 solid; }
#conscious-logo a { background: url(/images/haslo-images/conscious.gif) no-repeat 100% 0; margin: 5px auto; width: 160px; height: 46px; display: block; text-indent: -9999px; 
border: 2px #000 solid; }
#haslo-link-logo a { background: url(/images/haslo-images/haslo-link-logo.gif) no-repeat 100% 0; margin: 5px auto; width: 142px; height: 71px; display: block; text-indent: -9999px; 
border: 2px #000 solid; }


#sidebar-haslo { float: right; width: 226px; padding: 10px 0 10px 0; margin-left: 5px; display: inline; }
#sidebar-haslo p { margin-left: 15px; font-size: 11px; }
#sidebar-haslo h3 {margin-left: 25px; color: #000; text-transform: uppercase; }
#haslo-footer { background: url(/images/haslo-images/haslo-footer.jpg) no-repeat 100% 0; margin: 5px auto; width: 680px; height: 52px; display: block; text-indent: -9999px;}

.haslo-fineprint {font-size: 9px; color: #333; }
.haslo-heading { font: 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; border-style: none; padding-left: 10px; text-transform: uppercase; }


/* HASLO menu */
#haslo-menu							{ width: 680px; margin: 0px auto 5px auto; } 

ul.dropdown                         { position: relative; }
ul.dropdown li                      { float: left; zoom: 1; background: #fff; font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 12px; border-right: 1px solid #333; color: #F90; text-decoration:none; }
ul.dropdown li a:visted             { text-decoration: none; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F90; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }
/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; text-align: left; } 
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }