/**********************************************************************************************


	Title: Marketing LIVE Global CSS

	Author: Guerilla Interactive
	
	Author url: http://www.guerillainteractive.com

	Date: 2008 
	

***********************************************************************************************/

/* Global

-----------------------------------------------------------------------------------------------

===============================================================================================*/

* {
margin:				0;
padding:			0;
border:				0;
}

html{
background:			#000;
}

body {
font: 				14px/140% Arial, Helvetica, sans-serif;
color:				#757575;
font-weight:		normal;
min-width:			950px;
}

#header, #footer{
margin:				0 auto;
width:				900px;
display:			block;
}

ul,ol { 
list-style: 		none; 
}

table { 
border-collapse: 	collapse; 
border-spacing: 	0; 
}

p{
padding:			6px 0;
text-align:			left;
}

.clear { 
clear:				both;
}

.center {
text-align:			center;
}

hr {
display: 			none;
}

small {
font-size:			10px;
line-height: 		1.5em;
font-weight:		bold;
font-style:			normal;
font-family:		Arial, Helvetica, sans-serif;
}

b, strong{
font-weight:		bold;
color:				#979797;
}

a, a:visited{
text-decoration:	none;
font-weight:		normal;
color:				#ec008c;
padding:			0 2px;
border-bottom:		#757575 1px dashed;
}

a:hover{
background:			#ec008c;
color:				#fff;
border-bottom:		none;
border-top:			#f466ba 1px solid;
}

blockquote{
padding:			18px 14px 45px 14px;
margin:				18px 0;
border-top: 		#3a3a3a 1px solid;
background:			#282828 url('../images/IMG-blockquote.jpg') no-repeat bottom left;		
}

blockquote small{
display:			block;
color:				#fff;
text-align:			right;
padding:			10px 0 0 0;
}

/* Fonts Headers ***********************************************************************************************/

h1#logo a, h1#logo a:hover{
border:				none;
}

h2,h3,h4,h5,h6{
font-weight:		normal;
text-transform:		uppercase;
letter-spacing:		-0.05em;
color:				#979797;
}

h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{
color:				#ec008c;
}

h2{
font-size:			30px;
line-height:		30px;
}

h3{
font-size:			20px;
line-height:		28px;
margin-top:			20px;
}

/* Global Style eof ***********************************************************************************************/

/* Images ***********************************************************************************************/

.left{
float:				left;
}

.right{
float:				right;
}

.alignleft{
float:				left;
margin:				5px 15px 5px 0;
}

.alignright{
float:				right;
margin:				5px 0 5px 15px;
}

.aligncenter{
float:				none;
text-align:			center;
}

/* Images eof ***********************************************************************************************/

/* Lists ***********************************************************************************************/

#left-col ul li{

}

/* Lists eof ***********************************************************************************************/

/* Form Elements ***********************************************************************************************/

#marketing-live-form{
padding:			30px;
background:			#1d1d1d;
border-top:			#3f3f3f 1px solid;
}

.mandatory{
display:			block;
font-family:		Helvetica, Arial, sans-serif;
padding:			0 0 20px 0;
font-weight:		normal;
font-size:			32px;
text-transform:		uppercase;
letter-spacing:		-0.06em;
padding:			0 0 5px 0;
}

.filler{
display:			block;
height:				20px;
}

.standard,.active{
background:			#ed008c;
border-top:			#f466ba 1px solid;
padding:			10px;
color:				#fff;
font-size:			24px;
text-transform:		uppercase;
letter-spacing:		-0.04em;
}

.active{
background:			#2f2f2f;
border-top:			#3f3f3f 1px solid;
}

td .mandatory{
font-size:			16px;
text-transform:		none;
letter-spacing:		normal;
padding:			0;
}

#marketing-live-form table,#marketing-live-form td, #marketing-live-form tr{
border:				none;
padding:			0;
margin:				0;
}

#marketing-live-form input, #marketing-live-form select, #marketing-live-form textarea{
border: 			#2b2b2b 1px solid;
background:			#2b2b2b;
border-top:			#3f3f3f 1px solid;
padding:			6px;
color:				#fff;
}

#marketing-live-form input:focus, #marketing-live-form select:focus, #marketing-live-form textarea:focus{
border: 			#ec008c 1px solid;
background:			#ec008c;
border-top:			#f852b5 1px solid;
}

