/*	©Copyright 2010 RED-i Design
	Build 2.0 April 2010
	www.red-idesign.com
	support@red-idesign.com
*/


/* reset */
body, div, img, p, span, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, label, input, textarea, select, table, tr, th, td {margin:0; padding:0}
body, p, li, input, textarea, select, h1, h2, h3, h4, h5, h6	{font:12px/17px Helvetica, sans-serif; font-weight:normal; color:#555}
button,fieldset,img 		{border:none}

a			{text-decoration:none; color:#009DBA}
a:hover		{text-decoration:none}
button, a   {cursor:pointer; text-align:center}
a.more, span.current	{color:#e11520}

/* Misc. */

.replace		{display:block; position:relative}
.replace span	{position:absolute; left:-999em}
.column, .container		{position:relative}
.clear			{clear:both}

/* Typography */

h1			{font-size:14px; line-height:22px; text-transform:uppercase; font-weight:bold; margin-bottom:10px}
.boxgrid h1			{font-size:18px; line-height:22px; text-transform:uppercase; font-weight:bold; margin: 10px 0 10px 8px}
h2			{font-size:18px; line-height:26px; color:#e11520; position:absolute; top:115px; left:150px; font-weight:bold; margin-bottom:15px}
h3			{display:block; height:29px; font-size:12px; line-height:29px; text-align:center; color:#fff}
h4			{font-size:10px; line-height:16px; color:#e11520; font-weight:bold; margin-bottom:5px}
h5			{font-size:11px; line-height:19px; color:#e11520; font-weight:bold; width:130px; margin:10px 0 5px 0}
h6			{font-size:13px; line-height:21px; color:#e11520; font-weight:bold; margin:10px 0 5px 0}

h1, h2, h3, h4, h5, h6, .blueText		{font-family:Helvetica, sans-serif, Futura; color:#009DBA}
p							{margin-bottom:5px}

br			{padding-bottom:5px;}
/* General Layout */

html,body   {height:100%; font: 100% Helvetica, Verdana, Arial, sans-serif;color: #000000;background: #FFFFFF;}
.bodywrap 	{width:960px; height:100%;min-height:100%;background:#FFFFFF;margin: 0 auto; text-align: left;}
.wrapper	{width:960px; margin:0 auto}
.header 	{height:200px; width:960px;position:fixed; top:0px; display:block; background:url(../img/header_logo.jpg) no-repeat; background-color:#FFF; z-index:102; margin-bottom:25px}
#hero		{height:370px; margin-bottom:30px; overflow:hidden;}
.main_content	{margin-top:200px; background:url(../images/mainColBG.gif) repeat-y; }

.column.left		{margin:0px 0 0 116px; width:190px; padding:0 25px 25px 0; margin-top:25px; float:left; height:100%;}
.column.middle		{width:580px; padding:0 5px 25px 23px; padding-top:25px; float:right; min-height:750px}

#footer		{text-align:center;  width:960px; height:50px; background:#FFF; border-top: solid 1px #CCC; z-index:9999}

/* Specific Divisions */

ul.partners 		{list-style:none; margin:0}
ul.partners li		{padding-bottom:15px}
ul.partners img		{margin-top:15px}
ul.partners h6		{color:#777777; border-bottom:1px solid #aaaaaa; text-transform:uppercase; font-size:10px}

.middle.column ul { padding-left:0px; margin-left:15px;}
.middle.column ul li { margin-left:0px;}
#footer ul				{list-style:none; margin:0}
#footer ul.top_level	{padding:10px}
#footer li				{display:block; float:left; padding:0 5px; color:#777777}
#footer a				{color:#009DBA; font-weight:bold}

#twitter_container a	{color:#009DBA}

/*
#search			{width:163px; height:22px; background:url(../images/bg_search.jpg); position: absolute; top:70px; right:16px}
*/
#search			{width:163px; height:22px; position: absolute; top:70px; right:16px; text-align:right;}
#search input	{background:none; border:none; display:block; float:left; width:133px; line-height:16px; padding:2px 0 0 2px; height:20px}
#search button	{height:22px; float:right; width:28px; background:none; text-indent:-9999em; overflow:hidden}

/* Top menu navigation */
#top_menu { top:165px; right:0px; position:absolute; text-transform:lowercase;}
#top_menu .nav 			{list-style:none; width:570px}
#top_menu .nav li 		{display:block; float:left; height:20px; position:relative}
#top_menu .nav li a			{display:block; width:100%; height:100%; position:relative; z-index:101; overflow:hidden; text-align:left; font-family:Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;color:#555}
#top_menu .nav .nav li a	{text-indent:inherit; overflow:auto; color:#fff; font-weight:normal; text-transform:capitalize;}
#top_menu .nav li a:hover, #top_menu .nav li.active a	{color:rgb(0, 157, 186)}
#top_menu .nav .nav li a:hover	{color:#000}
 
#top_menu .nav li.home		{background-position:-0px 0;   width:56px}
#top_menu .nav li.optimism	{background-position:-56px 0;  width:82px}
#top_menu .nav li.program	{background-position:-138px 0; width:87px}
#top_menu .nav li.register	{background-position:-225px 0; width:83px}
#top_menu .nav li.speakers	{background-position:-308px 0; width:83px}
#top_menu .nav li.brisbane	{background-position:-391px 0; width:84px}
#top_menu .nav li.contact	{background-position:-475px 0; width:95px}
 
#top_menu .nav .nav li				{float:none; height:20px; width:130px; background:url(../img/navigation_transpBG.png); padding-left:10px; color:#FFF; line-height:20px; cursor:pointer; text-transform:capitalize;}

#top_menu .nav .nav li:first-child		{border-top:1px solid #ccc}
#top_menu .nav .nav				{position:absolute; left:-999em; z-index:20; top:20px; color:#FFF;}
#top_menu .nav li:hover .nav			{left:0px}
#top_menu .nav li:hover .nav .nav		{left:-9999em}
#top_menu .nav .nav li:hover, #top_menu .nav .nav li:visited, #top_menu .nav li.active .nav li.active			{color:#000;} 
#top_menu .nav .nav li:hover .nav		{left:110px; top:-1px}

#top_menu .nav .nav li.replace span	{position:static; left:0px; display:block; float:left}

#top_menu .nav .nav li.active a {color:#000}

.cover		{background-color:#ffffff; height:387px; position:absolute; top:25px; width:580px; z-index:9999}
#hero		{position:relative}
#hero img	{position:absolute; top:0; left:0}

/* Forms */

.signup			{background:url(../images/bg_signup.jpg); width:192px; height:241px; padding:0 10px 10px 10px; text-align:center; margin-bottom:30px}
.signup button	{background:url(../images/btn_signup.jpg); width:192px; height:23px; color:#fff}
.signup	p, label, input, select		{text-align:left}
.signup p		{padding-top:5px}
.signup label, .signup input, .signup select, .signup fieldset p	{display:block; height:15px; line-height:15px}
.signup fieldset p	{padding:5px 0}
.signup label		{width:60px; float:left; clear:both}
.signup input		{width:120px; float:right}
.signup select		{width:126px; float:right}
.signup input.checkbox	{display:inline; width:auto; float:none; margin:0 5px}

/* Listings */


#footer_links li	{color:#333; list-style:none; display:inline; font-size:10px; line-height:50px}

	   
/* ------------------
 Twitter Feed 
   ------------------   */

#twitter_container 					{min-height:45px;height:auto !important;height:40px;padding-bottom:10px;
}
#twitter_update_list 				{width: 200px;padding:0 0 15px 0;overflow: hidden;font-size: 14px;line-height: 16px;font-weight:bold;
}
#twitter_update_list li 			{width: 200px;list-style: none;
}
#twitter_update_list li a 			{color: #5f6d76;border-bottom: dotted 1px;text-decoration: none;
}
#twitter_update_list li a:hover 	{color: #31353d;background: #d3f1f9;
}
	   
/* ------------------
 styling for the tables 
   ------------------   */


#priceTable							{font-family:Helvetica, sans-serif;font-size: 10px;width: 580px;text-align: left;border-collapse: collapse;
}
#priceTable th						{padding: 8px;font-weight: normal;font-size: 10px;color: #FFF;background: rgb(0, 157, 186);
}
#priceTable td						{padding: 8px;border-right: 1px solid #CCC;color:#000;
}
#priceTable td.end					{padding: 8px;border-right: none;color:#000;
}
#priceTable tr.underline			{padding: 8px;border-top: 1px solid #000;background:#e8edff;color:#000;
}
#priceTable tr.table_last			{border-bottom: 1px solid #000;
}
#priceTable tbody tr:hover td		{background: #e8edff;
}

/* ------------------
   BUTTONS
   ------------------ */
a.register_btn 						{display: block;width: 215px;height: 20px;padding: 15px 20px 10px 25px;color:rgb(0, 157, 186);text-decoration: none;
background:url(http://designweekbrisbane.com/staging/_master/images/RegisterButton.jpg) no-repeat 0px 0px;
}
a.register_btn:hover 				{color:#FFF;
background:url(http://designweekbrisbane.com/staging/_master/images/RegisterButton.jpg) no-repeat 0px -45px;
}

/* ------------------
 EASING COLLAPSABLE LISTS 
   ------------------   */

.dropdown							{display:none;padding-top:0px;width:580px;
}
blockquote 							{margin:0; padding:0;
}
blockquote p						{border-bottom: 1px solid #CCC; padding:10px 0 10px 12px; font-size:14px; font-weight:bold; margin:0;
}
blockquote.msg p						{border-bottom: none; padding:0px 0 6px 12px; font-size:12px; font-weight:normal; margin:0;
}
blockquote.msg p:hover {background:none;}
blockquote p.intro					{border-bottom: 1px solid #CCC; padding:10px 0 10px 12px; font-size:12px; font-weight:normal;
}
blockquote p:hover					{background: #e8edff;
}

blockquote p.intro:hover					{background: none;
}

/* ------------------
   LEFT COLUMN SIGN UP FORM 
   ------------------   */

#panel 							{width:190px;display:none;overflow:hidden;
}
input.defaultText, input.clientText {border:1px solid #009DBA;color:#666666;width:149px;height:20px;display:block;margin-bottom:10px;padding-left:6px;
}
select.defaultText, select.clientText			{border:1px solid #009DBA;color:#666666;width:160px;height:20px;display:block;margin-bottom:10px;
}
.interact_btn:hover 			{ background:#000;
}
.subscribe:hover 				{ background:#CCC;
}
.interact_btn					{background:#009DBA;padding:0px 6px;border:none;height:24px; line-height:24px;color:#FFF;font-size:12px;margin-right:10px;display:inline-block;text-decoration:none;letter-spacing: 2px;
}
.subscribe						{background:#009DBA;padding:0px 2px;border:none;height:24px; line-height:24px;color:#FFF;font-size:12px;display:inline-block;text-decoration:none;width:186px;text-align:center;margin:10px 0 5px; letter-spacing:1px;
}
.interact_id-active 			{display:none;
}
.subscribe.interact_id-active 	{display:inline-block;
}

/* ------------------
   SPEAKER GALLERY IMAGES 
   ------------------   */
#lightbox 						{ width: 180px; height: 180px; overflow: hidden; display: block;}

a img.speakerGallery 			{ margin: 5px 0px 5px -5px; padding: 5px; width: 180px; height: 180px; overflow: hidden; position:relative; overflow:hidden;}
a img.speakerGallery:hover 		{ background:#000;}

/* ------------------
   SPEAKER OVERVIEW GALLERY IMAGES 
   ------------------   */
.boxgrid{ 
				width: 260px; 
				height: 260px; 
				margin-right:10px; 
				margin-bottom:10px; 
				float:left; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0px; 
					left: 0px; 
			}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font: 10pt Helvetica, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 260px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}

 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
				
/* ------------------
   HOME PAGE 3 X 3 GRID
   ------------------   */
.boxgrid3x3{ 
				width: 180px; 
				height: 180px; 
				margin-right:10px; 
				margin-bottom:10px; 
				float:left; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid3x3 img{ 
					position: absolute; 
					top: 0px; 
					left: 0px; 
			}
.boxgrid3x3 h1			{font-size:14px; line-height:20px; text-transform:uppercase; font-weight:bold; margin: 5px 0 10px 8px}

				.boxgrid3x3 p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font: 8pt Helvetica, sans-serif;
				}
				
			.boxcaption3x3 { 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 180px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}

 				.caption3x3 .boxcaption3x3 {
 					top: 150px;
 					left: 0;
 				}