/* type */
body { font-family: Helvetica Neue, Arial, sans-serif; font-size:75%; line-height:1.5em; }
h1 { font-family:Didot, Georgia, Times New Roman, serif; font-size:1.5em; line-height:2.5; letter-spacing:0.3em; text-transform:uppercase;}
h2 { font-size:1.5em; line-height:1; margin:0 0 0.5em 0; }
h3 { font-size:1em; font-weight:bold; line-height:1.5; margin:0 0 1em 0; }
p, address { margin:0 0 0.75em 0;}
form label { font-weight:bold; text-align:right; }
form input.text, form textarea { font-family: Helvetica Neue, Arial, sans-serif;  font-size:1em; line-height:1.5;  }
form input.submit { font-family: Helvetica Neue, Arial, sans-serif; font-size:1em; line-height:2.25; font-weight:bold; }
form p.error { font-weight:bold; }
a:link { font-weight:bold; text-decoration:none;}
a:visited { font-weight:bold; text-decoration:none;}
a:hover, a:visited:hover { font-weight:bold; text-decoration:none;  }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:visited:hover { font-weight:normal; }
strong { font-weight:bold; }
em { font-style:italic; }
ul#nav { text-align:right; font-size: 16px; }
ul#nav li { line-height:3.75; }
ul#nav li ul li { line-height:2.25; }
ul#nav a:link, ul#nav a:hover, ul#nav a:visited, ul#nav a:visited:hover { font-weight:normal; text-decoration:none; }
ul#nav a:hover { border-bottom:1px dotted black; }

/* colour */
body { color:#222; }
body.collection { background:#000; color:#fff; }
body.runway { background:#000; color:#fff; }
body.accessories { background:#fff; }
body.home { background:#ccc url(../img/bg_home.jpg) no-repeat top center; }
body.about { background:#ccc url(../img/bg_about.jpg) no-repeat top center; }
body.stockists { background:#000 url(bg-stockists.jpg) no-repeat top center; }
body.stockists div#content { background:transparent url(bg-transparent-black.png) repeat 0 0; color:#fff; }
body.contact { background:#ccc url(bg-contact.jpg) no-repeat top center; }
body.newsletter { background:#ccc url(bg-newsletter.jpg) no-repeat top center; }

#header {background-image: url(../img/bg_header.png); color:#000; }
ul#nav, ul#nav ul { color:#000; }
a:link { color:#222; }
a:hover { color:#222; border-bottom:1px dotted #222; }
a:visited { color:#555; }
a:visited:hover { border-bottom:1px dotted #555; }
ul#nav a:visited { color:#222; }
ul#nav a:visited:hover { border-bottom:1px dotted #222; }
.stockists #content a:link, .runway #content a:link { color:#fff; }
.stockists #content a:hover, .runway #content a:hover { color:#fff; border-bottom:1px dotted #fff; }
.stockists #content a:visited, .runway #content a:visited { color:#ccc; }
.stockists #content a:visited:hover, .runway #content a:visited:hover { color:#ccc; border-bottom:1px dotted #ccc; }
h1 a:link, h1 a:visited, h1 a:hover, h1 a:visited:hover { font-weight:normal; color:#222; border-bottom:none; }
form input.text { border:none; }
form textarea { border:none; }
form input.submit { border:none; background:#000; color:#fff; }
form input.submit:hover { background:#333; }
p.error { color:#c00; }

#lang {position: absolute; left: 1.5em; top: 60px; z-index: 9999; font-size:1.3em; line-height:2.5; letter-spacing:0.3em; text-transform:uppercase;}
#rus {background: url('../img/rus_flag.gif') no-repeat; padding-left: 30px;}
#eng {background: url('../img/eng_flag.gif') no-repeat; padding-left: 30px;}

/* layout */
#header { height:5.75em; }
#header h1 { position:absolute; left:0; top:15px; padding:0 0 0 1.5em; }

ul#nav { width:auto; height:auto; position:absolute; right:30px; top:0px; overflow:visible; }
ul#nav li { display:inline; float:left; padding:0 2.25em 0 0; position:relative; }
ul#nav li ul { display:none;    background: #fff; /* Цвет фона */
    opacity: 0.75; /* Значение прозрачности */
    filter: alpha(Opacity=75); /* Прозрачность в IE */ }
ul#nav li:hover ul, ul#nav li.hover ul { display:block; position:absolute; left:-1.5em; top:3em; width:13.5em; padding:0 1.5em 0.75em 1.5em; }
ul#nav li ul li { display:block; clear:left; width:100%; text-align:left;}


body { width:100%; height:100%; min-width:80em; min-height:50em; }

body.home div#content { position:absolute; left:53%; top:20%; padding:0 0 0 1.5em; width:24em; }
body.about div#content { position:absolute; left:15%; top:15%; padding:0 0 0 1.5em; width:24em; }

body.stockists div#content { /*margin:25% 0 0 0;*/position:absolute; bottom:0; width:100%; overflow:hidden; }
body.stockists div#content div { width:81em; margin:auto; overflow:hidden; }
body.stockists div#content div div { display:inline; float:left; width:34.5em; padding:1.5em; }

body.contact div#content { margin:4em 0 0 0; }
body.contact div.contact-form { display:inline; float:left; margin:0 0 0 4em; max-width:37.5em; }
body.contact div.contact-details { display:inline; float:left; padding:0 1.5em 0 6em; width:24em; }
body.contact div.contact-form h2 { padding: 0 0 0 8.5em; }
body.contact div.contact-form p { padding: 0 0 0 12.75em; }

body.newsletter div.newsletter-form { position:absolute; top:25%; left:50%; width:37.5em; padding:0 1.5em 0 1.5em; margin:0 0 0 -27em; }
body.newsletter div.newsletter-form h2 { padding:0 0 0 8.5em;}
body.newsletter div.newsletter-form p { padding:0 0 0 12.75em; }

body.runway #content { position:absolute; left:0; top:0; width:100%; height:100%;}
body.runway #content object { position:absolute; left:0; top:0; width:100%; height:100%;}
body.runway div.flash-install { padding:6em 1.5em 0 1.5em; }
div.image-scroller ul { width:100%; height:100%; }
div.image-scroller img { float:left; } 

form { display:block; margin:2em 0 0 0; }
form div { overflow:hidden; padding:0 0 0.75em 0; }
form label { display:inline; float:left; width:11.25em; line-height:2.25em; padding:0 1.5em 0 0; cursor:pointer; }
form input.text { display:inline; float:left; width:23.5em; height:1em; padding:0.5em 0.25em 0.725em 0.25em; }
form textarea { display:inline; float:left; width:23.5em; height:10.025em; padding:0.5em 0.25em 0.725em 0.25em; }
form input.submit { margin:1.5em 0 0 12.75em; height:2.25em; cursor:pointer; }


/* z-index */
ul#nav { z-index:2; }
ul#nav li ul { z-index:2; }
h1 { z-index:2; }


/* special things for special browsers */
img { -ms-interpolation-mode:bicubic; }





img.bgmaximage {position:fixed !important;}
