body {
background: #5c5952 url(../images/bg.jpg) repeat-x 0px 150px;
font-family: Arial;
}

.hiddenPic {display:none;}

a {
color: #dd0000;
text-decoration: none;
}

a:hover {
color: #292484;
}

#footer a {
color: #999bed;
text-decoration: none;
}

#footer a:hover {
color: #fff;
}

#header {
background: url(../images/headerbg.jpg) repeat-x;
height: 152px;
width: 100%;
}

#menu {
font-family: Arial Black;
font-size: 16px;
font-style: italic;
margin-left: 120px;
padding-top: 25px;
padding-bottom: 10px;
}

#menu a{
color: #fff;
margin-right: 30px;

}

#menu a:hover{
padding-bottom: 2px;
border-bottom: solid 4px #d50000;
}

#menu .active{
padding-bottom: 2px;
border-bottom: solid 4px #d50000;
}

#topbox {
position: absolute;
top: 64px;
left: 60px;
background: url(../images/boxtop.jpg) no-repeat;
width: 931px;
height: 216px;
}

#badge a{
position: absolute;
top: 0px;
left: 629px;
background: url(../images/badge.jpg) no-repeat;
width: 364px;
height: 216px;
}
#badge a:hover{
background: url(../images/badgea.jpg) no-repeat;
}

#logo {
position: absolute;
top: 124px;
left: 120px;
background: url(../images/logo.jpg) no-repeat;
width: 349px;
height: 87px;
}

#content {
position: absolute;
top: 278px;
left: 98px;
width: 842px;
}

#content_inside {
border-left: 4px solid #5c5952;
border-right: 4px solid #5c5952;
float: left;
display: block;
background: #fff;
width: 842px;
min-height: 490px;
}
#content_inside2 {
border-left: 4px solid #5c5952;
border-right: 4px solid #5c5952;
float: left;
display: block;
background: #fff;
width: 842px;
min-height: 590px;
}

#content_contact {
float: left;
display: block;
background: #fff;
width: 642px;
padding-left: 70px;
font-family: Arial Black;
font-size: 18px;
letter-spacing: 0.05em;
}

#content_contact a{
color: #dd0000;
}

#content_contact a:hover{
color: #ccc;
}

#contact_banner {
position: absolute;
top: 280px;
left: 10px;
background: url(../images/contact_banner.gif) no-repeat;
width: 635px;
height: 197px;
}

#content_footer {
float: left;
display: block;
background: url(../images/contentfooter.jpg) no-repeat;
width: 868px;
height: 48px;
margin-left: -11px;
padding-bottom: 0px;
}

#pic {
position: absolute;
top: -40px;
left: 370px;
}

#pic_features {
position: absolute;
top: -0px;
left: 330px;
}

#txt_main {
position: absolute;
top: 20px;
left: 20px;
width:330px;
height: 340px;
margin-left: 20px;
font-family: Arial Black;
font-size: 18px;
font-style: italic;
letter-spacing: -0.05em;
}

#txt_main2 {
position: absolute;
top: 270px;
left: 20px;
width:770px;
height: 340px;
margin-left: 20px;
font-family: Arial;
font-size: 14px;
text-align: justify;
}

#footer {
color: #fff;
font-size: 10px;
text-align: right;
position: absolute;
top: 530px;
left: 300px;
padding-bottom: 20px;
}
#footer2 {
color: #fff;
font-size: 10px;
text-align: right;
position: absolute;
top: 630px;
left: 300px;
padding-bottom: 20px;
}

#features_badge {
position: absolute;
top: 0px;
left: 40px;
width: 253px;
height: 273px;
background: url(../images/badge_features.gif) no-repeat;
}

#rules {
position: absolute;
top: -40px;
left: 24px;
width: 348px;
height: 478px;
background: url(../images/rules.gif) no-repeat;
}

#rules_inside {
position: absolute;
top: -40px;
left: 24px;
width: 348px;
height: 478px;
}

