body { font: 12px/1.5 "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif; }

h1, h2 { margin: 0 0 18px 0; }
h1 { font-size: 36px; font-weight: normal; }
h2 { font-size: 18px; font-weight: normal; }


a { color: #000; }
	a:link, a:visited { text-decoration: underline; }
	a:hover, a:active { text-decoration: none; }
	a img { border: none; }

.image-left { display: inline; float: left; margin: 0 18px 18px 0; }
.image-right { display: inline; float: right; margin: 0 0 18px 18px; }

p { margin: 0 0 18px 0; }

ul, ol { margin: 0 0 18px 18px; }
ul { list-style: disc; }
	ul.disc { list-style-type: disc; }
	ul.circle { list-style-type: circle; }
	ul.square { list-style-type: square; }
ol { list-style: decimal; }
	ol.arabic-numbers { list-style-type: decimal; }
	ol.upper-alpha { list-style-type: upper-alpha; }
	ol.lower-alpha { list-style-type: lower-alpha; }
	ol.upper-roman { list-style-type: upper-roman; }
	ol.lower-roman { list-style-type: lower-roman; }

strong { font-weight: bold; }

blockquote, q { quotes: none; }
blockquote{ border-left: 1px solid #CCC; margin: 0 0 0 18px; padding: 0 18px; font-style: italic; }

ins {
	font-style: italic;
	font-weight: bold;
}
del { text-decoration: line-through; }

:focus { outline: 0; }


/* Layout */

#header, #menu, #content-wrapper, #footer { position: relative; margin: 0 auto; }


/* Header */

#header { padding: 36px 0 72px 0; }
	#title, #slogan { margin: 0; padding: 0; line-height: 1.25em; }
	#title { font-weight: bold; }
	#slogan { font-weight: normal; }

	#menu-wrapper {
		border-bottom: 1px dashed #CCC;
		position: relative;
		z-index: 2;
	}
	
	#menu { height: 36px; }		
		#menu ul {
			left: 0;
			list-style: none;
			margin: -36px 0 0 0;
			padding: 0;		
			position: absolute;
		}
			#menu ul li { display: inline-block; float: left; margin-right: 3px; }
				#menu ul li a {
					background: #606060 url(images/menu-shadow.png) bottom repeat-x;
					display: block;
					height: 36px;
					padding: 0 30px;

					line-height: 36px;
					text-decoration: none;
				}
				#menu ul li a.current, #menu ul li a.current-ancestor { background-image: url(images/menu-gradient.png); opacity: 1 !important; }
				
				#menu ul ul {
					display: none;
					left: 0;
					margin: 0;
					position: absolute;
					top: 36px;
				}
				#menu > ul > li.current > ul, #menu > ul > li.current-ancestor > ul { display: block; }
					#menu ul ul li { position: relative; margin-right: 0; }
						#menu ul ul li a {
							padding: 0 18px;
						
							font-size: 12px;

							border-radius: 0;
							-moz-border-radius: 0;
							-webkit-border-radius: 0;
						}
						#menu ul ul li a.current, #menu ul ul li a.current-ancestor{ background-image: none; }
						#menu ul ul li a.parent { background: url(images/icon-arrow-down.png) right no-repeat; }
						
						#menu ul ul ul{ position: absolute; top: 36px; left: 0; width: 200px; }
						#menu ul ul li:hover > ul { display: block; }
							#menu ul ul ul li { display: block; float: left; }
							#menu ul ul ul li:last-child > a { border-bottom: 1px dashed #CCC; }
								#menu ul ul ul li a {
									display: block;
									height: auto;
									line-height: 18px;
									padding: 9px 18px;
									width: 164px;
								}
								#menu ul ul ul li a.parent { background-position: 180px 50%; background-image: url(images/icon-arrow.png); }
								
								#menu ul ul ul ul { top: 0; left: 200px; opacity: 1; }