/** vim: fdm=marker
 * Reset styles for all browsers. {{{
 */
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
    font-size:   62.5%;
    line-height: 1;
    overflow:   hidden;
}
html {
    overflow:   hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

sup {
    font-size:      0.7em;
    vertical-align: super;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
    text-align: left;
    width:      570px;
}
/**
 * Reset ends }}}
 */

body {
	background:		#000000;
	color:			#ffffff;
	font-family:	Verdana, sans-serif;
	line-height:	2em;
    width:          100%;
    height:         100%;
}


h1 {
	/* font-family:	Trebuchet MS, Geneva, Verdana, sans-serif; */
	/* margin:			0.5em 15px 1.0em 15px; */
	margin:			0.5em 15px 0.25em 15px;
	font-size:		1.4em;
    text-transform: uppercase;
	color:			#bbbbbb;
    font-weight:    100;
}
h2 {
	/* font-family:	Trebuchet MS, Geneva, Verdana, sans-serif; */
	margin:			0.5em 15px 0.25em 15px;
	font-size:		1.4em;
	font-weight:	100;
    text-transform: uppercase;
	color:			#bbbbbb;
}
    h2.exclaim {
        font-style:italic;  
        color:			#808080;
    }

p {
	font-size:		1.4em;
	color:			#808080;
	text-align:		justify;
	margin:			0px 15px 1.5em 15px;
}
    p.centered {
        text-align: center;
    }
    p.white {
        color:      white;
    }

a {
	color:			#bbbbbb;
    text-decoration: none;
}
	a:hover {
		color:		#7f3d00;
	}

#scroll {
    left:               0px;
    top:                0px;
    width:              100%;
    height:             100%;
    overflow-y:         scroll;
    overflow-x:         hidden;
    position:           absolute;
    z-index:            1;
}

#top-positioner {
    left:               50%;
    margin-left:        -337px;
    padding-left:       2px;
    position:           absolute;
    width:              660px;
    height:             280px;
    z-index:            2;
    background-color:   #000000;
}

#menu {
	border-style:	solid;
	border-color:	#7f3d00;
	border-width:	0 0 1px 0;
	margin:			0 3px 10px 0;
}
	#menu ul {
		text-align:	center;
		padding:	10px 0 5px;
	}
	#menu li {
		display:	inline;
		font-size:	1.5em;
		width:		120px;
		margin:		0 10px;
	}
	#menu li a {
		color:			#a0a0a0;
		text-decoration: none;
        font-size:      96%;
	}
    #menu li a:hover {
        color:          #ffa500;
        font-size:      96%;
    }
    #menu li.selected a {
        color:          #ffa500;
        font-weight:    700;
        font-size:      96%;
    }

#main-positioner {
	position:		absolute;
	width:			657px;
	left:			50%;
    top:            280px;
	margin-left:	-328px;
}
	.pane {
		margin:		0 0 20px 0;
	}
	.header {
		background-image:	url('../images/box-header.gif');
		background-repeat:	no-repeat;
		width:				657px;
		height:				16px;
	}
	.footer {
		background-image:	url('../images/box-footer.gif');
		background-repeat:	no-repeat;
		width:				657px;
		height:				16px;
	}
	.content {
		background-image:	url('../images/box-background.gif');
		background-repeat:	repeat-y;
		width:				657px;
		overflow:			hidden;
	}


    .column {
        float:              left;
        width:              328px;
    }

    span.label {
        display:            block;
        float:left;
        width:              20px;
        color:              #ff7b00;
    }
    .caps {
        text-transform:     uppercase;
    }


/**
 * Products
 */
ul.category-list li, ul.download-list li {
    margin-bottom:      15px;
}
ul.category-list a, ul.download-list a {
    background-image:	url('../images/category-header-large.gif');
    background-repeat:  no-repeat;
    display:            block;
    width:              654px;
    height:             35px;
    padding-top:        15px;
    font-size:          1.5em;
    text-transform:     uppercase;
    text-decoration:    none;
    text-align:         center;
}

h1.category-title {
    background-image:	url('../images/category-header-large.gif');
    background-repeat:  no-repeat;
    display:            block;
    width:              654px;
    height:             35px;
    padding-top:        15px;
    font-size:          1.5em;
    text-transform:     uppercase;
    text-decoration:    none;
    text-align:         center;
    margin:             0px;
}


ul.category-list-small {
    margin:             10px 0 0 0;
}
ul.category-list-small li {
    float:              left;
}
ul.category-list-small a {
    background-image:	url('../images/category-header-small.gif');
    background-repeat:  no-repeat;
    float:              left;
    width:              213px;
    height:             36px;
    padding-top:        16px;
    font-size:          1.5em;
    text-transform:     uppercase;
    text-decoration:    none;
    text-align:         center;
    margin:             10px 0 0 8px;
}
ul.category-list-small a:visited {
}
ul.category-list-small a.selected {
    color:		#7f3d00 !important;
}
    ul.category-list-small li.first-column a {
        margin-left:    0px !important;
    }





.product-details {
    margin:             20px 0 0;
}
.product-header {
    background-image:	url('../images/product-border-header.gif');
    background-repeat:  no-repeat;
    width:              654px;
    height:             16px;
}
.product-footer {
    background-image:	url('../images/product-border-footer.gif');
    background-repeat:  no-repeat;
    width:              654px;
    height:             16px;
}
.product-content {
    background-image:	url('../images/product-border-background.gif');
    background-repeat:  repeat-y;
    width:              654px;
    overflow:       hidden;
}
    .product-content .product-left {
        float:          left;
        width:          325px;
    }
    .product-content .product-right {
        float:          left;
        width:          325px;
        margin:         0px 0px 0px 3px;
        color:          #444444;
    }

    .product-content h2 {
        margin:         0px;
        width:          325px;
        text-align:     center;
        font-size:      1.4em;
        font-weight:    100;
        text-transform: uppercase;
    }
    .product-content .product-image {
        display:        block;
        margin:         10px auto;
    }

    .product-right h3 {
        color:          #222222;
        font-size:      1.3em;
        margin:         0 0 0 20px;
    }
    .product-right ul {
        list-style:     url('../images/ok.gif') outside;
        margin:         0 15px 15px 20px;
    }
        .product-right ul li {
            font-size:      1.3em;
            margin:         0 0 0 20px;
        }


/**
 * Contact form.
 */
form {
    margin:         0 0 15px 115px;
}
label {
    float:          left;
    clear:          left;
    font-size:      1.3em;
    width:          100px;
    height:         19px;
    margin:         0 0 10px 0;
}
/*
input, textarea {
    border:         1px solid #7f3d00;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float:          left;
    font-size:      1.3em;
    width:          300px;
    margin:         0 0 5px 0;
}
    */
input {
    border-width:       0px;
    padding:            1px 0 0 2px;
    margin:             0 0 10px 0;
    width:              300px;
    height:             19px;
    background-image:	url('../images/input-background.gif');
    background-repeat:  no-repeat;
}
textarea {
    border-width:       0px;
    padding:            1px 0 0 2px;
    margin:             0 0 10px 0;
    width:              300px;
    height:             61px;
    overflow:           auto;
    background-image:	url('../images/textarea-background.gif');
    background-repeat:  no-repeat;
}

input.submit {
    border-width:       0px;
    padding:            0px 0 0 0px;
    margin:             0 0 10px 75px;
    width:              76px;
    height:             20px;
    background-image:	url('../images/submit-background.gif');
    background-repeat:  no-repeat;
}

.error {
    margin:             0 0 0px 105px;
}