@import url("reset.css");
@import url("form.css");

body{
background:#020000 url("bg_main.jpg") repeat-x 50% 0;
min-height:100%;
height:100%;
color:#bf97ac;
font-family:"Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
font-size:12px;
line-height:1.618em; /* the golden ratio is all around us */
}

#content{
font-size:13px;
color:#fff;
}

p{
margin:0.809em 0 1.618em 0;
cursor:default;
}

strong em, em strong{
color:#fff;
}

a:link, a:visited{
text-decoration:none;
color:#ffd800;
}

a:hover{
text-decoration:underline;
}

h1, h2, h3, h4, h5, legend, blockquote{
color:#fff;
font-family:Georgia,Times,"Times New Roman",sans-serif;
font-size:22px;
font-weight:normal;
letter-spacing:-0.06em;
margin:0.809em 0;
line-height:1em;
cursor:default;
/*font-style:italic;*/
}

h2{
font-size:22px;
}

h3, legend{
font-size:17px;
}

h4, h5{
font-size:15px;
font-style:normal;
}

h5{
font-family:"Trebuchet MS",Arial,Tahoma,Verdana,sans-serif;
}

h6{
color:#fff;
}

table{
border-collapse:collapse;
width:100%;
margin:20px 0;
cursor:default;
}

table th{
padding:12px 0 10px 15px;
font-weight:normal;
text-align:left;
color:#fff;
font-size:17px;
background:#920022;
border:1px solid #b5002b;
}

table td{
border-bottom:1px solid #920022;
padding:3px 10px;
font-size:11px;
}

ul, ol{
margin:20px 0 20px 10px;
cursor:default;
}

ul li, ol li{
list-style:none;
margin:0 0 0 5px;
padding:4px 0 0px 20px;
background:url("bullet.gif") no-repeat 0px 11px;
}

ol{
list-style-type: decimal;
list-style-position: outside;
} 

ol li{
list-style-type: decimal;
list-style-position:outside;
padding:4px 0 0px 0;
margin-left:24px;
background:transparent
}

blockquote{
float:left;
margin:0 .4em 0.1em 0;
padding:1em;
cursor:default;
width:250px;
/*
background:#920022;
border:1px solid #b5002b;
*/
}

#wrapper{
width:962px;
margin:0 auto;
}

#header{
float:left;
width:100%;
height:200px;
clear:both;
overflow:visible;
position:relative;
background: transparent url("header.png") left top no-repeat;
}

#header a.logo{
width:230px;
height:209px;
display:block;
position:absolute;
left:-45px;
}

ul#mainmenu, #header h1{
list-style-type: none;
float:left;
margin:0;
padding:0;
}

ul#mainmenu{
margin:20px 0 0 0;
width:940px;
background:#020000 url("bg_mainmenu.jpg");
padding:10px 0 0 20px;
}

ul#mainmenu li{
float:left;
margin:0 10px 0 0;
padding:0 0 5px 0;
background:none;
}

ul#mainmenu li a{
font-size:15px;
padding:0 0 5px 20px;
background: transparent url("l_menuitembg.png") left top no-repeat;
color:#fff;
font-family:Georgia,Times,"Times New Roman",sans-serif;
letter-spacing:-1px;
}

ul#mainmenu a span{
cursor:pointer;
padding:4px 20px 0 0;
background: url("r_menuitembg.png") right top no-repeat;
}

ul#mainmenu a.on{
background: transparent url("l_menuonbg.png") left top no-repeat;
color:#fff;
}

ul#mainmenu a.on span{
background: url("r_menuonbg.png") right top no-repeat;
}

ul#mainmenu a, ul#mainmenu a span
{
float:left;
height:29px;
}

ul#lang{
float:left;
margin:40px 0 0 -40px;
position:relative;
z-index:3;
display:block;
}

ul#lang li{
margin:0;
padding:0;
font-size:10px;
color:#98cdf6;
font-family:Georgia,Times,"Times New Roman",sans-serif;
background:none;
font-size:15px;
}

ul#lang li a{
text-transform:uppercase;
color:#fff;
}

ul#lang li.on a{
font-weight:bold;
}

