body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

/* Intro */
body,button,input,select,textarea{ color:#333c4c; font-family: Arial,Verdana,sans-serif; font-size:13px; line-height:16px;}
body{ background: #96bbc7 url(../img/background.png) 0 0 repeat;}
body{ selection-background-color: #25aae7;}
a{ color:#333c4c; cursor:pointer; position: relative; text-decoration:none;}
	a:hover{ text-decoration:underline;}
textarea{ outline: none; resize:none;}
input{ outline: none;}
::selection{ background: #034c59; color: white; text-shadow: none;}


/* items */
.wrap{ margin: 0 auto; position: relative; width: 537px;}
.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important; width:0 !important;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}

/* header */
header{ opacity: 0; padding-top: 5px;}
	header div.fb,
	header div.tw,
	header div.gplus{ float: left}
	header div.fb{ margin: 0 31px 0 131px;}

/* date */
.date-container{ margin-top: 110px; overflow: hidden;}
.date-container,
.date-container .wrap{ height: 203px; position: relative;}
	.date-container .shadow{ background: transparent url(../img/shadow.png) 50% 0 no-repeat; bottom: 0; height: 0; left: 0; position: absolute; width: 537px;}
	.date-container .slides{ left: 0; opacity: 0; position: absolute; top: 203px;}
	.date-container .slides div{ left: 0; opacity: 0; position: absolute; top: 203px;}
	.date-container .slides div.current{ opacity: 1; top: 0;}

/* sentences */
.sentences-container{ font-size: 16px; font-style: italic; padding-top: 10px; text-transform: uppercase;}
	.sentences-container a{ color: #fff; display: block; opacity: 0; margin-left: -500px; text-shadow: 0 1px 1px rgba(0,0,0,.5);}
	.sentences-container a img{ display: block; margin: 0 0 10px 0;}
	.sentences-container a#sentence-esp{ margin-top: -5px;}

/* footer */
footer{ color: #f0f0f0; display: none; margin-top: 50px; text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.25);}
	footer p{ margin-bottom: 10px; font-size: 12px;}
	footer a{ color: #f0f0f0; font-size: 14px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 042s ease-in-out; -moz-transition: all 0.4s ease-in-out;}
	footer a:hover{ color: #034c59; text-decoration: none; text-shadow: 0 1px 1px rgba(255,255,255,.25);}