@charset "utf-8";
/* CSS Document */

/* Global Styles */

@import "footer-nav.css";
@import "vert-nav.css";
@import "main-content.css";
@import "forms.css";
@import "slideshow.css";

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #c54832;
	margin: 0;
	padding: 0;

	}
	
div#outerDiv {
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: 30px;
	background-color:#FFF;
	}

/* header */


div#header {
	height: 183px;
	position:relative;
	}

/* logo */

#bg {
			
			
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
			
			
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}


.txtHilight {
display: block;
width: 97%;
border-top: 1px solid #cccccc;
padding: 10px;
font: 16px Tahoma, Verdana, Helvetica, sans-serif;
line-height: 20px;
color: brown;
background-color: #f2f2f2;
}	

.txtName {
display: block;
width: 97%;
border-bottom: 1px solid #cccccc;
padding-bottom: 10px;
font: 16px Tahoma, Verdana, Helvetica, sans-serif;
line-height: 20px;
color: brown;
}

.pageLinks {
display: inline-block;
padding: 10px;
font: 11px Lucida Sans, Tahoma, sans-serif;
color: #ffffff;
background-color: #666666;
-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.pageLinks a:link {
color: #ffffff !important;
text-decoration: none;	
}

.pageLinks a:hover {
color: #ccff66 !important;
text-decoration: none;	
}
	
		
		
		
#outerDiv #nationalHeatPumpAwardsLogo {
	position:absolute;
	left: 10px;
	top: 0px;	
	}

#nationalHeatPumpAwardsLogo a:link, #nationalHeatPumpAwardsLogo a:visited {
	height: 183px;
	width: 472px;
	display: block;
	text-indent: -1000em;
	background: url(../images/national-heat-pump-awards-logo.gif) no-repeat left top;
	border: none;
	}

#outerDiv #enterAward {
	position:absolute;
	left: 482px;
	top: 0px
	}
#enterAward a:link, #enterAward a:visited {
	height: 123px;
	width: 156px;
	display: block;
	text-indent: -1000em;
	background: url(../images/enter-an-award-rollover.jpg) no-repeat left bottom;
	border: none;
	}
	
#enterAward a:hover, #enterAward a:active{
	background-position: left top;
	}
#outerDiv #bookTable {
	position: absolute;
	left: 638px;
	top: 0px
	}
#bookTable a:link, #bookTable a:visited {
	height: 123px;
	width: 159px;
	display: block;
	text-indent: -1000em;
	background: url(../images/book-a-table-rollover.jpg) no-repeat left bottom;
	border: none;
	}
	
#bookTable a:hover, #bookTable a:active{
	background-position: left top;
	}

#outerDiv #contactUs{
	position: absolute;
	left: 797px;
	top: 0px
	}
#contactUs a:link, #contactUs a:visited {
	height: 123px;
	width: 163px;
	display: block;
	text-indent: -1000em;
	background: url(../images/contact-us-rollover.jpg) no-repeat left bottom;
	border: none;
	}
	
#contactUs a:hover, #contactUs a:active{
	background-position: left top;
	}

#outerDiv #indexBanner{
	position: absolute;
	left: 482px;
	bottom: 0px	
	}

	#indexBanner a:link, #indexBanners a:visited {
	height: 60px;
	width: 468px;
	display: block;
	text-indent: -1000em;
	background: url(../images/banner.jpg) no-repeat left bottom;
	border: none;
	}
	
/* left content */

#content div#leftContent{
	float: left;
	width: 339px;
	margin: 0;
	padding: 0;
	background-color:#FFF;
	}
	
#content #venue {
	margin-top: 10px;
	margin-left: 10px;
	}
	
#venue a:link, #venue a:visited {
	height: 107px;
	width: 329px;
	display: block;
	text-indent: -1000em;
	background: url(../images/icc-birmingham-31-may-2012.gif) no-repeat left bottom;
	border: none;
	}
	

	
	

	
/* select magazine - margin set to allow full form to show --- may need adjusting if form has more content ---- */

#magScroll {
display: block;
width: 329px;
height: 390px;
margin-left: 10px;
margin-top: 5px;
background: url(../images/warners-group-hvacr-magazines.gif) no-repeat left bottom;
position: relative;
}

.magScrollLink {
display: block;
position: absolute;
bottom: 0px;
width: 329px;
height: 80px;
margin-bottom: 10px;
margin-left: -20px;
}