#marketing-live-form td.right_align, #marketing-live-form td.SPACER{
padding:			0 4px;
text-align:			right;
vertical-align:		top;
}

#marketing-live-form td.right_align{
width:				100px;
}

#marketing-live-form td.SPACER{
font-size:			16px;
font-weight:		bold;
color:				#ed008c;
}

.enquiry-wrap {
padding: 			20px 0;
}

.enquiry-wrap li{
margin:				5px 0;
}

.enquiry-form input, .enquiry-form textarea {
border-top:			#3f3f3f 1px solid;
background:			#1d1d1d;
color: 				#fff;
padding:			10px;
width:				390px;
height:				16px;
margin:				0;
font-family:		Arial, Helvetica, sans-serif;
}

*:first-child+html .enquiry-form input, *:first-child+html .enquiry-form textarea{
margin:				-1px 0 -1px 0;
}

* html .enquiry-form input, * html .enquiry-form textarea{
margin:				-1px 0 0 -3px;
}

.enquiry-form textarea{
height:				196px;
margin-bottom:		-2px;
}

.enquiry-form label{
display:			block;
width:				180px;
text-align:			right;
float:				left;
background:			#2b2b2b;
padding:			8px;
height:				20px;
border-top:			#3f3f3f 1px solid;
font-size:			16px;
}

.enquiry-form label small{
color:				#555555;
margin:				-2px 0 0 0;
}

.enquiry-form label span{
color:				#ec008c;
font-size:			18px;
font-weight:		bold;
}

.enquiry-form label.comment{
height:				200px;
}

.full {width: 100%;}
.half {width: 50%; vertical-align: top;}

.error-msg {
background-color: 	#c00;
font-size: 			85%;
color: 				#fff;
background:			#ec008c;
padding: 			2px;
margin:				0 0 0 196px;
width:				406px;
display:			block;
}

* html .error-msg {
margin-top:			-1px;
}

.enquiry-form .standard,.enquiry-form .standard:visited{
background:			#ed008c;
border-top:			#f466ba 1px solid;
padding:			10px;
margin:				12px 8px 0 0;
width:				130px;
height:				55px;
color:				#fff;
font-size:			24px;
text-transform:		uppercase;
letter-spacing:		-0.04em;
cursor:				pointer;
}

.enquiry-form .standard:hover{
border: 			#2b2b2b 1px solid;
background:			#2b2b2b;
border-top:			#3f3f3f 1px solid;
padding:			10px;
margin:				12px 8px 0 0;
width:				130px;
height:				55px;
}

.intouchsuccess{
color: 				#fff;
border-top:			#f852b5 1px solid;
background:			#ec008c;
padding:			20px;
line-height:		16px;
margin:				15px 0;
}

.intouchsuccess strong{
font-size:			26px;
color:				#fff;
}

.intouchsuccess cite{
font-weight:		bold;
}

.required{
float:				right;
margin:				25px 0 0 0;
padding:			0 12px 0 0;
color:				#3f3f3f;
}

/* Form Elements eof ***********************************************************************************************/

/* Flash ***********************************************************************************************/

.timer-wrap{
display:			block;
width:				300px;
height:				70px;
padding:			22px 0 22px 0;	
}

.timer-wrap div{
float:				left;
margin:				0 10px 0 0;
padding:			3px 0 0 0;
}

/* Flash eof ***********************************************************************************************/

/* Global Nav ***********************************************************************************************/

#global-nav {
margin: 			0 0 15px 0;
padding: 			0;
}

#global-nav li{
margin:				0 0 1px 0;
padding:			0;
border:				none;
}

* html #global-nav li a,* html #global-nav li a:visited,* html #global-nav li a:hover{
height:				30px;
padding:			10px 0 4px 5px;
}
 
#global-nav li a,#global-nav li a:visited{
font-family:		Helvetica, Arial,sans-serif;
display: 			block;
margin: 			0;
padding: 			4px;
background: 		#282828;
color: 				#484848;
border-top: 		#3a3a3a 1px solid;
border-bottom:		none;
font-size:			33px;
padding:			10px 0 10px 5px;
letter-spacing:		-0.1em;
height:				36px;
}

#global-nav li a:hover{
background-color: 	#ec008c;
border-top-color: 	#f352b2;
color: 				#fff;
padding:			10px 0 10px 10px;
}