#sidebar{
width:258px;
background:transparent url("sidebar_top.png") no-repeat 0 0;
padding-top:40px;
margin-top:-9px;
}

#sidebarwrapper{
background:transparent url("sidebar_bottom.png") no-repeat bottom right;
padding-bottom:35px;
float:left;
width:100%;
}

#sidebar ul{
margin:0;
padding:0 25px 0 15px;
border-left:1px solid #000;
}

#sidebar ul li{
padding:0 0 0 14px;
margin:0 0 1px 0;
background-position:0px 10px;
border-bottom:1px solid #5d0015;
}

#sidebar ul li a{
display:block;
color:#fff;
padding:6px 5px 3px 5px;
}

#sidebar ul li.on{
background-image:url("bullet2.gif");
}

#sidebar ul li.on a{
color:#ffc600;
}


#sidebar ul ul{
margin:0;
padding:0;
border:0;
}

#sidebar ul li.on li a{
color:#fff;
padding-left:8px;
}

#sidebar ul li.on li.on{
background-image:url("bullet.gif") no-repeat;
}

#sidebar ul li.on ul li.on a{
color:#ffc600;

}

/*
#sidebar ul li li{
padding:0 0 0 14px;
margin:0 0 1px 0;
background-position:0px 10px;
border-bottom:1px solid #5d0015;
}



#sidebar ul li li.on{
background:url("submenu_on.jpg");
background-position:0px 0px;
width:237px;
margin-left:-15px;
border:0;
}

#sidebar ul li li.on a{
color:#231a00;
padding-left:43px;
}
*/

#sidebar h2{
margin:-5px 0 30px 15px;
line-height:0;
position:relative;
z-index:2;
}

#next, #previous, #hide{
padding:0 0 5px 20px;
color:#fff;
font-size:10px;
margin-right:10px;
}

#next{
background:url("next.png") no-repeat 0 0;
}

#previous{
background:url("previous.png") no-repeat 0 0;
}

.back{
padding:0 0 0 20px;
font-size:12px;
}

#hide, .back{
background:url("hide.png") no-repeat 0 0;
}

#portfolio{
height:198px;
overflow:hidden;
}

.portfolioitem{
padding:0 5px 0 10px;
margin-top:10px;
background:url("portitembg.png") no-repeat 0 0;
height:89px;
overflow:hidden;
line-height:1.2em;
color:#c1c1c1;
font-size:11px;
}

.phover{
background:url("portitemhoverbg.png") no-repeat 0 0;
}

.portfolioitem a, .portfolioitem a:hover{
color:#c1c1c1;
text-decoration:none;
}

.portfolioitem .thumbwrap{
float:left;
border:3px solid #fff;
margin-right:6px;
width:90px;
height:44px;
overflow:hidden;

}

.portfolioitem img{
}

.portfolioitem h3{
margin:8px 0;
font-size:13px;
color:#fff;
font-family:"Segoe UI",Arial,sans-serif;
letter-spacing:0;
}

#content{
float:right;
width:660px;
padding:10px 20px;
min-height:290px;
background:#5e0015 url("bg_content.jpg") repeat-x 0 0;
border:1px solid #b3002b;
margin-bottom:7px;
}

#news{
float:right;
width:413px;
padding:10px 20px;
position:relative;
z-index:99;
height:266px;
background:transparent url("newsbg.png") repeat-x 0 0;
}

#news p{
font-size:15px;
line-height:2em;
}

#news ul, #news ul li{
margin:0;
padding:0;
background:none;
line-height:1.4em;
}

#news ul li{
background:transparent url("arrows.png") no-repeat 0 0;
}

#news ul li a{
display:block;
color:#fff;
font-size:14px;
background:transparent url("shadow.png") no-repeat bottom left;
padding:0 0 15px 40px;
position:relative;
left:-5px;
}
#news ul li a:hover{
text-decoration:none;
}

#news ul li a em{
color:#b87c8e;
font-size:12px;
display:block;
}

/*
#news ul li.last a{
background:transparent url("arrows.png") no-repeat 0 0;
}
*/