.magScrollLink ul{
list-style: none;
font-size: 12px !important:
}



#content #selectMagazine {
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 60px;
	}
	
#selectMagazine a:link, #selectMagazine a:visited {
	height: 200px;
	width: 329px;
	display: block;
	text-indent: -1000em;
	/*background: url(../images/apply-for-free-copy-button.jpg) no-repeat left bottom;*/
	/*background: url(../images/acr-small.jpg) no-repeat left top;*/
	border: none;
	}

/* main content */

#leftCcontent div#mainContent {
	float: left;
	width: 621px;
	padding: 0 10px;
	margin-left: 20px;
	background-color: #000;
	}
	
/* sponsor scroller */
#sponsorsScroller {
	clear: both;
	width: 940px;
	height: 129px;
	margin: 0 auto;
	background-color:#FFFFFF;
	background: url(../images/sponsors-logo-bg-fill.jpg); 
	background-repeat: repeat-x;
	margin-left: 10px;
	bottom: 0px;
/*	z-index: 6;*/
	}
		
#eventSponsors {
	position: relative;
	left: 793px;
	width: 147px;
	top: -161px;
	background: url(../images/event-sponsors-supporters.jpg) no-repeat;
	}
	
#eventSponsors a:link, #eventSponsors a:visited {
	height: 33px;
	width: 147px;
	display: block;
	text-indent: -1000em;
	background: url(../images/event-sponsors-supporters.jpg) no-repeat left bottom;
	border: none;
	}

/* footer links */
#footerLinks {
position: relative;
	clear: both;
	width: 960px;
	height: 263px;
	margin: 0 auto;
	background-color:#FFF;
	background: url(../images/footer-bground.png) no-repeat;
	}
	
	#nacra {
	position: absolute;
	right: 30px;
	top: 100px;
	}
	
	#acrTrainee {
	position: absolute;
	right: 30px;
	top: 20px;
	}
	
	
	
#outerDiv #smallLogo {
	position: relative;
	left: 800px;
	top: 0px;
	width: 160px;
	}
	
#smallLogo a:link, #smallLogo a:visited {
	height: 87px;
	width: 160px;
	display: block;
	text-indent: -1000em;
	background: url(../images/small-awards-logo.jpg) no-repeat left bottom;
	border: none;
	}
	
#magButtons {
	clear: both;
	width: 960px;
	height: 95px;
	margin: 0 auto;
	background-color:#FFF;
	background: url(../images/mag-buttons-fill.jpg);
	}
	
#magButtons #heatPumpsToday {
	position:relative;
	width: 221px;
	left: 0px;
	top: 0px
	}
#heatPumpsToday a:link, #heatPumpsToday a:visited {
	height: 95px;
	width: 221px;
	display: block;
	text-indent: -1000em;
	background: url(../images/heat-pumps-today.jpg) no-repeat left top;
	border: none;
	}
	
#heatPumpsToday a:hover, #heatPumpsToday a:active{
	background-position: left bottom;
	}
	
#magButtons #acrToday {
	position:relative;
	width: 200px;
	left: 221px;
	top: -95px
	}
	
#acrToday a:link, #acrToday a:visited {
	height: 95px;
	width: 200px;
	display: block;
	text-indent: -1000em;
	background: url(../images/acr-today.jpg) no-repeat left top;
	border: none;
	}
	
#acrToday a:hover, #acrToday a:active{
	background-position: left bottom;
	}
	
#magButtons #consultingEngineer {
	position:relative;
	width: 217px;
	left: 421px;
	top: -190px
	}
	
#consultingEngineer a:link, #consultingEngineer a:visited {
	height: 95px;
	width: 217px;
	display: block;
	text-indent: -1000em;
	background: url(../images/consulting-engineer.gif) no-repeat left top;
	border: none;
	}
	

	
#magButtons #warners {
	width: 322;
	position:relative;
	width: 322px;
	left: 638px;
	top: -285px

	}

#warners a:link, #warners a:visited {
	height: 95px;
	width: 322px;
	display: block;
	text-indent: -1000em;
	background: url(../images/warners-logo.jpg) no-repeat left top;
	border: none;
	}
	
