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

* {margin: 0; padding: 0;}

body {font: 62.5% Arial, Helvetica, sans-serif; color: #c9c9c9; background: #333333 url(../images/bg-tile.gif) 0 0 repeat; text-align: center;}
/*body {font: 62.5% Arial, Helvetica, sans-serif; color: #c9c9c9; background: url(http://testmaica.asiaep.com/back.jpg) 0 0 repeat; text-align: center;}*/

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.1em;}
.largest {font-size: 1.2em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.justify {text-align: justify;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 0.9em 0;}

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

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

.half {width: 46%; margin: 0 4% 0 0;}
.third {width: 29%; margin: 0 2% 0 2%;}
.twothird {width: 63%; margin: 0 2% 0 2%;}

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

img {border: 0;}
	.img-bordered {border: 5px solid #666666;}
		.img-bordered:hover {border: 5px solid #ffffff;}
	.img-left {margin: 0 20px 15px 0;}
	.img-right {margin: 0 0 15px 20px;}
	.thumb {width: 55px; height: 66px; margin: 0 0 15px 15px;}
	.thumbColours {width: 55px; height: 66px;}
	
/* for flash and similar */
embed, object {position: relative; z-index: 0;}

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

a {color: #0097f0; text-decoration: none; cursor: pointer;}
	a:hover {color: #ffffff;}
	a:focus {outline: none;}

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

table, td, th {vertical-align: top; font-size: 1em; padding:5px; border-collapse:collapse; }
.data td { border: 1px solid #666666;} 

.tablecolours {vertical-align: top; font-size: 0.75em; text-align:right; float:right; border-collapse:collapse; }
.tabletext {vertical-align: top; font-size: 0.75em; text-align:left; float:left; border-collapse:collapse; }

/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; font-style: italic;}

h1 {font-size: 2.8em; font-weight: bold; color: #000000; margin: 0 0 0.7em 0;}
	
h2 {font-size: 1.8em; font-weight: normal; color: #eeeeee; text-align:right; margin: 0.7em 0 0.7em 0;}

h3 {font-size: 1.8em; font-weight: normal; color: #eeeeee; margin: 0.7em 0 0.7em 0;}

h4 {font-size: 1.4em; font-weight: bold; color: #666666; margin: 0.7em 0 0.5em 0;}

h5 {font-size: 1.4em; font-weight: normal; color: #eeeeee; margin: 0.7em 0 0.5em 0; line-height:20px;}

h6 {font-size: 1.1em; font-weight: bold; color: #ffffff; margin: 0.7em 0 0.3em 0; text-transform: uppercase;}

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

ul {margin: 0 0 1em 1.5em;}
	ul li {margin: 0 0 0.3em 0;}
	ul.spaced li {margin: 0 0 1em 0;}
	
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: 0.9em;}

fieldset {margin: 2em 0 0 0; border: none; padding: 0;}
label {padding: 0 5px 0 0; color: #999999; font-weight: bold;}

input, textarea, select {font: 1em Arial, Helvetica, sans-serif; color: #999999; background: transparent; margin: 0 0 3px 0; padding: 1px 2px 1px 2px; border: 1px solid #808080;}
	input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {background: transparent; border: 1px solid #ffffff;}
	textarea {overflow: auto; height: 100px;}
	select {padding: 0;}

	input.btn {float: none; border: 1px solid #808080; color: #999999; background: transparent; margin: 10px 3px 10px 0; cursor: pointer; text-transform: uppercase; font-weight: bold; width: auto !important; padding: 2px 5px 2px 5px;}
		input.btn:hover {border: 1px solid #0097f0; color: #ffffff; background: #0097f0;}
	
optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 10px;}

input[type="radio"], input[type="checkbox"], input.checkbox {width: auto !important; margin: 2px 2px 0 0}
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 #a47734;}
.error-message {font-weight: bold; color: #a47734;}

form.custom1 {}
	form.custom1 input, form.custom1 textarea, form.custom1 select {width: 200px; float: left;}
		form.custom1 select {width: 208px;}
		form.custom1 input.file {border: none; width: 100%;}
	form.custom1 label {float: left; text-align: right; width: 200px;}

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

#container {position: relative; width: 950px; margin: 0 auto; text-align: left; background: transparent;}

	#container .container {position: relative; padding: 10px 10px 10px 10px;}

#left {float: left; width: 200px;}

#logo {display: block;}
	#logo a {display: block; width: 200px; height: 84px; overflow: hidden; background: transparent url(../images/logo-maica.gif) 0 0 no-repeat;}
		#logo a:hover {background-position: 0 -84px;}
		#logo a span {display: none;}

#right {width: 720px; margin: 0 0 0 210px;}
	* html #right {margin: 0 0 0 203px;}

#main {background: #292929;}

	#main .main {background: transparent url(../images/bg-main.gif) 0 0 repeat-x; padding: 0 10px 10px 10px;}

#header {position: relative; width: 100%; height: 84px; overflow: hidden; margin: 0 0 10px 0;}

	#header h1 {position: absolute; left: 30px; bottom: 25px; padding: 0; margin: 0;}
		
#banner {width: 700px; height: 300px; overflow: hidden; margin: 0 0 2px 0;}
	#banner img {width: 700px; height: 300px;}
	#home #banner {height: 370px;}
		#home #banner img {height: 370px;}

#pics-nav {float: left; width: 700px; background: #454545; margin: 0 0 2px 0; padding: 0; list-style: none;}
	#pics-nav li {float: left; margin: 0; padding: 0;}
	#pics-nav a {width: 66px; display: block; border: 2px solid #454545;}
	#pics-nav a:hover, #pics-nav a.activeSlide {border: 2px solid #ffffff;}
	#pics-nav img {width: 66px; height: 44px;}
	
#content {clear: both; float: left; width: 700px; font-size: 1.2em; background: #454545; line-height: 1.4em;}

	#content .content {padding: 30px 30px 30px 30px;}

#footer {float: left; width: 720px; color: #5f5f5f; font-size: 1em; background: #292929; margin: 10px 0 0 0;}
	#footer a {color: #5f5f5f;}
		#footer a:hover {color: #ffffff;}
	#footer .floatleft, #footer .floatright {padding: 15px 10px 15px 10px;}


/*-----------------------------------------------------------------------------
	MAIN NAVIGATION
-----------------------------------------------------------------------------*/

.nav {font-size: 1.1em; padding: 10px 10px 9px 10px; background: #333333; margin: 10px 0 30px 0;}
	* html .nav {padding: 10px 5px 9px 10px;}

.nav ul {list-style: none; padding: 0; margin: 0;}

.nav li {font-weight: bold; font-style: italic; margin: 0 0 1px 0; padding: 0;}
	.nav li a {color: #999999; display: block; padding: 7px 10px 7px 15px; background: #454545;}
	* html .nav li a {display: inline-block; width: 180px;}
		.nav li a:hover, .nav li a.current {color: #ffffff; background: #0097f0;}
			.nav li a.current:hover {color: #ffffff;}

.nav li li {font-weight: normal; margin: 0;}
	.nav li li a {padding: 4px 10px 5px 30px; text-transform: none;}
	/* * html .nav li li a {width: 135px;} */
		.nav li li a:hover, .nav li li a.current {}
			.nav li li a.current {font-weight: bold;}