/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font: 0.82em/1.2em Tahoma, Verdana, Arial, sans-serif;
	color: #000;
	background: #EAECED url(bg_body.png) repeat-x left top;
	}
	
#container {
	margin: 0 auto;
	padding: 0;
	width: 784px;
	}


/* Head */

#head_left {
	width: 444px;
	height: 167px;
	float: left;
	background: #000 url(bg_headleft.png) no-repeat left top;
	}

#head_image {
	width: 340px;
	height: 167px;
	margin-left: 444px;
	background: #000 url(bg_home.png) no-repeat right top;
	}
	
* html #head_left {	margin: -0.3em -3px 0 0; }
* html #head_image { margin: -0.3em 0 0 0; }


/* Body */

#body_main, .body_sub {
	width: 784px;
	margin-bottom: 18px;
	background: transparent url(bg_bodycont.png) repeat-y right top;
	clear: left;
	float: left;
	}
	
.left {
	width: 111px;
	height: 111px;
	background: #16212D url(bg_square.png) repeat-x left top;
	float: left;
	text-align: right;
	}

* html #body_main .left, * html .body_sub .left { margin-right: -3px; }
* html #body_main .right, * html .body_sub .right { height: 1%; margin-left: 109px; }

#body_main .right, .body_sub .right {
	margin-left: 112px;
	}

#body_main .left, #body_main .right {
	margin-top: 18px;
	}


/* Nav */

ul#nav_evento {
	width: 504px;
	height: 32px;
	margin-top: 20px;
	float: left;
	overflow: hidden;
	}

#nav_evento li {
	display: inline;
	padding-right: 0.6em;
	color: #7E8F97;
	}
	
#nav_evento li a {
	color: #B6BDC1;
	text-decoration: none;
	}
	
#nav_evento li a:hover {
	text-decoration: underline;
	}

#nav_container {
	position: relative;
	margin-top: 105px;
	width: 444px;
	height: 62px;
	}

ul#nav_main {
	width: 444px;
	height: 62px;
	background: #000 url(bg_nav.png) repeat-x left top;
	float: left;
	}

#nav_main li {
	position: absolute;
	top: 0;
	}

#nav_main li, #nav_main a {
	height: 62px;
	display: block;
	}
	
#nav_main li a {
	height: 62px;
	text-indent: -9999px;
	text-decoration: none;
	}

#home	{ left: 0; width: 74px; }
#feat	{ left: 74px; width: 74px; }
#expe	{ left: 148px; width: 74px; }
#expo	{ left: 222px; width: 74px; }
#serv	{ left: 296px; width: 74px; }
#orde	{ left: 370px; width: 74px; }

#home a:hover	{ background: transparent url(bg_nav.png) 0 -62px no-repeat; }
#feat a:hover	{ background: transparent url(bg_nav.png) -74px -62px no-repeat; }
#expe a:hover	{ background: transparent url(bg_nav.png) -148px -62px no-repeat; }
#expo a:hover	{ background: transparent url(bg_nav.png) -222px -62px no-repeat; }
#serv a:hover	{ background: transparent url(bg_nav.png) -296px -62px no-repeat; }
#orde a:hover	{ background: transparent url(bg_nav.png) -370px -62px no-repeat; }

#xhome #home	{ background: transparent url(bg_nav.png) 0 -62px no-repeat; }
#xfeat #feat	{ background: transparent url(bg_nav.png) -74px -62px no-repeat; }
#xexpe #expe	{ background: transparent url(bg_nav.png) -148px -62px no-repeat; }
#xexpo #expo	{ background: transparent url(bg_nav.png) -222px -62px no-repeat; }
#xserv #serv	{ background: transparent url(bg_nav.png) -296px -62px no-repeat; }
#xorde #orde	{ background: transparent url(bg_nav.png) -370px -62px no-repeat; }


/* Text */
		
h1 {
	width: 277px;
	height: 58px;
	background: #FFF url(h1.png) no-repeat right bottom;
	margin: 0 0 0 507px;
	text-indent: -9999px;
	}

* html h1 {
	margin-left: 504px;
	}

h2 {
	width: 426px;
	height: 73px;
	margin: 0 0 0 18px;
	text-indent: -9999px;
	float: left;
	display: inline;
	}

#xhome h2 { background: transparent url(h2_home.png) no-repeat left bottom; }
#xfeat h2 { background: transparent url(h2_features.png) no-repeat left bottom; }
#xexpe h2 { background: transparent url(h2_experience.png) no-repeat left bottom; }
#xexpo h2 { background: transparent url(h2_exposure.png) no-repeat left bottom; }
#xserv h2 { background: transparent url(h2_service.png) no-repeat left bottom; }
#xorde h2 { background: transparent url(h2_order.png) no-repeat left bottom; }

h3 {
	margin: 0 0 0 -2px;
	padding: 0;
	color: #3495F5;
	font: bold 115% Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: -1px;
	}
	
h4 {
	color: #3495F5;
	font: bold 95% Arial, Helvetica, sans-serif;
	}
	
h5 {
	color: #7E8F97;
	font-weight: bold;
	}
	
p, ul, li, h4, h5, dd, dl, form {
	margin: 0;
	padding: 0;
	list-style: none;
	}

p, li, h5, dl {
	font-size: 85%;
	}
	
