/*
 Master Stylesheet
 Site: Futures I-Trade Show
 Author: Rob Flaherty | rflaherty@sbmedia.com
*/

/* Reset */
* { margin: 0; padding: 0; }

/* Basic Elements  */
html{font-size:100%; overflow-y: scroll;}
body {background: #fff url(/micro/i-trade/2010/6/images/body-bg2.gif) repeat-x 0 0;font-size: 62.5%;font-family: Verdana, Arial, sans-serif; line-height: 1.33; color: #000; }
:focus {outline: 1px;}
a img { border: none }
input, textarea { border: 1px solid #666; font-size: 1.2em; padding: 1px; }

/* Links */
a:link, a:visited, a:active { color: #004276;text-decoration: underline; }
a:hover { color: #004276; text-decoration:none; }

/* Headers / Paragraph */
h1 { font-size: 1.4em; margin: 0 0 1em;}
h2 { font-size: 1.2em; margin: 0 0 1em;}
h3 { font-size: 1.8em; margin: 0 0 0.75em;}
h4 { font-size: 1.6em; margin: 0;}
h5 { font-size: 1.6em; font-weight: 400; margin: 0 0 1em; border-bottom: 1px dashed #ddd; padding: 0 0 3px 0; } 
h6 { font-size: 1.2em; margin: 0 0 1em; }
p {font-size:1.2em; margin: 0 0 1em 0; }

/* Site Structure */
#wrap { width: 950px; margin: 0 auto; }
#content { padding: 30px 0 0;}
body#home #content { padding: 0; position: relative; }
#content-inner {}
#left-col { width: 630px; float: left;}
#right-col {width:271px;float:right;}





/* Header */
#header { margin:0;height: 111px;}
h1#logo { width: 238px; height: 111px;font-size: 1em; overflow: hidden; position: relative; float: left; margin: 11px 0 0;}
h1#logo span{ background: url(/micro/i-trade/2010/6/images/new/logoNew1.gif) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

h2#tagline { width: 464px; height: 27px;font-size: 1em; overflow: hidden; position: relative; float: right; margin: 60px 0 0;}
h2#tagline span{ background: url(/micro/i-trade/2010/6/images/new/tag1.gif) no-repeat 0 0;display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

/* Main Navigation */
#nav { clear: both; height: 35px;}
#nav ul li { list-style-type: none; display: inline; padding: 17px 30px 0 0; float: left; }
#nav ul li a { color: #fff; font-size: 1.4em; font-weight: 800; text-decoration: none; }
#nav ul li a:hover { text-decoration: underline; }








/* Footer */
#footer { clear: both; color: #32210f; text-align: right; padding: 7px 10px 0px 10px; height:64px;  }

/* General */
#content ul { margin-left: 20px; margin-bottom: 1.3em;}
#content ul li { font-size: 1.2em; }

/* Right Column */ 
.box { background: #9ED4F3; margin: 0 0 20px; padding-bottom: 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.box-top { background: #004E8B; height: 28px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; }
.box-top h6 { color: #fff; padding: 7px 0 0 15px; }
#content .box ul { padding: 10px 15px 0 0; margin: 0 0 0 15px; }
.box p { padding: 10px 15px 10px; font-size: 1.3em; line-height: 1.5em; margin: 0 0 0.5em;}
#content .box ul li { background: url(../images/arrow.gif) no-repeat 0 4px; padding: 0 0 0 15px; list-style-type: none; font-size: 1.3em; }

img#register-btn { margin: 0 auto; width: 195px; display: block; }

/* Homepage */
#hp-intro { overflow: hidden; margin-bottom: 20px; _width: 100%;}
#hp-intro-left { width: 460px; float: left; padding: 20px 0 0; }
#hp-intro-left p { font-size: 1.2em; }

#hp-intro-right {
	width:271px;
	/*
	width:456px;
	*/
	float:right;
	margin-top:-17px;
	position:absolute;
	right:0;
	}

#hp-intro-right img {
	border:0;
	margin-bottom:5px;
	}

#hp-intro-right p {
	text-align:center;
	/*
	float: right;
	*/
	}


#hp-intro-rightNew img {margin-top: -17px;}
#hp-intro-rightNew p {float:right;}


.hp-speaker { overflow: hidden; margin: 0 0 30px; _width: 100%; }
.hp-speaker img{ float: left; margin: 0 20px 0 0;  }
.hp-speaker-info { float: left; width: 470px;}
#content .hp-speaker ul { list-style-type: none; margin:0; }
#content .hp-speaker li { background: url(../images/arrow.gif) no-repeat 0 3px; font-size: 1.2em; padding: 0 0 0 15px; display: block;}

.hp-extra { margin: 30px 0 20px; }

.agenda-img {float: left; display:block; margin: 0 10px 15px 0;}

/* self-clear floats */
.auto-clear:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }

/* IE Hacks */
* html #div{}
*:first-child+html #div{} 

/* social */
#social {
	float:right;
	display:block;
	text-align:left;
	padding-right:50px;
	margin-top:20px;
	}
.fb {
	padding-left:20px;
	background: transparent url(/micro/i-trade/2009/12/images/facebook1.png) no-repeat center left;
	font-size:14px;
	}
.tw {
	padding-left:20px;
	background: transparent url(/micro/i-trade/2009/12/images/twitter1.gif) no-repeat center left;
	font-size:14px;
	}