/* Page Wide Settings */
a img {
	border: 0;
	}

body {
	background: #0b141a url(images/backgrounds/double-sun-background-b.jpg) no-repeat;
	font-family: Calibri, sans-serif;
	}

html, body {
	height: 100%;
	margin: 0;
	min-width: 720px;
	}

/* Custom Fonts */
@font-face
{
    font-family: Harabara;
    src: url('fonts/harabara.ttf');
}



#main, #sidebar {	
	bottom: 0;
	display: inline-block;
	height: 100%;
	top: 0;
	vertical-align: top;

	*display: inline;
	zoom: 1;
	}

#main {
	height: 28px;
	min-width: 640px;
	width: 80%;
	}
	#main #page {
		position: absolute;
		left: 80px;
		right: 0;
		min-width: 640px;
		}
		#page #content {
			background: #fff url(images/content-left.png) left repeat-y;
			min-height: 20px;
			padding: 20px 0;
			width: 100%;
			}
			#content a {
				color: #0af;
				}
			#content form {
				margin: 1em 60px;
				}
			#content h2, #content h3 {
				font-family: Harabara, sans-serif;
				letter-spacing: 2px;
				}
			#content h2 {
				background: #00aaff url(images/h2-left-shadow.png) repeat-y;
				color: #fff;
				display: inline-block;
				font-size: 4em;
				font-weight: bold;
				height: 76px;
				margin: 0;
				padding: 0 0 0 40px;
				position: relative;
				text-shadow: 0px 0px 1px #ccc;
				}
				#content h2 span {
					background: #00aaff url(images/h2-right-curve.png) no-repeat;
					display: inline-block;
					height: 76px;
					margin-left: 60px;
					width: 28px;
					
					*display: inline;
					zoom: 1;
					}
			#content h3 {
				font-size: 2em;
				margin-left: 40px;
				margin-bottom: 0;
				text-shadow: 0 0 1px #ddd;
				}
			#content h4 {
				color: #00aaff;
				font-size: 1.2em;
				margin: 1.5em 0 0 40px;
				text-shadow: 0 0 1px #ddd;
				text-transform: uppercase;
				}
			#content h4 + p {
				margin-top: 0;
				}
			#content h5 {
				color: #999;
				margin: 0 50px 3em;
				}
			#content p {
				margin: 1em 40px;
				max-width: 1024px;
				}
				#content p.sign-off {
					margin-top: 3em;
					}
			#content ul {
				margin: 1em 40px;
				}
			
		#page .top {
			height: 212px;
			position: relative;
			overflow: hidden;
			}
			#page .top .page-border-top-right {
				background: url(images/content-top.png) #fff top repeat-x;	
				height: 100%;
				left: 1162px;
				position: absolute;
				right: 0px;
				top: 0;
				z-index: -1;
				}
			#page .top .page-feature {
				height: 212px;
				margin: 0;
				}

		#page .bottom {
			height: 45px;
			}
			#page .bottom .page-border-bottom-left {
				display: inline;
				}
			#page .bottom .page-border-bottom {
				background: url(images/content-bottom.png) repeat-x bottom;
				bottom: 0;
				height: 45px;
				left: 40px;
				position: absolute;
				right: 480px;
				}
			#page .bottom .page-copyright {
				bottom: 0;
				position: absolute;
				right: 0px;
				}
	
	#main #header {
		padding-top: 20px;
		width: 100%;
		}
		#header h1 {
			margin: 0.5em 0 0 0;
			width: 80%;
			}
			#header h1 img {
				width: 100%;
				max-width: 864px;
				}
		
		#header #menu {
			list-style-type: none;
			height: auto;
			margin: 0 0 0 20px;
			padding: 0;
			}
			#menu li {
				display: inline-block;
				height: 28px;
				overflow-y: visible;
				vertical-align: top;

				*display: inline;
				zoom: 1;
				}
			#menu li.current {
				position: relative;
				z-index: 1;
				}

#sidebar {
	width: 80px;
	}
	#sidebar #social-media {
		list-style-type: none;
		padding: 0;
		position: fixed;
		top: 230px;
		}
		#social-media li {
			background: url(images/social-media-slot.png);
			display: block;
			height: 32px;
			padding: 4px 0;
			width: 80px;
			text-align: center;
			}