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

body 
{ 
	background-color: #333; 
	text-align: center; 
	font-size: 62.5%; 
	font-family:  Sans-serif, verdana, arial, helvetica; 
}

a img { border: none; }

.body { margin: 2px 0px 12px 12px; font-size: 1.1em; }

.hide 
{
	position: absolute;
	left: -99999999999999px;
	top:  -99999999999999px;
	visibility: hidden;
	display: none;
	width:0px; height:0px;
}

h1 { float: left; }
h1 a 
{
	display: block; 
	width: 137px; 
	height: 162px;
	background: Transparent url('/img/qLogo.png') no-repeat top left;
}

#menu
{
	float: left;
	height: 23px;
	width: 663px;	
	border-bottom: 16px solid #DADADA;
}

.menu { width: 100%; height: 162px;	
	background: #fff url('/img/topBg.png') repeat-x top left;	
}

.menu .menuBG { width: 100%; height: 100%;	
	background: Transparent url('/img/nextToLogo.png') no-repeat 137px 0px;		
}

.menu .toolbar
{
	float: left;
	background-color: #000;	
	width: 663px;	
	height: 26px;
	margin-top: 73px;	
}

.menu ul
{
	float: left;
	width: 663px;		
	height: 10px;	
	padding: 0px;
	margin: 0px;
}

.menu ul { list-style-type: none; }
.menu ul li { float: left; }

.center { margin: 0px auto; width: 800px;}

.content 
{
	text-align: left; 
	float: left; 
	padding-bottom: 165px;
	background: #fff url('/img/logo.gif') no-repeat center bottom;			
}

.content ul.subMenu { list-style-type: none; float: left; margin: 10px 0px 0px 0px; }
.content ul.subMenu li { float: left; margin: 0px 3px 0px 0px; }
.content .menu ul li a, .content ul.subMenu li, .content ul.subMenu li a
{
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	height: 27px;
}

.content ul.subMenu li a:hover, .content ul.subMenu li.active a
{
	background: Transparent url('/img/underline.png') no-repeat center bottom;			
}

.content ul.subMenu li.home { background-image: url('/img/home.png');	width: 42px; }
.content ul.subMenu li.winners { background-image: url('/img/winners.png'); width: 59px; }
.content ul.subMenu li.photos { background-image: url('/img/livePhotos.png');	width: 78px; }
.content ul.subMenu li.minute { background-image: url('/img/awardsMinuteByMinute.png'); width: 111px; }
.content ul.subMenu li.media { background-image: url('/img/media.png'); width: 185px; }
.content ul.subMenu li.gallery, .content ul.subMenu li.galleryBig { background-image: url('/img/gallery.png'); width: 58px; }
.content ul.subMenu li.table { background-image: url('/img/tablePlan.png'); width: 73px; }
.content ul.subMenu li.launch { background-image: url('/img/launch.png');	width: 53px; }
.content ul.subMenu li.history { background-image: url('/img/history.png'); width: 53px; }
.content ul.subMenu li.blog { background-image: url('/img/blog.png');	width: 38px; }

