@charset "utf-8";
/* CSS Document for TUCON homepage */

#logo {float:left; margin:0 0 0 55px; width:500px; height:70px; padding:0 0 25px; background:url(../images/logo-tucon.gif) no-repeat 0 0;}
	#logo h1.tucon a {display:block; height:75px; text-indent:-9999px;}

.banner {float:left; width:920px; height:144px; margin:0; padding:0; background:none;}
.banner-bot {float:left; width:920px; height:38px; background:url(../images/banners/banner-bot-hp.gif) no-repeat 0 0;}

	.banner-bot ul#social-media {float:right; width:200px; margin:6px 0 0 0; background:none;}
	.banner-bot ul#social-media li {float:left; padding:0 10px 0 0; background:none;}

#tucon-video {float:left; width:100%; background:none;}
#bg {float:left; width:100%; margin:0; padding:0; background:#58585a;}
#nav-bar {float:left; width:237px;}
#navigation {float:left; width:237px; height:240px; background:#58585a url(../images/nav-bkgd-hp.gif) no-repeat top right;}
	
	/* ************************************** */

	#menu {float:right; position:relative; margin:0 0 0 0; padding:10px 0 50px 0; width:175px; background:none;}	
	#menu ul {list-style:none; white-space:nowrap; text-align:left; background:none;}	
	#menu li {list-style:none; display:inline; text-transform:uppercase;}
	#menu ul ul {position:absolute; left:-9999px; z-index:1000; }
	#menu ul#toplevel {position:absolute; left:0; top:0;}	
	#menu a {display:block; padding:7px 0 7px 10px; width:165px; line-height:22px; text-decoration:none; border-bottom:dotted #fff 1px; } 
	/* #menu li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;} */	
	#menu li a:hover {background:#b6b8ba url(../images/nav-hover.gif) repeat-x; color:#f57b20; text-decoration:underline;} 
	#menu li:hover > a {background:#b6b8ba url(../images/nav-hover.gif) repeat-x; color:#f57b20;}	
	#menu ul li:hover > ul {left:100%; margin-top:-38px; margin-left:-1px; width:200px; background:#b6b8ba url(../images/nav-hover.gif) repeat-x;}	
	#menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {left:100%;}
	#menu a:hover ul ul, #menu a:hover a:hover ul ul {left:-9999px;}	
	#menu ul ul li a {color:#000; font-size:0.8em; width:190px;}
	#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
	
	/* ************************************** */
	
#promo {float:right; width:186px; margin:0; padding:0; background:none;}	
#main {float:right; width:683px; padding:0 0 20px; background:#58585a;}
#wrapper {float:left; background:#58585a url(../images/wrapper-hp.gif) repeat-y -20px 0;}
#content {float:left; width:465px; padding:0 25px; background:none;}
	#content h2 {font-size:1em;}
	#content p {font-size:0.85em;}
	#content p.intro, #content p.intro strong {color:#fff; font-size:1.1em; letter-spacing:0.01em;}
	#content .quote {padding:10px 0;}
	#content .role {color:#f57b20; font-size:1.1em;}
	#content .interest {font-weight:bold; letter-spacing:0.08em;}
	
#sidebar {float:right; width:128px; padding:0 20px; background:none;}
	#sidebar h3 {margin:0 0 10px;}
	#sidebar ul li {margin:0 0 10px;}
	#sidebar ul li.elite {border-bottom:1px dotted #fff;}