#global-nav li a.active,#global-nav li a.active:visited,#global-nav li a.active:hover,#global-nav li a.active:active{
background-color: 	#ec008c;
border-top-color: 	#f352b2;
color: 				#fff;
padding-left:		10px;
}

#global-nav li a small{
font-size:			15px;
letter-spacing:		normal;
display:			block;
font-weight:		normal;
padding:			0 0 0 2px;
}

a#gn-home{
width:				140px;
}

a#gn-speakers{
width:				190px;
}

a#gn-delegate{
width:				260px;
}

a#gn-programme{
width:				230px;
}

a#gn-sponsors{
width:				190px;
}

a#gn-contact{
width:				170px;
}


/* Global Nav eof ***********************************************************************************************/

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

#wrapper{
width:				100%;
height:				auto;
background:			url('../images/BG-content.jpg') no-repeat top center;
}

#content{
display:			block;
height:				auto;
width:				960px;
margin:				0 auto;
padding:			20px 0 0 20px;
}

.col-left{
float:				left;
width:				300px;
}

.col-right{
float:				right;
width:				615px;
margin:				0 15px 0 0;
}

* html .col-right{
margin:				0;
}

.col-right p{
text-align:			justify;
line-height:		155%;
}

.two-col{
display:			block;
width:				295px;
margin-top:			15px;			
}

.two-col h3, .two-col p{
line-height:		15px;
}

.two-col h3{
color:				#fff;
border-top:			#232323 3px double;
margin:				6px 0 0 0;
padding:			10px 0 10px 0;
}

.two-col p{
}

.two-col img{
border:				#232323 4px solid;
}

/* Content eof ***********************************************************************************************/


/* Content Specifics ***********************************************************************************************/

a.booking, a.booking:visited{
display:			block;
width:				260px;
height:				80px;
overflow:			hidden;
text-indent:		-9999px;
background:			url('../images/BTN-splash-book-now.jpg') no-repeat left bottom;
border:				none;
}

a.booking:hover{
background:			url('../images/BTN-splash-book-now.jpg') no-repeat left top;
border:				none;
padding:			0;
}

a.register, a.register:visited{
display:			block;
width:				260px;
margin:				15px 0 0 0;
height:				80px;
overflow:			hidden;
text-indent:		-9999px;
background:			url('../images/BTN-splash-register.jpg') no-repeat left top;
border:				none;
}

a.register:hover{
background:			url('../images/BTN-splash-register.jpg') no-repeat left bottom;
border:				none;
padding:			0;
}

a.third, a.third:visited{
position:			relative;
float:				left;
width:				174px;
height:				160px;
background:			#282828;
padding:			6px;
border-top:			#3c3c3c 1px solid;
border-bottom:		none;
margin:				20px 26px 0 0;
}

* html a.third{
margin:				20px 13px 0 0;
}

a.third span{
position:			absolute;
bottom:				6px;
left:				6px;
display:			block;
width:				164px;
color:				#fff;
font-size:			16px;
font-weight:		bold;
text-transform:		uppercase;
letter-spacing:		-0.05em;
padding:			6px 5px;
border-top:			#f251b1 1px solid;
cursor:				pointer;
background:			url('../images/BG-pink-semi.png') repeat top left;
}

a.third#right{
margin:				20px 0 0 0;
}

a.full, a.full:visited{
position:			relative;
width:				600px;
float:				left;
background:			#282828;
padding:			6px;
border-top:			#3c3c3c 1px solid;
border-bottom:		none;
margin:				10px 30px 12px 0;
}

* html a.full{
margin:				10px 15px 12px 0;
}

a.full span{
position:			absolute;
cursor:				pointer;
width:				590px;
bottom:				6px;
display:			block;
color:				#fff;
font-size:			16px;
font-weight:		bold;
text-transform:		uppercase;
letter-spacing:		-0.05em;
padding:			6px 5px;
border-top:			#f251b1 1px solid;
background:			url('../images/BG-pink-semi.png') repeat top left;
}

a.full#right{
margin:				20px 0 0 0;
}

ul#sponsors-wrap li{
display:			block;
float:				left;
margin:				30px 17px 0 17px;
}

* html ul#sponsors-wrap li{
margin:				30px 14px 0 14px;
}

a.sponsors, a.sponsors:visited{
display:			block;
height:				80px;
overflow:			hidden;
padding:			0;
border:				none;
margin:				0;
}

a.sponsors img:hover{
margin-top:			-80px;
background:			none;
}

