/* ============================================================================

	Author: Ariamedia
	Author URI: http://www.ariamedia.com

	Date: April, 12 2010
	Version: 1.0
	
	Whoville, Lewisville
	(c) 2010 All Rights Reserved
	
	This site was designed, produced and coded by Ariamedia
	for City of Lewisville. Feel free to use anything you see hsere,
	but please do not use this design or design elements without
	contacting us first.
	
	Thanks,
	
	Jordan Wollman, Partner / Executive Creative Director, Ariamedia

============================================================================ */


/* ! [ CSS IMPORTS ] --------------------------------------------------------- */

@import url('reset.css');
@import url('text.css');
@import url('960.css');
@import url('jquery.fancybox-1.3.1.css');

/* ! [ GLOBALS / BLOCK LEVEL ] ----------------------------------------------- */
html														{ width: 100%; height: 100%; }
body														{ color: #333; background: #C0C0C0 url(/sitecontent/73/images/slice.gif) 50% 0 repeat-y; }
a															{ color: #662D91; text-decoration: none; }
a:hover														{ color: #000; }
a img														{ border: none; }
h1															{ font-size: 36px; font-weight: normal; color: #662D91; }

/* ! [ WRAPPER ] ------------------------------------------------------------- */
.bg															{ width: 100%; height: 100%; background: url(/sitecontent/73/images/manfred.jpg) 50% 0 no-repeat; }
#wrapper													{ position: relative; }
.intro														{ position: absolute; top: 73px; left: 0; }

.content													{ background: #D6D6D6 url(/sitecontent/73/images/manfred.jpg) 50% -348px no-repeat; position: absolute; width: 1020px; left: -30px; top: 348px; height: 480px; }

/* !photos */
.content .photos											{ position: absolute; height: 480px; left: 30px; z-index: 80; }
.content .photos ul											{ margin: 0; padding: 0; list-style: none; }
.content .photos ul li										{ margin: 0; padding: 0; font-size: 10px; display: block; line-height: normal; }
.content .photos ul li a									{ color: #333; display: block; background: url(/sitecontent/73/images/photos-sprite.jpg) 0 0 no-repeat; width: 150px; padding: 20px 0 0 150px; height: 140px; }
.content .photos ul li a strong								{ font-weight: normal; font-size: 12px; }
.content .photos ul li.bottom a								{ padding: 80px 0 0 150px; height: 80px; }
.content .photos ul li#p1 a									{ background-position: 0 0; }
.content .photos ul li#p2 a									{ background-position: 0 -320px; }
.content .photos ul li#p3 a									{ background-position: 0 -480px; }

/* !cases */
.content .cases												{ position: absolute; right: 40px; width: 800px; height: 480px; z-index: 20; }
.content .cases .switch										{ background: url(/sitecontent/73/images/callout-sprite.gif) 100% 0 no-repeat; width: 800px; height: 480px; color: #FFF; }
.content .cases .switch#c1									{ background-position: 100% 0; }
.content .cases .switch#c1 blockquote						{ width: 544px; padding-top: 220px; height: 0; background: url(/sitecontent/73/images/quote-connie-tang.gif) 0 0 no-repeat; overflow: hidden; position: absolute; bottom: 182px; right: 30px; }
.content .cases .switch#c2									{ background-position: 100% -480px; }
.content .cases .switch#c2 blockquote						{ width: 544px; padding-top: 220px; height: 0; background: url(/sitecontent/73/images/quote-lucy-billingsley.gif) 0 0 no-repeat; overflow: hidden; position: absolute; bottom: 182px; right: 30px; }
.content .cases .switch#c3									{ background-position: 100% -960px; }
.content .cases .switch#c3 blockquote						{ width: 544px; padding-top: 220px; height: 0; background: url(/sitecontent/73/images/quote-donald-huffines.gif) 0 0 no-repeat; overflow: hidden; position: absolute; bottom: 182px; right: 30px; }

/* !callout */
.content .callout											{ position: absolute; right: 110px; bottom: 20px; z-index: 80; }
.content .callout a											{ display: block; background: url(/sitecontent/73/images/call-to-action.gif) 0 0 no-repeat; width: 513px; height: 0; padding-top: 118px; overflow: hidden; }

/* !rsvp-form */
#rsvp														{ width: 300px; }
#contactForm													{ margin: 0; padding: 0; }
#contactForm input											{ font-size: 12px; padding: 4px; border: 1px solid #CCC; width: 290px; margin: 0 0 10px; color: #662D91; }
#contactForm #name											{ width: 135px; float: left; margin: 0 10px 10px 0; }
#contactForm #email											{ width: 135px; }
#contactForm #city											{ width: 120px; float: left; margin: 0 10px 30px 0; }
#contactForm #state											{ width: 45px; float: left; margin: 0 10px 30px 0; }
#contactForm #zip											{ width: 85px; float: left; margin: 0 0 30px 0; }
#contactForm #submit											{ float: left; width: 125px; height: 34px; margin: 0; background: url(/sitecontent/73/images/rsvp-btn.gif) 0 0 no-repeat; padding: 0; border: none; }
#contactForm p												{ font-size: 10px; color: #666; float: left; margin: 0 0 0 10px; line-height: normal; padding-top: 4px; }
#contactForm .watermarked										{ color: #666; }

/* !footer */
.footer														{ background: #FFF; position: absolute; top: 828px; width: 1020px; left: -30px; height: 142px; }
.footer p													{ position: absolute; font-size: 10px; color: #333; line-height: normal; top: 70px; left: 30px; }
.footer p a													{ font-weight: bold; font-size: 12px; }
.logo														{ position: absolute; right: 40px; top: -22px; }

/* ! [ MISC CLASSES ] -------------------------------------------------------- */
.float_left													{ float: left; }
.float_right												{ float: right; }
.clear														{ clear: both; }
.press h1													{ font-family: Georgia, Times New Roman, Times, Serif; font-size: 44px; color: #FFF; background: #666; letter-spacing: -.02em; font-weight: 100; line-height: normal; padding: 5px 10px; }
.press h2													{ font-size: 22px; line-height: normal; }