/* -----------------------------------------------------------------------
	Client:		Moose Productions
	Title:		Stylesheet for screen media
	Author:		Jason Garber, jason@sixtwothree.org
	Copyright:	Moose Productions, http://www.moose3.com
	Created:	11 July 2006
------------------------------------------------------------------------- */


/* ----- General styles ------------------------------------------------- */
* { margin: 0; padding: 0; }

body {
	padding: 20px 0;
	font-family: Verdana, Arial, Helvetica;
	font-size: 62.5%;
	text-align: center;
	color: #999999;
	background: black url("../images/layout/body-bg.gif") repeat 0 0;
	}

a img { border: 0; }
hr { display: none; }
.center { text-align: center; }
.align { text-align: right; }

/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/

/* ----- Layout --------------------------------------------------------- */
div#wrap {
	position: relative;
	width: 766px;
	margin: 0 auto;
	text-align: left;
	}

div#branding { margin-bottom: 10px; }
div#branding img { behavior: url('png/png.htc'); width: 217px; height: 82px; }

div#outer-content-wrap {
	margin: 0 45px;
	background: url("../images/layout/outer-content-wrap-bg.gif") repeat-y 0 0;
	}

div#inner-content-wrap {
	min-height: 536px;
	_height: 536px;
	background: url("../images/layout/inner-content-wrap-bg.gif") no-repeat 0 0;
	}

div#page-header {
	height: 80px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

body.projects div#page-header { background-image: url("../images/headers/projects.gif"); }
body.portfolio div#page-header { background-image: url("../images/headers/portfolio.gif"); }
body.services div#page-header { background-image: url("../images/headers/services.gif"); }
body.team div#page-header { background-image: url("../images/headers/team.gif"); }

div#page-header h1 {
	padding: 24px 0 0 30px;
	font-size: 2.4em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	color: #c9c9c9;
	}

div#content {
	clear: both;
	padding: 30px 40px 0 40px;
	color: #cccccc;
	}

body.projects div#content, body.team div#content { _padding-top: 10px; }

.floatLeft {
	float: left;
	}

img.floatLeft {
	padding: 10px 15px 10px 0;
	}

.floatRight {
	float: right;
	}

.alignRight {
	text-align: right;
	padding: 0 0 10px 15px;
	
	}

img.floatRight {
	padding: 0 0 10px 15px;
	}


div#content div.inset {
	display: inline;
	float: right;
	margin: 0 0 20px 20px;
	}

div#content div.inset img.png { behavior: url('png/png.htc'); }
img#pic-daphna { width: 299px; height: 328px; }
img#pic-services { width: 300px; height: 194px; }

div#content h2 {
	margin-bottom: 0.75em;
	font-size: 1.6em;
	font-weight: bold;
	color: #dddddd;
	}

div#content h2 span {
	font-size: 0.7em;
	font-weight: normal;
	text-transform: uppercase;
	}

div#content h3 {
	margin-bottom: 0.75em;
	font-size: 1em;
	font-weight: bold;
	color: #99ccff;
	}

div#content p {
	padding-bottom: 1.5em;
	line-height: 1.3em;
	}

div#content p.portfolio-meta em { font-style: normal; color: #99ccff; }

div#content a { text-decoration: none; color: #ff9900; }
div#content a:hover { text-decoration: underline; color:#ffcc00; }

div#footer {
	height: 64px;
	margin: 0 45px;
	padding: 0 28px;
	font-size: 1em;
	color:#999999;
	background: url("../images/layout/footer-bg.gif") no-repeat 0 0;
	}

div#footer ul { list-style: none; }
div#footer ul li { float: left; margin: 0 14px 0 0; }
div#footer ul li p { margin-top: 16px; }
div#footer a { text-decoration: none; color: #ff9900; }
div#footer a:hover { text-decoration: underline; color: #ffcc00; }


/* ----- Homepage layout ------------------------------------------------ */
body.home div#inner-content-wrap { padding: 0 40px; }

div#home-push-wrap {
	display: inline;
	float: right;
	width: 406px;
	margin-bottom: 20px;
	margin-left: 20px;
	color: #cacaca;
	background: url("../images/layout/home-push-wrap-bg.jpg") no-repeat 0 40px;
	}

div#home-push-wrap ul { margin-top: 40px; list-style: none; }
div#home-push-wrap ul li { height: 88px; padding: 16px 0 0 16px; }
div#home-push-wrap ul li h2 { margin-bottom: 0.1em; font-size: 2em; font-weight: bold; text-transform: uppercase; }
div#home-push-wrap ul li p { padding-right: 180px; line-height: 1.4em; }
div#home-push-wrap ul li a { text-decoration: none; color: #ff9900; }
div#home-push-wrap ul li a:hover { text-decoration: underline; color: #ffcc00; }

div#about-wrap p { margin-bottom: 1.6em; color: #cccccc; }

div#news-wrap { padding-top: 40px; }
div#news-wrap h2 { margin-bottom: 1em; font-size: 1em; font-weight: bold; text-transform: uppercase; color: #99ccff; }
div#news-wrap h2 a {  text-decoration: none; color: #99ccff;  }
div#news-wrap h2 a:hover { text-decoration: underline; color: #99ccff; }
div#news-wrap ul { list-style: none; }
div#news-wrap ul li { padding-bottom: 2em; line-height: 1.3em; }
div#news-wrap ul li h3 { font-size: 1em; font-weight: normal; text-transform: uppercase; color: #dddddd; }
div#news-wrap ul li h3 em { font-style: normal; color: #99ccff; }
div#news-wrap ul li a { text-decoration: none; color: #ff9900; }
div#news-wrap ul li a:hover { text-decoration: underline; color: #ffcc00; }


/* ----- Navigation ----------------------------------------------------- */
ul#nav {
	position: absolute;
	left: 254px;
	top: 60px;
	list-style: none;
	}

ul#nav li { float: left; }

ul#nav li a {
	display: block;
	height: 9px;
	margin-right: 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
	}

ul#nav li a:hover, ul#nav li a.current { background-position: 0 -9px; }

a#n-home { width: 33px; background-image: url("../images/nav/home.gif"); }
a#n-projects { width: 119px; background-image: url("../images/nav/projects.gif"); }
a#n-portfolio { width: 63px; background-image: url("../images/nav/portfolio.gif"); }
a#n-services { width: 55px; background-image: url("../images/nav/services.gif"); }
a#n-team { width: 107px; background-image: url("../images/nav/team.gif"); }

ul#nav-secondary { margin-top: 6px; margin-left: 30px; list-style: none; }
ul#nav-secondary li { float: left; margin-right: 12px; font-size: 1.2em; text-transform: uppercase; font-weight:bold; }
ul#nav-secondary li a { text-decoration: none; color: #ff9900; }
ul#nav-secondary li a:hover { text-decoration: none; color: #ffcc00; }

ul#nav-tertiary { margin: 10px 0 0 34px; padding: 0; list-style: none; }
ul#nav-tertiary li { float: left; border-bottom: 1px solid #111111; padding: 5px 14px 5px 8px; background: #1f1f1f; }
ul#nav-tertiary li a { padding-left: 12px; text-decoration: none; color: #ff9900; background: url("../images/box-white.gif") no-repeat 0 50%; }
ul#nav-tertiary li a:hover { text-decoration: underline; color: #ffcc00; }
ul#nav-tertiary li a.current { background: url("../images/box-yellow.gif") no-repeat 0 50%; }