#next a{
position: absolute;
top: 444px;
left: 294px;
width: 34px;
height: 31px;
background: url(../images/arrow_next.gif) no-repeat;
}

#next a:hover{
background: url(../images/arrow_nexta.gif) no-repeat;
}

#last a{
position: absolute;
top: 444px;
left: 294px;
width: 34px;
height: 31px;
background: url(../images/arrow_last.gif) no-repeat;
}

#last a:hover{
background: url(../images/arrow_lasta.gif) no-repeat;
}

#beanbag {
position: absolute;
width: 282px;
height: 268px;
top: 235px;
left: 639px;
background: url(../images/beanbag.jpg) no-repeat;
}

#faq {
position: absolute;
top: 0px;
left: 400px;
}

.faqbox {
position: absolute;
top: -30px;
left: 0px;
background-color: grey;
width: 350px;
padding: 20px; 
padding-top: 0px;
font-size: 11px;
font-weight: bold;
display:none;
}

#faqtitlebig {
position: absolute;
top: -60px;
left: 400px;
font-family: Arial Black;
font-size: 26px;
font-style: italic;
color: #000;
}

/* DDACORDION */

.faqtitle{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding-bottom: 10px;
}

.faqtxt{ /*class added to contents of 1st demo when they are open*/
font-size: 11px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
}

#dlrules a{
position: absolute;
top: 90px;
left: 357px;
width: 36px;
height: 169px;
background: url(../images/dl_rules.gif) no-repeat;
}

#dlrules a:hover{
background: url(../images/dl_rulesa.gif) no-repeat;
}

#shop_bags {
position: absolute;
left: 50px;
top: 250px;
background: url(../images/shop_bags.gif) no-repeat;
width: 765px;
height: 334px;
}
#shop_bags2 {
position: absolute;
right: 50px;
top: 250px;
background: url(../images/shop_bags2.gif) no-repeat;
width: 412px;
height: 191px;
}

#shop_bags_learnmore a{
position: absolute;
left: 69px;
top: 320px;
background: url(../images/learnmore.gif) no-repeat;
width: 161px;
height: 72px;
}

#shop_bags_learnmore a:hover{
background: url(../images/learnmorea.gif) no-repeat;
}

#shop_sets {
position: absolute;
left: 56px;
top: -50px;
background: url(../images/shop_sets.gif) no-repeat;
width: 590px;
height: 305px;
}
#shop_sets_learnmore a{
position: absolute;
left: 69px;
top: 20px;
background: url(../images/learnmore.gif) no-repeat;
width: 161px;
height: 72px;
}

#shop_sets_learnmore a:hover{
background: url(../images/learnmorea.gif) no-repeat;
}

#content_shop {
padding: 70px;
padding-top: 0px;
text-align: justify;
}

#video1 a{
position: absolute;
top: 340px;
left: 20px;
width: 182px;
height: 116px;
background: url(../images/video1.gif) no-repeat;
padding-top: 120px;
padding-left: 20px;
font-size: 11px;
}

#video1 a:hover{
background: url(../images/video1a.gif) no-repeat;
}

#video2 a{
position: absolute;
top: 340px;
left: 220px;
width: 182px;
height: 116px;
background: url(../images/video2.gif) no-repeat;
padding-top: 120px;
padding-left: 20px;
font-size: 11px;

}

#video2 a:hover{
background: url(../images/video2a.gif) no-repeat;
}

#video3 a{
position: absolute;
top: 340px;
left: 390px;
width: 182px;
height: 116px;
background: url(../images/video3.gif) no-repeat;
padding-top: 120px;
padding-left: 20px;
font-size: 11px;

}

#video3 a:hover{
background: url(../images/video3a.gif) no-repeat;
}

#video4 a{
position: absolute;
top: 340px;
left: 550px;
width: 182px;
height: 116px;
background: url(../images/video4.gif) no-repeat;
padding-top: 120px;
padding-left: 20px;
font-size: 11px;

}

#video4 a:hover{
background: url(../images/video4a.gif) no-repeat;
}