/* ---------------------------------------------------------------------------------------------- */
/*  Dalgleish - Diamond Jewellers - Coming Soon Page - Ver.2 - Screen CSS  					      */
/*  Ver          : 2.0                                   										  */
/*  Created      : 29 August 2011                            									  */
/*  Last Updated : 2 November 2011                            									  */
/*  Note    :                                            										  */
/*  - Reset CSS based on Eric Meyer's Reset CSS ver2.0 http://meyerweb.com/eric/tools/css/reset/  */
/*  - IE7 : IE7 specific styles exist in screen-ie7.css  										  */
/*  - IE8 : IE8 specific styles exist in screen-ie8.css  										  */
/*  - IE9 : IE9 specific styles exist in screen-ie8.css  										  */
/* ---------------------------------------------------------------------------------------------- */

/*------------------*/
/* Table of Content */
/*------------------*/

/*
1. Reset CSS

2. General
	2.1. Hyperlink
	2.2. Heading
	2.3. Text
	2.4. Class
	2.5. Table
	2.6. Form

3. Lay-out

4. Header

5. Navigation
	5.1. Accessibility Navigation
	5.2. Main Navigation

6. Content
	6.1. General
	6.2. Home Page
	6.3. Content Page

7. Footer

8. Plug-in Related CSS

9. Additional CSS
*/


/*--------------*/
/* 1. Reset CSS */
/*--------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}table,tbody,tfoot,thead,tr,th,td{font-size:100%;font:inherit;vertical-align:baseline;border-collapse:collapse;border-spacing:0;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:100%;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}

/*------------*/
/* 2. General */
/*------------*/

body {
margin: 0;
padding: 0;
font: 62.5% Arial, Helvetica, Verdana ,sans-serif;
color: #000;
background-color: #FFF;
}

/* 2.1. Hyperlink */

a {
color: #000;
font-size: 1.2em;
text-decoration: none;
cursor: pointer;
outline: none;
text-decoration: none;
}

a:hover {text-decoration: underline;}

/* 2.2. Heading */

h1, h2, h3, h4 {
font-weight: bold;
line-height: 100%;
margin: 0 0 15px 0;}

h1 { font-size: 2.4em;}
h2 { font-size: 2em;}
h3 { font-size: 1.6em;}
h4 { font-size: 1.2em;}

/* 2.3. Text */

p {
font-size: 1.2em;
margin: 0 0 15px 0;
line-height: 1.5;
}

address {
font-size: 1.2em;
font-style: normal;
line-height: 1.5;
margin: 0 0 15px;
}

/* 2.4. Class */

.clear  {clear: both;}

.img-replacement {
display: block;
text-indent: -9999px;
font-size: 0;
line-height: 0;
}

/* 2.5. Table */

table {margin: 0 0 15px 0;}

td, th  {
font-size: 1.1em;
padding: 5px;
}

/* 2.6. Form */

input, textarea {
margin: 0;
padding: 0;
border: 0;
background: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
outline: none;
}

input.submit {cursor: pointer;}

label {
font-size: 1.2em;
display: block;
margin: 0 0 3px 0;
}

textarea {margin: 0 0 15px 0;}

/*------------*/
/* 3. Lay-out */
/*------------*/

div.grand-wrapper /* Important to remove space on the top of page in Opera Browser */ {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 999;
overflow: hidden;
}

