/* <!-- */
    /* General styles */
    body {
        margin:0px;
        padding:0px;
        border:0px;			
        width:100%;
        background:#fff;
		font-size:100%;
		font-family: "Segoe UI", Tahoma, Geneva, Verdana;
    }
    
	a {
    	color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
    h1, h2, h3, h4 {
        margin:10px;
        padding:0;
    }
    .hidden {display:none;} 
    p {
	margin: 10px;
	padding: 0;
}
	img {
	margin: 0px 0 0px;
}
    .button1 /* Button with CSS only */   
    {  
        background: url(images/bl_btn.png) 0 0;  
        height:44px;  
        width:128px;  
        display:block; 
        float:right; 
    }  
    .button1:hover /* mouseOver */   
    {  
        background: url(images/bl_review.png) 0 0;  
    }  
    .button2 /* Button with CSS only */   
    {  
        background: url(images/bl_survey.png) 0 0;  
        height:44px;  
        width:128px;  
        display:block; 
        float:right; 
    }  
    .button2:hover /* mouseOver */   
    {  
        background: url(images/bl_surveyb.png) 0 0;  
    }  
    .button3 /* Button with CSS only */   
    {  
        background: url(images/bl_review.png) 0 0;  
        height:44px;  
        width:128px;  
        display:block; 
        float:right;
        margin-right:50px; 
    }  
    .button3:hover /* mouseOver */   
    {  
        background: url(images/bl_reviewb.png) 0 0;  
    }  
    
	hr {
	clear:both;
}

	/* Header styles */
    #header {
        clear:both;
        float:none;
        width:100%;
       	background: #336699;
    }
	#header {
	border-bottom: 1px #FFFFFF solid;
}
	#header p,
	#header h1,
	#header h2 {
	padding: .4em 15px 0 95px;
	margin: 0;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	color: #FFFFFF;
	
}
#header h1{
	text-align: center;
	padding: .4em 15px 5px 15px;
}	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
    
	#footer h2 {
	display:none;
    }
 
	#winner {
	width: 900px;
	margin: 0px auto 0px auto;
	background: #fff;
	overflow: hidden;
}
	#win-one {
	float: right;
	width: 40%;
	background: #fff;
    }
	#win-two {
	float: left;
	width: 60%;
	background: #fff;
    }

	#win-three {
	float: right;
	width: 40%;
	background: #fff;
    }
.showit {
	display:inline;
	}

@media (max-width: 800px) {
	#winner {
	display:table;
	width:100%;
    }
	#win-one {
	float: none;
	display: table-header-group;
	width: 100%;
}
	#win-two {
	float: none;
	display: table-footer-group;
	width: 100%;
    }

	#win-three {
	float: none;
	display: table-caption;
	width: 100%;
}
.showit {
	display:none;
	}
    .button1 /* Button with CSS only */   
    {  
        background: url(images/bl_btn.png) 0 0;  
        height:44px;  
        width:128px;  
        display:block; 
        float:left; 
		margin-left: 20px;
        
    }  


    .button2 /* Button with CSS only */   
    {  
   background: url(images/bl_survey.png) 0 0;  
   height:44px;  
   width:128px;  
   display:block; 
   float:left; 
	margin-left: 20px;
        
    }  
    .button3 /* Button with CSS only */   
    {
	background: url(images/bl_review.png) 0 0;
	height: 44px;
	width: 128px;
	display: block;
	float: left;
	margin-right: 50px;
	margin-left: 20px;
}  
	#header h1{
	padding: 15px;
	margin: 0;
}

}
   
    
    
    /* --> */