@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/back2.png);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#mainContent {
	width: 900px;
	height: 200px;
	margin: 0px auto 0px auto;
	font-size: 100%;
}
#main {width: 900px; height: 200px; filter:alpha(opacity=0);opacity:0;}
#whitewash {
	width: 900px;
	height: 160px;
	margin: 0px auto 0px auto;
	position: fixed;
	display: block;
	background: url(images/whitewash.png);
}
#title {background:url(images/eddiebragin_title.png);width: 400px; height: 126px; float: left; margin-left: 235px;}
#title_anim {width: 400px; height: 126px; background: transparent url(images/eddiebragin_title_anim.png) top left no-repeat; position: absolute;}
/*---------------title end-----------------*/
#blackbar {width: 760px; height: 83px; margin: 145px auto 0px 55px;}
#greybar {width: 760px; height: 83px; background:url(images/bar.png);}
#holder1 {width: 149px; height: 166px; margin-left: 150px} /* -------------------Portfolio_button-------------- */
.rollover1 a{display: block; text-indent: -9999px; margin: auto auto auto auto; cursor: pointer; outline: transparent solid 0px;}
#portfolio a{height: 83px; width: 149px; background: url(images/portfolio_img.png) no-repeat left top;} 
#portfolio a:hover{background-position: left -83px;}/* --------------------------------- */
#holder2 {width: 121px; height: 166px; margin-left: 280px; margin-top: -166px;} /* -------------------About_button-------------- */
#about a{height: 83px; width: 121px; background: url(images/about_img.png) no-repeat left top;} 
#about a:hover{background-position: left -83px;}/* --------------------------------- */
#holder3 {width: 96px; height: 166px; margin-left: 405px; margin-top: -166px;} /* -------------------Blog_button-------------- */
#blog a{height: 83px; width: 96px; background: url(images/blog_img.png) no-repeat left top;} 
#blog a:hover{background-position: left -83px;}/* --------------------------------- */
#holder4 {width: 108px; height: 166px; margin-left: 520px; margin-top: -166px;} /* -------------------Blog_button-------------- */
#home a{height: 83px; width: 108px; background: url(images/home_img.png) no-repeat left top;} 
#home a:hover{background-position: left -83px;}/* --------------------------------- */
/* --------------slider_section------------------- */
#page1 {background:url(images/brick.png); width: 1200px; height: 650px; margin: 0px auto 0px auto;}
#brick {width: 1200px; height: 550px; padding-left: 225px; padding-top: 70px;}
#slider {position:relative; background:url(images/gallery1/loading.gif)) no-repeat 50% 50%;}
#slider img {position:absolute;	top:0px;left:0px;display:none;}
#slider a{display:block;}
/*-----------START OF CONTACT------------*/
#sliderWrap {margin-left: 110px;width: 295px;position: fixed;display: block;margin-top: 200px;}
#slider2 {position: absolute;background-image: url(images/box_contact.png);background-repeat:no-repeat;background-position: bottom;width: 295px;height: 217px;margin-left: -340px;}
#slider2 img {border: 0;cursor: pointer;}
#sliderContent {margin: 50px 0 0 50px; position: absolute; text-align:left; color:#333333; padding: 10px; font-style: normal; font-family: futura, "Futura Medium"; font-size: 10px;} 
#header {margin: 0 auto;width: 600px;background-color: #F0F0F0;height: 200px;padding: 10px;}
#openCloseWrap {position:absolute;margin: 75px 0 0 240px;font-size:12px;font-weight:bold;}