/* * * * * * * * * * * * * * * * * * * * * */
/*           CSS for gecko video           */
/*         initial build oct 2008          */
/*           new media syndicate           */
/*   david a taylor / burning fish design  */
/* * * * * * * * * * * * * * * * * * * * * */


/* BROWSER CLEANUP */
body, div, p, ul, ol, li, img, h1, h2, h3 {margin:0;padding:0;border:0;}
	/* Set defaults */
	ul, ol {margin-left: 25px;}
	a {color: #fff; text-decoration: none;}
	a:hover {color: #5eb654; text-decoration: none;}
	a:active {color: #5eb654; text-decoration: none;}
	
/* COMMON STYLES */
.nav ul, .nav li {list-style-type:none;}

h1, h2, h3 {font-weight: normal;}
h1 {font-size: 30px;}
h2 {font-size: 20px;border-bottom:1px solid #6B0119;}
h3 {font-size: 16px;}

p {margin: 10px 0;}

.clear {clear: both;}
.left {float:left;}
.right {float:right;}

/* BASIC PAGE STRUCTURE - ALL PAGES */
body {background: #000; font-family: "LucidaGrande", "Myriad Pro", arial, helvetica, serif; color: #fff; line-height: 1.6;}

#main-container {width:1000px; margin: 0 auto 10px;}
#main-container .container-bottom {height: 15px;}

	/* Header */
	#header {width:1000px; position: relative; margin-bottom: 16px;}
	#header h1 {width: 1000px; height: 147px; background: url(../images/_site-structure/header-bg.gif) top left no-repeat #b1012a;}	
	#header a img {margin: 12px 5px 0 24px;}
		
	/* Main Nav */
	#top-nav {position: absolute; top: 120px; right: 0; width: 550px; margin: 0; font-size: 14px;text-align:right;}
	#top-nav  li, #top-nav  a {float: left; display: inline;}
	#top-nav li {margin: 0 14px;}
	#top-nav .current {color:#5eb654;}

	/* What We Do Nav (big image with 3 buttons) */
	#what-we-do-nav {width: 1000px; height: 283px; margin: 0; background: url(../images/_site-structure/airplane.jpg) top left no-repeat transparent;}
	#what-we-do-nav li {float: left; display: inline; margin-top: 65px; height: 169px; width: 269px;}
	#what-we-do-nav a {display: block; text-align: center; font-family: arial, helvetica, serif; font-size: 24px; margin-top: 127px;}
	#what-we-do-nav a:hover, #what-we-do-nav a:active {color: #fff;text-decoration:underline;}
	#what-we-do-nav li#button-corp-video {margin-left: 45px; background: url(../images/_site-structure/corporate-video.jpg) top left no-repeat transparent;}
	#what-we-do-nav li#button-corp-photo {margin-left: 52px; background: url(../images/_site-structure/corporate-photography.jpg) top left no-repeat transparent;}
	#what-we-do-nav li#button-corp-journalism {margin-left: 47px; background: url(../images/_site-structure/corporate_voice.jpg) top left no-repeat transparent;}
	
	/* Content Area */
	#main-content-area {clear: both; background: url(../images/_site-structure/main-content-area-footer.gif) transparent bottom left repeat-y; height: 1px;}	
	#main-container > #main-content-area {min-height: 1px; height: auto;}
	
	/* Footer */
	#footer {clear: both; width:968px; margin: 3px auto 15px; padding-left: 8px; color: #999; font-size: 11px;}
	#footer a {color: #999;}
	#footer a:hover {color:#fff;}
	
	
/* PAGE SPECIFIC STYLES */
	
/* Home Page */	
	/* Layout of Columns */
	.feature-box {float:left; display: inline; position: relative; background: url(../images/_site-structure/body-bg-gradient.gif) top left repeat-x #323233; width: 268px; height: 343px; margin-bottom: 6px; font-size: 13px;}
	#main-content-area > .feature-box {min-height: 343px; height: auto;}
	#welcome-box, #testimonials-box {margin-right: 18px;}
	.feature-box h1 {background: url(../images/_site-structure/feature-box-header_short.gif) top left no-repeat #900222; width: 243px; height: 34px; padding: 3px 0 0 25px; font-size: 20px;}
	.feature-box .body-content {padding: 10px 20px 35px;}
	.feature-box .bottom-button {height: 22px; position: absolute; z-index: 20; bottom: 0; right: 0; margin: 0 16px 9px 0;}
	.feature-box .bottom-button a, .feature-box .bottom-button a img {float: right; height: 22px; width:136px;}
	.feature-box .bottom-button a {background: url(../images/_site-structure/button-read-more-over.gif) top left no-repeat transparent;}
	.feature-box .bottom-button a:hover img, .feature-box .bottom-button a:active img {display:none;}
	
	/* Welcome Box */
	#welcome-box {width: 428px;}
	#welcome-box h1 {background-image: url(../images/_site-structure/feature-box-header_long.gif); width: 403px;}
	#welcome-box .body-content {padding: 12px 46px 32px 24px;}
	#welcome-box .body-content p {margin: 17px 0 5px; font-weight: normal;line-height:22px;}
			
	/* Testimonials Box */
	#testimonials-box .body-content {padding-top: 20px;}
	#testimonials-box > .body-content {padding-top: 10px;}
	#testimonials-box .testimonial {background: url(../images/_site-structure/testimonial-bg-rest.gif) top left no-repeat transparent; margin-left: 2px; padding: 19px 8px 5px 11px; font-size: 15px; line-height: 1.2; height: 1%;}
	#main-content-area  > #testimonials-box .testimonial {height: auto;}
	#testimonials-box #first-test {background-image: url(../images/_site-structure/testimonial-bg-1st.gif);}
	#testimonials-box .testimonial em {font-size: 12px;}
	#testimonials-box .bottom-button a, #testimonials-box .bottom-button a img {width: 152px;}
	#testimonials-box .bottom-button a {background-image: url(../images/_site-structure/button-more-test-over.gif);}
	
	/* Portfolio Box */
	#portfolio-box .body-content {margin-top: 16px; padding: 1px 20px 5px; height: 1px;} /* height 1px to make ie6 not collapse the margin */
	#portfolio-box > .body-content {height: auto;} /* one more return to sane browsers */
	#portfolio-box .port-example {line-height: 1.1; margin: 13px 5px 0 0; height: 54px;}
	#portfolio-box .body-content > .port-example {min-height: 54px; height: auto;}
	#portfolio-box .port-example p {margin:0;}
	#portfolio-box .port-example img {float: left; clear: left; margin-right: 12px;border:1px solid #ccc;}
	#portfolio-box .port-example a:hover img, #portfolio-box .port-example a:active img {border-color: #44aa38;}
	#portfolio-box .port-example .view-example {font-size: 11px;}
	#portfolio-box .bottom-button a, #portfolio-box .bottom-button a img {width: 133px;}
	#portfolio-box .bottom-button a {background-image: url(../images/_site-structure/button-view-port-over.gif);}
	
	/* Individual Box Footers - currently removed and replaced with one footer on main-content-area */
	.feature-box .content-box-bottom {height: 5px;}
	 /*
	.feature-box .content-box-bottom {position: absolute; z-index: 10; bottom: 0;  background: url(../images/_site-structure/feature-box-footer_short.gif) bottom left no-repeat #323233; width: 268px;}
	#welcome-box .content-box-bottom {background-image: url(../images/_site-structure/feature-box-footer_long.gif); width: 428px;}
	*/
	
	
/* All Inner Pages  */	
		
	.inner-content-area {position: relative; background: url(../images/_site-structure/body-bg-gradient.gif) top left repeat-x #323233; width: 1000px; height: 316px; font-size: 13px;font-weight:normal;}
	#main-content-area > .inner-content-area {min-height: 316px; height: auto;}
	.inner-content-area h1 {background: url(../images/_site-structure/inside-body-header.gif) top left no-repeat #900222; width: 975px; height: 34px; padding: 3px 0 0 25px; font-size: 20px;}
	.inner-content-area .body-content {padding: 20px 26px 32px;}
	.inner-content-area .content-box-bottom {position: absolute; z-index: 10; bottom: 0; height: 5px; background: url(../images/_site-structure/inside-body-footer.gif) bottom left no-repeat #323233; width: 1000px;}
	.inner-testimonials {background: url(../images/_site-structure/testimonial-bg-rest.gif) top left no-repeat transparent; margin-left: 2px; padding: 19px 8px 25px 11px; font-size: 13px; line-height: 1.2; height: 1%;}
	#main-content-area a {color:#fff;text-decoration:underline;} 
	#main-content-area a:hover, a:active {color: #666; text-decoration: underline;} 
	
.pics { ;padding:10px;margin-bottom:10px;}
	.port_pic {float:left;padding-right:10px;width:80px;height:90px;}
	.port_pic img {border:1px solid #ccc;width:80px;height:80px;}