/*
---------------------------------------------------------------------------
=	House Keeping
---------------------------------------------------------------------------
*/

@import url('reset.css');

body
{
	text-align: center;
	font-size: 10px;
	font-family: "Arial", "Verdana", sans-serif;
}

div#wrapper
{
	display: block;
	float: left;
}

.wrap
{
	width: 960px;
	text-align: left;
	margin:0 auto;
}

.fl {float: left;}
.fr {float: right;}

.cb	{clear: both;}

.bold {font-weight: bold;}

.red {color: #7E080A; /*DARK RED*/}

p {line-height: 1.3em; margin-bottom: 1em;}

/*
---------------------------------------------------------------------------
=	Header
---------------------------------------------------------------------------
*/

div#header
{
	float: left;
	width: 100%;
	height: 180px;
	background-image: url(../images/bg_header.gif);
}

div#header a#logo
{
	display: block;
	float: left;
	height: 180px;
	width: 670px;
	background-image: url(../images/logo.gif);
}

div#header a#logo span
{
	display: none;
}

div#header  div#head_box
{
	display: block;
	float: left;
	height: 180px;
	width: 290px;
	background-image: url(../images/head_box.gif);
}

/*
---------------------------------------------------------------------------
=	Container
---------------------------------------------------------------------------
*/

div#container
{
	float: left;
	width: 100%;
	background: url(../images/bg_container.gif) repeat-y 50% 0;
	padding-top: 30px;
}

div#container div#red
{
	display: block;
	float: left;
	width: 100%;
	position: relative;
}

div#container span#red_line
{
	position: absolute;
	bottom: -4px;
	right: 0;
}

/*
---------------------------------------------------------------------------
=	NAV
---------------------------------------------------------------------------
*/

div#nav
{
	display: block;
	float: left;
	width: 180px;
}

div#nav ul
{
	display: block;
	float: left;
	width: 100%;
	height: 300px;
}

div#nav ul li
{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

div#nav ul li a
{
	display: block;
	float: left;
	width: 100%;
	font-size: 120%;
	color: #7E080A; /*DARK RED*/
}

div#nav ul li a:hover,
div#nav ul li a.current
{
	color: red;
}

div#nav div#nav_logo
{
	display: block;
	float: left;
}

div#nav div#nav_logo p
{
	color: #7E080A; /*DARK RED*/
	line-height: 1.6em;
	font-size: 110%;
}

body.home li.home,
body.contact li.home,
body.exhibitor li.exhib, /*HIDES VISITOR INTRO LI*/
body.visitor li.vis /*HIDES EXHIBITOR*/
{
	display: none !important;
}

/*
---------------------------------------------------------------------------
=	Content
---------------------------------------------------------------------------
*/

div#container div#the_content
{
	display: block;
	float: left;
	width: 504px;
	font-size: 110%;
}

div#container div#the_content h1 span
{
	display: none;
}

div#container div#the_content h2
{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 5px;
	color: #7E080A; /*DARK RED*/
}

div#container div#the_content p
{
	display: block;
	float: left;
	padding-right: 30px;
}

div#container div#the_content ul
{
	display: block;
	float: left;
	width: 450px;
	padding-left: 10px;
	margin-bottom: 10px;
}

div#container div#the_content ul li
{
	display: block;
	float: left;
	width: 100%;
	line-height: 1.3em;
	clear: left;
}

/*
---------------------------------------------------------------------------
=	HEADERS
---------------------------------------------------------------------------
*/

div#container div#the_content h1
{
	display: block;
	float: left;
	width: 474px;
	height: 45px;
	margin-bottom: 10px;
	background-repeat: no-repeat !important;
	clear: right;
}

body.home div#container div#the_content h1 			{background: url(../images/h1_home.gif);}
body.exhibitor div#container div#the_content h1 	{background: url(../images/h1_exhibitors.gif);}
body.visitor div#container div#the_content h1 		{background: url(../images/h1_visitor.gif);}
body.testimonials div#container div#the_content h1 	{background: url(../images/h1_testimonials.gif);}
body.photographs div#container div#the_content h1 	{background: url(../images/h1_photos.gif);}
body.participating div#container div#the_content h1 {background: url(../images/h1_participating.gif);}
body.getting div#container div#the_content h1 		{background: url(../images/h1_harrogate.gif);}
body.accommodation div#container div#the_content h1 {background: url(../images/h1_accommodation.gif);}
body.application div#container div#the_content h1 	{background: url(../images/h1_application.gif);}
body.options div#container div#the_content h1 		{background: url(../images/h1_options.gif);}
body.floorplan div#container div#the_content h1 	{background: url(../images/h1_floorplan.gif);}
body.sponsorship div#container div#the_content h1 	{background: url(../images/h1_sponsorship.gif);}
body.contact div#container div#the_content h1 		{background: url(../images/h1_contact.gif);}
body.thankyou div#container div#the_content h1 		{background: url(../images/h1_thankyou.gif);}
body.sorry div#container div#the_content h1 		{background: url(../images/h1_sorry.gif);}
body.book div#container div#the_content h1 			{background: url(../images/h1_book.gif);}

/*
---------------------------------------------------------------------------
=	PHOTO BLOCKS
---------------------------------------------------------------------------
*/

div#photo_block
{
	display: block;
	float: right;
	width: 276px;
}

div#photo_block div#ie
{
	display: block;
	float: right;
	width: 276px;
	margin-bottom: 30px;
}

div#photo_block ul
{
	display: block;
	float: right;
	padding-right: 50px;
}

div#photo_block ul li
{
	display: block;
	float: right;
	width: 88px;
	height: 88px;
	margin: 0 5px 6px 0;
}

div#photo_block ul li.fl
{
	margin-left: 38px;
}

/*
---------------------------------------------------------------------------
=	STAND OPTIONS
---------------------------------------------------------------------------
*/

div#stand_img
{
	display: block;
	float: left;
	margin-bottom: 15px;
}

div#stand_img img
{
	border: 2px solid #851220;
}

/*
---------------------------------------------------------------------------
=	CONTACT FORM
---------------------------------------------------------------------------
*/

div#contactform
{
	display: block;
	float: left;
	width: 100%;
	margin-top: 10px;
}

form#fc
{
	float:left;
	width: 300px;
}

input.haha
{	
	display:none;
	visibility:hidden;
	height:0px;
	width:0px;
}

form#fc fieldset
{
	float:left;
}

form#fc fieldset ul
{
	float:left;
	width: 100%;
}

form#fc fieldset ul li
{
	float:left;
	width: 100%;
	clear:both;
	margin-bottom: 10px;
}

form#fc fieldset ul li label
{
	float:left;
	padding:6px 0 4px 0;
	width:100px;
}

form#fc fieldset ul li input
{
	float:right;
	padding:6px 4px 4px 4px;
	background:#F1F1F2;
	width:192px;
}

form#fc fieldset ul li textarea
{
	float:right;
	padding:6px 4px 4px 4px;
	background:#F1F1F2;
	width:192px;
	height: 50px;
}

form#fc fieldset ul input#sendme
{
	color: #fff;
	float: right;
	padding: 3px;
	margin-bottom: 10px;
	margin-top: 5px;
	width: 200px;
	background-color: #7E080A; /*DARK RED*/
}

/*
---------------------------------------------------------------------------
=	Footer
---------------------------------------------------------------------------
*/

div#footer
{
	display: block;
	float: left;
	width: 100%;
}

div#footer div#foot_pad
{
	float: left;
	margin-left: 180px;
}

div#footer p
{
	display: block;
	float: left;
	margin-right: 10px;
}

div#footer p a
{
	color: #000;
}