.heading { float: left;	width: 777px; background-color: #E8E9F0; margin-top: 5px; }

.heading p strong { float: left; display: block; width: 86px; height: 24px;
	background: Transparent url('/img/latestNews.png') no-repeat top left;		
}

.heading ul { float: left; margin: 5px 0px 0px 5px; }

.leftCol { float: left;	width: 470px; }

.rightCol { float: left; width: 303px; margin-left: 5px; }

.leftCol h2 { display: block; width: 469px; height: 44px; margin: 8px 0px;
	background: Transparent url('/img/qAwards2007IsComing.png') no-repeat top left;
}

.leftCol .header, 
.rightCol .header, 
.winners .header, 
.blog .header
{ 
	height: 25px; 
	background-color: #000; 
}

.rightCol .header
{
	width: 300px;
}

.leftCol .header h3, .rightCol .header h3, .winners .header h3
{
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	height: 25px;
	float: left;
	color: #fff;
	text-transform: uppercase;
	vertical-align: middle;
	line-height:27px;	
	font-size: 1.2em;
}

.leftCol .header p a, .rightCol .header p a, .winners .header p a 
{
	float: right;
	margin-top: 5px;
	display:block;
	width: 45px;
	height: 14px;
	background: Transparent url('/img/moreBig.png') repeat-y top left;		
}

.leftCol .news, .leftCol .post
{
	margin-top: 10px;
	border-right: 1px solid #020202;
	border-bottom: 1px solid #020202;
	background: Transparent url('/img/border.png') repeat-y top left;	
}

.home .leftCol .news { height: 330px;	}

.leftCol .news h3
{
	background-image: url('/img/awardsMinuteByMinuteHeader.png');	width: 225px;	
}

.leftCol .news ul { list-style-type: none; margin: 0px 0px 0px 10px; }
.leftCol .news ul li
{
	background: Transparent url('/img/listItem.png') no-repeat 1px 4px ;	
}


.leftCol .news ul li p { margin: 0px 10px; }
.leftCol .news ul li p.time { color: #D00017; font-weight: bold; margin: 10px 10px 0px 10px }

.page .leftCol div.winners ul li .details, 
.leftCol .news ul li .details, 
.leftCol .media ul li .details,
.leftCol .post .details { background-color: #E8E9F0; color: #545559; width: 100%; }

.page .leftCol div.winners ul li .details p, 
.leftCol .news ul li .details p, 
.leftCol .media ul li .details p,
.leftCol .post .details p { margin: 3px 5px; display: inline; }

.page .leftCol div.winners ul li .details .date, 
.leftCol .news ul li .details .date, 
.leftCol .media ul li .details .date,
.leftCol .post .details .date { color: #E80101;}

.leftCol .media ul li .details p,
.leftCol .post .details p { float: left; width: 394px; }
.page .leftCol div.winners ul li .details p { float: left; width: 382px; }
.page .leftCol div.winners ul li .details .more p { width: 42px; }

.leftCol .media ul li .details .more p { width: 42px; margin: 0px; }

.page .leftCol div.winners ul li .details, 
.leftCol .media ul li .details,
.leftCol .post .details { float: left; width: 450px; clear: both; height: 20px; }

div.media ul li.small { width: 450px; }

.leftCol .media ul li .details .more p a, 
.leftCol .media ul li.small .more,
.page .leftCol div.winners ul li .details .more
{
	background: Transparent url('/img/moreSmall.png') no-repeat left 3px;
	width: 42px;
	height: 16px;
	float: left;
	clear: none;	
}

.leftCol .news .more p a, .leftCol .media .moreMedia p a
{
	margin: 20px 0px 2px 10px;
	display: block;
	width: 452px;
	height: 32px;
	background: Transparent url('/img/qAwards2007.png') no-repeat top left;	
	position: absolute;
	top: 705px;
}

.leftCol .media .moreMedia p a
{
	background: Transparent url('/img/winnersMore.png') no-repeat top left;		
	float: left;
	position: relative;
	top: 3px;
}

.leftCol .media h3
{
	background-image: url('/img/mediaHeading.png'); 
	width: 280px;	
}

.page .leftCol div.winners ul, .leftCol .media ul { list-style-type: none; margin: 10px 0px 10px 10px; }
.page .leftCol div.winners ul li, .leftCol .media ul li { float: left; clear: both; width: 100%; margin: 0px 0px 10px 3px; }
.page .leftCol div.winners ul li { background-color: #fff; color: #000; height: 100px; }
.page .leftCol div.winners ul li img, .leftCol .media ul li img { float: left; }
.page .leftCol div.winners ul li p { text-align: left; clear: both; margin: 5px; }

.leftCol .media ul li { width: 460px; }

.page .leftCol div.winners ul li .text , .leftCol .media ul li .text 
{
	width: 360px;
	float: left;	
	border: 1px solid #000;
	margin: 0px 0px 5px 5px;
	height: 74px;
}

.page .leftCol div.winners ul li .text
{
	margin: 0px 0px 5px 0px;	
	width: 450px;		
}

.leftCol .media ul li.big { width: 455px; }

.page .leftCol div.winners ul li .text h4, 
.leftCol .media ul li .text h4, 
.leftCol .media ul li.small h4 { font-weight: bold; margin: 5px; width: 205px; font-size: 1em; }
.leftCol .media ul li.small h4 {margin: 3px; width: 394px; }

.page .leftCol div.winners ul li .text h4 a, 
.leftCol .media ul li .text h4 a { text-decoration: none; color: #F20010; }

.page .leftCol div.winners ul li.small h4 a, 
.leftCol .media ul li.small h4 a { text-decoration: none; color: #000; }

.page .leftCol div.winners ul li .text h4 a:hover , 
.leftCol .media ul li .text h4 a:hover, 
.leftCol .media ul li.small h4 a:hover { text-decoration: underline; }

.page .leftCol div.winners ul li.small, 
.leftCol .media ul li.small { background-color: #E8E9F0; margin-bottom: 1px; }

.page .leftCol div.winners ul li .text h4, 
.page .leftCol div.winners ul li h4,
.leftCol .media ul li h4,
.leftCol .media ul li.small h4
.leftCol .media ul li .text h4  
{ float: left;	width: 405px; }

.rightCol .gallery, .rightCol .galleryBig { margin-top: 5px; }
.rightCol .gallery h3,
.rightCol .galleryBig h3
{
	background-image: url('/img/livePhotosFromTheAwards.png'); width: 201px;	
}

.leftCol .gallery h3,
.leftCol .galleryBig h3
{
	background-image: url('/img/livePhotosFromTheAwards2.png'); width: 257px;	
}
.rightCol .gallery ul, .rightCol .galleryBig ul { list-style-type: none; margin-top: 3px; }

.rightCol .gallery ul li,
.rightCol .galleryBig ul li 
{
	display: block;
	width: 98px;
	height: 74px;
	float: left;
	margin-right: 3px;
}

.rightCol .gallery ul li a img, .rightCol .galleryBig ul li a img { width: 98px; height: 74px; }

.rightCol .links, 
.rightCol .blog, 
.rightCol .gallery, 
.rightCol .galleryBig, 
.rightCol .comments 
{ 
	margin-top: 10px; 
	clear: both; 
}

.rightCol .comments 
{
	height: 220px; 
	background:transparent url(/img/borderTwo.png) repeat-y scroll left top;
}

.rightCol .gallery { height: 250px; }
.rightCol .galleryBig { height: 325px; }

.rightCol .links ul, .rightCol .blog ul { list-style-type: none; }
.rightCol .links ul li { float: left; width: 150px; height: 142px; }
.rightCol .links ul li a 
{ 
	display: block; 
	width: 150px; 
	height: 143px; 	
	background-color: Transparent; 
	background-position: top left; 
}

.rightCol .links ul li.one a { background-image: url('/img/ctaOne.png'); }
.rightCol .links ul li.two a { background-image: url('/img/ctaTwo.png'); }
.rightCol .links ul li.three a { background-image: url('/img/ctaThree.png'); }
.rightCol .links ul li.four a { background-image: url('/img/ctaFour.png'); }

div.rightCol .blog { background-color: #333; width: 300px; }
.rightCol .blog ul { clear: both; margin-left: 10px; }
.rightCol .blog ul li 
{ 
	margin: 10px; 
	background: Transparent url('/img/listItemBlog.png') no-repeat left 5px;		
}

.rightCol .blog ul li p { margin-left: 10px; }
.rightCol .blog ul li p a { text-decoration: none; color: #fff; }
.rightCol .blog ul li p a:hover { text-decoration: underline; }

.rightCol .blog .header { height: 25px; }
.rightCol .blog h3
{
	background-image: url('/img/qAwardsEditorsBlog.png'); width: 180px;	
	background-position: bottom left;
}

div.winners, .leftCol .media, .rightCol .blog, .leftCol .gallery, .leftCol .galleryBig
{
	float: left;	
	width: 100%;
	margin: 10px 0px;
	background: Transparent url('/img/border.png') repeat-y top left;	
}

.leftCol .media { width: 465px; }

.page div.winners { width: 470px; }

div.winners { width: 775px; margin-bottom: 0px; }

div.winners h3
{
	background-image: url('/img/qAwards2007WinnersHeader.png'); width: 212px;	
}

div.winners ul { list-style-type: none; margin: 4px 0px 0px 12px; }

div.winners ul li
{
	color: #fff;	
	float: left;	
	width: 250px;
	background-color: #4E4E51;
	margin: 5px 0px 0px 3px;
	height: 88px;
	overflow: hidden;
}

div.winners ul li img { float: left; width: 98px; height: 74px; }
div.winners ul li .text { float: left; margin: 5px; height: 56px; }
div.winners ul li .text h4 { font-weight: bold; font-size: 1.1em; }

div.winners ul li .more
{
	float: left;
	clear: both;
	width: 100%;
	text-align: right;
	background-color: #333;	
}

div.winners ul li .more p { margin: 3px; }
div.winners ul li .more a { color: #F20010; text-decoration: none; }
div.winners ul li .more a: hover { text-decoration: underline; }

.page .leftCol .gallery ul,
.page .leftCol .galleryBig ul 
{ 
	list-style-type: none; 
	margin: 0px 0px 0px 5px; 
}

.page .leftCol .gallery ul li, 
.page .leftCol .galleryBig ul li 
{ 
	float: left; 
	margin: 5px 0px 0px 5px; 
}

.page .leftCol .gallery ul li img,
.page .leftCol .gallery ul li img
{ 
	width: 87px; 
	height: 66px; 
}

.rightCol .comments h3
{
	background-image: url('/img/latestComments.png'); width: 201px;
	text-indent: 30px;	
}

.comments ul { list-style-type: none; }

.comments ul li 
{ 
	float: left; 
	clear: left; 
	margin: 10px 0px 0px 0px;
	background:transparent url(/img/listItem.png) no-repeat scroll 15px 4px;			
}

.comments ul li strong a { color: #000; text-decoration: none; }
.comments ul li strong a:hover { text-decoration: underline; }
.comments ul li p { overflow:hidden; width: 275px; margin: 0px 0px 0px 25px;  }
.comments ul li p strong a { display: block; width: 280px; }

.post .leftCol .header h3
{
	background: Transparent url('/img/header.png') no-repeat bottom left;		
	text-indent: 30px;
}

.post .leftCol div.user h3
{
	background: Transparent url('/img/userComments.png') no-repeat top left;
	width: 147px;	
}

.post .leftCol div.comment h3
{
	background: Transparent url('/img/postAComment.png') no-repeat top left;		
	width: 150px;
}

.post .leftCol div.user, .post .leftCol div.comment { float: left; width: 460px; }

.post .body,
.post .leftCol .post ul li .text { margin: 10px 10px 10px 20px; border:1px solid #000; width: 435px;}
.post .body p,
.post .leftCol .post ul li .text p { margin: 10px; overflow: auto; width: 415px; }
.post .leftCol .post .body p img { width: 415px !important; height: 311px !important; }


.leftCol .post .details { margin: 0px 0px 10px 10px; width: 435px; }

.post .leftCol .post ul { list-style-type: none; }
.post .leftCol .post ul li { float: left; clear: both; }
.post .leftCol .post ul li .details { margin: 0px 0px 0px 10px }

.post .leftCol .post form {  margin: 10px 10px 10px 20px }
.post .leftCol .post form label { font-weight: bold; float: left; width: 150px; }
.post .leftCol .post form input.button 
{ 
	background-color: #CF0017; 
	color: #fff; 
	font-weight: bold; 
	border: none; 
	width: 50px; 
	text-align: center; 
	text-transform: uppercase; 
	font-size: 1em;
}
#logs ul { list-style-type: none; float: left; position: relative; }
#logs ul li { float: left; position: absolute; width: 700px; font-size: 1em; }
#logs ul li a { text-decoration: none; color: #000; }
#logs ul li a:hover { text-decoration: underline; }

.body .mid { margin: 10px 10px 0px 0px; clear: both; float: left; border: 10px solid #ddd; width: 755px; }
.body .mid .launch, .body .mid .history, .body .mid .webcam { margin: 10px; }


.body .mid .launch h4, .body .mid .history h4, .body .mid .webcam h4
{
	font-size: 1.6em; 
	font-weight: bold; 
	text-transform: uppercase; 
	color: #fff; 
	background-color: #FB0019; 
	width: 265px;
	text-indent: 10px;
}

.body .mid .history h4 
{
	width: 320px;	
}

.body .mid .launch div, .body .mid .history div {margin: 10px 0px 0px 0px; }
.body .mid .launch div img, .body .mid .history div img { margin: 0px 10px 10px 0px; }
.body .mid .launch div hr, .body .mid .history div hr { border: none; border-top: 1px solid #555; margin-top: 10px; }
.body .mid .launch object { position: relative; left: -10px; }

.body .mid .webcam img { margin: 0px 0px 0px 230px; }

.content-nav
{	
clear:both;
height:25px;
background-color: #fff;
}

.content-nav .previous a, .content-nav .next a
{
	text-indent: -999999999999px;
}

.content-nav .previous a
{
	display: block;
	width: 83px;
	height: 25px;
	background: Transparent url('/img/previous.png') no-repeat top left;
	float: right;	
}

.content-nav .next a
{
	display: block;
	width: 55px;
	height: 25px;
	background: Transparent url('/img/next.png') no-repeat top left;	
	float: right;		
}

.footer
{
	background-color: #DADADA;
	color: #000;
	width: 100%;
	height: 50px;
	display: block;
	text-align: center;
	position: relative;
	top: 165px;
	clear: both;
}

* html .footer { top: 165px; }

.footer p { margin: 30px 0px 0px 0px; }

.rightCol .mpu { width: 300px; height: 250px; margin-top: 10px;	}

div.banner
{
	position: absolute;
	top: 0px;	
	margin: 5px 0px 0px 220px;
	float: left;
	clear: both;
}

div.sky
{
	position: absolute;
	top: 0px;	
	margin: 10px 0px 0px 810px;
	float: left;
	clear: both;	
}


