/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

html {height: 100%;}

body {font: 62.5% Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #043630; background: #508379 url(../images/bg_page.gif) 0 0 repeat; height: 100%;}

.smaller {font-size: 0.9091em;}
.smallest {font-size: 0.8182em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.4em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}
.half {float: left; width: 49%; margin: 0 0 0 1%;}

p {margin: 0 0 0.9em 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: block;}

.cap {text-transform: capitalize;}
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}

hr {margin: 1em 0 1em 0; background: #e7e7e7; width: 100%; height: 1px; color: #e7e7e7; border: none; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px solid #e7e7e7;}
	.hr hr {display: none;}
	
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: 0;}
	img.img-left {margin: 0 10px 10px 0;}
	img.img-right {margin: 0 0 10px 50px;}
	
.quote {font-size: 2.5em; font-weight: bold; color: #999999; line-height: 1em;}
	
/* for flash and similar */
embed, object {position: relative; z-index: 0;}

/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em; line-height: 1em;}


table.data {width: 100%; border-collapse: collapse; margin: 0 0 1em 0;}
	table.data td, table.data th {text-align: right; padding: 0.2em 0.3em 0.3em 0.3em;}
	table.data th {color: #6b9792; background: #f0f0f0; font-weight: bold; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff;}
	table.data td {border-bottom: 1px solid #f0f0f0;}

/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #6b9792; text-decoration: none; cursor: pointer;}
	a:hover {color: #043630;}
	a:focus {-moz-outline: none;}
	a.more {font-weight: bold; font-size: 0.9em;}
	
/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1 {font-size: 1.4em; font-weight: normal; color: #095249; margin: 0; padding: 0 0 3px 20px; background: #f7f5e9; text-transform: uppercase;}
h2 {font-size: 1.6em; font-weight: normal; color: #b7b7b7; margin: 0 0 0.9em 0;}
h3 {font-size: 1.3em; font-weight: normal; color: #6b9792; margin: 0.5em 0 0.5em 0;}
h4 {font-size: 1.2em; font-weight: bold; color: #888888; margin: 0.5em 0 0.3em 0;}
h5 {font-size: 1.1em; font-weight: bold; color: #095249; margin: 0.5em 0 0.2em 0;}
h6 {font-size: 1em; font-weight: bold; color: #6b9792; margin: 0.5em 0 0 0;}
	h6 a {color: #043630; text-decoration: underline;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {margin: 0.5em 0 1em 1.5em;}
	ul li {margin: 0 0 0.2em 0;}
	ul.spaced li {margin: 0 0 1em 0;}
	
ul.files {list-style: none; margin: 0 0 1em 0.1em;}
	ul.files li {padding: 2px 0 2px 20px;}
		ul.files li.pdf {background: transparent url(../images/icon_pdf.gif) 0 0 no-repeat;}
		ul.files li.doc {background: transparent url(../images/icon_doc.gif) 0 0 no-repeat;}
		ul.files li.xls {background: transparent url(../images/icon_xls.gif) 0 0 no-repeat;}
		ul.files li.exe, ul.files li.zip {background: transparent url(../images/icon_exe.gif) 0 0 no-repeat;}
		
ol {margin: 0.5em 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}

/*
----------------------------------------------------------------------------- 
Forms
-----------------------------------------------------------------------------*/

form {font-size: 1em;}

fieldset {margin: 0; border: none; padding: 0;}
label {padding: 0 5px 0 0; color: #6b9792;}

input, textarea, select {font: 1em Lucida Grande, Lucida Sans Unicode, Arial, Helvetica, sans-serif; color: #666666; background: #ffffff; margin: 0 0 2px 0; padding: 1px 2px 1px 2px; border: 1px solid #d2d2d2;}
	textarea {overflow: auto; height: 100px;}
	select {padding: 0;}

	input.btn {float: none; border: 1px solid #095249; color: #dddddd; background: #095249; margin: 0 !important; cursor: pointer; text-transform: uppercase; font-size: 0.9em; width: auto !important; padding: 1px 0 0 0;}
		input.btn:hover {color: #ffffff; background: #6b9792; border: 1px solid #6b9792;}
	
optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 20px;}

input[type="radio"], input[type="checkbox"] {width: auto; margin: 0 2px 0 5px;}
input[type="hidden"] {display: none;}
select[multiple="multiple"] {margin-left: 0;}

form br {clear: both; line-height: 0; height: 0;}

form .required {border: 1px solid #043630;}
.errmsg {color: #ff0000;}

form#login-form {}
	form#login-form label, form#login-form input {display: block;}
	
form.custom1 {margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #e7e7e7;}
	form.custom1 input, form.custom1 textarea, form.custom1 select {width: 100px; margin: 0 5px 0 0;}
		form.custom1 select {width: 108px;}
	form.custom1 label {width: 100px; text-align: right; text-transform: uppercase;}

	form.custom2 input, form.custom2 textarea, form.custom2 select {float: left; width: 150px; margin: 0 0 2px 0;}
		form.custom2 select {width: 158px;}
	form.custom2 label {float: left; width: 150px;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/

/*#container1 {position: absolute; width: 990px; height: 100%; left: 50%; margin-left: -495px; background: transparent url(../images/bg_container.gif) 50% 0 repeat-y;}

#container2 {position: absolute; width: 974px; height: auto; left: 50%; margin-left: -495px; background: transparent url(../images/bg_container.gif) 50% 0 repeat-y; padding: 0 8px;}*/

#container {position: relative; width: 990px; margin: 0 auto; text-align: left; background: transparent url(../images/bg_container.gif) 0 0 repeat-y; min-height: 100%; _height: 100%; /* min-height for IE6 */}

	#container .container {padding: 0 8px;}

#header {clear: both; width: 974px; background: #ffffff; margin: 0 0 20px 0;}

	#logo {float: left; display: block; margin: 20px 0 0 0; color: #043630; background: transparent url(../images/logo_multinail.gif) 15px 0 no-repeat;}
		#logo a {display: block; width: 223px; height: 70px; margin: 0 0 0 15px;}
			#logo a span {display: none;}

	#logo_s {display: block; margin: 0 0 10px 0; color: #043630; background: transparent url(../images/logo_multinail_s.gif) 0 0 no-repeat;}
		#logo_s a {display: block; width: 150px; height: 47px; margin: 0;}
			#logo_s a span {display: none;}

	#logo-fab {float: left; margin: 20px 0 0 15px;}
		#logo-fab img {height: 70px;}

	#top-links {float: right; padding: 15px 15px 0 0; color: #043630; text-align: right;}

	#header-img {position: relative; clear: both; height: 277px; overflow: hidden;}
		#home #header-img {height: 354px;}	

	#header-img .top-curve {position: absolute; top: 0; left: 0; width: 974px; height: 105px; background: transparent url(../images/top-curve.png) 0 0 no-repeat; z-index: 10;}
		*html #header-img .top-curve {background: transparent url(../images/top-curve.gif) 0 0 no-repeat;}
	
	#header-img .bottom-curve {position: absolute; top: 184px; left: 0; width: 974px; height: 93px; background: transparent url(../images/bottom-curve.png) 0 0 no-repeat; z-index: 10;}
		*html #header-img .bottom-curve {background: transparent url(../images/bottom-curve.gif) 0 0 no-repeat;}
		#home #header-img .bottom-curve {top: 261px;}
		
	#main-img .content {position: absolute; top: 0; left: 0; width: 350px; height: 217px; font-size: 1.8em; color: #ffffff; line-height: 1.3em; z-index: 9; background: transparent url(../images/bg_hd_content.png) 0 0 repeat-y; padding: 60px 85px 0 15px;}
		#home #main-img .content {height: 270px; padding: 84px 85px 0 15px;}

#main {clear: both; width: 966px; background: transparent url(../images/bg_main.gif) 8px 0 repeat-y; font-size: 1.1em; padding: 0 0 0 8px;}
	#home #main {background: transparent url(../images/bg_main_h.gif) 8px 0 repeat-y;}

#main-bottom {clear: both; width: 974px; height: 5px; background: transparent url(../images/bg_main_bottom.gif) 8px 0 no-repeat;}
	#home #main-bottom {background: transparent url(../images/bg_main_bottom_h.gif) 8px 0 no-repeat;}

.col {float: left;}
	.col.col1 {width: 192px; margin: 0 18px 0 0;}
	.col.col2 {width: 328px; margin: 0;}
	.col .content {padding: 10px 12px 10px 10px;}
		.col .content .rotwof {background: #ffffff;}

	.col h1 {padding: 0 0 3px 10px;}
		.col.col1 h1.top {padding: 10px 0 3px 10px; background: #f7f5e9 url(../images/bg_main_bottom.gif) 0 0 no-repeat;}
		.col.col2 h1 {padding: 0 0 3px 10px;}
		.col.col2 h1.top {padding: 10px 0 3px 10px; background: #f7f5e9 url(../images/bg_main_bottom.gif) 100% 0 no-repeat;}
		#home .col.col1 h1 {text-align: center;}

	.col1 img {width: 166px; height: 96px; margin: 0 0 10px 0; border: 1px solid #e7e7e7; padding: 1px;}

#breadcrumbs {background: #838383; color: #ffffff; padding: 3px 10px 4px 10px; margin: 0 0 1px 0;}
	#breadcrumbs a {color: #ffffff;}
		#breadcrumbs a:hover {color: #000000;}

#content {float: left; width: 748px;}
	#content h1 {padding: 0 0 3px 18px; text-align: left; margin: 0 0 10px 0;}
	#content .content-left {float: left; width: 400px; padding: 10px 14px 15px 18px; font-size: 1em;}
		#content .content-left.full {width: 532px;}
	#content .content-right {float: left; width: 304px;}
		#content .content-right.full {width: 170px;}

		#content img {margin: 0 0 5px 0; border: 1px solid #e7e7e7; padding: 1px;}
		#content .content-right img {width: 300px;}
			#content .content-right.full img {width: 166px;}

#footer {clear: both; padding: 20px 10px; width: 954px; color: #6b9792;}
	#footer a {color: #6b9792;}
	#footer a:hover {color: #043630;}
	
/*-----------------------------------------------------------------------------
	TOP NAVIGATION
-----------------------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.nav, .nav * {margin: 0; padding: 0; list-style: none;}
	.nav {line-height: 1em;}
	
.nav ul {position: absolute; top: -999em; width: 138px;}
	.nav ul ul {width: 138px;}

.nav li {float: left; position: relative; z-index: 99;}

.nav a {display: block;}

.nav li:hover ul, ul.nav li.sfHover ul { left: -1px ; top: 2.6em;}

.nav li:hover li ul, .nav li.sfHover li ul {top: -999em;}

.nav li li:hover ul, ul.nav li li.sfHover ul {left: 138px; top: -1px;}
	.nav li li:hover ul.last, ul.nav li li.sfHover ul.last {left: -140px; top: -1px;}

.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/*** ORIGINAL SKIN ***/

.nav {float: left; font-size: 1em; width: 973px; background: #043630; border-left: 1px solid #ffffff;}
	
.nav li {width: 138; text-transform: uppercase; background: #043630; border-right: 1px solid #ffffff; text-align: center;}
	.nav li a {color: #dddddd; padding: 0.8em 0 0.8em 0; width: 138px;}
	.nav li:hover, .nav li.sfHover, .nav li a:hover, .nav li a.selected {color: #ffffff; background: #6b9792;}

	.nav li ul {border-top: 1px solid #ffffff;}

	.nav li li {border: 1px solid #ffffff; border-top: none; background: #095249; text-transform: none; text-align: left;}
		.nav li li a {color: #dddddd; padding: 0.4em 8px 0.4em 10px; width: 120px;}
		.nav li li:hover, .nav li li.sfHover, .nav li li a:hover {color: #ffffff; background: #6b9792;}

/*-----------------------------------------------------------------------------
	LEFT NAVIGATION
-----------------------------------------------------------------------------*/

.subnav ul {list-style: none; padding: 0; margin: 0 0 10px 0;}

.subnav li {font-weight: bold; margin: 0; padding: 0;}
	.subnav li a {color: #6b9792; display: block; padding: 2px 5px 2px 10px; border-bottom: 1px solid #ffffff; background: #f0f0f0;}
		.subnav li a:hover, .subnav li a.selected {color: #ffffff; background: #6b9792;}
			.subnav li a.selected:hover {color: #6b9792; background: #f0f0f0;}

.subnav li li {font-weight: normal;}
	.subnav li li a {padding: 2px 5px 2px 20px; border-bottom: 1px solid #f0f0f0; background: #ffffff;}