/* Desert island CSS selection */

/*

------------------------------------------------------
Copyright Atilla Hulsebos, http://www.kzoiks.com/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. This style sheet makes use of the !important
hack to compensate for poor support in IE.
For more info on this hack see
http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/
------------------------------------------------------

*/

html {
	font-family:arial, helvetica, sans-serif;
	font-size:76%;
	color:#555;
	background-image: url(images/floralpattern.jpg);
	background-repeat: repeat;
}

body {
	position:relative;
	width:700px;
	padding:20px 25px 258px 20px;
	margin:10px auto 10px auto;
}

#banner {
position:absolute;
left:0;
width:100%;
height:228px;
padding:0 !important;
padding-right:50px;
background-image:url(images/header-onsale.gif);
background-position:25px 0;
background-repeat:no-repeat;
}

#banner p {
	position:absolute;
	top:8px;
	left:40px;
	padding:0;
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	font-style:italic;
	line-height:1.4em;
	color:#999999;
	width: 200px;
}

#nav-toplevel {
position:relative;
right:75px;
margin-right:-25px;
}

#nav-meta {
position:absolute;
right:0;
top:1px !important;
top:0px;
}


#nav-meta ul {
display:inline;
margin:0;
padding:0;
}

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color:#F8FBFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:2px;
font-size:0.94em;
letter-spacing:0.04em;
color:#888;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
border-top:1px dashed #CACACA;
}

#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
text-decoration:overline;
background-color:white;
}

#nav-main {
	position:absolute;
	top:200px;
	right:0;
	height:29px;
	width:426px;
	font-family:Georgia, serif;
	font-size:1.2em;
	z-index:1;
	background-image: url(images/bg-menu.jpg);
	text-align: center;
	padding-top: 4px;
}

#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
text-decoration:none;
color:#fff;
margin:0 !important;
margin-right:-3px;
padding:4px 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
	border-bottom:2px solid #993366;
}

#nav-main li:hover {
	color:#888;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
}


#container {
position:relative;
top:228px;
left:5px;
height:100%;
background-image:url(images/bg-header.jpg);
background-repeat:repeat;
margin-bottom:30px;
}

#content {
position:relative;
width:650px;
background:transparent;
}

#content p {
	font-size:1.08em;
	line-height:1.4em;
	padding:6px 11px 13px 20px;
	margin:0 15px 1.1em 0;
	color: #CCCCCC;
}

#content ol, #content ul {
	font-size:1.08em;
	line-height:1.4em;
	padding:6px 11px 13px 40px;
	margin:0 13px 1.1em 0;
	color: #FFFFFF;
}

h1,h3,h4,h5,h6 {
height:auto !important;
height:30px;
margin-top:0;
margin-left:26px;
font-family:serif;
font-style:italic;
letter-spacing:0.04em;
border-bottom:1px dashed#ECECEC;
}

h1 {
width:487px;
padding-top:0.3em;
padding-left:12px;
font-size:1.7em;
color:#FF00FF;
}

h2,h3,h4,h5,h6 {
font-family:serif;
font-style:italic;
height:10px;
font-size:1.5em;
color:#9966FF;
padding-left:10px;
}

h2 {
}

h3, h4, h5, h6 {
}

h1:first-letter ,h2:first-letter {
font-size:1.7em;
text-transform:uppercase;
}

h3:first-letter ,h4:first-letter ,h5:first-letter ,h6:first-letter {
font-size:1.6em;
text-transform:uppercase;
}
#nav-subs {
position:absolute;
top:50px;
right:0px;
width:175px;
padding-top:5px;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
background:transparent url("images/leaves.png") top center no-repeat;
}

#nav-subs li {
list-style:none;
margin:0;
padding:3px;
padding-left:15px;
border-top:1px solid #888;
}

#nav-subs li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:none;
color:#888;
background:transparent url("images/dot1.gif") left center no-repeat;
}

#nav-subs li a:hover {
text-decoration:none;
color:#CCC;
background:transparent url("images/dot2.gif") left center no-repeat;
}

#nav-subs .youarehere {
text-decoration:none;
color:#333;
background:transparent url("images/dot3.gif") left center no-repeat;
}

#nav-section {
border-bottom:1px solid #ECECEC;
}

#nav-supp {
border-top:50px solid #F8FBFF;
padding-top:10px;
}

#nav-supp ul {
margin-top:-10px;
padding-top:20px;
border-top:1px solid #ECECEC;
}

#info-site {
position:absolute;
bottom:26px !important;
bottom:15px;
/*right:30px;*/
width:100%;
font-size:0.94em;
}

#info-company {
position:absolute;
right:0;
}

#info-standards {
position:absolute;
right:0;
top:-1.2em;
}

/*additional*/
A:link {
color:#993366;
text-decoration:underline;
}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
color:#993366;
text-decoration:underline;
}

A:hover {
color:#FF00FF;
text-decoration:none;
}

abbr, acronym {
font-style:normal;
border-bottom:dotted 1px #ABB1B7;
cursor:help;
}

code, kbd, samp {
display:block;
padding:10px;
border-left:10px solid #DDD;
font-family:monaco, "Courier new", courier, monospace;
}