#header { z-index: 10; }

ul.dropdown,
ul.dropdown ul  { list-style: none;
                  margin: 0;
				  padding: 0; }

/* 
    LEVEL ONE
*/
ul.dropdown             { position: relative;
                          float: left;
						  text-align: left; }
						  
ul.dropdown li          { float: left;
                          height: 45px;
                          padding: 40px 5px 0 5px;
                          zoom: 1;
						  font: 600 13px/45px "Century Gothic", arial, sans-serif;
                          background: #000 url('graf/valikko/menu_border.png') left bottom no-repeat; }

ul.dropdown li.first    { background-image: none; } /* Remove left border image from first menu item */

ul.dropdown li.hover    { position: relative;
                          color: #fff; }

ul.dropdown li a        { display: block;
                          padding: 0 2px;
                          color: #fff;
                          text-decoration: none; }

ul.dropdown li a:hover  { text-decoration: none; }

ul.dropdown li.hover a  { color: #fff; }

/* Plain old arial, no background-images etc. in submenus */
ul.sub_menu li                    { height: 24px;
                                    padding: 0;
                                    font: normal 12px/24px arial, sans-serif;
                                    background: #f6f6f6 none; }
                                  
ul.dropdown ul.sub_menu li.hover  { background-color: #FF8700; }
                                  
ul.dropdown ul.sub_menu a         { padding: 0 0 0 6px;
                                    color: #000; }


/*
    LEVEL TWO
*/
ul.dropdown ul          { width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li       { font-weight: normal; background: #f6f6f6; color: white; border-bottom: 1px solid #ccc; float: none; }
ul.dropdown ul li a     { border-right: none; width: 100%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */


/* 
    LEVEL THREE
*/
ul.dropdown ul ul           { left: 100%; top: 0; }
ul.dropdown li:hover > ul   { visibility: visible; }


/* Non-menu styles */
#header {
	position: relative; /* for absolutely positioned .customer-service */
    overflow: visible; /* for flyout menu */
    height: 1%;
    width: 960px;
}

#header a.logo  {
	float: left;
	width: 221px;
    height: 85px;
	margin-left: 14px;
}

#header a.logo img {
	border: none;
}

#header span.customer-service {
    position: absolute;
    top: 6px;/*13px;*/
    left: 242px;/*660px;*/
    font: bold 14px "Century Gothic", helvetica, sans-serif;
    color: #fff;
}

#header span.phone {
    margin-left: 27px;
    padding-left: 33px;
    line-height: 18px;
    background: #000 url('graf/valikko/header_phone.png') left center no-repeat;
    display: inline-block;
    *display: inline; /* For <IE8 */
    zoom: 1;          /* For <IE8 */
}

#header span.email {
    margin-left: 10px;
    padding-left: 33px;
    line-height: 18px;
    background: #000 url('graf/valikko/header_mail.png') left center no-repeat;
    display: inline-block;
    *display: inline; /* For <IE8 */
    zoom: 1;          /* For <IE8 */
}

#header span.hours {
    display: block;
	margin-top: 4px;
	text-align: left;
    color: #FF8700;
	font: normal 13px "Century Gothic", helvetica, sans-serif;
}

/* Phone cost tooltips */
#phoneCosts {
    position: relative;
    font-size: 0.75em;
    display: inline-block;
    *display: inline; /* For <IE8 */
    zoom: 1;          /* For <IE8 */
}

#phoneCosts div {
    display: none;
}

#phoneCosts p {
    margin: 0.5em;
    font: bold 11px "Century Gothic", sans-serif;
}

#phoneCosts:hover div {
    position: absolute;
    display: block;
    z-index: 5000;
    top: 2.5em;
    left: -80px;
    
    width: 240px;
    
    background: #444;
    border: 2px solid #fff;
    margin: 3px;
    padding: 5px;
    border-radius: 11px;
}

/* CLEAR FIX */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */