/* CSS Document */
html, body{
margin:0;
padding:0;
width:100%;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height:normal;
color:#555;
background: #161616 url(../images/bg_main.gif) top;
}
body {
background: url(../images/bg_top.gif) repeat-x top;
padding: 20px 0;
}
#header{
height:799px;
width:810px;
display: block;
position: absolute;
top: -739px;
left: 7px;
z-index: 99;
}
div, img {
behavior: url("iepngfix.htc");
}
img, form{
margin:0;
padding:0;
border:none;
}
input {
width: 230px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
textarea {
width: 365px;
height: 85px;
}
a{
text-decoration:underline;
color:#ff9900;
}
a:hover{
color: #72c20d;
text-decoration:underline;
}
h1 {
color: #72c20d;
font:normal 19px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #72c20d;
padding: 0;
margin: 15px 10px;
clear: both;
}
h2 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #e0e0e0;
padding: 0;
margin: 20px 10px 5px 10px;
color: #666666;
padding: 3px 0;
line-height: 20px;
}
p {
margin: 0 10px 20px 10px;
color: #999;
}
ul {
margin: 10px 10px 10px 25px;
padding: 0;
list-style: square;
}
li {
color: #999;
padding: 5px 0;
}
.clear {
font-size: 0px;
clear: both;
}
.main {
width: 935px;
margin: 0 auto;
background: url(../images/main_bg.png) repeat-y;
}
.apple {
background: url(../images/bg_apple.jpg) no-repeat center bottom;
}
.bottom {
width: 935px;
margin: 0 auto;
height: 62px;
font-size: 9px;
color: #666;
background: url(../images/main_bottom.png) no-repeat;
}
.appleShadow {
position:relative;
height: 0px;
}
.applePice {
position: absolute;
width: 35px;
height: 123px;
left: 926px;
top: -76px;
z-index: 5;
background: url(../images/apple.png) no-repeat;
}
.flashintro {
position: absolute;
z-index: 10; !important
}
.bottom .sound {
width: 28px;
height: 27px;
display: block;
position: relative;
left: 173px;
top: -18px;
overflow: hidden;
text-indent: -9999px;
/* background: url(../images/btn_sound.gif) no-repeat; */
}
.bottom p {
padding: 18px 0 0 240px;
margin: 0;
}
.top {
width: 935px;
margin: 0 auto;
height: 17px;
font-size: 0;
background: url(../images/main_top.png) no-repeat;
}
.left {
float: left;
width: 192px;
margin: 0 0 0 9px;
display: inline;
}
.logo {
overflow: hidden;
text-indent: -9999px;
background: url(../images/logo.jpg) no-repeat;
width: 192px;
height: 121px;
display: block;
}
.leftMenu {
margin: 0;
padding: 0 0 25px 0;
list-style: none;
display: block;
}
.leftMenu li {
margin: 0;
padding: 0;
}
.leftMenu a {
color: #fff;
width: 170px;
display: block;
text-decoration: none;
text-transform: uppercase;
padding: 0 0 0 25px;
height: 21px;
line-height: 21px;
background: url(../images/bg_menu.gif) repeat-y left 0;
}
.leftMenu a:hover {
text-decoration: none;
background: url(../images/bg_menu.gif) repeat-y left -22px;
color:#fff;
}
.leftMenu ul {
list-style: none;
margin: 0;
padding: 0 0 0 25px;
display: none;
}
.leftMenu ul a {
padding: 0;
display: inline;
width: auto;
height: auto;
background: none;
text-transform: none;
color:#fff;
}
.leftMenu ul a:hover {
background: none;
text-decoration: underline;
color:#fff;
}
.case {
text-align: center;
width: 192px;
padding: 0 0 10px 0;
background: url(../images/bg_case.gif) no-repeat 0 0;
}
.case h1 {
float: center;
/*float: left;*/
color: #fff;
text-decoration: underline;
font:normal 18px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 8px 15px 12px;
border: none;
}
.case img {
background: url(../images/bg_shadow.gif) no-repeat left bottom;
padding: 0 0 7px 2px;
text-align: center;
}
.case p {
color: #fff;
margin: 0;
padding:0;
clear: both;
text-align:justify;
margin-left:5px;
margin-right:5px;
}
.case p a {
color: #999999;
text-decoration: underline;
}
.case p a:hover
{
color: #fff;
text-decoration: underline;
}
.login {
font-size: 9px;
color: #fff;
padding: 18px 15px 12px;
background: url(../images/bg_loginTop.jpg) no-repeat top;
}
.login h2 {
border-bottom: 1px solid #fff;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 10px 0;
padding: 0;
text-transform: uppercase;
color:#fff;
}
.login input {
width: 155px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.login a {
color: #999999;
text-decoration: underline;
}
.login a:hover
{
color:#fff;
text-decoration:underline;
}
.login .submit {
width: 52px;
height: 18px;
color: #fff;
background: url(../images/bg_login.gif) no-repeat;
border: none;
margin: 5px 0 0 40px;
}
.center {
float: left;
width: 449px;
margin: 17px 0 0 29px;
padding: 0 0 60px 0;
}
.center.subpage {
width: 650px;
}
.center input.submit {
width: 59px;
height: 21px;
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
border: 0px solid #fff;
color: #fff;
background: url('../images/bg_submit.gif') no-repeat 50% top;
float: right;
position:relative;
left:24px;
top: 0px;
}
.center form {
float: left;
width: 380px;
}
.center p {
clear: both;
text-align:justify;
}
.right {
float: left;
width: 199px;
margin: 17px 0 100px 21px;
padding: 0 0 3px 0;
background: url(../images/bg_right_bottom.gif) no-repeat bottom;
}
.main_right {
background: url(../images/bg_right.gif) repeat-y;
}
.right h2 {
clear: both;
color: #fff;
margin: 0;
padding: 0;
font:normal 14px Arial, Helvetica, sans-serif;
background: url(../images/bg_h_right.gif) no-repeat top;
padding: 0 7px;
text-transform: uppercase;
line-height: 27px;
}
.right p {
margin: 0;
padding: 8px 15px;
}
/*.right .imgRight {
margin: 10px 15px 0;
padding: 0 80px 15px 0;
background: #fff url(../images/press.jpg) no-repeat right top;
}*/
.right .imgLeft {
margin: 10px 15px 0;
padding: 0 0 15px 80px;
background: #fff url(../images/award.jpg) no-repeat left top;
}
.right h2.white {
background: #fff url(../images/bg_h_right.gif) no-repeat top;
}
.right h3 {
position: relative;
color: #666;
padding: 0;
margin: 5px 15px;
border-bottom: 1px solid #e0e0e0;
font: bold 19px "Times New Roman", Times, serif;
}
.date {
color: #86cb17;
float: right;
margin: 0 10px;
position: relative;
top: 28px;
font-size: 10px;
}
.press {
background: url(../images/press.jpg) no-repeat left top;
padding: 0 0 0 70px;
}
.address {
width: 245px;
float: left;
margin: 0 0 0 20px;
}
.address p
{
position:relative;
left:200px;
}
.list {
padding: 1px 0 1px 10px;
display: block;
background: url(../images/arrow.gif) no-repeat left center;
}
.right form {
text-align: right;
}
.right input.submit {
width: 59px;
height: 21px;
margin: 10px 0;
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
border: 0px solid #fff;
color: #fff;
background: url(../images/bg_submit.gif) no-repeat bottom;
}
.right input {
width: 165px;
}
.small {
font-size: 10px;
}
p.client {
float: left;
margin: 0 0 0 10px;
clear: none;
width: 280px;
line-height: 16px;
}
.clientImg {
float: left;
margin: 0 0 0 10px;
padding: 0 0 5px 0;
height: 100%;
}
.appleShadow #botFlash {
position: absolute;
top: -60px;
left: 240px;
width: 500px;
height: 50px;
}
.registerfrm {
font-size: 9px;
color: #fff;
padding: 18px 15px 12px;
}
/*.button
{
width: 50px;
height: 25px;
color: #fff;
background: url(../images/bg_btn.gif);
border: none;
margin: 5px 0 0 10px;
}*/
.case h2 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 0px solid #e0e0e0;
text-align:center;
text-decoration:underline;
padding: 0;
margin: 0px 0px 0px 0px;
color: #ffffff;
padding: 0px 0;
line-height: 20px;
}
.button
{
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
border: none;
margin: 5px 0 0 40px;
padding:3px 13px 15px 12px;
background: url(../images/bg_btn.gif) no-repeat;
text-decoration:none;
text:align:right;
float:right;
}
.button:hover
{
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
border: none;
margin: 5px 0 0 40px;
padding:3px 13px 15px 12px;
background: url(../images/bg_btn.gif) no-repeat;
text-decoration:none;
text:align:right;
float:right;
}
.btmImg
{
}
.btmImg img
{
padding:5px 15px 5px 15px;
}
.mediaLoginSubmit
{
width: 59px;
height: 21px;
font:normal 9px Verdana, Arial, Helvetica, sans-serif;
border: 0px solid #fff;
color: #fff;
background: url(../images/bg_submit.gif) no-repeat top;
position:relative;
left:80px;
}
.case h2 {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 0px solid #e0e0e0;
text-align:center;
text-decoration:underline;
padding: 0;
margin: 0px 0px 0px 0px;
color: #ffffff;
padding: 0px 0;
line-height: 20px;
}
.ErrorDisplay
{
color:Red;
text-align:left;
}
.SuccessMessage
{
font-weight:bold;
font-size:medium;
}