/*--------CSS Reset-----*/
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 {
	//line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* 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;
}

/*------Begin Layout for all Pages ---*/
body {
background: #292942 url('../images/background.jpg') no-repeat center top;
color: #000;
font-family: Arial, Verdana, sans-serif;
font-size: 87.5%;
}

html > body {
font-size: 14px;
}

#container {
position: relative;
width: 960px;
margin: 0 auto;
background: #575782;
}

p {
line-height: 1.5em;
font-size: 1em;
margin-top: 1em;
margin-bottom: 1.25em;
}

.smaller {
font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

a:link {
text-decoration: none;
color: #332b6b;
}

a:visited {
text-decoration: none;
color: #332b6b;
}

a:hover {
text-decoration: underline;
color: #332b6b;
}

.floatRight {
float: right;
}

.floatLeft {
float: left;
}

.lightGold {
color: #d3c276;
}

h1 {
font-size: 22px;
letter-spacing: -1px;
line-height: 26px;
font-family: verdana, arial, sans-serif;
color: #1f1b41;
}

h2 {
font-family: arial, verdana, sans-serif;
font-size: 18px;
line-height: 20px;
}

h3 {
font-family: arial, verdana, sans-serif;
font-size: 14px;
line-height: 20px;
}

h4 {
background-image: url('../images/gradient-bg.jpg');
font-family: arial, verdana, sans-serif;
font-size: 14px;
line-height: 18px;
padding-left: 5px;
}

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

#header {
width: 960px;
height: 147px;
position: relative;
overflow: hidden;
}

#header span {
background: url('../images/header.jpg') no-repeat left top;
height: 100%;
width: 100%;
position: absolute;
}

/*-----Navigation-------------*/
#mainNav {
top: 147px;
left: 240px;
position: absolute;
height: 50px;
width: 720px;
background: url('../images/bt.jpg') repeat-x left top;
}

ul#nav {
font: bold 14px/50px Arial, sans-serif;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
width: 720px;
}

ul#nav li {
float: left;
position: relative;
}

ul#nav li ul {
font: bold 14px/24px Arial, sans-serif;
display: none;
position: absolute;
top: 50px;
left: 0px;
z-index: 1;
text-align: left;
list-style: none;
background: black;
}

ul#nav li > ul {
top: auto;
left: auto;
}

ul#nav li:hover ul {
display: block;
}

ul#nav a {
display: block;
color: #fff;
text-decoration: none;
padding: 0 20px;
}

ul#nav ul a {
width: 160px;
padding: 0 0 0 15px;
}

ul#nav a:hover {
background: #000 url('../images/bt-hover.jpg') repeat-x left top;
}

#container #nav #encyclopedia-link {
font: bold 14px/17px Arial, sans-serif;
padding-top: 2px;
padding-bottom: 4px;
border: none;
}

#container #nav a#contact-link {
width: 117px;
padding: 0;
}

ul#nav ul a:hover {
background: #383851;
}

/* ---- Main Content ---*/
#mainContent {
width: 680px;
margin: 304px 0 0 0;
padding: 20px 20px 20px 20px;
float: right;
background: #fff;
}

#mainContent ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#mainContent ul li {
background-image: url('../images/bullet.gif');
background-repeat: no-repeat;
background-position: 0px 6px;
padding-left: 10px;
}

#mainContent #sidebar-blog li {
background: none; 
line-height: 18px;
}

#mainContent #sidebar-blog h2 {
margin: 5px 0 5px 0;	
}

/* ----- Sidebar -----*/

#sidebar {
float: left;
width: 240px;

}

#sidebar #spanish {
position: relative;
width: 240px;
height: 50px;
background: #fff url('../images/spanish-background.jpg') repeat-x left top;
}

#spanish p, #spanish a {
position: absolute;
top: 0px;
left: 0px;
padding: 12px 0 0 3px;
font: 11px/14px Arial, Verdana, sans-serif;
}

#spanish a {
color: #000;
z-index: 1;
display: block;
width: 237px;
height: 38px;
}

#spanish img {
padding: 0;
margin: 0;
position: absolute;
top: 7px;
left: 140px;
}

#experience, #testimonials, #customerService, #products {
color: #fff;
width: 240px;
background: url('../images/sidebar-divider.jpg') repeat-x left bottom;
}

#experience {
height: 240px;
}

