@charset "utf-8";
/* Style CSS */

/***************************************** Reset *****************************************/

* {
	margin:0;
	padding: 0;
	text-decoration: none;
  }
  
 /***************************************** Container *****************************************/  
  
#container
{
	/*fixes width & centres content in browser window*/
	position:relative;
	margin: 0px auto 0px auto;
	width: 100%;
	height: auto;
	text-align: left;
/*	background-image: url(../images/eb_bg.jpg);
	background-repeat: no-repeat;*/
	
	/*Hack to stop the container collapsing*/
	border:1px solid hidden;
}



/*****************************************Background Layout *****************************************/
#bg
{
	position: relative;
	width: 1200px;
	height: 875px;
	background-image: url(../images/eb_bg.jpg);
	background-repeat: no-repeat;
	margin: 0 auto 0 auto;
	z-index: 1;
}

/***************************************** Landing Page Layout *****************************************/

#landing_image
{
	position: relative;
    width: 1200px;
    margin: 0px auto 0px auto;
    height: 883px;
    background-image: url(../images/landing_image.jpg);
	clear: both;
	z-index: 1;
}

#landing_footer
{
	position: relative;
	width: 100%;
	height: 17px;
	margin: 0 auto 0 auto;
	clear: both;
}

#landing_footer_pink
{
	position: relative;
	float: left;
	width: 38.5%;
	height: 17px;
	background-image: url(../images/footer_pink.jpg);
	background-repeat: repeat-x;	
}

#landing_footer_white
{
	position: relative;
	float: right;
	width: 61.5%;
	height: 17px;
	background-image: url(../images/footer_white.jpg);
	background-repeat: repeat-x;	
}

#landing_enter
{
	position: absolute;
	left: 50%;
	margin-left: -75px;
	width: 150px;
	height: 40px;
	bottom: 175px;
	z-index: 100;
}

/***************************************** Home Page Layout*****************************************/

#home_main_image
{
	position: relative;
	float: right;
	background-image: url(../images/home_main_image.jpg);
	width: 600px;
	height: 423px;
}

#side_content
{
	position: relative;
	float: left;
	width: 280px;
	height: 427px;
	clear: left;
	top: 50px;
}

#home_magazine_cover
{
	position: relative;
	text-align: left;
	margin-bottom: 25px;
	margin-top: 5px;
	background-image: url(../images/home_magazine_cover.jpg);
	width: 218px;
	height: 285px;
}

#order_button
{
	position: relative;
	text-align: left;
	width: 216px;
	height: 48px;
}


#home_bottom_images
{
	position: relative;
	float: right;
	margin: 55px 20px 0 auto;
	background-image: url(../images/home_bottom_images.jpg);
	width: 566px;
	height: 273px;
	clear:right;
}


/***************************************** Ads Page Layout*****************************************/

#ads_main_image
{
	position: relative;
	float: right;
	background-image: url(../images/ads_main_image.jpg);
	width: 600px;
	height: 415px;
}

#ads_bottom_images
{
	position: relative;
	float: right;
	margin-top: 48px;
	background-image: url(../images/ads_bottom_images.jpg);
	width: 601px;
	height: 227px;
}

/***************************************** About Page Layout*****************************************/

#about_main_image
{
	position: relative;
	float: right;
	background-image: url(../images/about_main_image.jpg);
	width: 600px;
	height: 416px;
}


#about_bottom_images
{
	position: relative;
	float: right;
	margin-top: 48px;
	background-image: url(../images/about_bottom_images.jpg);
	width: 601px;
	height: 227px;
}

/***************************************** Dir Page Layout*****************************************/

#dir_main_image
{
	position: relative;
	float: right;
	background-image: url(../images/dir_main_image.jpg);
	width: 600px;
	height: 416px;
}


#dir_bottom_images
{
	position: relative;
	float: right;
	margin-top: 48px;
	background-image: url(../images/dir_bottom_images.jpg);
	width: 600px;
	height: 226px;
}


/***************************************** Contact Page Layout *****************************************/

#contact_image
{
	position: relative;
    width: 1200px;
    margin: 0px auto 0px auto;
    height: 883px;
    background-image: url(../images/contact_image.jpg);
	z-index: 1;
}

#contact_footer
{
	position: relative;
	width: 100%;
	height: 17px;
	margin: 0 auto 0 auto;
	clear: both;
}

#contact_footer_pink
{
	position: relative;
	float: left;
	width: 38.5%;
	height: 17px;
	background-image: url(../images/footer_pink.jpg);
	background-repeat: repeat-x;	
}

#contact_footer_white
{
	position: relative;
	float: right;
	width: 61.5%;
	height: 17px;
	background-image: url(../images/footer_white.jpg);
	background-repeat: repeat-x;	
}

#contact_info
{
	position: absolute;
	margin: 0 auto 0 auto;
	width: 258px;
	height: 114px;
	background-image: url(../images/contact_info.png);
	z-index: 5;
	left: 50%;
	margin-left: -129px;
	top: 664px;
}


/***************************************** Dots layout *****************************************/
#dots
{
	position: relative;
	float: left;
	background-image: url(../images/dots_288.png);
	width: 288px;
	height: 4px;
	margin-bottom: 10px;
}

/***************************************** Header *****************************************/

#header
{
	position: relative;
	margin: 32px auto 0 auto;
	width: 925px;
	height: 124px;
	left: 9px;
}

#logo
{
	position: relative;
	float: left;
    width: 301px;
    height: 77px;
    background-image: url(../images/eb_logo.png);
}


/***************************************** Content *****************************************/

#content
{
    position: relative;
	width: 915px;
	height:auto;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

/***************************************** Menu *****************************************/

.menu_div
{
    position:relative;
	float:right;
    width: auto;
	height: auto;
	top: 54px;
}

/***************************************** Main Text *****************************************/

.text
{
	position: relative;
	float:left;
	width: 300px;
	height: auto;
	top: 0px;
}

.text_order
{
	position: relative;
	margin: 0 auto 0 auto;
	width: 700px;
	height: 750px;
	top: 0px;
	clear:both;
	overflow: hidden;
}

/***************************************** Footer *****************************************/

#footer
{
	position: relative;
	width: 100%;
	height: auto;
	vertical-align: baseline;

	clear: both;
	z-index: 100;
}

#footer_pink
{
	position: relative;
	float: left;
	width: 38.5%;
	height: 17px;
	background-image: url(../images/footer_pink.jpg);
	background-repeat: repeat-x;	
}

#footer_white
{
	position: relative;
	float: right;
	width: 61.5%;
	height: 17px;
	background-image: url(../images/footer_white.jpg);
	background-repeat: repeat-x;	
}