html { 
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 0;
margin:10px auto;
color: #20212E;

background-color:#000;
}

h1 {
padding:0;
margin:0;
text-align:center;
font-size:20px;
font-weight:normal;
}

h2 {
padding: 0;
margin:0;
text-align:center;
font-size:14px;
font-weight:normal;
}

h3 {
padding:8px 0 8px 22px;
margin:0;
text-align:left;
font-size:18px;
font-weight:normal;
}

img { border-style:none;
margin:0;
padding:0;
}

#header-top-bg {
height:20px;
background-image:url(img/header-top-bg.jpg);
background-repeat: no-repeat;
}

#header-login {
position:absolute;
padding:0 0 0 686px;
}

#header-login a
{
font-family: verdana, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#fff;	

}
#header-login a:hover 
{
color:#efefef;
}

#main-page {
width:1040px;
margin:0 auto;
padding:0;

background-image:url(img/background.jpg);
background-repeat: repeat-y;
}

#content {
width:906px;
margin:0 auto;
padding:0;

}




#header {
width:906px;
height:145px;
margin:0 auto;
padding:0;
background: url(img/header-bg.jpg);
background-repeat: no-repeat;
background-color:#000;
}

#header-inner-left {
display:inline-block;
float:left;
}

#header-inner-right {
float:right;
margin:0;
padding: 0 16px 0 0;
}

#header-inner-right span {
position:relative;
float:right;
margin:0 ;
}
#header-inner-right ul {
float:right;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

#header-inner-right li {
padding: 0 0px 0 4px;
text-align:center;
display:inline;
}

#header-inner-right a {
}
#header-inner-right a:hover {
}

#logo {
margin:0;
padding:0 0 0 16px;
}

.resellers-button {
display: inline-block;
margin: 6px 6px 0 0;
width: 144px;
height: 32px;
background-image: url(img/resellers-button.gif);
background-repeat: no-repeat;
}

.resellers-button:hover {
background-position: 0pt -32px;
}

.aboutus-button {
display: inline-block;
margin: 6px 6px 0 0;
width: 144px;
height: 32px;
background-image: url(img/aboutus-button.gif);
background-repeat: no-repeat;
}

.aboutus-button:hover {
background-position: 0pt -32px;
}

.contactus-button {
display: inline-block;
margin: 6px 4px 0 0;
width: 144px;
height: 32px;
background-image: url(img/contactus-button.gif);
background-repeat: no-repeat;
}

.contactus-button:hover {
background-position: 0pt -32px;
}

#button-brands {
width:906px;
margin:0;
background-color:#000;
}

#button-brands ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
background-color:#000;
}

#button-brands li {padding:0;text-align:center;display:inline;}

#button-brands a
{

}
#button-brands a:hover 
{

}

.batmos {
display:inline-block;
margin-right:20px;
width:286px;
height:191px;
background-image:url(img/button-atmos.jpg);
}
.batmos:hover
{
background-position: 0pt -191px;
}

.bfairy {
display:inline-block;
margin-right:20px;
width:286px;
height:191px;
background-image:url(img/button-fairygirls.jpg);
}

.bfairy:hover

{

background-position: 0pt -191px;

}
.blittleh  {display:inline-block;
margin-right:0px;
width:286px;
height:191px;
background-image:url(img/button-little-heros.jpg);
}
.blittleh:hover
{
background-position: 0pt -191px;
}









#news {
clear:both;
display:block;
width:906px;
height:237px;
margin:0;
padding:0;
background-image:url(img/news-bg-main.jpg);
background-repeat: no-repeat;
}




#news-banner {
display:inline;
float:right;
width:304px;
padding:12px 14px 0 0;
color:#fff;	
}
.news-banner-link
{
color:#fff;	


}
#news-banner a:hover 
{

}
#news-banner hr {
width:60%;
}


#news p {
padding:50px 400px 0 30px;
}



