/*******************  
*	DEFAULTS
********************/

a		{ color: #B84D06; text-decoration: underline }
a:hover		{ color: #E7630C; text-decoration: none }

body		{ color: #474747; font: normal 11px verdana, arial; line-height: 130% }
table		{ padding: 0px; margin: 0px; border-collapse: collapse; }
table td	{ padding: 0px; margin: 0px; border-collapse: collapse; vertical-align: top }
img		{ border: 0px; margin: 0px }
form		{ margin: 0px }

h1		{ font: normal 22px arial, verdana, arial; line-height: 100%; margin: 15px 0 }
h2		{ font: bold 16px arial; margin: 15px 0 10px }
h3		{ font: bold 12px tahoma, arial; margin: 15px 0px }

h2.fancy	{ background: #666; border: 1px solid #333; color: #eee; border-left: 0; border-right: 0; padding: 3px 6px }

TABLE.inputForm		{ margin-bottom: 15px }
TABLE.inputForm TH	{ text-align: right; vertical-align: top }
TABLE.inputForm TH,
TABLE.inputForm TD	{ padding: 4px 5px }

input,
select,
textarea		{ border: 1px solid #474747; font: normal 12px arial, tahoma }

a.submit,
input.submit		{ background: #2B497A; border: 1px solid #1F3457; color: #fff; font: bold 11px verdana, arial; padding: 2px 7px; text-decoration: none }

/******************* 
*	STRUCTURE
********************/

#container		{ margin: 0 auto; width: 910px }

#header			{ height: 220px; background: url(images/header-bg.png) no-repeat 318px bottom } 
#header .logo		{ }

.language		{ display: block; float: right; margin: 15px 20px 0 0 }

UL#nav			{ float: right; clear: right; width: 209px; padding: 0; background: url(images/menu.png) no-repeat; margin: 25px 0 0 0; list-style: none; }
UL#nav LI		{ margin: 0; padding: 0 0 1px }
UL#nav A		{ padding: 0; height: 31px; background: transparent url(images/menu.png) no-repeat; display: block; text-decoration: none; text-indent: -9000px; overflow: hidden }

UL#nav.navSpanish, 
UL#nav.navSpanish A	{ background: url(images/menu-spanish.png) no-repeat }

#nav #index A		{ background-position: 0 0 }
#nav #index A:hover,
UL#nav.index #index A	{ background-position: -209px 0 }

#nav #services A		{ background-position: 0 -32px }
#nav #services A:hover,
UL#nav.services #services A	{ background-position: -209px -32px }

#nav #equipment A		{ background-position: 0 -64px }
#nav #equipment A:hover,
UL#nav.equipment #equipment A	{ background-position: -209px -64px }

#nav #about A		{ background-position: 0 -96px }
#nav #about A:hover,
UL#nav.about #about A	{ background-position: -209px -96px }

#nav #contact A		{ background-position: 0 -128px }
#nav #contact A:hover,
UL#nav.contact #contact A	{ background-position: -209px -128px }

.leftpanel		{ width: 305px; height: 448px; margin: -45px 15px 0 0; background: url(images/leftpanel-bg.png) no-repeat; float: left }
.leftpanel img		{ margin: 5px 0 0 10px }

.content		{ width: 590px; float: right }
.content img		{ padding: 1px; border: 1px solid #B84D06; }

#footerContainer	{ background: #E25E08; padding: 10px 0; margin-top: 10px; border-top: 1px solid #B84D06 }
#footer			{ color: #fff; font: normal 11px verdana; margin: 0 auto; width: 910px }
#footer UL		{ padding: 0; margin: 0; list-style-type: none; float: right }
#footer UL LI		{ display: inline; padding: 0px 2px }
#footer UL LI A		{ font-weight: bold }

#footer A		{ color: #fff; text-decoration: none }
#footer A:hover		{ color: #fff; text-decoration: none; border-bottom: 1px dotted #ffffff }

.list1			{ background: url(images/box1-header-bg.png) no-repeat center 0px; margin: 10px 0 0; padding: 15px 10px }
.list1 img		{ float: left; margin: 0 10px 5px 0 }
.list1 h2		{ margin-top: 0 }

.list1Subtle		{ background-position: center -2px } 

/*******************  
*	UTILS
********************/

.noDisplay		{ display: none }
.noTop			{ margin-top: 0 }
.noBottom		{ margin-bottom: 0; padding-bottom: 0 }
.content .noBorder	{ border: 0 }
.floatLeft		{ float: left; margin: 0 10px 10px 0 }
.floatRight		{ float: right; margin: 0 0 10px 10px }
.textCenter		{ text-align: center }
.textRight		{ text-align: right }
.noBackground		{ background-image: none }
.smallNote		{ font-size: 11px; font-style: italic; color: #888 }


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */