* html .dash .digit {
margin : 10px 0 0 7px;
}
* html .dash_title {
right : 0;
}
* html #email_field {
height : 28px;
padding : 10px 0 0 0;
margin : 2px 0 0 0;
}
*:first-child + html #email_field {
height : 28px;
padding : 10px 0 0 0;
margin : 2px 0 0 0;
}
*:first-child + html .dash_title {
right : 0;
}
body {
background : #e8ebec;
font-family : Arial, Helvetica, sans-serif;
color : #ccc;
margin : 0;
padding : 0;
}
img {
border : 0;
}
#wrapper {
width : 960px;
margin : 0 auto;
padding : 0;
}
#logo {
background : url(../images/logo.jpg) no-repeat center;
width : 830px;
height : 164px;
display : block;
margin : 0 auto;
}
#main {
background : url(../images/main.png) no-repeat center;
width : 847px;
height : 395px;
overflow : hidden;
margin : 0 auto;
}
#countdown {
width : 770px;
height : 120px;
margin : 150px 0 0 45px;
}
.dash {
width : 127px;
height : 125px;
background : transparent url(../images/box.jpg) no-repeat 0% 0%;
float : left;
margin-left : 20px;
position : relative;
}
.dash .digit {
font-size : 70px;
font-weight : bold;
float : left;
width : 45px;
text-align : center;
font-family : Arial;
color : #2f2e2e;
position : relative;
margin : 10px 0 0 13px;
}
.dash_title {
position : absolute;
display : block;
bottom : 0;
text-align : center;
font-weight : bold;
width : 127px;
font-size : 16px;
color : #2f2e2e;
}
#bottom {
width : 800px;
height : 40px;
margin : 67px 0 0 50px;
}
.bottom-text {
float : left;
width : 120px;
height : 27px;
color : #fff;
font-size : 16px;
padding : 13px 0 0 20px;
}
#email_field {
float : left;
background : url(../images/input.jpg) no-repeat top;
border : 0;
width : 191px;
height : 38px;
display : block;
color : #fff;
text-align : center;
font-size : 16px;
margin : 0;
padding : 0;
}
#newsletter {
float : left;
width : 300px;
height : 40px;
}
#submit {
margin : 0;
}
.message {
margin-top : 10px;
color : green;
}
.error {
margin-top : 10px;
color : red;
}
.photo-fold {
position : relative;
display : inline-block;
width : 320px;
height : 220px;
overflow : hidden;
cursor : pointer;
}
.photo-fold img.main {
width : 100%;
height : 100%;
display : block;
}
.photo-fold .corner {
position : absolute;
top : 0;
right : 0;
width : 100px;
height : 100px;
z-index : 2;
}
.photo-fold .corner img.under {
width : 100%;
height : 100%;
}
.photo-fold .corner .shine {
position : absolute;
top : 0;
right : 0;
width : 100%;
height : 100%;
}
.photo-fold .corner .shadow {
position : absolute;
top : 0;
right : 0;
width : 150%;
height : 150%;
z-index : 1;
}* html .dash .digit {
margin : 10px 0 0 7px;
}
* html .dash_title {
right : 0;
}
* html #email_field {
height : 28px;
padding : 10px 0 0 0;
margin : 2px 0 0 0;
}
*:first-child + html #email_field {
height : 28px;
padding : 10px 0 0 0;
margin : 2px 0 0 0;
}
*:first-child + html .dash_title {
right : 0;
}
body {
background : #e8ebec;
font-family : Arial, Helvetica, sans-serif;
color : #ccc;
margin : 0;
padding : 0;
}
img {
border : 0;
}
#wrapper {
width : 960px;
margin : 0 auto;
padding : 0;
}
#logo {
background : url(../images/logo.jpg) no-repeat center;
width : 830px;
height : 164px;
display : block;
margin : 0 auto;
}
#main {
background : url(../images/main.png) no-repeat center;
width : 847px;
height : 395px;
overflow : hidden;
margin : 0 auto;
}
#countdown {
width : 770px;
height : 120px;
margin : 150px 0 0 45px;
}
.dash {
width : 127px;
height : 125px;
background : transparent url(../images/box.jpg) no-repeat 0% 0%;
float : left;
margin-left : 20px;
position : relative;
}
.dash .digit {
font-size : 70px;
font-weight : bold;
float : left;
width : 45px;
text-align : center;
font-family : Arial;
color : #2f2e2e;
position : relative;
margin : 10px 0 0 13px;
}
.dash_title {
position : absolute;
display : block;
bottom : 0;
text-align : center;
font-weight : bold;
width : 127px;
font-size : 16px;
color : #2f2e2e;
}
#bottom {
width : 800px;
height : 40px;
margin : 67px 0 0 50px;
}
.bottom-text {
float : left;
width : 120px;
height : 27px;
color : #fff;
font-size : 16px;
padding : 13px 0 0 20px;
}
#email_field {
float : left;
background : url(../images/input.jpg) no-repeat top;
border : 0;
width : 191px;
height : 38px;
display : block;
color : #fff;
text-align : center;
font-size : 16px;
margin : 0;
padding : 0;
}
#newsletter {
float : left;
width : 300px;
height : 40px;
}
#submit {
margin : 0;
}
.message {
margin-top : 10px;
color : green;
}
.error {
margin-top : 10px;
color : red;
}
.photo-fold {
position : relative;
display : inline-block;
width : 320px;
height : 220px;
overflow : hidden;
cursor : pointer;
}
.photo-fold img.main {
width : 100%;
height : 100%;
display : block;
}
.photo-fold .corner {
position : absolute;
top : 0;
right : 0;
width : 100px;
height : 100px;
z-index : 2;
}
.photo-fold .corner img.under {
width : 100%;
height : 100%;
}
.photo-fold .corner .shine {
position : absolute;
top : 0;
right : 0;
width : 100%;
height : 100%;
}
.photo-fold .corner .shadow {
position : absolute;
top : 0;
right : 0;
width : 150%;
height : 150%;
z-index : 1;
}