/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */


/* ----- CSS ----- */

body{ background:url(../images/body-bg.jpg) repeat-x #afa5b6; font-family:Arial, Helvetica, sans-serif;}

/* ----- MAIN CONTAINER ----- */

#wrapper { width:900px; margin: 0 auto; background:#fff;}

/* ----- HEADER ----- */

#header {width:900px; height:50px;}
#header #logo { width:578px; height:76px; background:url(../images/logo-bg1.png) no-repeat; position:absolute; z-index:1;}
#header #logo a { margin-left:50px; margin-top:10px; float:left;}
#header ul { float:right; margin-top:25px; margin-right:30px;}
#header ul li { float:left; padding:0 3px; font-size:11px; color:#a7a7a7;}
#header ul li a { color:#a7a7a7; text-decoration:none;}

/* ----- SLIDER BOX ----- */

#intro { width:900px; height:338px;}
#no-intro {width:900px; height:49px;}

/* ----- NAV & DROP DOWN STYLES ----- */

#navigation {width:870px; height:26px;  background:url(../images/nav-bg.png) no-repeat; margin:0px auto 0 auto;}
*html #navigation { margin-top:1px;}
#navigation ul { padding-left:20px;}
#navigation ul li { color:#fff; font-size:12px; line-height:26px; float:left; padding-right:8px; position:relative;}
#navigation ul li a { color:#fff; text-decoration:none;}
#navigation ul li ul { width:162px; position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#navigation ul li:hover ul { width:162px; background:#532380; top:26px; left:-8px; padding:0px 0; height:auto;}
#navigation ul li ul li { line-height:25px; font-family: Tahoma, Arial; font-size:11px; color:#fff;}
#navigation ul li ul li a { color:#fff; text-decoration:none;}

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub { width:162px; background:#532380; top:25px; left:-8px; opacity:0.85; z-index:500;}
#nav li.top { position:relative;}
#nav li:hover ul.sub li{display:block; height:20px; position:relative; float:left; width:150px; padding-left:20px;}

#nav li ul.sub li a.fly { background:#532380; margin-left: 10px; }
#nav li:hover ul.sub li a:hover { background:#532380; color:#fff; }
#nav li:hover ul.sub li a.fly:hover { background:#532380; color:#fff;}

#nav li:hover ul.sub li li { font-weight:normal;}
#nav li:hover ul.sub li a { text-decoration:none; color:#fff;}
#nav li:hover ul.sub li a:hover {text-decoration: underline;}

#nav li:hover li ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:100px; top:0px; padding:3px; width:180px; z-index:400; height:auto;}

#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/* ----- MAIN ----- */

#main {}
#main h1,h2,h3,h4,h5,h5 { font-weight:normal; font-family: Myriad Pro, Verdana, Arial; color:#482f92; padding-bottom:10px; }
#main h1 { font-size:30px;}
#main h2 { font-size:26px;}
#main h3 { font-size:22px;}
#main h4 { font-size:18px;}
#main h5 { font-size:14px;}
#main h6 { font-size:10px;}
#main p { color:#838080; font-size:12px; font-family:Verdana, Arial; padding-bottom:10px;}

.main-home { padding:25px 20px 25px 35px; width:500px; float:left;}
.main-subpage { width:380px; float:left; padding:25px 20px 25px 35px; }
.product-preview img { border: 1px solid #6f2a8e; padding:3px; margin:3px;}

/* ----- SIDEBAR STYLE ----- */

#sidebar {}

.sidebar-home { float:right; width:320px; padding: 25px 20px 25px 0;}
.sidebar-subpage { float:right;}

/* ----- FOOTER STYLES ----- */

#footer {width:880px; background:#53247f; height:40px; padding:10px; position:relative; margin-top:30px;}
*html #footer { margin-top:15px;}
#footer img { position:absolute; right:0; top:-29px;}
#footer ul { clear:left; display:block;}
#footer ul li { float:left; color:#fff; font-size:9px; padding-right:3px;}
#footer ul li a { text-decoration:none; color:#fff;}
#footer ul li a:hover { text-decoration:underline;}
#footer-list { position:absolute; top:12px; left:25px; z-index:1;}

#footer-bottom { width:850px; margin:10px auto;}
#footer-bottom p { font-size:10px; color:#53247f; padding-bottom:10px; line-height:16px;}
#footer-bottom p img { float:left; margin-right:6px;}


/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.aligncenter { text-align:center;}
.spacing { padding:50px 0;}