#footer-pre {
display:block;
width:906px;
height:86px;
margin:0;
padding:18px 0 0 30px;
background-image:url(img/footer-pre-bg.jpg);
background-repeat: no-repeat;
background-color:#000;
}


#footer-pre ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}

#footer-pre li {padding:0;text-align:center;display:inline;}

#footer-pre a
{

}
#footer-pre a:hover 
{

}

.footer-pre-atmos
{display:inline-block;
margin-right:0px;
width:244px;
height:66px;
background-image:url(img/footer-pre-atmos.jpg);
}
.footer-pre-atmos:hover
{
background-position: 0pt -66px;
}
.footer-pre-fg
{display:inline-block;
margin-left:68px;
width:244px;
height:66px;
background-image:url(img/footer-pre-fg.jpg);
}
.footer-pre-fg:hover
{
background-position: 0pt -66px;
}


.footer-pre-lh
{display:inline-block;
margin-left:58px;
width:244px;
height:66px;
background-image:url(img/footer-pre-lh.jpg);
}
.footer-pre-lh:hover
{
background-position: 0pt -66px;
}



#footer {
width:100%;

font-size:10px;
color:#e5eaee;
margin:0 auto;
padding:10px 0;
text-align:center;
background-color:#000;
}


#footer-bottom-bg {
height:20px;
background-image:url(img/footer-bottom-bg.jpg);
background-repeat: no-repeat;
background-color:#000;
}



/* FG Page */
#body-bg-fg {
clear:both;
display:block;
width:906px;
height:270px;
margin:0;
padding:0;
background-image:url(img/body-bg-fg.jpg);
background-repeat: no-repeat;
}
#body-bg-fg p {
font-size: 15px;
padding:40px 0 0 420px;
color:#f92aae;
}

#body-bg-fg a {
color:#e82a8c;
}

#body-bg-fg a:hover {
color:#fff;
background-color:#f92aae;
}


/* LH Page */
#body-bg-lh {
clear:both;
display:block;
width:906px;
height:270px;
margin:0;
padding:0;
background-image:url(img/body-bg-lh.jpg);
background-repeat: no-repeat;
}
#body-bg-lh p {
font-size: 15px;
padding:40px 0 0 420px;
color:#1639d4;
}

#body-bg-lh a {
color:#2b4de3;
}

#body-bg-lh a:hover {
color:#fff;
background-color:#2b4de3;
}


/* Atmos Page */
#body-bg-atmos {
clear:both;
display:block;
width:906px;
height:270px;
margin:0;
padding:0;
background-image:url(img/body-bg-atmos.jpg);
background-repeat: no-repeat;
}
#body-bg-atmos p {
font-size: 15px;
padding:40px 0 0 420px;
color:#3c3046;
}

#body-bg-atmos a {
color:#392549;
}

#body-bg-atmos a:hover {
color:#fff;
background-color:#392549;
}


/* Main Template Pages */
#body-bg-top {
clear:both;
display:block;
width:906px;
height:32px;
margin:0;
padding:0;
background-image:url(img/body-bg-top.jpg);
background-repeat: no-repeat;
}


#body-bg-content {

margin:0;
padding: 0;
color:#3c3046;
background-color:#fff;
}

#body-bg-content-text {
width:520px;
float:left;
margin:0;
padding: 6px 6px 6px 24px ;
color:#3c3046;
background:#fff;
}

#body-bg-content-right {
width:320px;
height:100%;
float:right;
margin:0;
padding: 0 ;
color:#3c3046;
background:#fff;
}


#body-bg-content a {
color:#392549;
}

#body-bg-atmos a:hover {
color:#fff;
background-color:#392549;
}

#body-bg-bottom {
clear:both;
display:block;
width:906px;
height:34px;
margin:0;
padding:0;
background-image:url(img/body-bg-bottom.jpg);
background-repeat: no-repeat;
}

:focus { outline: none }