/* Designed by: Tony Junior Nwachi 'T&I Creative'			*/
/* Site:		http://www.tandicreative.co.uk				*/

/*******************************************************************/
/**   - - - - - - TANDICREATIVE.CO.UK - WEB DESIGN - - - - - -    **/
/** Please note that this website has been created by personelle  **/
/** at MuckyDesignz.co.uk,a lot of personal time and work has     **/
/** been put into the production of this site, if anyone is found **/
/** stealing or taking items of content including images shall    **/
/** have action taken against them in the form of legal action,   **/
/**                  YOU HAVE BEEN WARNED!!!                      **/
/*******************************************************************/


/* This section details the main wrapper, body and banner, do not mess with this */


body{
	margin-left:0px; 
	margin-right: 0px;
	margin-bottom:0px;
	margin-top: 0px;
	background: #fff url('../images/inboxBody.gif');
	background-position: 0px 0px;
	margin: 0;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;

}


#wrapper{
	width: 1000px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
}

#wrapper2{
	width: 1000px;
	height: 750px;
	margin-right: auto;
	margin-left: auto;
}


#magazinespread{
	width:1000px;
	height: 500px;
}

#topbar {
	width:100%;
	height:316px;
	background-repeat:repeat-x;
}

#topbarcontainer{
	width:1000px;
	height: 272px;
	margin-left:auto;
	margin-right:auto;	
	background-color:#000000;

}

#banner{
	width: 1000px;
	height: 242px;
	background-image: url('../images/banner1.PNG');
}

#advert{
	width: 730px;
	height: 100px;
	float: left;
	margin-top: 20px;
	margin-left:15px;
	border-color:black;
	border-width:thin;
	border-style:solid;
	margin-bottom:5px;
}

#mag{
	height: 245px;
	float:right;
	width: 250px;
}


#inboxmagazine{
	width: 290px;
	height: 110px;
	float: left;	
}

#smallcontainer{
	width: 670px;
	height: 110px;
	float:left;	
}

#signup{
	width: 320px;
	height: 110px;
	float: left;
	padding-left: 50px;
}

#signup2{
	width: 335px;
	height: 110px;
	float: left;
	padding-left: 35px;
	padding-right: 20px;
}

#videobox{
	width: 656px;
	height: 388px;
	float: left;
	background-image:url('../images/vid.png');
	margin-bottom: 40px;
}

#twittercontainer{
	width: 300px;
	height: 500px;
	float: left;
	margin-left:30px;
	margin-top: 15px;
}

#socialbuttons{
	width: 656px;
	height: 100px;
	float: left;
	margin-top:15px;
	margin-bottom:15px;
}

#socialbuttons2{
	width: 656px;
	height: 100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
}


#socialbuttons2{
	width: 865px;
	height: 100px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}


#marginleft{
	width: 656px;
	height: auto;
	float: left;
	margin-bottom: 20px;
	margin-top:15px;

}

#marginleft1{
	width: 500px;
	height: auto;
	float: left;
	margin-bottom: 20px;
	margin-top:15px;
}

#loveboximage{
	width: 500px;
	height: 598px;
	float: left;
	margin-top:65px;
	background-image:url('../images/wintickets.png');
}

#enterdetails{
	width: 399px;
	height: 47px;
	margin-left: auto;
	margin-right: auto;
	margin-top:528px;
}
#marginright{
	width: 499px;
	height: 720px;
	float: right;
	margin-top: 15px;
}


#twitterhov{
	height: 100px;
	width: 212px;
	float: left;
}

#twitterhover
{
  display: block;
  width: 212px;
  height: 100px;
  background: url('../images/twitter.png') no-repeat 0 0;
}

#twitterhover:hover
{ 
  background-position: 0 -100px;
}

#twitterhover span
{
  display: none;
}











#youtubehov{
	height: 100px;
	width: 216px;
	float: left;
}

#youtubehover
{
  display: block;
  width: 216px;
  height: 100px;
  background: url('../images/youtube.png') no-repeat 0 0;
}

#youtubehover:hover
{ 
  background-position: 0 -100px;
}

#youtubehover span
{
  display: none;
}

.sentMessage {
	color: white;
	margin-left:5px;
	
	
}






#facebookhov{
	height: 100px;
	width: 228px;
	float: left;
}

#facebookhover
{
  display: block;
  width: 228px;
  height: 100px;
  background: url('../images/facebook.png') no-repeat 0 0;
}

#facebookhover:hover
{ 
  background-position: 0 -100px;
}

#facebookhover span
{
  display: none;
}



#inboxhov{
	height: 100px;
	width: 209px;
	float: left;
}

#inboxhover
{
  display: block;
  width: 209px;
  height: 100px;
  background: url('../images/inbox.png') no-repeat 0 0;
}

#inboxhover:hover
{ 
  background-position: 0 -100px;
}

#inboxhover span
{
  display: none;
}


/* Close */