html{ background: #d7eae7 no-repeat fixed bottom center url("/images/html_background.png"); height: 100%; padding-bottom: 20px; color: #333; }
body{ background: transparent no-repeat fixed top left url("/images/body_background.png"); padding-top: 60px; }
#container{  width: 920px; margin: 0 auto; }

a{ color: #00C9E2; text-decoration: none; }
	a:hover{ background: #00C9E2; color: #fff; }

#header{ padding: 10px; margin-bottom: 20px; }
	#header h1 a{ text-indent: -999em; display: block; width: 100%; height: 44px; background: no-repeat right center url("/images/logo.png"); }
#content{ overflow: hidden; margin-bottom: 20px; }

#sidebar{ float: left; width: 170px; padding: 0px; margin-right: 10px; }
	#sidebar ul{ list-style-type: none; margin: 0; padding: 0; }
		#sidebar li{ list-style-type: none; margin: 0; padding: 0; }
			#sidebar a{ display: block; padding: 3px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #00C9E2; background: #fafafa; margin-bottom: 4px; text-decoration: none; font-weight: bold; }
			#sidebar .call-to-action a, #sidebar .call-to-action a:hover{ height: 150px; text-indent: -999em; background: transparent no-repeat center center  url("/images/call_to_action.png"); }
			#sidebar a:hover{ background: #00E6FF; color: #fff; }
#main{ float: left; width: 720px; padding: 10px; padding-top: 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background: #fff; }
	#main h1{ font-size: 3em; color: #E2A700; text-transform: uppercase; padding-top: 10px; text-shadow: 0px -1px 0 #B18200; }
#footer{ clear: both; padding: 10px; margin-left: 180px; text-align: center; }
	#footer a{ background: #00C9E2; color: #fff; }
		#footer a:hover{ background: #74A712; }

#flash .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
#flash .success{ background: #E5F3CA; border: 1px solid #74A712; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }

#foo, #bar{ font-size: 1.8em; line-height: 1.8em; }
	#bar{ margin-bottom: 0; }
	
#homepage #main{ padding: 10px 0; width: 740px; padding-bottom: 120px; background: #fff no-repeat 94% bottom url("/images/home_ornament.png"); }
#homepage #content h1{ padding: 20px 20px 5px 20px; font-size: 3.2em; margin-bottom: 0; color: #74A712; text-shadow: 0 -1px 0 #48680B;}
#primary_block{ background: no-repeat bottom right url("/images/wood.jpg"); padding: 20px; margin: 20px 0; color: #444; text-shadow: 0 1px 0 #f3ebc1; border-bottom: 4px solid #b09e42; border-top: 4px solid #b09e42; }

#examples{ list-style-type: none; }
#examples li{ float: left; margin: 10px; }
#examples a img{ display: block; border: 10px solid #f5f5f5; }
	#examples a:hover img{ border-color: #00C9E2; }
#examples span{ display: block; text-align: center; }
	#examples span a{ font-size: .9em; font-weight: bold; color: #74A712; }
		#examples span a:hover{ color: #fff; }

/* IE7 fixes */
.ctrlHolder{ overflow: hidden; }

.press ul{ list-style-type: none; }