/* =Globals
------------------------------------------------------*/
body { font:69% "Lucida Grande", helvetica, arial, sans-serif; background:#1a1a1a url(../images/background.jpg); color:#f5f5f5; text-align:center; line-height:18px; }

a { color:#f5f5f5; text-decoration:none; }
a:hover { color:#4382a2; text-decoration:none; }

/* =Containers
------------------------------------------------------*/
.wrapper { width:620px; margin:0 auto; text-align:left; overflow:hidden; zoom:1.0; }

/* =Header
------------------------------------------------------*/
#header {  }
	#header h1 { margin:100px 0px 20px; font:6.55em Georgia, serif; text-align:center; }

/* =Navigation
------------------------------------------------------*/
#nav { margin-bottom:46px; height:58px; background:url(../images/navigation.jpg) no-repeat top center; }
	#nav ul { padding-left:140px; }
		#nav ul li { float:left; padding-top:21px; height:37px; width:100px; margin-right:20px; text-align:center; }
			#nav ul li a { font:bold 1.09em helvetica, arial, sans-serif; text-transform:uppercase; }
			#nav ul li a:hover { color:#4382a2; }
		
		#nav ul li.active { background:url(../images/navigation-active.gif) no-repeat center 5px; }
			#nav ul li.active a { color:#4382a2; }

/* =Footer
------------------------------------------------------*/
#footer { padding:20px 0px; }
	#footer p { margin:0 auto; width:180px; font-size:0.91em; color:#858585; text-align:center; border-top:1px solid #000; }
		#footer p span { display:block; padding:10px 0px; border-top:1px solid #333; }
	#footer span#inspiration { display:block; font-size:0.91em; color:#858585; text-align:center; opacity: 0.3; -moz-opacity: 0.3; filter:alpha(opacity=30); }
	#footer span#inspiration:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); }

/* =Section
------------------------------------------------------*/
.section { margin-bottom:75px; overflow:hidden; zoom:1.0; }
.section .wrapper { width:500px; }
	.section .copy { float:left; width:300px; }
	.section .sidebar { float:right; width:180px; }

/* =Content
------------------------------------------------------*/
.copy { padding-top:10px; }
	.copy h2 { margin-bottom:0.5em; font:bold 1.09em helvetica, arial, sans-serif; text-transform:uppercase; color:#4382a2; }
	.copy p { margin-bottom:1.5em; }

/* =Sidebar
------------------------------------------------------*/
.sidebar {  }
	.sidebar ul {  }
		.sidebar ul li { border-top:1px solid #333; border-bottom:1px solid #000; }
			.sidebar ul li a { display:block; padding:11px 0px; }
				.sidebar ul li a span.link-icon { float:left; display:block; width:40px; }
				.sidebar ul li a span.link-icon img { display:block; margin:0px; padding:0px; }
				.sidebar ul li a span.link {  }
					.sidebar ul li a span.link span.link-title { display:block; font:bold 1.09em helvetica, arial, sans-serif; text-transform:uppercase; line-height:15px; }
					.sidebar ul li a span.link span.link-href { display:block; font-size:0.91em; color:#858585; line-height:15px; }
				
				.sidebar ul li a:hover span.link span.link-title { color:#4382a2; }
				.sidebar ul li a:hover span.link span.link-href { color:#f5f5f5; }
				
		.sidebar ul li.first { border-top:none; }
		.sidebar ul li.last { border-bottom:none; }


/* ===================== */
/* = CSS3/MISC Effects = */
/* ===================== */
#header h1,
.section,
#footer p { text-shadow: -1px -1px 0px #000; }
#nav ul li a { text-shadow: -1px -1px 0px #000; }

#nav a,
.sidebar ul li a span.link span.link-title,
.sidebar ul li a span.link span.link-href,
#footer span#inspiration,
#footer span#inspiration a,
.sidebar ul li a img { -webkit-transition-duration: .33s; -webkit-transition-property: color, opacity, scale; }
.sidebar ul li a:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }