/*
    -   Name: Opal Nera  
    -   Sheet: style.css
    -   Version: 1.0
    -   Created: 25/10/07
    -   Last Update: 25/10/07
*/

/*
____________________________________

Default styles

____________________________________
*/

* {
    padding     :	0;
    margin      :	0;
    border      :	0;
}

ul {
    list-style  :	none;
}

/*
____________________________________

Body

____________________________________
*/

body {
    width       :       837px;
    margin      :       0 auto;
    font-family :       "Arial", Trebuchet MS, Geneva, Lucida, Helvetica, Arial, sans-serif;
    padding-top :       60px;
    background  :       #050708;
}

/*    
____________________________________

Splash

____________________________________
*/

body#splash h1 {
    width       :       333px;
    height      :       471px;
    text-indent :       -9999px;
    background  :       url(/images/splash/h1bg.gif) no-repeat;
    float       :       left;
}

body#splash p {
    font-family :       "Georgia",Geneva, Lucida, Helvetica, Arial, sans-serif;
    font-size   :       16px;
    margin      :       200px 0 0 -70px;
    float       :       left;
}

body#splash p a {
    font-size   :       17px;
    text-decoration:    none;
}

/*
____________________________________

Headers

____________________________________
*/

h1 {
    width       :       245px;
    height      :       124px;
    background  :       url(/images/h1bg.gif) no-repeat;
    text-indent :       -9999px;
    float       :       left;
}

h1 a {
    display     :       block;
    height      :       124px;
}

h2 {
    width       :       583px;
    height      :       54px;
    float       :       left;
    text-indent :       -9999px;
    margin      :       -20px 0 0 75px;
}

    h2.home {
        background  :       url(/images/h2bg/home.gif) no-repeat;
    }
    
    h2.product {
        background  :       url(/images/h2bg/product.gif) no-repeat;
    }
    
    h2.company {
        background  :       url(/images/h2bg/company.gif) no-repeat;
    }  
     
    h2.dd {
        background  :       url(/images/h2bg/daringly_different.gif) no-repeat;
    }
    
    h2.contact {
        background  :       url(/images/h2bg/contact.gif) no-repeat;
    }

/*
____________________________________

The frame

____________________________________
*/

span#pic_frame {
    float       :       left;
    display     :       block;
    width       :       220px;
    height      :       288px;
    background  :       url(/images/frame.gif) no-repeat top;
    margin      :       40px 0 0 60px;
    padding     :       53px 0 0 57px;
}

span#pic_frame a {
    display     :       block;
    text-align  :       center;
    width       :       272px;
    margin      :       50px 0 0 -50px;
    text-transform:     uppercase;
    color       :       #9A8553;
    font-size   :       12px;
    text-decoration:    none;
    font-family :       "Georgia",Geneva, Lucida, Helvetica, Arial, sans-serif;
}

/*
____________________________________

Navigation

____________________________________
*/

ul#navigation {
    font-family :       "Georgia",Geneva, Lucida, Helvetica, Arial, sans-serif;
    float       :       right;
    width       :       462px;
    margin-top  :       45px;
}

ul#navigation li {
    display     :       inline;
    font-size   :       14px;
    padding     :       0 1.5px;
}

ul#navigation li a {
    color       :       #826D44;
    text-decoration:    none;
}
    
    ul#navigation li a.current {
        color       :       #585238;
    }

/*    
____________________________________

Paragraphs

____________________________________
*/

p {
    float       :       right;
    width       :       462px;
    margin-top  :       20px;
    color       :       #FFF;
    font-size   :       12px;
	line-height :       15px;
}

p a {
    color       :       #9A8553;
    font-size   :       11px;
}

/*
____________________________________

Form

____________________________________
*/

label {
	width: 100px;
	display: block;
	float: left;
}

input.text, textarea, input.submit {
    font-family: "Arial", Trebuchet MS, Geneva, Lucida, Helvetica, Arial, sans-serif;
	background-color: #000;
	border: 1px solid #9A8553;
	padding: 3px;
	font-size: 12px;
	color: #fff;
}

ul.radio_list {
	float: right;
	margin-right: 140px;
	margin-top: -12px;
	width: 200px;
	color: #fff;
	font-size: 12px;
}

ul.radio_list li {
	float: left;
	display: block;
	width: 100px;
}

/*    
____________________________________

Definition list

____________________________________
*/

dl {
    float       :       right;
    width       :       462px;
    color       :       #FFF;
    margin-top  :       25px;
}

dl dt {
    color       :       #9A8553;
    font-size   :       12px;
    cursor      :       pointer;
    margin-top  :       5px;
}

dl dd {
    font-size   :       12px;
    margin      :       10px 0;
}

dl dd a {
    color       :       #9A8553;
    font-size   :       11px;
}
    
/*
____________________________________

Image list

____________________________________
*/

ul#event {
    float       :       left;
    width       :       425px;
    margin-top  :       20px;
margin-left: 40px;
}

ul#event li {
    float       :       left;
    padding-right:      8px;
}

ul#event a {
    color       :       #9A8553;
    font-size   :       11px;
    text-decoration:    none;
}

ul#event a.selected {
    color       :       #534934;
}

ul#imagelist {
    margin      :       10px 0 0 38px;
    width       :       362px;
    height      :       182px;
    background  :       url(/images/imagelbg.gif) top left;
    float       :       left;
}

ul#imagelist li {
    float       :       left;
    margin      :       2px 0 0 2px;
    height: 58px;
    width: 58px;
    text-align: center;
}

ul#imagelist li a {
    display     :       block;
    height      :       58px;
}

ul#imagenav {
    float       :       left;
    width       :       362px;
    margin      :       5px 0 0 38px;
}

ul#imagenav li {
    float       :       left;
    width       :       180px;
}