/*=====================================================================
 *
 * Filename: style.css
 * URI: http://www.elasticpictures.com
 * Version: 1.0
 * Author: Christopher Echols
 * Author URI: http://oneredtwo.com
 * Media: Screen
 *
 *=====================================================================*/

body {
	background: #333333;
	font-family: arial, sans-serif, sans;
	font-size: 14px;
	color: #000;
}

/* === TEXT === */

a {
	color: #F4A139;
	text-decoration: none;
}

a:hover {
	color: #F4A139;
	text-decoration: underline;
}

a img {
	border: none;
}

li {
	list-style: none;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
}

h2 {
	margin-top: 0px;
	margin-bottom: 2px;
	padding: 0px;
	font-size: 1.5em;
}

h3 {
	color: #F4A139;
}

/* === BODY === */

#main {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#main_1 {
	background: url('images/main_back_1.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#main_2 {
	background: url('images/main_back_2.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 1200px;
	left: 0px;
}

#main_3 {
	background: url('images/main_back_3.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 2400px;
	left: 0px;
}

#main_4 {
	background: url('images/main_back_4.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 3600px;
	left: 0px;
}

#main_5 {
	background: url('images/main_back_5.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 4800px;
	left: 0px;
}

#main_6 {
	background: url('images/main_back_6.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 6000px;
	left: 0px;
}

#main_7 {
	background: url('images/main_back_7.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 7200px;
	left: 0px;
}

#main_8 {
	background: url('images/main_back_8.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 8400px;
	left: 0px;
}

#main_9 {
	background: url('images/main_back_4.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 9600px;
	left: 0px;
}

#main_10 {
	background: url('images/main_back_5.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 10800px;
	left: 0px;
}

#main_11 {
	background: url('images/main_back_6.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 12000px;
	left: 0px;
}

#main_12 {
	background: url('images/main_back_9.gif') no-repeat top center;
	width: 100%;
	height: 1200px;
	position: absolute;
	top: 13200px;
	left: 0px;
}

.center {
	width: 960px;
	overflow: hidden;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

/* === LOGO === */

#logo_column {
	float: left;
	height: 250px;
	width: 960px;
	margin-top: 5px;
	padding: 0px;
}

.logo {
	float: left;
	width: 480px;
	height: 250px;
}

.top_right {
	float: left;
	width: 460px;
	height: 250px;
	margin: 0px;
	padding: 0px;
}

.header_text {
	float: right;
	width: 460px;
	height: 160px;
	margin-right: -18px;
	font-size: 12px;
	text-align: right;
	color: #FFF;
}

.header_text p{
	margin: 0px;
	padding: 0px;
}

.header_text span a{
	margin-right: 1px;
	margin-left: 29px;
	padding: 0px;
	color: #FFF;
}

/* === NAVIGATION === */

#navigation {
	margin-top: 150px;
	margin-left: 2px;
}

/* === FEATURED GALLERY === */

#featured {
	float: left;
	margin-top: 8px;
	padding-top: 10px;
	border-top: 1px solid #555555;
}

#main_gallery {
	float: left;
	height: 298px;
	width: 720px;
	margin-top: 2px;
}

ul#portfolio {
	margin: 0px;
	padding: 0px;
}

ul#portfolio a:active, a:focus {
	outline: none;
}

.thumbs {
	float: left;
	height: 148px;
	width: 238px;
	margin-top: 2px;
	margin-right: 2px;
}

.static {
	float: left;
	height: 148px;
	width: 238px;
	margin-top: 2px;
	margin-right: 2px;
}

.a {
	background: url('images/thumbs/eminem-info.gif') no-repeat center;
}

.b {
	background: url('images/thumbs/tnshine-info.gif') no-repeat center;
}

.c {
	background: url('images/thumbs/saic-info.gif.') no-repeat center;
}

.d {
	background: url('images/thumbs/motion-info.gif') no-repeat center;
}

.e {
	background: url('images/thumbs/ty-info.gif') no-repeat center;
}

.f {
	background: url('images/thumbs/ty-talks-info.gif') no-repeat center;
}

/* === DEMO === */

#demo {
	float: left;
	width: 960px;
	height: 20px;
	margin-top: 10px;
	padding-left: 10px;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	color: #999999;
}

#demo p {
	margin: 2px 0 0 0;
	padding: 0px;
	font-size: 12px;
}

#demo img {
	float: left;
	margin: 0px;
	padding: 0px;
}

.start_tour {
	float: left;
	width: 960px;
	height: 30px;
	margin-top: 10px;
	padding-left: 252px;
}

/* === MAIN CONTENT === */

#content {
	float: left;
}

.section {
	float: left;
	width: 960px;
	height: 645px;
	padding-top: 100px;
	color: #FFF;
}

.previous_next {
	background: url('images/misc_images/previous_next_back.gif') no-repeat top left;
	float: left;
	width: 960px;
	height: 38px;
	margin-top: 9px;
	padding-left: 8px;
}

.previous_next img{
	margin-right: 8px;
}

.previous {
	background: url('images/misc_images/previous_back.gif') no-repeat top left;
	float: left;
	width: 960px;
	height: 38px;
	margin-top: 9px;
	padding-left: 8px;
}

