/*

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


/* 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: #141414 url(../images/bg/bg_body.jpg) top center no-repeat fixed; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; height: 100%;}

h3 { font-size:2.6em; color: #504130; font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200; line-height: 1em; }
h1, h2, h4, h5, h6 {   font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6em; color: #000000;}
p { font-size:1.2em; line-height:1.3em; margin:12px 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; }

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

a {font-weight: bold; text-decoration: none;}
a:link { color: #17cdc2;}
a:visited { color: #17cdc2;}
a:hover { color: #17cdc2; text-decoration: underline;}
a:active { color: #17cdc2;}

.footer a:link { color: #6dbfbe;}
.footer a:visited { color: #6dbfbe;}
.footer a:hover { color: #6dbfbe; text-decoration: underline;}
.footer a:active { color: #6dbfbe;}

.btn_order { display:block; width: 352px; height: 66px; text-indent: -9999px; background: transparent url(../images/btn/btn_order.png) top left no-repeat; }
.btn_order:hover { background-position: bottom left;}

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

.container { width: 920px; padding: 0 0 0 0; position: relative; margin: 0 auto 0 auto;}
.header { width: 920px; height: 91px; margin: 0 auto; padding: 68px 0 65px 0;}
.content { width:810px; height: 484px; margin: 0 auto; padding: 45px 55px 31px 55px; overflow: hidden; position: relative; background: transparent url(../images/bg/bg_container.png) 0 0 no-repeat; }
.main { width:410px; height: 410px; float:left; display:inline; position: relative; border: 1px solid #555555;}
.sidebar { width:352px; float:right; display:inline; margin: 11px 0 0 0; }
.footer { width: 900px; margin: 0 auto; padding: 0 10px 20px 10px; color: #81715d; overflow: hidden;}

body.home .content { width: 897px; padding:20px 50px 0 30px;}


/* Homepage Layout
--------------------------------------------------------------------------------------- */

#slideshow { width:410px; height: 410px; }
#nav { position: absolute; bottom: 14px; left: 18px; z-index: 4 }
#nav li { float: left; list-style: none; margin-right: 6px; }
#nav a img { border: 3px solid #ffffff; }
#nav a.activeSlide img { border: 3px solid #17cdc2; }
#nav a:focus { outline: none; }
#nav img { width: 25px; height: 25px; }

.photos { width: 100%; overflow: hidden; margin-top: 50px;}
.photos li { float: left; display: inline; margin-right: 9px; margin-bottom: 6px; }
.photos li.last { margin-right: 0;}
.photos li a img { border: 4px solid #ffffff; }
.photos li a:hover img { border: 4px solid #17cdc2; }

#container_video { width: 352px; height: 48px; margin-top:44px;}

.website_options { width: 100%; overflow: hidden; margin-bottom: 45px}
.website_options li { float: left; display: inline; margin-right: 26px; }
.website_options li.last { margin-right: 0;}
.website_options li a { height: 25px; text-indent: -9999px; display: block; background: transparent url(../images/btn/btn_website_options.gif) 0 0 no-repeat;}
#btn_email { width: 225px; background-position: 0 0;  }
#btn_email:hover { background-position: 0 -25px;  }
#btn_store { width: 100px; background-position: -254px 0;  }
#btn_store:hover { background-position: -254px -25px;  }

.social_networks { width: 810px; margin-top: 31px; float: left; display: inline; height: 40px; overflow: hidden; clear: both; background: transparent url(../images/btn/btn_social_networks.gif) 0 0 no-repeat;}
.social_networks li { float: left; display: inline; }
.social_networks li a { height: 41px; text-indent: -9999px; display: block; background: transparent url(../images/btn/btn_social_networks.gif) 0 0 no-repeat;}
#title { width: 217px; height: 41px; text-indent: -9999px;  }
#itunes { width: 159px; background-position: -217px 0;  }
#itunes:hover { background-position: -217px -41px;  }
#facebook { width: 146px; background-position: -376px 0;  }
#facebook:hover { background-position: -376px -41px;  }
#twitter { width: 132px; background-position: -522px 0;  }
#twitter:hover { background-position: -522px -41px;  }
#myspace { width: 156px; background-position: -654px 0;  }
#myspace:hover { background-position: -654px -41px;  }

.btn_email_small { width: 158px; height: 106px; padding: 30px 37px 0 37px; background: transparent url(../images/bg/bg_email_small.jpg) 0 0 no-repeat; margin-bottom: 20px; }
.btn_email_small li { font-size: 1.4em; margin-bottom: 17px; }
* html .btn_email_small li { font-size: 1.2em; }

.twitter_box { background: transparent url(../images/bg/bg_twitter.png) 0 0 repeat-y; width: 760px; height: 87px; margin-top: 24px; padding-left: 130px; padding-right: 30px;}
.twitter_box h2 { padding-top: 22px; font-weight: bold;}
.twitter_box h2 span { font-size: .725em;}

.enews_box { position: absolute; top:45px; left: 55px; z-index: 99; width: 350px; padding: 24px 30px 0 30px; height: 386px; border: 1px solid #555555; background: #000000; }
.enews_box a { float: right; display: inline; font-size: 1.1em; margin-top: 9px;}
.enews_box h2 { font-size: 2.4em; color: #ffffff;}
.email_header { width: 100%; overflow: hidden; padding-bottom: 14px; border-bottom: 4px solid #222222; margin-bottom: 24px;}

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

.icon_footer { float: left; display: inline; margin-top: 15px}
.copyright { width: 89%; float: right; display: inline; margin-top: 22px;}
.footer h2 { float: right; display: inline; margin-top: 0; width: 200px; height: 17px; }
.footer h2 img { width: 200px; height: 17px; }
.copyright p { font-size: 1.1em; margin: 0 0 4px 0; color: #000000; }
.copyright p span { background: #ffffff; padding-left: 4px;}
.copyright p.last { margin-bottom: 0; }