/*-----------------------------------
version:   LFOA v2.0
author:    dave panfili
email:     dave@db-elements.com
website:   http://www.lastframeofaction.com
--------------------------------------*/

/* =Browser Reset
--------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* =General
======================================*/
body {
	background:url(img/bg-image.jpg) no-repeat fixed top left;
	color:#b1b7cb; }
#wrapper {
	width:980px; height:auto; 
	margin: 0 auto; 
	position:relative; }
.imgL {
	float: left;
	padding-right: 5px; }
.imgR {
	float: right;
	padding-left: 5px; }
hr {
	color: #999; 
	clear: both;
	padding: 0;
	border: 2px dotted #999;
	border-right: 0; border-left: 0; border-top: 0; }

/* =Typography
======================================*/
* {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; behavior: url(iepngfix.htc);}
h1 {font-size: 140%; letter-spacing: -0.05em; line-height: 1.0;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
strong {font-weight: bold;}
.bold {font-weight: bold; color:#CCC;}
.italic {font-style: italic;}
.alarm {color:#FC0; font-weight: bold;}

/* =Links
======================================*/
a {
	text-decoration:none; }
a:link {
	color: #D8D096; }
a:visited {
	color: #D8D096; }
a:hover, a:focus, a:active {
	color: #CCC066;
	text-decoration:underline; }
a:visited:hover {
	color: #CCC066;
	text-decoration:underline; }

/* =Branding
======================================*/
#logo {
	position:absolute; 
	top:12px; left:12px; 
	width:151px; height:118px; }
#description {
	position:absolute;
	top:45px; left:177px;
	width:252px; height:69px;
	background-color:#717173;
	border-top-left-radius: 10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;
	border-top-right-radius: 10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;
	opacity: 0.5; filter: alpha(opacity=50);
	border-bottom:1px dotted black; }
#description h1 {
	text-indent: -3000px; }
#description img {
	opacity:1; filter: alpha(opacity=100); }

/* =Main Nav
======================================*/
#nav {
	position:absolute;
	top:0; right:0;
	width:490px; height:100px;}
#nav a {
	text-decoration:none;
	color:#8b8fa3;
	font-size:90%; }
ul#tallNav {
	list-style: none;
	margin: 0;
	padding: 0; }
#tallNav li {
	float: left;
	/*border: 1px solid #11186f;
	border-width: 0 0 0 1px;*/ }
.linklast {
	/*border: 1px solid #11186f;
	border-width: 0 1px 0 0;*/ }
#tallNav li a {
	line-height:2em;
	display:block;
	padding:70px 11px 0px 11px; }
#tallNav li a:hover {
	background: #11186f;
	color:#ccc; }


/* =Sub Nav
======================================*/
#sidebarBack {
	position:absolute; 
	top:140px; left:12px; 
	width:151px; height:440px;
	background-color:#01197e;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	opacity: 0.4; filter: alpha(opacity=40); }
#sidebar {
	position:absolute; 
	top:140px; left:12px; 
	width:151px; height:405px;
	padding:5px 0; }
#sidebar p {
	text-align:center;
	padding:5px;
	font-size:80%; }
#sidebar p span {
	font-size:80%; }
#sidebar h1 {
	color: #d2d2d2;
	font-size:110%;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.01em; }
#sidebar img {
	padding-top:1px; }


/* =Main Content
======================================*/
#contentBack {
	position:absolute;
	top:114px; left:177px;
	width:795px; height:440px;
	background-color:#717173;
    border-top-right-radius: 10px; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;
	border-bottom-right-radius: 10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;
	border-bottom-left-radius: 10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;
	opacity: 0.5; filter: alpha(opacity=50); }
	
    /* =Content (general) 
    _____________________ */	
#content {
	position:absolute;
	top:125px; left:187px;
	width:775px; height:420px; }
#content h1 {
	text-align:right;
	font-size:120%;
	color:#d2d2d2;
	padding-right:10px; padding-bottom: 10px;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.01em; }
#content p {
	text-align:left;
	color:#EBEEFA;
	font-size:90%;
	opacity:1.0; filter: alpha(opacity=100); 
	padding-bottom: 10px;}
#content img {
	float:left;
	padding-right:10px;
	opacity:1.0; filter: alpha(opacity=100); }
	
    /* =Content (home)
    _____________________ */
#contentMenuPic {
	position:absolute;
	top:125px; left:187px;
	width:775px; height:420px; }
#contentMenu {
	position:absolute;
	top:125px; left:625px;
	width:325px; height:420px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif; }
#contentMenu h1 {
	text-align:right;
	font-size:120%;
	color:#d2d2d2;
	padding-right:10px;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.01em; }
#wrapHome {
	position:absolute;
	top:125px; left:250px;
	width:285px; height:420px;
	text-align:center;
	overflow: hidden; }
#poster1, #poster2, #poster3, #poster4  {
	display:none; }
#poster1 p, #poster2 p, #poster3 p, #poster4 p {
	font-size:100%; text-align:center; width:414px; }
	
	/* =Content (descriptions)
    _____________________ */
