/* star(*) meaning universal sets all margins and padding to 0 */
*
{
    margin:0;
    padding:0;
    color:white;
}

html, body
{
    height:100%;
    width:100%;
    min-width:800px;
    min-height:600px;
	overflow:auto;
}

#main_body
{
    height:100%;
    width:100%;
}

/* Header Bar */
#header
{
    height:23%;
    width:100%;
    
}

#header_logo
{
    float:left;
    height:100%;
    width:100%;
}

div#header_logo img
{
    height:100%;
    width:100%;
    float:left;
}

/* Menu Bar */
#menu_bar
{
    height:7%;
    width:100%;
    background-image:url('../images/eocmenubg.jpg');
    background-repeat:repeat-x;
	min-height:42px;
}

div#menu_bar img
{
    float:left;
    height:100%;
    width:16.66%;
}

div#menu_items a
{
    background: none;
}

#menu_items
{
    background:none;
	width:98%;
	margin-left:1%;
}

#item1, #item2, #item3, #item4, #item5
{
    background:none;
    float:left;
    width:16%;
	margin-top:1%;
	text-align:center;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:black;
}
#item6
{
	background:none;
    float:left;
    width:16%;
	text-align:center;
	margin-top:1%;
}

/* Content */
#content
{
    height:68%;
    width:100%;  
	color:black;
	
}

#content iframe
{
	width:100%;
	height:100%;
}

/* Home Page */
#home_content
{
	height:96%;
	width:96%;
	margin-left:2%;
	padding-top:1%;
	color:black;
	overflow:auto;
background:url('../images/watermark.png') bottom right no-repeat;

}

#home_content a
{
	color:inherit;
}
/* Previous Work Partial */
#previous_content
{
	color:black;
	height:100%;
	width:100%;
background:none;
	overflow:auto;
float:left;
background:url('../images/watermark.png') bottom right no-repeat;

}

#boardwalk
{
	width:100%;
	height:30%;
background:none;
}
#bw_image
{
	float:left;
	width:25%;
	height:100%;
background:none;

}
#bw_image img
{
	height:100%;
	width:100%;
	background:none;
	border:none;

}
#bw_text
{
	width:75%;
	float:left;
	height:100%;
background:none;

}

#bw_text_link
{
	margin-top:2%;
	margin-left:2%;
	width:98%;
	height:20%;
	color:black;
background:none;

}

#bw_text_link a
{
	color:black;
background:none;

}

#bw_text_content
{
	margin-left:2%;
	width:98%;
	height:80%;
	color:black;
background:none;

}

#microbase
{
	width:100%;
	height:30%;
	float:left;
background:none;
}

#mb_image
{
	float:left;
	width:25%;
	height:100%;
	background:none;

}
#mb_image img
{
	height:100%;
	width:100%;
	float:left;
	background:none;
	border:none;

}
#mb_text
{
	width:75%;
	float:left;
	height:100%;
background:none;

}

#mb_text_link
{
	margin-top:2%;
	margin-left:2%;
	width:98%;
	height:20%;
	color:black;
background:none;

}

#mb_text_link a
{
	color:black;
background:none;

}

#mb_text_content
{
	margin-left:2%;
	width:98%;
	height:80%;
	color:black;
background:none;

}

#waterhouse
{
	width:100%;
	height:30%;
	background:none;
}

#wh_image
{
	float:left;
	width:25%;
	height:100%;
	background:none;

}
#wh_image img
{
	height:100%;
	width:100%;
	background:none;
	border:none;
}
#wh_text
{
	width:75%;
	float:left;
	height:100%;
background:none;

}

#wh_text_link
{
	margin-top:2%;
	margin-left:2%;
	width:98%;
	height:20%;
	color:black;
background:none;

}

#wh_text_link a
{
	color:black;
}

#wh_text_content
{
	margin-left:2%;
	width:98%;
	height:80%;
	color:black;
background:none;
}

h1
{
	color:black;
	font-family:"Century Gothic";
}