/*

Title: ib web site  
Version: 2.0
Author: Derrick N. Ramos Sr.
Author URI: http://derrickramos.com


TABLE OF CONTENTS

01 - Reset
02 - all pages
03 - header styles
04 - nav
05 - sidebar
06 - form
07 - main content
08 - footer

*/

/*//////////////////////////////////////////////////////////////////////////
01 - RESET	RESET	RESET	RESET	RESET	RESET	RESET	RESET	RESET
//////////////////////////////////////////////////////////////////////////*/

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, 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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, 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: "" "";
}

/*//////////////////////////////////////////////////////////////////////
02 - all pages
//////////////////////////////////////////////////////////////////////*/
body{
	background-image:url(images/bodyback.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-size:9pt;
	font-family:verdana,arial,helvetica,sans-sarif;
	background-color:#ff9933;
	color:#333333;
}

#container{
	width:960px;
	margin:0 auto;
	background-color:#ffffff;
	background-image: url(images/sidebar.gif);
	background-repeat:repeat-y;
	border:solid 1px #000000;
}

h2{
	font-family:verdana,arial,helvetica,sans-sarif;
	font-size:22pt;
	padding:10px;	
}

h3{
	font-family:verdana,arial,helvetica,sans-sarif;
	font-size:15pt;
	padding:5px;
	color:#666666;
}

strong{
	font-weight:bold;
}

.clear{
	clear:both;
}

span{
	display:none;
}

/*////////////////////////////////////////////////////////////////////////////
03 - header styles
///////////////////////////////////////////////////////////////////////////*/

#header {
	width:960px;
	height:200px;
	background-image: url(images/ibheader.gif);
}

#dpier #header{
	background-image: url(images/pierheader.gif);
}

#dpierplaza #header{
	background-image: url(images/plazaheader.gif);
}

/*/////////////////////////////////////////////////////////////////////////////
04 - nav
//////////////////////////////////////////////////////////////////////////////*/

#nav{
	width:960px;
	height:38px;
	background-image:url(images/navback.gif);
}

#nav ul li {
	display: inline;
	float:left;
	width:120px;
	background-image:url(images/bottonsprits/button.gif);
}

/*////////////////////////////////
drop-down nav
/////////////////////////////////*/

#nav ul li ul{
	width:120px;
	position: absolute;
	left: -999em;
}

#nav li:hover ul{
	left: auto;
}


/*/////////////////
nav buttons
/////////////////*/

/*native state*/
#nav ul li a {
	display:block;
	height:19px;
	outline:none;
	text-decoration:none;
	color:#cccccc;
	font-size:13pt;
	text-align: center;
	padding: 10px 0 10px 0;
	background-color:#86929e;
	background-image:url(images/bottonsprits/button.png);
}

/*left blank*/
#nav #nleftblank a:active{
	background-position:0px 0px;	
}

/*hover*/
#nav ul li a:hover {
	color:#ffffff;
}

/*on click*/
#nav ul li a:active {
	color:#ffffff;
	background-position:0px -39px;
}

/*on page*/
#nav ul li.current a{
	color:#ffffff;
	background-color:#666666;
	background-position:0px -39px;
}

/*right blank*/
#nav #nrightblank a:active{
	background-position:0px 0px;
}

/*///////////////////////////
drop-down buttons
////////////////////////////*/

/*if title is to big*/
#nav ul ul li.big a {
	font-size:10pt;
}

/*/////////////////
.current fix
//////////////////*/

/*sub native*/
#nav ul li.current ul li a{
	background-position:0px 0px;
	color:#cccccc;
	background-color:#86929e;
}

/*sub hover*/
#nav ul li.current ul li a:hover{
	background-position:0px 0px;
	color:#ffffff;
}

/*sub active*/
#nav ul li.current ul li a:active{
	background-position:0px -39px;
	color:#ffffff;
}

/*///////////////////////////////////////////////////////////////////////////////
05 - sidebar
///////////////////////////////////////////////////////////////////////////////*/

#sidebar{
	width:240px;
	float: left;
	padding:0 0 0 50px;
}

#sidebar h3 {
	padding:20px 0 0 0;
	line-height: 25px;
}

#sidebar ul{
	padding:20px 0 0 25px;
}

#sidebar ul li {
	list-style-type:none;
	line-height: 24px;
}

#sidebar ul li a:link{
	color:#526989;
}

#sidebar ul li a:hover{
	color:#F39D4C;
}

/*//////////////////////////////////////////////////////////////////////////////
06 - form
//////////////////////////////////////////////////////////////////////////////*/

#form{
	min-height:475px;
}

#form body {
	line-height: 1;
}

#form ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


#form h2{
	text-align:center;
}

#formtable {
	width:500px;
	margin:50px;
}

.left{
	width:200px;
	text-align:right;
}
.right{
	width:300px;
	text-align:left;
}
.left, .right{
	padding:2px;
}
.lefttop{
	width:200px;
	text-align:right;
	vertical-align:top;	
}

/*//////////////////////////////////////////////////////////////////////////////
07 - main content
//////////////////////////////////////////////////////////////////////////////*/

#main {
	margin:0 0 0 280px;
	padding: 25px 25px 25px 15px;
	min-height:475px;
}

#main h2 {
	padding:0 0 15px 0;
	margin:0 0px 0 0;
}

.mainpic{
	float:left;
	margin:0 5px 0px 0;
}

.mainpic2{
	
	float:left;
	margin:0 5px 0 0;
}

#main p{
	line-height: 20px;
	padding:0 0 5px 0;
}

/*pier main*/

#dpier .mainpic{
	float:left;
	margin:0 5px 0 0;
}

#dpier .mainpic2{
	clear:left;
	float:left;
	margin:0 5px 0 0;
}

/*food main*/

#dfood .mainpic{
	float:left;
	margin:0 5px 0px 0;
}

/*filmed main*/

#dfilmed .mainpic{
	float:left;
	margin:0 5px 0px 0;
}

#dfilmed .mainpic2{
	float:left;
	clear:right;
	margin:0px 5px 0 0;
}

/*///////////////////////
sub-pages
////////////////////////*/

/*john main*/
#djohn #container{
	background-color:#333333;
}

#djohn h2{
	color:#666666;
	text-align:center;
	padding:20px 0;
}

#djohn #main .clip{
	padding:20px 50px 50px 100px;
}

#djohn #main a:link,
#djohn #main a:visited{
	color:#F39D4C;
}

/*lords main*/
#dlords #container{
	background-color:#333333;
}

#dlords h2{
	color:#666666;
	text-align:center;
	padding:20px 0;
}

#dlords #main .clip{
	padding:50px 50px 50px 100px;
}

#dlords #main a:link,
#dlords #main a:visited{
	color:#F39D4C;
}

/*filmfest main*/
#dfilmfest #container{
	background-color:#333333;
}

#dfilmfest #main .clip{
	padding:20px 50px 50px 100px;
}

#dfilmfest #main a:link,
#dfilmfest #main a:visited{
	color:#F39D4C;
}

/*///////////////////////////////////////////////////////////////////////////////
08 - footer
//////////////////////////////////////////////////////////////////////////////*/

#footer{
	clear:left;
	height:22px;
	padding:40px 10px 0 0;
	width:950px;
	background-image:url(images/footer.png);
	text-align:right;
	font-size:8pt;
}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color:#ffffff;
	text-decoration:none;
}