img {
	margin: 0 -0.3em -0.2em 0;
	border: 0;
	}
	
* html img { margin: 0; }

a:link, a:visited {
	color: #3495F5;
	text-decoration: underline;
	}

a:hover, a:active {
	text-decoration: none;
	}

.hidden	{ display: none; }

.light { color: #7E8F97; }

.red { color: #F1453C; clear: left; }

	
/* Content */

.left h3, .left p, .left ul {
	padding: 0 16px;
	}

h4, h5, .right h3, .right p, .right ul {
	margin: 0 23px;
	}

h4, h5 {
	padding-bottom: 0.4em;
	}

h4, .left h3, .right h3, #body_main .left ul {
	padding-top: 0.8em;
	}

.right p, .right ul, dl {
	padding-bottom: 1.2em;
	}

.left h3, .right h3, .left li {
	padding-bottom: 0.4em;
	}

dt {
	padding-bottom: 0.2em;
	}

.indentleft {
	padding-left: 112px;
	}

.indentright {
	padding-right: 223px;
	}

.left p, #body_main .left li a {
	color: #FFF;
	}
	

/* Specific Pages */

/* Home */
#xhome #body_main .right {
	background: transparent url(2square_home.jpg) no-repeat right top;
	}
	
#xhome #sub_one .right {
	height: 102px;
	background: transparent url(1square_home.jpg) no-repeat left top;
	padding-left: 113px;
	padding-top: 0.8em;
	}

/* Features */
#xfeat #body_main .right {
	padding: 0;
	}

.col1, .col2, .col3 {
	float: left;
	}

#xfeat .col2 p, #xfeat .col2 ul {
	padding-top: 1em;
	}

#xfeat .col1, #xfeat .col2, #xfeat .col3 {
	height: 111px;
	margin-bottom: 1px;
	}

#xfeat .col1 {
	width: 111px;
	text-align: right;
	background-color: #F2F4F4;
	}

#xfeat .col2 {
	width: 222px;
	}

#xfeat .col3 {
	width: 339px;
	}

#xfeat .bottom .col1, #xfeat .bottom .col2, #xfeat .bottom .col3 {
	margin-bottom: 1.2em;
	}

/* Experience */
#xexpe img {
	margin: 0 1px -2px 0;
	}
	
* html #xexpe img { margin: 0 1px 1px 0; }

#xexpe .col1, #xexpe .col2, #xexpe .col3 {
	height: 112px;
	}

#xexpe .col1 {
	width: 112px;
	text-align: right;
	}

#xexpe .col2 {
	width: 560px;
	}
	
#xexpe .col3 {
	width: 224px;
	}
	
* html #xexpe .col1, * html #xexpe .col2 { margin-bottom: -3px; }

#xexpe .col3 p {
	padding-bottom: 0.4em;
	}

/* Exposure */
#xexpo #body_main .right {
	padding-top: 0.8em;
	}

#xexpo #sub_one .right {
	background: transparent url(2square_iaapa.jpg) no-repeat right top;
	padding-top: 0.8em;
	}

#xexpo img {
	margin: 0 1px -2px 0;
	}
	
* html #xexpo img { margin: 0 1px 1px 0; }

#xexpo .col1, #xexpo .col2 {
	height: 112px;
	}

#xexpo .col1 {
	width: 112px;
	}

#xexpo .col2 {
	width: 112px;
	}
	
#xexpo .col3 {
	width: 224px;
	height: 6.1em;
	}
		
* html #xexpo .col1 { margin-bottom: -3px; }

/* Service */
#xserv #body_main .right {
	background: transparent url(1square_service.jpg) no-repeat left top;
	height: 101px;
	padding-top: 0.8em;
	padding-left: 113px;
	}

#xserv #sub_one .right {
	padding-top: 0.8em;
	}
	
#xserv #sub_two .right {
	background: transparent url(batteryimg.jpg) no-repeat left top;
	}
	
#xserv .col1 {
	width: 230px;
	}

#xserv .col2 {
	width: 442px;
	}

/* Order */
#xorde #body_main .right {
	background: transparent url(2square_order.jpg) no-repeat left top;
	height: 111px;
	padding-left: 223px;
	}
	
#xorde #sub_two .right {
	background: transparent url(leaflet.jpg) no-repeat left top;
	height: 111px;
	padding-left: 113px;
	}

#xorde #sub_one .right, #xorde #sub_two .right p {
	padding-top: 0.8em;
	}

#xorde #sub_one .col1 {
	width: 135px;
	text-align: right;
	}

#xorde #sub_one .col2 {
	width: 179px;
	height: 3.8em;
	}
	
#xorde #sub_one .col3 {
	width: 358px;
	}

#xorde #sub_one .col1 h5 {
	margin-top: 1.7em;
	}

#xorde .submit {
	margin-top: 1.3em;
	margin-right: 23px;
	}

#xorde .inputarea {
	width: 330px;
	}

#xorde .inputfull {
	width: 152px;
	}

#xorde .inputmedium {
	width: 108px;
	}

#xorde .inputsmall {
	width: 36px;
	margin-right: 4px;
	}


/* Footer */

#footer {
	margin-left: 111px;
	padding-bottom: 1.2em;
	clear: left;
	}

#footer li {
	display: inline;
	padding-right: 0.6em;
	color: #7E8F97;
	}