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

/* HEADER */
#header { height:473px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:473px;  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.html"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.html"); 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.html"); }
#next { background-image:url("../images/btn_next.html"); }
#control { background-image:url("../images/btn_pause.html"); }

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

/* 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/red_bg.png);
background-repeat:repeat;
width:97%;
height:172px;
padding:15px 5px;
}

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

}