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


* {
margin: 0;
padding: 0;
}

body{
font:1em/100% 'Average Sans', Calibri, Helvetica, Arial, sans-serif;
font-size: 13px;
color:   #B5B5B5;
line-height: 17px;
padding:15px;
background-color:#efefef;
}

p{
margin: 0 0 19px 0;
}

a img {
border: none;
background-color: transparent;
}

a:link, a:visited {
font-weight:normal;
color:#CCC;
text-decoration:none;
}

a:hover {
font-weight:normal;
color:#CCC;
text-decoration:underline;
}

a:focus { 
outline: none; 
}

#wrapper{width:841px; margin:0 auto; background-color:#FFF; padding:20px;text-align:center}
#wrapper .headline  {padding:0 0 12px 0; }
#wrapper .headline h1{margin:7px 0 3px 0; font-size:33px; line-height:36px; color:#666}
#wrapper .headline h2{margin:0 0 15px 0; font-size:21px; line-height:24px; color:#666; font-weight:normal; color:#999}
#wrapper .image img{width:100%; height:auto; padding:0 0 3px 0;}
#wrapper .end p {margin:0;}
#wrapper .end p span{font-style:italic}
#wrapper .end p span a{text-decoration:underline}
#copy{width:841px; margin:0 auto; padding:8px 20px; text-align:center}
#copy p{margin:0;}


/* for 900px or less */
@media screen and (max-width: 900px) {
	
#wrapper{width:92%; margin:0; padding:4%;}
#wrapper .headline h1{margin:0 0 3px 0;}	
#copy{width:92%; margin:0; padding:4%;}
}



/* for 650px or less */
@media screen and (max-width: 650px) {
body {padding:10px; font-size: 15px; line-height:19px;}
#wrapper .headline h1{font-size:28px; line-height:31px;}
#wrapper .headline h2{margin:0 0 12px 0; font-size:16px; line-height:18px;}
}