#news #allarchive{
position:absolute;
bottom:12px;
right:15px;
}

#video{
background:transparent url("newsbg.png") repeat-x 0 0;
padding:10px;
float:left;
width:480px;
}

#subfooter{
background:transparent url("subfooter.png") repeat-x 0 0;
height:125px;
line-height:1.2em;
padding:10px;
position:relative;
}

#subfooter h2{
margin-bottom:10px;
}

#clicknew, #clickcampaign{
background:transparent url("clickety.png") repeat-x 0 0;
display:block;
width:40px;
height:40px;
text-indent:-99999px;
position:absolute;
top:60px;
left:420px;
}

#clickcampaign{
left:910px;
}

.fhalf{
float:left;
width:400px;
}

.fhalf2{
float:right;
width:260px;
margin-right:50px;
}

#newproductwrapper{
float:left;
border:2px solid #000;
margin:10px 10px 0 0;
width:122px;
height:90px;
text-align:center;
background-color:#ffffff;
overflow:hidden;
}

#newproductwrapper img{
height:100%;
width:auto;
max-width:100%;
vertical-align:middle;
}

#subfooter h2 em{
font-style:normal;
font-family:"Trebuchet MS",Times, sans-serif;
font-size:18px;
}


#footer{
background:url("footer.gif") no-repeat 50% 100%;
margin:10px auto;
clear:both;
padding:0 0 30px 0;
height:25px;
color:#8d5162;
text-align:center;
}

#footer span{
float:right;
}

#footer span a{
color:#5d5d5d;
font-size:10px;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}

.half{
width:48%;
float:left;
padding-right:2%;
line-height:1em;
font-size:12px;
}

.half div.thumb{
float:left;
margin:5px 10px 5px 0;
border:4px solid #fff;
background:#fff;
width:150px;
height:100px;
text-align:center;
font-size:160px;
line-height:1em;
}

.half div.thumb img{
display:inline;
display:inline-table;
display:inline-block;
vertical-align:middle;
position:relative;
top:-50%;
}

.half img.new{
float:none;
border:0;
width:auto;
margin:0;
position:absolute;
top:5px;
left:0;
z-index:2
}

.half h3{
font-style:normal;
letter-spacing:0;
margin:0;
}

div.item{
position:relative;
margin-bottom:30px;
height:140px;
}

.item a.viewmore:link, .item a.viewmore:visited{
position:absolute;
bottom:0;
left:0;
}

.half p{
margin-top:1em;
margin-bottom:0;
height:70px;
float:right;
width:148px;
}

hr{
color:#330013;
background-color:#330013;
height:1px;
display:block;
margin:0;
}

span.signature{
color:#008bff;
font-family:"Vladimir Script", Scriptina, "Brush Script MT", script;
font-size:26px;
}

img#showgallery{
position:absolute;
top:290px;
left:11px;
z-index:100;
cursor:pointer;
}

img.alignright{
float:right;
margin:0 0 10px 10px;
border:1px solid #b3002b;
padding:2px;
}

img.alignleft{
float:left;
margin:0 10px 10px 0;
border:1px solid #b3002b;
padding:2px;
}

div.cool{
float:left;
margin:0 10px 10px 0;
border:1px solid #b3002b;
padding:2px;
background:#fff;
width:350px;
height:230px;
text-align:center;
}

div.cool img{
float:none;
border:0;
margin:0;
padding:0;
}

p.intro{
font-family:Georgia,Times,"Times New Roman",sans-serif;
font-size:15px;
font-style:italic;
}

table.packaging{
clear:both;
}

table.packaging th{
font-size:12px;
padding:3px 6px 3px 4px;
}

table.packaging strong{
color:#ffd800;
padding-left:5px;
}

table.packaging td{
padding:5px 6px 5px 4px;
}

table.packaging img{
vertical-align:middle;
margin:0 6px 0 10px;
}

ul.news li em{
display:block;
clear:both;
font-size:11px;
color:#fff;
}

ul.news li em:hover, ul.news li a:hover em{
text-decoration:none;
}

.fhalf h2 a{
color:#fff;
}

.fhalf p a{
color:#bf97ac;
}