@import url('reset.css');
/* General Style */
body{
    background:#111 url(../images/_white_texture.jpg) repeat top left;
    color: #333;
    font-family: 'PT sans narrow', Arial, sans-serif;
    font-size: 15px;
    
}
.container{
    position:relative;
}
a{
    color: #fff;
    text-decoration: none;
}
.clr{
    clear: both;
}
.main{
    position:relative;
    margin: 0 auto;
    width:170px;
}
h1{
    margin:0px;
    padding:5px ;
    font-size:25px;
    line-height:27px;
    color:#333;
    text-shadow:1px 1px 1px #fff;
    text-align:left;
    font-weight:100;
    text-align:center;
}
h1 span{
    display:block;
    font-size: 1.5rem;
    font-family: 'PT Sans Narrow', sans-serif;
    font-style: normal;
    color:#b2891b;
    padding-top:5px;
    padding-bottom:1em;
}
/* Header Style */
.header{
	font-family:'PT Sans Narrow', Arial, sans-serif;
	line-height: 15px;
	padding-bottom:2em;
	font-size: 11px;
	background: transparent;
	opacity: 0.9;
	text-transform: none;
	z-index: 9999;
	position: relative;
	
}
.header a{
	padding: 0px 10px;
	letter-spacing:none;
	color: #888;
	display: block;
	float:left;
}
.header a:hover{
	color: #fff;
}
.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}

.more{
    position:relative;
    clear:both;
    font-family:'PT Sans Narrow', Arial, sans-serif;
    text-transform:none;
    font-size: 11px;
    padding: 5px 0px 10px;
    width: 170px;
    margin: 0 auto;
    text-align:center;
    font-size:35px;
    color:#E0AD26;
}
.more ul{
    display:block;
    text-align:center;
    height: 35px;
}
.more ul li{
    display: block;
    padding: 4px 2px;
    float:left;
    color:#E0AD26;
}
.more ul li.selected a,
.more ul li.selected a:hover{
    background:#b2891b;
    color:#E0AD26;
    text-shadow:none;
}
.more ul li a{
    color:#E0AD26;
    width:100%;
    -moz-box-shadow:1px 1px 2px #aaa;
    -webkit-box-shadow:1px 1px 2px #aaa;
    box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
    background:transparent;
    color:#E0AD26;
}


/*Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
.main{
    position:relative;
    margin: 5 auto;
    width:170px;
/* Animation Property */
animation-property: width;
animation-property: height;
transition-duration: 1s;
/* webkit */
-webkit-animation-property: width;
-webkit-animation-property: height;
-webkit-transition-duration: 3s;
/* moz */
-moz-animation-property: width;
-moz-animation-property: height;
-moz-transition-duration: 3s;
/* opera */
-o-animation-property: width;
-o-animation-property: height;
-o-transition-duration: 3s;
}


/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */

.main{
    position:relative;
    margin: 0 auto;
    width:170px;
/* Animation Property */
animation-property: width;
animation-property: height;
transition-duration: 1s;
/* webkit */
-webkit-animation-property: width;
-webkit-animation-property: height;
-webkit-transition-duration: 3s;
/* moz */
-moz-animation-property: width;
-moz-animation-property: height;
-moz-transition-duration: 3s;
/* opera */
-o-animation-property: width;
-o-animation-property: height;
-o-transition-duration: 3s;
}