body { padding:0; margin:0; background:#fff; font-family:Arial, Helvetica, sans-serif; }

.clear-fix:after, .ClearFix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

h1, h2, h3, h4, h5, h6 { margin:0 0 0 0; padding:0; }
h1 { color:#fff; font-size:50px; font-weight:normal; float:right; width:30%; }
h2 { color:#fff; font-size:50px; font-weight:normal; float:left; }
h4 { color:#333; font-size:24px; clear:both; margin:0 0 20px 0; }

    @media screen and (max-width:1100px){
		h1 { font-size:40px; }
		h2 { font-size:40px; }
    }
    @media screen and (max-width:900px){
		h1 { float:none; margin:0 0 5px 0; }
		h2 { font-size:20px; float:none; }
    }
	
p { margin:0 0 20px 0; padding:0; font-size:26px; line-height:36px; }

    @media screen and (max-width:800px){
		p { margin:0 0 15px 0; font-size:16px; line-height:22px; }
    }
	
img { margin:0 0 14px 0; max-width:100%; border:none; }

ul, li { list-style:none; padding:0; margin:0;}

a { text-decoration:none; color:#333; }
a:hover { text-decoration:underline; }

.wrapper { max-width:1200px; margin:0 auto; }

    @media screen and (max-width:1300px){
        .wrapper { width:auto; padding: 0 40px; }
    }
    @media screen and (max-width:1000px){
        .wrapper { width:auto; padding: 0 30px; }
    }
    @media screen and (max-width:600px){
        .wrapper { padding: 0 15px; }
    }
	
#page2005 { font-family: 'Open Sans Condensed', sans-serif; text-align:center; }
#page2005 p, h1, h2, h3, h4 { letter-spacing:2px; }

	@media screen and (max-width:800px){
		#page2005 p, h1, h2, h3, h4 { letter-spacing:1px; }
    }
	
.tbl-wrapper { display: table; height: 100%; width: 100%; }
.tbl-content { display:table-cell; text-align:center; vertical-align:middle; }

/* padding and margin */

.margin-bottom { margin-bottom:60px; }
.margin-top { margin-top :60px; }
.padding-top-bottom { padding:60px 0; }

	@media screen and (max-width:800px){
		.margin-bottom { margin-bottom:20px; }
		.margin-top { margin-top :20px; }
		.padding-top-bottom { padding:20px 0; }
    }
	
/* header */

header { position:relative; }
header img { width:100%; margin:0; }
header p { padding:0; margin:0; display:block; position:absolute; bottom:40px; right:0; left:0; font-size:70px; color:#fff; font-weight:lighter; line-height:normal; }
header p strong { font-size:26px; display:block; line-height:10px; }
    
	@media screen and (max-width:1100px){
		header p { font-size:50px; }
		header p strong { font-size:16px; line-height:10px; }
    }
	@media screen and (max-width:800px){
		header p { font-size:30px; }
		header p strong { line-height:16px; }
    }
	@media screen and (max-width:600px){
		header p { bottom:30px; font-size:18px; }
		header p strong { font-size:14px; line-height:16px; }
    }
	@media screen and (max-width:500px){
		header p { bottom:15px; }
    }
	
#time-since-wrapper { margin:0 auto 40px auto; display:block; width:500px; }
#time-since-wrapper .countdown_section { width:16.6%; float:left; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #efefef;  }
#time-since-wrapper .countdown_section span { font-weight:bold; font-size:30px; display:block; }
#time-since-wrapper .countdown_section strong { font-weight:normal; font-size:16px; display:block; }

	@media screen and (max-width:700px){
		#time-since-wrapper { margin:0 auto 20px auto; padding:10px 0; width:90%; }
		#time-since-wrapper .countdown_section span { font-size:20px; }
		#time-since-wrapper .countdown_section strong { font-size:14px; }
    }
	
h3 { padding:0; margin:0 0 20px 0; display:block; font-size:70px; color:#333; font-weight:lighter; text-align:center; line-height:normal; }
h3 strong { font-size:26px; display:block; line-height:10px; text-transform:uppercase; }
h3 small { font-size:40px; display:block; line-height:30px; }

	@media screen and (max-width:1100px){
		h3 { font-size:50px; }
		h3 strong { font-size:16px; line-height:10px; }
		h3 small { font-size:30px; }
    }
	@media screen and (max-width:800px){
		h3 { font-size:30px; margin:0 0 10px 0; }
		h3 strong { line-height:16px; }
		h3 small { font-size:18px; line-height:20px; }
    }
	@media screen and (max-width:600px){
		h3 { font-size:24px; }
		h3 strong { font-size:16px; line-height:16px; }
		h3 small { font-size:16px; line-height:20px; }
    }
	
h4 { padding:0; margin:0; display:block; font-size:22px; color:#333; font-weight:lighter; text-align:center; line-height:normal; }
h4 strong { font-size:16px; display:block; line-height:20px; text-transform:uppercase; }

	@media screen and (max-width:800px){
		h4 { font-size:16px; line-height:26px; }
		h4 strong { line-height:14px; }
    }
	
.ghost { font-size:20px; color:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.5); display:inline-block; padding:10px 50px; margin:14px auto 0 auto; clear:both; }
.ghost:hover { text-decoration:none; color:rgba(0,0,0,0.9); border:1px solid rgba(0,0,0,0.9); }

	@media screen and (max-width:800px){
		.ghost { font-size:16px; padding:5px 20px; }
    }
	@media screen and (max-width:600px){
		.ghost { margin:5px auto 0 auto; }
    }
	
.section-grey { background:#333; }
.section-grey h3 { color:#fff; }
.section-grey .ghost { color:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.5); }
.section-grey .ghost:hover { color:rgba(255,255,255,0.9); border:1px solid rgba(255,255,255,0.9); }
.section-grey img { display:block; margin:0 auto; max-width:80%; }
.section-grey p { padding:0 10%; display:block; color:#fff; }
	
.section-grid ul { overflow:hidden; }
.section-grid ul li { border-top:1px solid #efefef; border-left:1px solid #efefef; width:30.3%; padding:30px 1.5%; float:left; margin:-1px 0 0 -1px; }
.section-grid ul li h4 { display:block; min-height:90px; }

	@media screen and (min-width:1001px){
		.section-grid ul li:nth-child(3n+4) { clear:both; }
    }
	@media screen and (min-width:801px) and (max-width:1000px){
		.section-grid ul li:nth-child(2n+3) { clear:both; }
		.section-grid ul li { width:47%; padding:15px 1.5%; }
    }
	@media screen and (max-width:800px){
		.section-grid ul li { width:100%; padding:15px 0; border-left:none; clear:both; }
		.section-grid ul li h4 { min-height:0; }
	}
	@media screen and (max-width:600px){
		.section-grid img { max-width:50%; }
	}
	
.image-grid li { width:25%; padding:0%; float:left; }
.image-grid li img { width:95%; max-width:100%; }

	@media screen and (min-width:1200px){
		.section-grid ul li:nth-child(3n+4) { clear:both; }
    }
	@media screen and (max-width:800px){
		.image-grid li { width:49%; padding:1% 0.5%; float:left; }
    }
	
.section-quotes li { width:49%; float:left; margin:0.5%; position:relative; overflow:hidden; }
.section-quotes li:nth-child(even) { float:right; margin:1% 0 1% 1%; }
.section-quotes li:nth-child(odd) { float:left; margin:1% 1% 1% 0; }
.section-quotes li img { width:100%; margin:0; }
.section-quotes li blockquote { display:block; position:absolute; top:0; left:0; bottom:0; width:38%; padding:0 5%; background:red; margin:0; font-size:26px; line-height:36px; color:#fff; }
.section-quotes li blockquote em { display:block; margin:10px 0 0 0; font-size:16px; }

	@media screen and (max-width:1000px){
		.section-quotes li { width:100%; float:none; margin:0.5%; position:relative; overflow:hidden; }
		.section-quotes li blockquote { width:58%; padding:0 5%; }
		.section-quotes li img { width:50%; margin:0; float:right; }
    }
	@media screen and (max-width:700px){
		.section-quotes li blockquote { font-size:16px; line-height:22px;  }
		.section-quotes li blockquote em { margin:5px 0 0 0; font-size:14px; }
    }
	@media screen and (max-width:600px){
		.section-quotes li blockquote { font-size:14px; line-height:18px;  }
		.section-quotes li blockquote em { margin:0 0 0 0; font-size:12px; }
    }


/* breadcrumb */

#breadcrumb { background:#f5f5f5; padding:15px 0; font-size:14px; }
#breadcrumb .Wrapper { width:940px; }
#breadcrumb a {	padding:0 5px; font-weight: bold; }
#breadcrumb a:first-child {	padding:0 5px 0 0; }
#breadcrumb a:hover { text-decoration:underline; }

    @media screen and (max-width:800px){
        #breadcrumb { padding:10px 0; font-size:11px; }
    }

.hashtag a { display: block; height: 50px; line-height: 50px; font-size: 16px; background: #333333; color: #ffffff; }

#hashtag > * { text-align: center; }
#hashtag iframe, #hashtag .twitter-tweet { margin: 20px auto !important; }