/*
			  GLOBAL CSS DECLARATION
			  
Coded By	: Taqin of Onepixeleft.com
Email 		: taqin83@gmail.com
Updated		: 21/08/2007
*/


/*		Reset the HTML Elements		*/
body {color:#000;background:url(../images/bg.gif) repeat-x #76acc9;font-family: Arial, sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*----------------------------------*/

/*---		HEADER		---*/		
#header {
		height:123px;		
		}
		#header #logo {
				float:left;
				display: inline;
				position: absolute;
				margin-top: 20px;
				margin-left: 30px;
				}
		#header #language {
				float:right;
				display: inline;
				position:static;
				margin-top: 52px;
				margin-right: 5px;
				}
		/*---		SUB	 NAV		---*/
		#header ul#nav_snippets {
				float:right;
				margin-top: 50px;
				margin-bottom: 10px;
				font-size: 12px;
				}
				#header ul#nav_snippets li {
						float:left;
						padding: 0 10px;
						border-right: 1px solid #14163c;
						}
				#header ul#nav_snippets li a {
						color: green;
						text-decoration: none;
						}
				#header ul#nav_snippets li a:hover {
						color: #9a3b48;
						text-decoration: underline;
						}
		
		/*---		MAIN NAV		---*/	
		#header ul#navi  { /* all lists */
				clear: both;
				float: right;
				padding: 0;
				list-style: none;
				line-height: 1em;
				background:url(../images/navi_bg.gif) #161c48;
				border: 3px solid #01577b;
				font-size: 13px;
				}
			
		#header	#navi li { /* all list items */
				float: left;
				border-right: 1px solid #477890;
				}
				#header #navi li a {
						display: block;
						color: white;
						padding: 12px 20px 14px 20px;	
						text-decoration: none;
						}
				#header #navi li a:hover {
						padding-top: 15px;
						padding-bottom: 11px;
						background: #161c48;
						color: #44ccff;
						}
			
		#header	#navi li ul { /* second-level lists */
				position: absolute;
				margin-left: 15px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
				#header	#navi li ul li{
						padding: 0;
						border: none;
						border-bottom: 1px solid #009900;
						clear: both;
						background: #300;
						}
				#header	#navi li ul li a {
						padding: 8px 10px;
						width: 10em;
						background: #02471f;
						color:#FFF;
						}
				#header	#navi li ul li a:hover {
						background: #8dc63f;
						padding: 9px 10px 7px 10px;
						color: #02471f;
						}
			
		#header	#navi li:hover ul { /* lists nested under hovered list items */
				left: auto;
				}
		#header	#navi li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
				}