/* ====== GLOBAL CSS DOC ======= */

/* Global Resets
------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
fieldset, form, label, legend, input, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
body        { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5; }
body 		{ font-size:75% } /* IE */
html > body { font-size:12px; } /* Other Browsers */
body        { color:#333; background:#fff /* url(../../Assets/Images/pg-bk.jpg) repeat-x;*/ }

table { border-collapse:collapse; border:0; }
p     { font-family:Verdana, Arial, Helvetica, sans-serif; }
.c    { clear:both; }
img   { border:0; }
ul    { list-style-image:url(../../Assets/Images/btn-li.gif); }
ul li { padding:0 0 2px 0; margin:0 0 4px 0; }
.ul-main ul    { list-style-image:url(../../Assets/Images/btn-li.gif);font-size:9px; }

h1, h2, h3, h4, h5, h6    { font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; }
a:active,a:visited,a:link { font-family:Verdana, Arial, Helvetica, sans-serif; color:#8cc640; text-decoration:none; }
a:hover                   { text-decoration:underline; }

/* Structure
------------------------------------------- */
#wrap         { width:880px; margin:0 auto; }
#client-login { width:100%; height:40px; background:url(../../Assets/Images/client-login-bk.gif) repeat-x; text-align:right; }

/* Client Login DIV
------------------------------------------- */
#client-login label  { padding:0 20px 0 10px; border:1px solid yellow; }
#client-login input  { width:137px; height:25px; background:url(../../Assets/Images/cl-input.gif) no-repeat; border:1px solid pink; }
#client-login button { width:59px; height:25px; background:url(../../Assets/Images/cl-button.gif) no-repeat; margin:5px 20px 0 0; border: 1px solid red; }

/* Top (Logo & Client Login Button)
------------------------------------------- */
#top           { width:750px; height:80px; float:right; }
#top div a img { float:right; }
#logo a        { width:355px; height:52px; margin:20px 0; display:block; float:left; background:url(../../Assets/Images/life-productions-logo.png) no-repeat; position:absolute; z-index:0; text-indent:-9999px; }
#crumbs        { float:right; padding-top:40px; text-align:right; }

/* Main Navigation
------------------------------------------- */
#nav                { width:130px; float:left; background:url(../../Assets/Images/sidebar-bk.gif) repeat-y; margin:10px 0 0 0; }
div#nav span.top    { height:10px; display:block; background:url(../../Assets/Images/sidebar-top.gif) no-repeat; margin:0; }
div#nav span.bottom { height:10px; display:block; background:url(../../Assets/Images/sidebar-btm.gif) no-repeat; margin:0; }

div#nav h4       { width:130px; height:35px; background:url(../../Assets/Images/btn-green.gif) no-repeat right; padding:0 0 2px 0; }
div#nav h4:hover { background:url(../../Assets/Images/btn-dk-grey.gif) no-repeat right; }
div#nav h4 a     { display:block; width:110px; height:25px; font-size:14px; color:#fff; padding:8px 0 0 5px; margin-left:10px; }

div#nav h5       { width:130px; height:35px; background:url(../../Assets/Images/btn-lt-grey.gif) no-repeat right; padding:0 0 2px 0; }
div#nav h5:hover { background:url(../../Assets/Images/btn-dk-grey.gif) no-repeat right; }
div#nav h5 a     { display:block; width:110px; height:25px; font-size:14px; color:#fff; padding:8px 0 0 5px; margin-left:10px; }

div#nav h4 a:hover, div#nav h5 a:hover { text-decoration:none; }

/* Content
------------------------------------------- */
#content               { width:740px; float:left; background:#fff url(../../Assets/Images/content-bk.png) no-repeat; padding:10px 0 10px 10px; }
#subcontent            { width:100%; float:right; }
#subcontent h1,h2,h3   { font-family:"Lucida Grande","Lucida Sans",Geneva,Verdana,sans-serif; }
#subcontent h1         { font-size:16px; color:#8cc640; padding-bottom:5px; margin-bottom:5px; }
#subcontent h2         { font-size:14px; font-weight:bold; border-bottom:1px solid #ececec; margin:0 10px 10px 0; }
#subcontent p          { padding:0 0 15px 0; margin:0 10px 0 0; }
blockquote             { background:#f3fbea; margin:0 10px 10px 0; padding:10px; font-size:11px; }
blockquote h1          { padding:10px 10px 0 10px; font-weight:bold; }
blockquote p           { padding:10px; font-size:11px; }
blockquote span.bottom { height:5px; display:block; background:url(../../Assets/Images/infobar-160-btm.gif) no-repeat bottom;}
.tagline               { font-weight:bold; color:#8cc640; }

 
/* SPECIFIC :: Portfolio Pages
------------------------------------------- */
.moviequotecontainer,
.moviequotecontainerlarge { display:block; width:365px; float:right; background:#fff; }
.movie                    { padding:10px; margin:0 10px 10px 13px; background:#f3fbea; border:1px solid #ececec; }
.moviequotecontainerlarge { width:430px; }
.quote                    { width:320px; margin:0 10px 0 15px; padding:10px; background:#ececec; border:1px solid #ddd; }
p.quotetext               { font-style:italic; color:#8cc640; font-size:11px; text-align:left; } 
p.quoteauth               { padding:0 0 0 15px; }

.videogrid                { padding:0 0 15px 0; }
.videocontainer           { display:block; float:left; margin:50px 0 20px 20px; }
.videocontainer2           { display:block; float:left; margin:70px 0 20px 20px; }
div.videocontainer a img  { padding:3px; border:1px solid #ececec; }
div.videocontainer a:hover img { background:#f3fbea; border:1px solid #009900; }
div.videocontainer h3 a   { font-weight:bold; padding:0 0 0 4px; }
div.videocontainer h4     { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 0 0 4px; margin:0; }

.overviewdesc     { margin:0 0 20px 0; }
.overviewdesc img { float:left; padding:3px; margin:0 10px 0 0; border:1px solid #ececec; }

/* SPECIFIC :: About
------------------------------------------- */
.staffinfo        { margin:0 0 20px 0; }
div.staffinfo img { float:left; margin:0 20px 0 0; padding:3px; border:1px solid #ececec; }
div.staffinfo h1  { font-size:16px; color:#8cc640; padding:10px 0 5px 0; margin-bottom:5px; }
div.staffinfo p   { margin:0 10px 0 0; }

/* Footer
------------------------------------------- */
#footer                { width:100%; background:#807d83 url(../../Assets/Images/footer-bk.gif) repeat-x top; padding:10px 0 0 0; }
#footercontainer       { width:880px; margin:0 auto; }
#footercontent         { width:740px; float:right;}
div.socialContent	   { padding-right:20px; width:10%;margin-top:100px;}
#bottomnav             { width:60%; float:left; padding:35px 0 0 0;}
#bottomnav a:active, 
  #bottomnav a:visited, 
  #bottomnav a:link    { color:#fff; text-decoration:none; padding:3px; }
#bottomnav a:hover     { text-decoration:underline;}
#awards                { width:30%; float:left; text-align:right;margin-left:-20px; }
#awards img            { padding:12px 0 15px 15px;margin-right:-20px; }
.copyright             { color:#444; padding:15px -20 0 20; font-size:10px;margin-right:-30px;}