div.grand-wrapper {background: #000 url(../img/temp/home-bg-05.jpg) no-repeat top center;}

.js div.grand-wrapper {background: none;}

div.wrapper {
width: 980px;
margin: 0 auto;
position: relative;
}

/*-----------*/
/* 4. Header */
/*-----------*/

div.header {position: relative;}

a.logo {
display: block;
width: 600px;
height: 103px;
position: fixed;
top: 40px;
left: 0
}

/*---------------*/
/* 5. Navigation */
/*---------------*/

/* 5.1. Accessibility Navigation */

ul.nav-access {
position: absolute;
top: -9999px;
left: -9999px;
}

/* 5.2. Main Navigation */

.home div.main-nav {
position: fixed;
top: 170px;
left: 310px;
}

.home .main-nav li  {margin: 0 0 35px;}

.home .main-nav a {
display: block;
height: 48px;
background: transparent url(../img/home-sprite.png) no-repeat 0 0;
}

.home .main-nav a.mn-discover {
width: 639px;
background-position: 0 0;
}

.home .main-nav a.mn-collection {
width: 851px;
background-position: 0 -56px;
}

.home .main-nav a.mn-exclusive {
width: 763px;
background-position: 0 -111px;
}

.home .main-nav a.mn-workshop {
width: 513px;
background-position: 0 -166px;
}

.home .main-nav a.mn-contact {
width: 405px;
background-position: 0 -221px;
}

.home .main-nav .selected a.mn-discover, .home .main-nav a.mn-discover:hover {background-position: 0 -276px;}
.home .main-nav .selected a.mn-collection, .home .main-nav a.mn-collection:hover {background-position: 0 -332px;}
.home .main-nav .selected a.mn-exclusive, .home .main-nav a.mn-exclusive:hover {background-position: 0 -387px;}
.home .main-nav .selected a.mn-workshop, .home .main-nav a.mn-workshop:hover {background-position: 0 -442px;}
.home .main-nav .selected a.mn-contact, .home .main-nav a.mn-contact:hover {background-position: 0 -497px;}

/*------------*/
/* 6. Content */
/*------------*/

/* 6.1. General */

.grand-wrapper img {display: block !important;}

div.content {
}

.cms-editable-area h1, .cms-editable-area h2, .cms-editable-area h3, .cms-editable-area h4 {line-height: 1.2;}
.cms-editable-area a, .cms-editable-area ul li ul li, .cms-editable-area ol li ol li, .cms-editable-area ul li ol li, .cms-editable-area ol li ul li {font-size: 1em;}

.cms-editable-area ul {
list-style: disc outside none;
margin: 0 0 15px 20px;
}

.cms-editable-area ul li ul, .cms-editable-area ol li ul {
margin-top: 10px;
list-style: disc outside none;
}

.cms-editable-area ol {
list-style: decimal outside none;
margin: 0 0 15px 24px;
}

.cms-editable-area ul li ol, .cms-editable-area ol li ol {
margin-top: 10px;
list-style: decimal outside none;
}

.cms-editable-area li {
margin: 0 0 5px 0;
font-size: 1.2em;
}

.cms-editable-area li p {
font-size: 1em;
margin: 0;
}

.cms-editable-area li a, .cms-editable-area li p a {font-size: 1em;}
.cms-editable-area table p, .cms-editable-area table li, .cms-editable-area table li p {font-size: 1em;}

.cms-editable-area table, .cms-editable-area td, .cms-editable-area th {border-color: #000;}

.cms-editable-area td, .cms-editable-area th {
font-size: 1.2em;
padding: 5px;
}

/* 6.2. Home Page */


/* 6.3. Content Page */

/*-----------*/
/* 7. Footer */
/*-----------*/

div.footer {
}

.js div.social-link {
position: fixed;
right: 250px;
bottom: 70px;
z-index: 9999;
}

div.social-link {
position: fixed;
right: 0;
bottom: 15px;
z-index: 9999;
}

/*------------------------*/
/* 8. Plug-in Related CSS */
/*------------------------*/

#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ height:auto; width:auto; position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

/*-------------------*/
/* 9. Additional CSS */
/*-------------------*/

div.coming-soon-notice {
width: 247px;
position: fixed;
top: 30px;
left: 0;
z-index: 9999;
}

.coming-soon-notice a.logo {
border-bottom: 1px solid #646a6a;
display: block;
width: 247px;
height: 88px;
position: static;
}

.coming-soon-notice div.message {
background: #fbfbf6;
padding: 15px 20px 54px;
width: 207px;
position: relative;
}

.coming-soon-notice strong {
display: block;
font: bold 50px/90% "Myriad Pro", Arial, Helvetica, Sans-serif;
text-transform: uppercase;
padding: 0 0 5px;
}

.coming-soon-notice .message a.fb-link {
display: block;
padding: 0 0 10px;
position: relative;
left: -20px;
}

.coming-soon-notice div.contact {
background: transparent url(../img/bg-transparent-white.png);
padding: 15px 20px;
width: 207px;
}

.coming-soon-notice .contact p {
font-size: 12px;
margin: 0 0 2px;
}

.coming-soon-notice .contact a {font-size: 12px;}