/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:520px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:520px;  position: absolute; }

/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); }


/* SEARCH */


/* MENU */
#menu { position:relative; }
#menu ul { list-style:none; }
#menu ul li { display:inline; font-variant:small-caps; font-size:12px; }
#menu ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:20px; }
#menu ul li a:hover { text-decoration:underline; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:0px; margin:0auto; width:100%; }
#headernav{ width:100%;}
.box{
width:1170px;
margin:auto;
}
.data{
background-image:url(../images/box_back.png);
background-repeat: repeat;
width:465px;
height:313px;
padding:15px 0px;
margin-top:60px;
}

/* CONTENT */
#content { color:#575757; background-color:#eee;}
#content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }

@media all and (min-width:901px) and (max-width:1024px) {

.box{
width:99%;
margin:auto;
}
.text_data {
    padding-top: 127px;
    padding-left: 640px;
}

}
@media all and (min-width:320px) and (max-width:480px) {
.box{
width:96%;
margin:auto;
padding-top: 10px;
}
.data{
background-image:url(../images/box_back.png);
background-repeat: repeat;
width:100%;
height:263px;
padding:15px 0px;
margin-top:9px;
}
.text_03 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    padding-top: 0px;
}

#header { height:350px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:350px;  position: absolute; }

}