#desc1, #desc2, #desc3, #desc4, #desc5 {
	display:none; }
.descContain {
	font-size:80%;
	font-family:Georgia, "Times New Roman", Times, serif; }
.descContain h2 {
	font-size:120%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#B3BDE6; }
.descContain #more1, .descContain #more2, .descContain #more3, .descContain #more4 {
	text-align:right; }
.subHead {
	font-weight:bold;
	color:#B5C4E3;
	font-size:110%;
	opacity:1.0; filter: alpha(opacity=100); }
	
	
    /* =Content (projects)
    _____________________ */
#wrapProjects {
	position:absolute;
	top:130px; left:190px;
	width:580px; height:410px;
	text-align:center;
	overflow: auto;
	font-size: 11px; }
#contentMenu2 {
	position:absolute;
	top:125px; left:800px;
	width:150px; height:420px;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif; }
#contentMenu2 h1 {
	text-align:right;
	font-size:120%;
	color:#d2d2d2;
	padding-right:10px;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.01em; }
#projects1, #projects2, #projects3, #projects4  {
	display:none;
	text-align: left; }
#projects1 img, #projects2 img, #projects3 img, #projects4 img  {
	float:left;
	padding-right: 5px; padding-bottom: 5px; }
#projects1 p, #projects2 p, #projects3 p, #projects4 p {
	color:#fff; }
#projects1 h1, #projects2 h1, #projects3 h1, #projects4 h1 {
	display:inline;}
#projects1 h2, #projects2 h2, #projects3 h2, #projects4 h2 {
	display:inline;
	font-size: 100%; 
	color:#9d9d9d;
	padding-left: 10px;}
	
	
	/* =Content (media)
    _____________________ */
#wrapVid {
	position:absolute;
	top:118px; left:187px;
	width:775px; height:420px; }
.centerVid {
	text-align:center;
	}
.centerVid h3 {
	text-align:right;
	font-size:120%;
	color:#d2d2d2;
	padding-right: 30px;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.01em;
	padding-bottom: 5px; }
	
	
    /* =Content (services)
    _____________________ */
#wrapServices {
	position:absolute;
	top:165px; left:190px;
	width:415px; height:340px;
	text-align:center;
	overflow: hidden;
	font-size: 11px; }
	

	/* =Content (links)
    _____________________ */
#linkSec1, #linkSec2, #linkSec3, #linkSec4 {
	display:none; }
#linkContent1, #linkContent2, #linkContent3, #linkContent4 {
	position:absolute;
	top:125px; left:187px;
	width:400px; height:420px;
	display:none;
	text-align:left; }
#linkContent1 p, #linkContent2 p, #linkContent3 p, #linkContent4 p {
	color:#fff;
	font-size:80%; }
	
	
	/* =Content (contact)
    _____________________ */
#wrapContact {
	position:absolute;
	top:125px; left:187px;
	width:775px; height:420px;
	text-align:left; }
.contact {
	width: 50%; 
	float: left;
	display: inline; }
.contact p {
	color: #fff; 
	padding-bottom: 10px;
	font-size: 80%; }
.contact h1 {
	font-size: 120%; }
.contact h3 {
	text-align:left;
	font-size:110%;
	color:#d2d2d2;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.01em;
	padding-bottom: 5px; }
	

/* =Secondary Content
======================================*/
.gray {
	color:#9d9d9d;
	font-size:90%;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:0.01em; }


/* =Footer
======================================*/
#footer {
	position:absolute;
	top:580px; left:12px;
	width:960px; height:auto; }
#footer p {
	font-size:70%;
	text-align:right; }
#footer img {
	vertical-align:-12px; }


/* =Forms
======================================*/
form {
    font-size: 80%;
    width: 90%; }
fieldset {
	margin: 5px 0; padding: 10px;
	border : 1px solid #ccc; }
legend {
	font-weight: bold; }
form div {
	padding: 0.4em 0; }
label {
	display: block; }
label .required {
	font-size: 70%;
	color:#F30; }
input {
	width: 20em; }
textarea {
	width: 100%;
	height: 100%; }
input.radio, input.submit {
	width: auto; }
input[type="text"]:focus, textarea:focus {
	background: #ffc; }
.submit {
	text-align: center; }

/* =Accordian menu
_____________________ */
.arrowlistmenu { /*width of accordion menu*/
	width:151px; }
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
    list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ }
.arrowlistmenu ul li {
	padding-bottom: 0px; /*bottom spacing between menu items*/ }
.arrowlistmenu ul li a {
	color: #8b8fa3;
	background: url(img/play-button.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 10px 0;
	padding-left: 24px; /*link text is indented 19px*/
	text-decoration: none;
	border-bottom: 1px solid #666;
	font-size: 80%; }
.arrowlistmenu ul li a:visited {
	color: #8b8fa3; }
.arrowlistmenu ul li a:hover { /*hover state CSS*/
    color: #334499;
	background-color: #CCC;
	text-decoration:underline; }