#base {
	clear: both;
	width: 960px;
	height: 68px;
	margin: 0 auto;
	background-color: #ffffff;
	}
	
	#shadow  {
	background-image: url(../images/footer-base-shadow.png);
	height: 60px;
	width: 960px;
	margin: 0 auto;
	
	}
	
	
	.table 
	{
	font-family:Tahoma, Arial, Helvetica, sans-serif;   
	font-size: 9px;
	}
	
	.even {
	background-color: #ECF5FF;
    }
    
    .tabHead {
      font-size: 11px;  
    }

/*  right content area --------------------------*/
	
#mainContent
{
    float: left;
    background-color: #ffffff;
    width: 550px;
	/*height: 700px;*/
    padding: 10px;
	top: 0;
	margin-bottom: 50px;
}
/*-----------------------------------------------*/

#skipNavigation
{
    height: 0;
    width: 0;
    overflow: hidden;
    display: none;
}	

#footerLinks #copyright {
	position: relative;
	top: 330px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:right;
	color: #ffffff;
	margin-right: 25px;
	/*z-index: 5;*/
	}
	

	strong {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #c54832;
	font-weight: normal;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* close commented backslash hack */

	
#preScroller{
width:100%;
background-color: lime;

}

#awardSponsor{
float: right;
margin-top:-4px;

}

	.shortHead {

	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #c54832;
	font-weight: bold;
	}

	.shortSection {
	float: left;
	display: block;
	width: 610px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e1e1e1;
	}
	
	.shortSection p{
	margin-bottom: 0px;
	padding: 2px;
	}

	.shortLeft {
	float: left;
	width: 295px;
	}
	

	.shortRight {
	float: left;
	width: 300px;

	}
	
	.shortRight p{
	color: #333333;
	}

.fileUpload{display:none}

.sponsoredBy{
    font-family: Lucida Sans, Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color: #333333;
	
    
}

.judge{
    font-family: Lucida Sans, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
	
    
}

.winnerTitle{
    font-family: Lucida Sans, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #c44932;
	display: block;
	width: 250px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e8bdb5;
	
    
}

/* ----------------------------  Magazine Slideshow -----------------------------   */

/*sponsors*/
.sponsorsWrapper{
 border-top: solid 1px #cccccc; 
}

.winnerWrapper
{
    float: left;
 position: relative;
 border-bottom: solid 6px #cccccc;
 width: 600px;
 margin-bottom: 30px; 
}

.sponsorImg{
position: absolute;
right: 0px;
top: 0px;

}

.viewDetails 
{
    float: left;
    margin: 10px 0px 20px 0px;
}

.awardTitle
{
    color: #000000;
    background-color: #f2f2f2;
    display: block;
    padding-bottom: 5px;
    border-bottom: solid 1px #cccccc;
    font-size: 21px;
}

.awardTitle2
{
    color: #000000;
    
    display: block;
    padding-bottom: 5px;
    border-bottom: solid 1px #cccccc;
    font-size: 21px;
    line-height: 26px;
}

.awardHead img 
{
  margin-bottom: 10px;  
}

.winner 
{
 font-family: Trebuchet MS, Geneva, sans-serif;
	font-size: 20px;
	color: #000000; 
	font-weight: bold;  
}

.commended 
{
 font-family: Trebuchet MS, Geneva, sans-serif;
	font-size: 18px;
	color: #666666; 
	font-weight: bold;  
}

.manufacturer
{
    color: #333333;
}

.remarks 
{
 display: block;
 padding-bottom: 20px;
 width: 500px;

   
}

.awardHead 
{
    float: left;
 width: 600px;   
}

.imgSmall {
    border: 7px solid #F0F0F0;
    margin-right: 2px;
    margin-top: 7px
}

#gallContent {
    background-color: #FFFFFF;
    float: left;
    margin-bottom: 50px;
    margin-top: 20px;
    padding-left: 10px;
    top: 0;
    width: 590px;
}

.sponsorsWrapper .sponsorsDescription{
width: 300px;
float: left;
padding-top:10px;
}

.sponsorsDescription{
width: 400px;
float: left;
padding-top:15px;
}

.sponsorsWrapper .sponsorsLogo{
width: 240px;
float: right;
}

.winnerBox 
{
 width: 600px;
float: left;
display: block;



 
}

.linkLogo, .linkLogo2 {
display: block;
float: right;
position: relative;
top: -70px;
}

.linkLogo2 {
top: -20px;
}