/* Reset */
html{color:#000;background:#fff;}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,strong,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;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; color: #656565;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* Clearfix*/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}

/* General */
b,
strong { font-weight:bold; }
i,
em { font-style:italic; }

/* Layout */
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
body, #footer { text-align:center; }
.container { margin:0 auto; width:960px; }
#wrap { text-align:left; }
#main { padding-bottom:200px; }

html, body { background:url(../img/body-bg.gif) repeat-x 0 0; font-family: Arial, sans-serif; font-size:12px; }
#header { position:relative; height:188px; }
	#logo a { overflow:hidden; width:171px; height:106px; display:block; text-indent:-9999em; position:absolute; top:52px; left:10px; background:url(../img/logo.gif) no-repeat 0 0; }
	#mainmenu { position:absolute; right:10px; top:148px; }
	#mainmenu li { float:left; }
	#mainmenu li a { font-weight:bold; color:#858585; font-size:14px; text-decoration:none; margin-left:28px; }
	#mainmenu li.active a,
	#mainmenu li a:hover { color:#d9417e; }
	
#subheading { background:url(../img/checkered-bg.gif) repeat 0 0; padding-top:48px; }
	#subheading .heading { background-repeat:no-repeat; background-position:50% 0; width:960px; text-indent:-9999em; padding-bottom:30px; height:70px; }
	#slideshow { padding:0 10px; position:relative; }
	#slides { width:940px; height:350px; overflow:hidden; }
	#prev, 
	#next { overflow:hidden; display:block; width:59px; height:59px; position:absolute; top:146px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em; z-index:9999; }
	#prev { background-image:url(../img/prev.gif); left:0; }
	#next { background-image:url(../img/next.gif); right:0; }
	
	#subheading em { font-style:normal; color:#ee478a; }
	#subheading p { padding:12px 10px 152px 10px; font-size:24px; line-height:1.5em; }
	
#callout { background:url(../img/callout-bg.gif) repeat-x 0 0; font-size:14px; font-weight:bold; }
	#callout .container { height:165px; position:relative; }
	#recipe { width:960px; height:239px; background:url(../img/recipe.png) no-repeat 0 0; position:absolute; left:0; bottom:45px; }
	#recipe h2 { text-indent:-9999em; }
	#recipe .col-one { position:absolute; left:286px; top:28px; width:260px; }
	#recipe .col-one h3 { width:200px; height:17px; background:url(../img/promotion.gif) no-repeat 0 0; text-indent:-9999em; margin-bottom:15px; }
	#recipe .col-two { position:absolute; left:640px; top:28px; width:260px; }
	#recipe .col-two h3 { width:300px; height:17px; background:url(../img/production.gif) no-repeat 0 0; text-indent:-9999em; margin-bottom:15px; }
	#recipe li { background:url(../img/arrow.gif) no-repeat 0 4px; padding-left:12px; margin-bottom:5px; }
	
#content { background:url(../img/border.gif) repeat-x 0 0; padding:28px 0; }
	#content .container { position:relative; }
	#content .three-column { }
	#content .three-column .column { width:300px; float:left; color:#858585; font-weight:bold; padding:0 10px; }
	#content .three-column h3 { font-size:18px; color:#ee478a; font-weight:bold; }
	#content .three-column h4 { margin-bottom:18px; color:#000; font-weight:bold; }
	#content .three-column p { line-height:1.5em; }
	#content a { color:#ee478a; }
	#content a.readmore { text-decoration:none; }
	
	#content .two-column { color:#858585; font-weight:bold; line-height:1.5em; }
	#content .two-column .column { width:460px; float:left; padding:0 10px; }
	#content ul.actions { margin-top:5px; }
	#content ul.actions li { display:inline; margin-right:20px; }
	#content ul.actions a { text-decoration:none; font-weight:bold; }
	
	#content .content-with-sidebar { margin:0 10px; }
	#content .content { width:620px; float:left; }
	#content .sidebar { width:220px; float:right; }
	
	#content .sidebar h3 { margin-top:30px; font-weight:bold; font-size:14px; padding-bottom:8px; background:url(../img/border.gif) repeat-x 0 100%; color:#ee478a; }
	#content .sidebar li { color:#858585; font-size:12px; }
	#content .sidebar a { color:#858585; text-decoration:none; display:block; padding:8px; background:url(../img/border.gif) repeat-x 0 100%; }
	
	#search-form { border:1px solid #fe4b96; height:32px; width:218px; margin-top:25px; overflow:hidden; }
	#search-form #s { border:none; background:none; margin:0; padding:0; width:154px; height:12px; float:left; line-height:12px; padding:10px 2px; }
	#search-form #search { border:none; background:#fe4b96; color:#fff; width:60px; height:32px; margin:0; padding:0; float:left; font-weight:bold; line-height:32px; }
	
#footer { height:200px; background:url(../img/footer-bg.gif) repeat-x 0 0; position:relative; margin-top: -200px; clear:both; }
	#footer .container { height:200px; overflow:hidden; background:url(../img/footer-graphic.gif) no-repeat 50% 0; font-size:10px; color:#fff; }
	#footer .tagline,
	#footer .copyright { display:block; }
	#footer .tagline { margin-top:90px; background:url(../img/crowd-pleasing.png) no-repeat 50% 0; text-indent:-9999em; height:11px; }
	#footer .copyright { text-align:center; margin-top:18px; }
	

/* Home */
.home #subheading .heading { background-image:url(../img/we-bring-people-together.png); }
.home #subheading h2 { margin-top:52px; background:url(../img/launch-parties2.png) no-repeat 50% 0; height:34px; text-indent:-9999em; }
.home #content h2 { margin-left:10px; width:201px; height:24px; background:url(../img/meet-the-team.gif) no-repeat 0 0; text-indent:-9999em; margin-bottom:25px; }

/* The Team */
.the-team #subheading .heading { background-image:url(../img/meet-the-team.png); }
.the-team #subheading { padding-bottom:80px; }
.the-team .three-column .column { position:relative; }
.the-team .three-column .column img { position:absolute; top:-105px; left:10px; }
.profile { padding-top:50px; }
.profile p { padding-bottom:10px; }
.social { padding-top:10px; background:url(../img/border.gif) repeat-x 0 100%; }
.social li { background:url(../img/border.gif) repeat-x 0 0; padding:10px 0; }
.social a { text-decoration:none; }

/* Work */
.work #subheading .heading { background-image:url(../img/a-few-people.png); }
.work #subheading { padding-bottom:156px; }
#content #slideshow { position:absolute; top:-204px; left:0; }
.work #content .container { padding-top:156px; }
.work #content .two-column .column { position:relative; background:url(../img/border.gif) repeat-x 0 0; padding:30px 0; margin:0 10px; padding-left:160px; width:300px; }
.work #content .container .first .column { background:none; }
.work #content .container .last .column { padding-bottom:0; }
.work h3 { font-weight:bold; font-size:18px; color:#ee478a; padding-bottom:5px; }
.work #content .two-column .column img { position:absolute; top:30px; left:0; }

/* News & Events */
.news-events #subheading .heading { background-image:url(../img/whats-happening.png); }
.post { background:url(../img/border.gif) repeat-x 0 100%; margin-bottom:20px; }
.post .postcontent { position:relative; line-height:1.5em; color:#858585; }
#content .postcontent .comments { position:absolute; top:0; right:0; background:#ee478a url(../img/comments.gif) no-repeat 8px 50%; padding-left:32px; padding-right:8px; line-height:20px; display:block; text-decoration:none; color:#fff; }
.post h2 { font-size:18px; font-weight:bold; color:#ee478a; }
.post .postinfo { margin-bottom:20px; }
.post .category { font-weight:bold; }
.postmenu { background:url(../img/border.gif) repeat-x 0 0; padding:12px 0; margin-top:30px; }
.postmenu .comments { float:right; font-weight:bold; text-decoration:none; }
.postmenu .tweet { font-weight:bold; text-decoration:none; }
.postcontent p { margin-bottom:10px; }
.postcontent img { margin-bottom:20px; }
#content #flickr { padding-top:8px; }
#content #flickr li { float:left; margin:0; padding:0; }
#content #flickr li a { margin:0; padding:0; float:left; width:71px; height:71px; overflow:hidden; margin-right:2px; margin-bottom:2px; }

/* Testimonials */
.testimonials #subheading .heading { background-image:url(../img/what-theyre-all-saying.png); }
.testimonials #content .container { background:url(../img/rquote.gif) no-repeat 100% 100%; }
#content .lquote { background:url(../img/lquote.gif) no-repeat 0 0; padding-top:30px; }
#content blockquote { padding:20px 10px; }
#content blockquote p { font-size:24px; font-weight:bold; line-height:1.2em; }
#wrap #content blockquote .source { font-size:10px; font-weight:bold; }
.testimonials #content .three-column { background:url(../img/three-column-border.gif) no-repeat 10px 100%; }
#content .three-column blockquote { background:url(../img/border.gif) repeat-x 0 0; padding-left:0; padding-right:0; }
#content .three-column blockquote p { font-size:16px; color:#ee478a; }
.testimonials #content .two-column { background:url(../img/two-column-border.gif) no-repeat 10px 100%; }
#content .two-column blockquote { background:url(../img/border.gif) repeat-x 0 0; padding-left:0; padding-right:0; }
#content .two-column blockquote p { color:#ee478a; }

/* Contact */
.contact #subheading .heading { background-image:url(../img/lets-work-together.png); }
.contact .content { font-size:24px; color:#858585; margin-top:28px; }
.contact .content p { margin-bottom:1.5em; }
.contact .content a { text-decoration:none; }
#contact span { padding-left:22px; display:block; line-height:16px; }
#contact .facebook { background:url(../img/facebook-icon.gif) no-repeat 0 50%; }
#contact .twitter { background:url(../img/twitter-icon.gif) no-repeat 0 50%; }
#contact .flickr { background:url(../img/flickr-icon.gif) no-repeat 0 50%; }