@font-face { 
        font-family: "Copperplate Gothic Light"; 
        font-style: normal; 
        src: url(../font/Copperplate_Gothic_Light.eot); /*if IE */ 
        src: local("Grandesign Regular"), url("../font/Copperplate_Gothic_Light.ttf") format("truetype"); /* non-IE */ 
}


* { margin: 0; padding: 0; }

body { background: #333; font-family: Verdana, Geneva, sans-serif; color: #333; }

a { text-decoration: none; }

#header { margin: 5px auto 15px; padding: 0; width: 832px; height: 135px; background: url(../images/head-bkg.jpg) right center no-repeat; }

#header h1 { float: right; margin: 90px 25px 0; font-family: "Copperplate Gothic Light"; font-size: 24px; font-weight: normal; color: #FFF; }


#menu { float: left; margin: 5px; padding: 5px; width: 240px; height: 115px; background: url(../images/menu-bkg.jpg); }

#menu ul { position: relative; float: left; margin: 0; padding: 0; list-style: none; }

#menu ul li { float: left; margin: 0; padding: 0; text-align: left; }

#menu ul li a { display: block; padding: 0; width: 220px; height: 15px; font-size: 13px; font-weight: bold; color: #FFF; }

#menu ul li a:hover { color: #D13D21; }

#menu ul li ul { display: none; position: absolute; left: 219px; top: 0; height: 115px; }

#menu ul li ul li a { display: block; padding: 2px 0 2px 5px; width: 105px; height: 15px; font-size: 12px; font-weight: bold; }

#menu ul li ul li a:hover { color: #333; background: #FFF; }

#menu ul li ul li ul { display: none; position: absolute; left: 109px; top: 0; height: 115px; }


#menu ul li .store li a { display: block; padding: 2px 0 2px 5px; width: 265px; height: 15px; font-size: 12px; font-weight: bold; }

#menu ul li .store { display: none; position: absolute; left: 219px; top: 0; height: 115px; }


#content-borderless { margin: 0 auto; padding: 0; width: 830px; font-family: "Arial Narrow"; }

#content { margin: 0 auto; padding: 0; border: 4px double #FFF; width: 830px; font-family: "Arial Narrow"; }

#content h1 { font-size: 22px; }

#content h2 { font-size: 18px; }

#content a { text-decoration: none; color: #333; }

table { width: 100%; background: #FFF; }

table td { padding: 25px; }

table p { text-align: justify; }

table .td-middle { padding: 25px 0; width: 350px; }

table .td-middle p { margin-bottom: 5px; text-align: center; }

table .td-right p {  margin-bottom: 10px; text-align: right; }

table .td-left p { text-align: left; }

table .wrapper { position: static; width: 200px; height: 320px; }

table img { border: 3px double #999; }

.thumb { width: 74px; height: 50px; cursor: pointer; }


form { display: block; width: 380px; }
 
form span { display: block; margin: 0 0 10px; height: 20px; }

form div { margin: 0 0 10px; height: 60px; }

form label { display: block; float: left; padding: 0; width: 80px; height: 20px; font-size: 14px; text-align: left; }

form input, form textarea {	float: right; padding: 2px 10px; border: 1px solid #999; width: 250px; height: 16px; }

form textarea { height: 56px; }

form #code { display: block; float: right; margin: 0; width: 136px; }

form #code-img { display: block; float: right; margin: 0; border: none; width: 110px; cursor: pointer; }

form button{ display: block; float: right; padding: 2px 10px; border: 1px solid #999; font-size: 14px; }


#footer { margin: 0 auto; padding: 0; width: 832px; color: #DEDEDE; font-size: 12px; }

#footer ul { position: relative; margin: 25px auto 10px; padding: 0; width: 500px; height: 20px; list-style: none; }

#footer ul li { float: left; margin: 0; padding: 0; text-align: left; }

#footer ul li a { display: inline-block; padding: 2px 5px; height: 15px; font-size: 10px; font-weight: bold; color: #FFF; }

#footer ul li a:hover { color: #D13D21; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; height: 0; } 

.borderless { border: none; }