/*

	File: screen.css
	Media: screen
	Copyright: (c) 2008 Church Media Group, Inc. www.churchmedia.cc
	Author: Ismael Burciaga Jr.
	Notes: 

Table of Contents:

	Reset Defaults
	Basic Selectors
	Links
	Main Structure Selectors
	Header Layout
	Main Layout
	Sidebar Layout
	Margins
	
Colors:

	Dark Gray #333
	Medium Gray #777
	Light Gray #ccc
	Red #a90000
	
*/


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #ffffff url(../images/bg/bg_body.jpg) top center no-repeat; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #333333; font-family: Helvetica, Arial, Verdana, sans-serif; }
p { font-size:1.2em; line-height:1.8em; margin:16px 0; }
small { font-size:1.1em; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; }

.margin-top { margin-top: 30px; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }


/* Links
--------------------------------------------------------------------------------------- */


a:link { color:#f3147d; }
a:visited { color:#f3147d; }
a:hover { color:#f3147d; text-decoration: none;}
a:active { color:#f3147d; }

.btn_request { font-size: 2.6em; float: right; display: inline;}

.portfolio_item a:link { color: #333333;}
.portfolio_item a:visited { color: #333333;}
.portfolio_item a:hover { color: #f3147d; text-decoration: none;}
.portfolio_item a:active { color: #333333;}

.portfolio_header a { text-decoration: none;}
.portfolio_header a:link { color: #f3147d;}
.portfolio_header a:visited { color: #f3147d;}
.portfolio_header a:hover { color: #f3147d; text-decoration: none;}
.portfolio_header a:active { color: #f3147d;}


a.banner_featured_a { border: none; text-decoration: none; background: #ffffff; padding: 0; 0margin: 0; }
img.banner_featured { border: 1px solid #cccccc; text-decoration: none; background: #ffffff; padding: 9px; width: 940px; height: 382px; display: block; margin: 0; }

a.map {  border: 0; padding: 0; margin: 0; background: none;}

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.container { width:960px; margin: 0 auto; padding: 0 10px; }
.header { width:960px; margin: 0 auto;}
.content { width:960px; margin: 0 auto; padding: 0 0 30px 0; background: #ffffff; }
.main { width:630px; float:left; margin: 0 40px 0 0; }
.sidebar { width:210px; float:right; margin: 0 0 0 40px; }
.footer { width: 960px; margin: 0 auto; padding: 2px 0 36px 0; overflow: hidden; }


/* Header Layout
--------------------------------------------------------------------------------------- */

.header h1 { float: left; display: inline; margin: 33px 0 22px 0; }
.header h1 a { display:block; width: 210px; height: 46px; text-indent: -9999px; background: transparent url(../images/revive.png) top left no-repeat; margin-left: 0; }
.main_nav { float: right; display: inline; overflow: hidden; width: 70%; margin-top: 38px; }
.main_nav li { float: right; font-size: 1.6em; margin-left:32px; font-family: Helvetica, Arial, Verdana, sans-serif; }

.header .margin-top { margin-top: 36px; }


/* Main Layout
--------------------------------------------------------------------------------------- */

.home_content { width: 898px; margin: 0 auto; padding: 30px; padding-bottom: 36px; margin-bottom: 0; background: #f5f5f5; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #dddddd;}
.home_content_divs { width: 300px; float: left; display: inline; overflow: hidden; }
.home_content_divs p { margin-bottom: 0; }
.last_div { width: 510px; float: right; display: inline; border-left: 2px solid #ffffff; padding-left: 40px;  }

.home_content_divs h3 { font-size: 2.8em; font-weight: normal; }

.home_content_divs ul { float: left; display: inline; width: 203px; margin: 20px 0 0 0; padding: 0; }
.home_content_divs ul li { font-size: 1.2em; width:183px; margin: 0 0 6px 14px; padding-left:6px; list-style: disc;}
* html .home_content_divs ul li { font-size: 1.2em; width:173px; margin: 0 0 6px 0; list-style: disc;}

.work_box { overflow: hidden; padding: 36px 0; }
.work_box h3 { font-size: 2.8em; font-weight: normal; }
.work_box h3 span { font-size: .425em; margin-left: 16px; font-style: italic;}

.work_box .overflow { margin-top: 16px; }
.content_border { border-top: 4px solid #e8e8e8; padding-top: 36px; border-bottom: 4px solid #e8e8e8; padding-bottom: 36px;}
.main_content { width: 594px; margin: 0 auto 24px auto; }
.main_content h3 { font-size: 2.2em;}

.product_image { float: right; display: inline; margin: 26px 0 16px 30px; }

.office_location { float: left; display: inline; width: 330px; margin-top: 20px; }
.office_location_content { float: right; display: inline; width: 70%; }
.office_location img { background: #ffffff; border: 1px solid #cccccc; padding: 6px; margin-top: 2px;}

.mailing_address { float: right; display: inline; width: 180px; margin-top: 20px;}

.portfolio_box { width: 100%; margin-top: 26px; overflow: hidden;}
.portfolio_item { float: left; display: inline; width: 246px; height: 186px; padding: 20px; background: transparent url(../images/bg/bg_work_thumbnail.gif) 0 0 no-repeat; overflow: hidden; margin-right:51px; }
.portfolio_item img { margin-bottom: 22px;}
.portfolio_item h4 { font-size: 1.4em;}
.portfolio_item h4 a { font-weight: normal;}
.portfolio_item:hover a { color: #f3147d; }
.portfolio_item a { margin: 0; padding: 0; border: 0; background: none; text-decoration: none;}

.portfolio_image_box { width: 620px; background: transparent url(../images/bg/bg_portfolio_image_middle.jpg) 0 0 repeat-y; overflow: hidden; }
.portfolio_image_box_plus { margin-top: 16px; }
.portfolio_image_shadow_top { width: 620px; background: transparent url(../images/bg/bg_portfolio_image_top.jpg) top left no-repeat; padding: 20px 0 0 0; float: left; display: inline; overflow: hidden; }
.portfolio_image_shadow_bottom { width: 580px; padding: 0 20px 20px 20px; background: transparent url(../images/bg/bg_portfolio_image_bottom.jpg) bottom left no-repeat; overflow: hidden; float: left; display: inline; overflow: hidden;}
.portfolio_image_box a { margin: 0; padding: 0; border: 0; background: none; text-decoration: none;}

.portfolio_header { color: #ffffff; width: 960px; overflow: hidden; padding: 14px 0 11px 0; margin: 0 0 30px 0; border-bottom: 4px solid #e8e8e8;  border-top: 4px solid #e8e8e8; }
.portfolio_header h4 { font-size: 2.8em; font-weight: normal; color: #333333; float: left; display: inline; line-height: 1em; margin: 0 0 0 0; padding: 0;}
.portfolio_header ul { float: right; display: inline; width: 60%; margin-right: 0; margin-top: 4px;}
.portfolio_header ul li { float: right; display: inline;font-size: 1.4em; font-weight: bold; margin-left: 20px;}

.last_entry { margin-right: 0;}

a.btn_top { margin-bottom: 30px;}

.featured_work { margin-bottom: 14px; width: 100%; overflow: hidden;}

/* Footer Layout
--------------------------------------------------------------------------------------- */

.footer p { font-size: 1.1em; margin: 0; }