/* shw_global.css (c)2007 SugarHill Works LLC - http://www.sugarhillworks.com */

* {
	margin: 0px;
	padding: 0px;
	font-family: helvetica neue, helvetica, arial, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
	outline: none;
	border: none;
}

* html {
	
}

div { border: none; }
p { border: none; }


a { color: #AAA; cursor: pointer; }
a:hover { color: #DDD; }
a:visited { color: #AAA; }
a:active { color: #DDD; }
a[href="#"] { cursor: pointer; }

body {
	background: #111;
	color: #AAA;
}
/* ---------------- main container ---------------- */
#ceibw { 
	position: relative;
	margin: 25px auto 0px auto;
	width: 818px; /*NOTE: ceibw width gets overwritten by siteSettings.js */
	height: 600px; /*NOTE: ceibw height gets overwritten by siteSettings.js */
	overflow: visible;
	z-index: 100;
}

/* ----------------- name & menu info ------------------- */
#hdr { 
	position: relative;
	top: 0px;
	width: 100%;
	height: 55px;
	margin: 0px auto;
	z-index: 500;
}

#hdr_p { 
	float: left;
	width: 500px;
	height: 55px;
	margin: 0px 0px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	overflow: hidden;
	z-index: 410;
}
#hdr_p a {
	display: block;
	height: 55px;
	width: 500px;
	overflow: hidden;
}

/* ---------------- main image goes here ------------------ */
#main_div { 
	position: relative;
	top: 15px;
	width: 100%;
	height: 525px; /*NOTE: main_div height gets overwritten by siteSettings.js */
	z-index: 200;
	/*background: url(img/ldg.gif) center no-repeat;*/
}

#main_p { 
	position: absolute;
	width: 100%;
	height: auto;
	text-align: left;
	margin: 0 auto;
	z-index: 210;
}
#main_div #main_p.pImg {
	visibility: hidden;
}
#main_div #main_p.pImg img {
	visibility: hidden;
}

/* ----------------- films page ------------------ */
#vidPlayer { 
	position: absolute;
	top: 25px;
	left: 0px;
	width: 600px;
	height: 400px;
	z-index: 230;	
}

#vidThumbs { 
	position: absolute;
	top: 0px;
	right: 0px;
	width: 200px;
	height: auto;
	min-height: 525px;
	text-align: center;
	z-index: 220;
}

#vidThumbs img {
	margin: 25px auto 10px auto;
}
#vidThumbs p {
	margin: 0px 10px 20px 10px;
	text-align: center;
}

/* --------------- contact page --------------- */
#contact #main_div {
	border-top: #111111 solid 1px;
}
#main_div #cntc_L, #main_div #cntc_R {
	background-color: #212121;
	width: 48%;
	height: 95%;
	margin-bottom: 25px;
	border-bottom: #212121 solid 4px;
}
#main_div #cntc_L {
	float: left;
	border-left: #111111 solid 1px;
	border-right: #212121 solid 6px;
}
#main_div #cntc_R {
	float: right;
	border-left: #212121 solid 6px;
	border-right: #111111 solid 1px;
}
#main_div #cntc_R p {
	margin: 175px 25px 25px 25px;
	text-align: left;
	font-size: 11px;
}
#main_div #cntc_R a {
	font-size: 11px;
}

/* ----------------- encloses all nav info ----------------- */
#ftr {
	position: relative;
	float: right;
	top: 0px;
	width: 300px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	overflow: hidden;
	z-index: 300;
}

/* ---------------- now showing portfolio name & home link ------------------ */
#mainNav_div { 
	position: absolute;
	top: 0px;
	right: 80px;
	width: auto;
	height: 20px;
	z-index: 320;
}

#mainNav_div .portfolioTitle {
	position: relative;
	top: 4px;
	width: auto;
	height: 20px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	text-align: right;
	display: inline;
}

/* ---------------- now showing image number ------------ */
#mainNav_div .navnums {
	position: relative;
	top: 4px;
	width: auto;
	height: 20px;
	text-align: right;
	display: inline;
}

/* ----------------- next/back arrows ----------------- */
#arwL_div { 
	position: absolute;
	top: 0px;
	right: 35px;
	height: 20px;
	overflow: hidden;
	z-index: 510;
}
#arwR_div { 
	position: absolute;
	top: 0px;
	right: 0px;
	height: 20px;
	overflow: hidden;
	z-index: 510;
}

/* ---------------- clear floats (generic clear element) ---------------- */
.clr {
	clear: both;
	height: 1px;
	width: 100%;
	overflow: hidden;
    font-size: 1px;
    line-height: 0px;
}

/* ---------------- copyright info ----------------- */
#copy {
	position: relative;
	bottom: 0px;
	width: 80%;
	height: 18px;
	margin: 0px 10%;
	text-align: center;
	color: #555;
	z-index: 0;
}
* html #copy {
	position: absolute;
	bottom: 0px;
}

#copy.credits span, #copy.credits a  {
	font-size: 9px;
}

#copy p { 
	position: relative;
	bottom: 0px;
	width: 600px;
	height: 18px;
	margin: 0px auto;
	text-align: center;
	color: #555;
	z-index: 0;
}
#copy p span {
	font-size: 9px;
}
#copy p a {
	color: #555;
	font-style: normal;
	font-size: 9px;
}
#copy p a:hover { color: #DDD; }

/* ---------------- SHW webmark ------------------ */
#shwFtr {
	position: absolute;
	right: 10px; /*position gets overwritten by siteSettings make_shwFtr function*/
	bottom: 5px;
	height: 16px;
	width: 22px;
	text-align: center;
	font-size: 9px;
	overflow: hidden;
	color: #555;
	z-index: 0;
}
#shwFtr a img {
	padding: 0px 0px;
	border: none;
}