/** ELEMENTS
------------------------------------------*/

body { background: #2f2f2f; }

h1 { background: url('../images/logo.jpg') no-repeat; width: 221px; height: 48px; margin: 20px 0; text-indent: -9999px; }
h2 { color: #9c3; text-transform: uppercase; font-weight: normal; }
h3 { color: #fff; text-transform: uppercase; font-size: 1.2em; font-weight: normal; margin: .3em 0; }

p { color: #ccc; line-height: 1.6em; margin-bottom: 1em; }

a { color: #fff; font-size: 1.1em; font-weight: bold; }
	a:hover { color: #ccc; }

strong.callout { font-size: 1.3em; color: #fff; font-weight: normal; }


/** BLOCKQUOTE
------------------------------------------*/

blockquote { line-height: 1.3em; color: #fff; font-style: italic; font-size: 1.2em; margin: 1em; }
blockquote span { font-family: Georgia, serif; font-size: 4em; color: #CCC; line-height: .9em; height: .4em; }
	blockquote .bqstart { float: left; margin-right: .2em; }
	blockquote .bqend { float: right; margin-left: .2em; }
cite { color: #696; margin: .6em 0 1em 0; display: block; }


/** FORM
------------------------------------------*/

input.text, 
textarea { background: #ececec url('../images/input_bg.jpg') repeat-x; border: solid 1px #555; padding: 5px; }

input.text:focus, 
textarea:focus { border-color: #9c3; }


/** LAYOUT
------------------------------------------*/

#splash_container { background: #fff; color: #999; }
#splash { background: url('../images/splash_bg.jpg') no-repeat 10px top; }
#splash p { color: #999; font-weight: bold; text-transform: uppercase; font-size: 1.2em; margin-top: 100px; }

#body { background: url('../images/body_bg.jpg') no-repeat center top; padding-top: 20px; }

	#contact { font-size: 110%; }
	#contact input.text, #contact textarea { width: 340px; margin: 5px 0; }
	#contact textarea { height: 100px; }
	
#footer p { font-size: .8em; color: #666; margin: 10px; }
#footer a { color: #777; }
	#footer a:hover { text-decoration: none; }


/** NAVBAR
------------------------------------------*/

#navbar { width: 794px; margin: 0 auto 20px auto; }
#navbar li { float: left; list-style: none; margin: 0; }
#navbar li a { display: block; background: url('../images/navbar_sprites/home.png') no-repeat 0 0; height: 30px; width: 63px; overflow: hidden; text-indent: -9999px; }
	#navbar li a:hover { background-position: 0 -30px; }
	#navbar li a.current { background-position: 0 -60px; }
	
#navbar li a.video_production { background-image: url('../images/navbar_sprites/video_production.png'); width: 161px; }
#navbar li a.video_for_web { background-image: url('../images/navbar_sprites/video_for_web.png'); width: 131px; }
#navbar li a.training_videos { background-image: url('../images/navbar_sprites/training_videos.png'); width: 144px; }
#navbar li a.corporate_events { background-image: url('../images/navbar_sprites/corporate_events.png'); width: 163px; }
#navbar li a.testimonials { background-image: url('../images/navbar_sprites/testimonials.png'); width: 122px; }


/** BOX PAGES
------------------------------------------*/

#pages.mask { position: relative; overflow: hidden; width: 940px; height: 100px; }
#pages .wrapper { position: absolute; width: 99999px; }
#pages div.page { float: left; width: 940px; margin: 0 40px; }

#testimonials div { text-align: center; }