.section_heading {
	float: left;
	width: 960px;
	margin-top: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.section_heading h1 {
	float: left;
	width: 600px;
}

.section_heading span {
	color: #F4A139;
}

.section_to_top img {
	float: right;
	width: 241px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.section_body {
	float: left;
	width: 960px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

.section_body p {
	margin: 0px;
	padding-bottom: 10px;
	color: #999999;
}

.section_body img {
	float: left;
	margin-right: 10px;
}

.section_spacer {
	float: left;
	width: 960px;
	height: 315px;
}

.about_section {
	float: left;
	width: 960px;
	height: 546px;
	padding-top: 100px;
	color: #FFF;
}

.services_section {
	float: left;
	width: 960px;
	height: 546px;
	padding-top: 100px;
	color: #FFF;
}

#services_slider {
	float: left;
	width: 960px;
	height: 500px;
	margin-left: 1px;
}

.section_gallery {
	float: left;
	width: 960px;
	color: #FFF;
}

.gallery_section {
	float: left;
	width: 960px;
	color: #FFF;
}

.gallery_spacer {
	float: left;
	width: 960px;
	height: 405px;
}

.projects_gallery p{
	float: right;
	width: 465px;
	margin-top: 110px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.projects_gallery img{
	float: left;
	margin-top: 101px;
}

.pg1 {
	background: url('images/projects_gallery/eminem_back.jpg') no-repeat top left;
	width: 960px;
	height: 400px;
	margin-top: 170px;
}

.pg2 {
	background: url('images/projects_gallery/ty_back.jpg') no-repeat top left;
	width: 960px;
	height: 400px;
	margin-top: 170px;
}

.pg3 {
	background: url('images/projects_gallery/ben_folds_back.jpg') no-repeat top left;
	width: 960px;
	height: 400px;
	margin-top: 170px;
}

.pg4 {
	background: url('images/projects_gallery/saic_back.jpg') no-repeat top left;
	width: 960px;
	height: 400px;
	margin-top: 170px;
}

.pg5 {
	background: url('images/projects_gallery/clayton_back.jpg') no-repeat top left;
	width: 960px;
	height: 400px;
	margin-top: 170px;
}

.pg6 {
	background: url('images/projects_gallery/inner_circle_back.jpg') no-repeat top left;
	width: 960px;
	height: 400px;
	margin-top: 170px;
}

.pg7 {
	background: url('images/projects_gallery/baptist_regional_back.jpg') no-repeat top left;
	width: 960px;
	height: 400px;
	margin-top: 170px;
}

.pg8 {
	background: url('images/projects_gallery/etec_back.jpg') no-repeat top left;
	width: 960px;
	height: 400px;
	margin-top: 170px;
}

.back_to_top {
	float: left;
	background: #313131;
	width: 960px;
	height: 25px;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
}

.back_to_top img {
	float: right;
	width: 240px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.contact_section {
	float: left;
	width: 960px;
	height: 365px;
	padding-top: 100px;
	color: #FFF;
}

.footer {
	color: #F4A139;
	font-weight: bold;
	text-align: right;
}

/* === CONTACT === */

#contact h3{
	margin-top: 10px;
}

.contact_left {
	float: left;
	background: #313131;
	width: 480px;
	height: 285px;
}

.contact_right {
	float: right;
	background: #313131;
	width: 480px;
	height: 285px;
}

.form {
	float: left;
}

.contact-fieldset {
	float: left;
	width: 480px;
	border: none;
	padding: 0px;
	color: #999999;
}

.contact-label {
	text-align:left;
	width: 100px;
	float: left;
}

.contact-label_val {
	text-align:left;
	width: 100px;
	float: left;
	color: red;
}

.contact-input {
	width: 200px;
	margin-right: 5px;
	margin-bottom: 4px;
	padding: 5px;
	background-color: #141414;
	border: 1px solid #767676;
	color: #FFF;
}

.contact-body {
	width: 320px;
	background-color: #141414;
	color: #FFF;
 	border: 1px solid #767676;
	padding: 5px;
	line-height: 15px;
}

.contact-button {
	text-align: right;
	padding: 6px;
	margin-left: 100px;
	background-color: #141414;
	border: 1px solid #B8B8B8;
	color: #FFF;
}

.mailer_message {
	background: #555555;
	width: 320px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	color: #FFF;
	border: 1px solid #999999;
}

/* === FLOWPLAYER === */

div.overlay {     
	background-image:url(images/flow_back_demo.png);  
	width:680px; 
	height:410px; 
	display:none; 
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
	color:	#555;
} 
 
div.overlay div.close { 
    background-image:url(images/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* === KWIKS === */

.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	float: left;
	width: 113px;
	height: 35px;
	margin-right: 2px;
	padding-left: 5px;
}

#kwick1 { 
	background: #F4A139 url('images/kwiks/about.gif') no-repeat;
}

#kwick2 {
	background: #E3A136 url('images/kwiks/services.gif') no-repeat;
}

#kwick3 {
	background: #E3B264 url('images/kwiks/gallery.gif') no-repeat;
}

#kwick4 { 
	background: #E3C491 url('images/kwiks/contact.gif') no-repeat;
	margin-right: 0px;
}

.kwicks_services {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks_services li{
	float: left;
	width: 158px;
	height: 490px;
	margin-right: 2px;
	padding-left: 5px;
}

.kwicks_text p{
	display: none;
}

#kwick5 { 
	background: #F4A139 url('images/kwiks/editing.gif') no-repeat;
}

#kwick6 {
	background: #E3A136 url('images/kwiks/visual_fx.gif') no-repeat;
}

#kwick7 {
	background: #E3B264 url('images/kwiks/color.gif') no-repeat;
}

#kwick8 { 
	background: #E3C491 url('images/kwiks/mastering.gif') no-repeat;
}

#kwick9 {
	background: #E3B264 url('images/kwiks/audio.gif') no-repeat;
}

#kwick10 { 
	background: #E3C491 url('images/kwiks/other.gif') no-repeat;
	margin-right: 0px;
}