/* 

	main.css
	Global Stylesheet
	
	Created: 9.24.07
	Creator: Matt Kircher, IDa Creative
	
 */

@import url("css_reset.css");
@import url("lightbox.css");

body{
	font-size:10px;
	color:#272727;
	background:url(../images/page_bg.jpg) top left repeat;
	text-align:center;
}

h1, h2, h3, h4, h5, h6{ font-size:11px; font-weight:bold; text-transform:lowercase; padding-top:0px; }

hr{ color:#D8D8D8; background-color:#D8D8D8; height:1px; border:none; margin:20px 0px; }

a{ color:#FF6E4E; }

#wrap{
	width:750px;
	margin:auto;
	margin-top:50px;
	text-align:left;
	min-height:450px;
}
.home{ background:url(../images/backgrounds/bg_home.jpg) top left no-repeat; }
.about{ background:url(../images/backgrounds/bg_about.jpg) top left no-repeat; }
.work{ background:url(../images/backgrounds/bg_work.jpg) top left no-repeat; }
.studio{ background:url(../images/backgrounds/bg_studio.jpg) top left no-repeat; }
.contact{ background:url(../images/backgrounds/bg_contact.jpg) top left no-repeat; }

#header{ background-color:#FFF; height:68px; overflow:hidden; position:relative; top:32px; }
#header h1, #header p{ margin:0px; padding:0px; }

.home #header{ background:url(../images/masthead_accent1.jpg) no-repeat 370px 2px #FFF; }
.about #header{ background:url(../images/masthead_accent2.jpg) no-repeat 370px 2px #FFF; }
.work #header{ background:url(../images/masthead_accent3.jpg) no-repeat 370px 2px #FFF; }
.studio #header{ background:url(../images/masthead_accent4.jpg) no-repeat 370px 2px #FFF; }
.contact #header{ background:url(../images/masthead_accent5.jpg) no-repeat 370px 2px #FFF; }

#logo{ float:left; }
#logo a{ display:block; width:233px; height:57px; background:url(../images/logo.jpg); position:relative; left:18px; top:8px; }
#logo span{ display:none; }
#header-content{ float:right; width:362px; position:relative; top:40px; margin-bottom:-40px; margin-right:10px; }

#content{}
#main-nav{ float:left; width:70px; position:relative; top:50px; padding-left:18px; }
#main-nav ul{ list-style:none; }
#main-nav ul li{ line-height:2; }
#main-nav ul li a{ font-size:12px; font-weight:bold; color:#FFF; text-transform:lowercase; }
#main-nav ul li a:hover{ color:#ABABAB; }
#main-nav ul li a.selected{ color:#FF6E4E; }

#main-content{ float:left; position:relative; top:-80px; }
#main-content p{ padding-top:0px; }

.home #main-content{ margin-left:370px; padding:0px; width:auto; background-color:none; }
* html .home #main-content{ margin-left:185px; margin-top:115px; padding:0px; width:380px; background-color:none; } /* IE6 */
*+html .home #main-content{ position:relative; padding:0px; width:380px; background-color:none; } /* IE7 */
.about #main-content,
.work #main-content,
.studio #main-content,
.contact #main-content{ width:360px; padding:20px; background-color:#FFF; top:52px; left:12px; margin-bottom:20px; }

#goto_top{ margin:0px; padding:0px; text-align:center; position:relative; top:10px; clear:both; }

.sample_deck{ background-color:#FFF; padding:7px 7px 7px 0px; }
* html .sample_deck{ background-color:#FFF; padding:7px 7px 0px 0px; }
.sample_deck ul{ list-style:none; margin:0px; padding:0px; }
.sample_deck ul li{ height:16px; padding:3px 7px 0px 7px; background:url(../images/sample_deck_bg.jpg) repeat top left #272727; margin-bottom:1px; }

.sample_deck ul li a, .info_deck ul li a{ float:left; font-size:11px; font-weight:bold; color:#FFF; }
.sample_deck ul.format_listing{ float:right; position:relative; top:0px; margin-bottom:-19px;  }
.sample_deck ul.format_listing li{ float:left; height:12px; width:25px; }
.sample_deck ul.format_listing li a{ font-size:11px; font-weight:bold; color:#FF6E4E; }
body div#wrap.home #main-content div.sample_deck{ height:120px; padding-left:7px; }

.info_deck{ background-color:#FFF; padding:7px 7px 7px 0px; }
.info_deck p{ clear:both; padding:7px; background:url(../images/info_deck_bg.jpg) repeat top left #9ED2DF; margin-bottom:1px; height:10px; }
.info_deck span.info_title,
.info_deck span.info_listing{ position:relative; display:block; width:45%; padding:3px 0px; font-weight:bold; font-size:11px; }
.info_deck span.info_title{ float:left; }
.info_deck span.info_listing{ float:right; text-align:right; }


#photo-gallery{}
#photo-gallery ul{ list-style:none; margin:0px; padding:0px; }
#photo-gallery ul li{ display:inline; }
#photo-gallery ul li a{ display:block; float:left; height:48px; width:48px; border:1px solid #272727; margin:0px 15px 15px 0px; }

#contact-form-div{ padding:10px 0px; }
#contact-form-div label{ float:left; width:150px; font-weight:bold; font-size:11px; text-transform:lowercase; }
#submit{ margin-left:150px; }


#home_news{ padding:7px; }
#home_news h2, #home_news p{ color:#FFF; }
#home_news p{ width:50%; line-height:1.2; }
#home_news b{ color:#9ED2DF; display:block; margin:0px; padding:0px; font-size:11px; }

.double_column > * { margin-left:120px; }
.double_column img{ float:left; margin-left:0px; }


#footer{ float:right; position:absolute; top:510px; left:700px; width:300px; }

#contact-info{ color:#666; height:60px; float:right; }
#contact-info p{ margin:0px; }
#contact-address{ float:left; padding:0px 5px 10px 0px; line-height:1.2; margin-right:5px; border-right:1px solid #666; text-align:right; }
#contact-phone-email{ float:left; padding:0px 0px 0px 5px; line-height:1.5; }
#contact-phone-email b{ font-size:12px; font-weight:bold; color:#FFF; }
#contact-phone-email a{ font-size:11px; font-weight:bold; }

#copyright, #built-by{ color:#666; float:right; clear:right; width:200px; }

#copyright{ margin-top:30px; text-align:right; }
#built-by{ margin-top:10px; text-align:right; }