/* -
screen.css
- */

/* -
Zero 
- */

h1, h2, h3, h4, h5, h6,
ul, li, div,
br, form, margin, body,
img
{margin: 0;	padding: 0;	border: 0;}


body{font: normal 12px/1.2em 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif; behavior:url('lib/cssHover.htc');} 

h1,h2,h3,h4,h5,h6{font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;}
h1{font-size: 1.8em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h2{font-size: 1.6em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h3{font-size: 1.4em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h4{font-size: 1.2em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h5{font-size: 1.0em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}
h6{font-size: 0.9em; line-height: 1em; margin: 2px 0px; padding: 5px 0px;}

/* -
elements
- */


/* - 
navigations & menus 
- */

/* Vertical Menu */
.x-vMenu{}
.x-vMenu li{list-style: none;}
.x-vMenu li a{display: block;}

/* Horizontal Menu */
.x-hMenu{}
.x-hMenu li{list-style: none; display: inline;}
.x-hMenu li a{}
.x-hMenu li ul{display: none;}

/* Drop Down Menu */
.x-dMenu li{position: relative; float: left; list-style: none;}
.x-dMenu li a{display: block; padding: 0.5em 1em; background: #eee;}
.x-dMenu li a:hover{background: #ccc;}
.x-dMenu li ul{display: none;}
.x-dMenu li:hover ul{width: 10em; display: block; position: absolute; left: 0;}

.x-dMenu li li{width: 100%;}
.x-dMenu li li ul, .x-dMenu li:hover li ul{display: none;}
.x-dMenu li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li ul, .x-dMenu li li:hover li ul {display: none;}
.x-dMenu li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li ul, .x-dMenu li li li:hover li ul{display: none;}
.x-dMenu li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li ul, .x-dMenu li li li li:hover li ul{display: none;}
.x-dMenu li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li ul, .x-dMenu li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li li ul, .x-dMenu li li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li li li ul, .x-dMenu li li li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li li li li ul, .x-dMenu li li li li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li li li li:hover ul{display: block; left: 100%; top: 0;}

.x-dMenu li li li li li li li li li li ul, .x-dMenu li li li li li li li li li:hover li ul{display: none;}
.x-dMenu li li li li li li li li li li:hover ul{display: block; left: 100%; top: 0;}


/* extra menus stuff */
.x-first, .x-last{background-image: none !important;}

/* - 
positions 
- */

.x-center{margin: 0 auto;}
.x-left{float: left;}
.x-right{float: right;}


/* - 
colors 
- */

.x-black{color: #000;}
.x-white{color: #fff;}
.x-gray{color: #ccc;}


/* - 
status 
- */

.x-hide{display: none;}

/* http://www.positioniseverything.net/easyclearing.html */
.x-clear:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}