.movie-wrap{
float:				right;
display:			block;
width:				328px;
height:				258px;
padding:			6px;
margin:				0 0 10px 25px;
background:			#2b2b2b;
border-top:			#3f3f3f 1px solid;
}

#rai{
width:				110px;
}

#cim{
width:				190px;
}

#ma{
width:				212px;
}

#map{
padding:			6px;
background:			#2b2b2b url('../images/BG-map.jpg') no-repeat center;
width:				600px;
height:				270px;
}

#map cite{
display:			block;
position:			absolute;
width:				140px;
left:				365px;
top:				34px;
color:				#fff;
font-weight:		bold;
font-size:			12px;
font-style:			normal;
line-height:		14px;
}

.img-left{
padding:			6px;
background:			#2b2b2b;
border-top:			#3f3f3f 1px solid;
float:				left;
margin:				6px 20px 10px 0;
}

/* Content Specifics eof ***********************************************************************************************/


/* Sidebar ***********************************************************************************************/

/* Sidebar eof ***********************************************************************************************/


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

#header-wrap{
display:			block;
margin:				0 auto;
width:				100%;
padding:			0;
background:			url('../images/BG-header.jpg') no-repeat top center;
}

#header{
display:			block;
margin:				0 auto;
width:				980px;
padding-top:		110px;
height:				272px;
}

#switch-on{
float:				left;
padding:			25px 0 0 15px;
}

#live{
float:				right;
padding:			0;
}

/* Header eof ***********************************************************************************************/


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

#footer-wrap{
display:			block;
width:				100%;
background:			url('../images/BG-footer.jpg') no-repeat top center;
}

#footer{
display:			block;
width:				980px;
margin:				0 auto;
padding:			130px 0 0 0;	
height:				180px;
}

#footer .col-right{
width:				570px;
}

#footer .col-left{
padding:			16px 0 0 15px;
}

#footer .col-left p{
font-family:		Helvetica, Arial, sans-serif;
font-size:			34px;
letter-spacing:		-0.06em;
color:				#484848;
}

#footer .col-left p strong{
color:				#282828;
}

#footer .col-left ul{
padding-top:		35px;
}

#footer .col-left ul li{
float:				left;
margin:				0 0 0 3px;
color:				#484848;
}

#footer .col-left ul li a, #footer .col-left ul li a:visited{
color:				#484848;	
border:				none;
}

#footer .col-left ul li a:hover{
color:				#fff;
border-top:			#f466ba 1px solid;
}

#footer .col-left ul.reg{
padding-top:		0;
}

/* Footer eof ***********************************************************************************************/

/* Splash (To be deleted on launch)

-----------------------------------------------------------------------------------------------

===============================================================================================*/

#splash{
display:			block;
margin:				90px auto 0 auto;
width:				824px;
padding:			10px 70px;
background:			url('../images/BG-splash.jpg') no-repeat top center;
}

#switch-on{
float:				left;
padding:			20px 0 0 30px;
}

#live{
float:				right;
padding:			0;
}

#splash-content{
display:			block;
padding:			60px 0 0 0;
height:				300px;
}

.splash-left{
float:				left;
width:				270px;
}

.splash-right{
float:				right;
width:				500px;
margin:				0 0 100px 0;
}

a.splash-book, a.splash-book:visited{
display:			block;
width:				260px;
height:				80px;
overflow:			hidden;
text-indent:		-9999px;
background:			transparent url('../images/BTN-splash-book-now.jpg') no-repeat bottom left;
border:				none;
padding:			0;
}

a.splash-book:hover{
background:			transparent url('../images/BTN-splash-book-now.jpg') no-repeat top left;
}

a.splash-register, a.splash-register:visited{
display:			block;
width:				260px;
margin:				15px 0 0 0;
height:				80px;
overflow:			hidden;
text-indent:		-9999px;
background:			transparent url('../images/BTN-splash-register.jpg') no-repeat top left;
border:				none;
}

a.splash-register:hover{
background:			transparent url('../images/BTN-splash-register.jpg') no-repeat bottom left;
border:				none;
}

ul.pink li{
font-weight:		bold;
color:				#ed008c;
padding:			5px 0 5px 0;
}

ul.body-list{
margin:				6px 0;
}

ul.body-list li{
padding:			3px 0 3px 20px;
background:			transparent url('../images/IMG-arrow.gif') no-repeat left 8px;
}