#experience p, #customerService p, #testimonials p, #products ul {
font: 12px/18px Verdana, sans-serif;
padding: 0;
margin: 0;
padding: 7px;
}

#experience h4, #form-layout h4, #customerService h4, #testimonials h4, #products h4 {
background: none;
padding: 0;
margin: 15px 0 0 7px;
font: bold 16px Arial, Verdana, sans-serif;
color: #d3c276;
}

#experience img, #customerService img {
padding: 0;
margin: 0;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 5px;
}

#products ul li a {
padding:2px 0 2px 0;
color: #fff;
text-decoration:underline;
}

#products ul {
list-style:none;
padding-bottom:25px;
}

/*-------- Sidebar Blog --------------------*/
#sidebar-blog {
font: 1em  geneva, verdana, Arial, Sans-Serif;
text-align:left;
background: url('../images/sidebar-divider.jpg') repeat-x left bottom;
padding-bottom: 10px;
}

#sidebar-blog h2 {
font-family:  geneva, verdana, Sans-Serif;
font-size: 1.2em;
margin: 15px 0 0;
padding: 0;
}

#sidebar-blog ul ul li, #sidebar-blog ul ol li {
color: #777;
}

#sidebar-blog ul, #sidebar ul-blog ol {
margin: 0;
padding: 0;
}

#sidebar-blog ul li, #sidebar-blog ul ul li, #sidebar-blog ul ol li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
color: #d3c276;
}

#sidebar-blog ul ul li:before {
content: "\00BB \0020";
}

#sidebar-blog ul p, #sidebar-blog ul select {
margin: 5px 0 8px;
}

#sidebar-blog ul ul, #sidebar-blog ul ol {
margin: 5px 0 0 10px;
}

#sidebar-blog ul ul ul, #sidebar-blog ul ol {
margin: 0 0 0 10px;
}

#sidebar-blog ul ol li {
/*list-style: decimal outside;*/
}

#sidebar-blog ul ul li, #sidebar-blog ul ol li {
margin: 3px 0 0;
padding: 0;
color: #d3c276;
}

#sidebar-blog a {
color: #FFF;
}

#sidebar-blog #searchform #s {
width: 120px;
padding: 2px;
margin-top: 10px;
}

#sidebar-blog #searchform {
padding-bottom: 10px;
background: url('../images/sidebar-divider.jpg') repeat-x left bottom;
}

#sidebar-blog #searchsubmit {
padding: 2px;
}

/*-------- Contact Form --------------*/

#form-layout {
padding-bottom: 50px;
width: 240px;
color: #fff;
background: url('../images/sidebar-divider.jpg') repeat-x left bottom;
}

#form-layout label {
padding-left: 12px;
float: left;
width: 60px;
margin: 7px 0;
}

select {
margin-left: 12px;
}

#form-layout input {
width: 150px;
margin: 5px 0;
}

#form-layout h4 {
margin: 0;
padding: 0;
margin: 10px 0 5px 12px
}

label#contact-through, label#info, label#company {
display: block;
width: 228px;
}

textarea {
width: 192px;
height: 60px;
margin-left: 12px;
}

#sidebar #send-button, #sidebar #reset-button {
margin: 12px 0 12px 12px;
float: left;
width: 90px;
}

#form-layout input:focus, textarea:focus {
background: #fef6d0;
}

#form-layout div {
background: url('../images/sidebar-divider.jpg') repeat-x left bottom;
padding-bottom: 12px;
}

#form-layout div#first {
padding-top: 5px;
}

#form-layout div#last {
background: none;
padding: 0;
}

.red {
color: red;	
}

#form-layout #email, #contactForm #email {  
position:absolute;
top:-999em;
left:-999em;
}  

/* ------ Image Banner ----*/
.banner {
width: 720px;
height: 254px;
position: absolute;
top: 197px;
left: 240px;
}

/*-- Drop Shadow
#dropShadow {
margin: 0 auto;
height: 100%;
width: 1000px;
background: blue url('../images/container-drop-shadow.png') repeat-y left top;
}
--*/

/*--------FOOTER---*/
#footer {
width: 960px;
height: 100px;
clear: both;
position: relative;
background: #0a0a10;
}

#footer p {
color: #fff;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#footer a {
color: #53537a;
}

#footer #copyright {
position: absolute;
top: 5px;
left: 8px;
}

#footer #address {
text-align: right;
position: absolute;
top: 5px;
right: 8px;
}