/* hide from ie on mac \*/
	html {
		height: 100%;
		overflow: hidden;
	}
	
	a {text-decoration: none;
		color: #f60;}
	a:hover {color: #fff;}
	
	h1 { 
	font-family: Lucida Grande, Tahoma, Arial, sans-serif;
	font-size: 3em;
	font-weight: normal;
	}
	
	h2 {font-size: 1.4em;
		line-height: 1.4em;
		font-weight: normal;
		/* font-family: Helvetica, Arial, sans-serif; */
		color: #9eb00c;

		}
		
	.hilite {color: #9eb00c;
		font-family: Lucida Grande, Tahoma, Arial, sans-serif;
		font-weight: bold;
		padding-left: 20px;}
	
	
	#header {
		width: 100%;
		float: left;
		/* 
		position: absolute; */
		/* background-color: #fff; */
		}

		
	.toptext { width: 100%;
		float: left;
		margin-bottom: 0;
		border-bottom: 1px dotted #333;}
		
	.toptext img {margin-left: 10px;}
	
	.abouttext {color: #dedede; font-size: 0.95em;}
	
	#content {margin-left: 40px;
		margin-top: 30px;
		float: left;}
		
* html 	#content {margin-left: 20px;
		margin-top: 30px;
		float: left;}
	
.projectcategory {
		line-height: 30px;
		font-weight: light;
		font-size: 11px;
		font-family: Lucida Grande, Tahoma, Arial, sans-serif;
		display: inline;
		float: left;
		width: 160px;
		margin-right: 20px;
		}

.categoryname {clear:both;
		border-bottom: 1px dotted #333;
	/* 	padding-top: 10px; */
		}
		
.projectcategory a {
		line-height: 26px;
		padding: 0 8px 0 8px;
		margin: 1px 1px 0 0;
		height: 26px;
		display: block;
		color: #999;
		background: url(../images/projectcats_bkb.png) repeat-x;
		}

.projectcategory a:hover {
		background: url(../images/projectcats_bk2b.png) repeat-x;
		color: #fff;
		}
	


	
/* top menu */
	
	#menu { 
		height: 30px;
		text-align: left;
		color: #fff;
		font-family: Lucida Grande, Tahoma, arial, sans-serif;
		font-size: 0.95em;
		}
	
	#menu ul {list-style: none;
		}
	
	#menu ul li {
		float: left;
		padding: 0 15px 0 15px;
		/* background: url(../images/topmenubk.png) top left no-repeat; */
		border-left: 1px dotted #333;
		line-height: 30px;
		}
	
	#menu ul li a { color: #f60;}
	
	#menu ul li a:hover {color: white;}
	
	
	#menu li.langlink {color: #333;}
	#menu li.langlink a {color: #a73c0f;}
	
	
	#flashcontent {
		height: 100%;
		
	}
	/* end hide */

	body {
		height: 100%;
		margin: 0;
		padding: 0;
		font-family: Lucida Grande, Tahoma, Arial, sans-serif;
		font-size: 76%;
		color: #aaa;		
	}

	.bkmxt_home {background: url(../images/backmonxeta.png) top right no-repeat;}
	.bkmxt_projects {background: url(../images/backmonxeta_projects.png) top right no-repeat; }
	/* .bkmxt_about {background: url(../images/backmonxeta_about.png) top right no-repeat;} */
	.bkmxt_about {background: url(../images/backmonxeta_about2.png) top right no-repeat;}
	.bkmxt_contact {background: url(../images/backmonxeta_contact.png) top right no-repeat;}
	
	.whome {background: url(../images/waves_home.png) bottom left no-repeat #000;}
	.wprojects {background: url(../images/waves_projects.png) bottom left no-repeat #000;}
	/* .wabout {background: url(../images/waves_about.png) bottom left no-repeat #000;} */
	.wabout {background: url(../images/waves_about2.png) bottom left no-repeat #000;}
	.wcontact {background: url(../images/waves_contact.png) bottom left no-repeat #000;}
	
	
	.aboutleft { 
	width: 400px;
	float: left;
	line-height: 1.33em;
	margin-left: 20px;
	}
	
	.aboutright {
	width: 182px;
	float: left;
	/* margin-left: -40px; */

	}
	
	div.aboutright img { padding: 5px 0 5px 0;
		border-top: 1px dotted #333;
		}
	
	#video {display: none;
	margin-top: 10px;
	padding: 0;
	background-color: #000;
	border: 1px dotted #333;
	text-align: center;
	font-size: 0.83em;
		width: 370px;}
	
	#videowindow {
	margin: 10px;

	}
	
	.videolink a { height: 20px;
	line-height: 20px;
	background: url(../images/projectcats_bk.png) repeat-x;
	padding: 5px;
	font-size: 0.83em;
	text-align: right;
	}
	
.mxtblurb {
	float: right;
	margin-top: 200px;
	margin-right: 20px;
	height: 128px;
	}

#locationinfo { width: 166px;
	height: 300px;
	float: left;
	background: url(../images/whitebacklogo.png) top center no-repeat;
	text-align: center;
	margin-top: 8px;
	}
	
#locationinfo div.logo {
	text-align: center;
	margin-bottom: 10px;
	border-bottom: 1px dotted #000;
	padding: 10px;
	}
	
#locationinfo div.address {
	width: 140px;
	font-size: 0.95em;
	color: #333;
	margin: 0 auto;
	text-align: left;
	line-height: 1.3em;
	}
	
#contactform {float: left;
	color: #fff;
	line-height: 1.8em;
	padding-left: 40px;
	border-left: 1px dotted #ccc;
	min-height: 380px;
	}
	
#contactform input, textarea {
	border: 1px dotted #666;
	padding: 3px;
	margin-left: 10px;
	background-color: #000;
	color: #c7c7c7;
	font-family: Arial, Lucida Grande, Tahoma, sans-serif;
	font-size: 0.95em;
	}
	
/* #contactform input.enviar {
	font-size: 1.2em;} */
	

#contactformok {float: left;
	color: #fff;
	line-height: 1.8em;
	padding-left: 40px;
	border-left: 1px dotted #ccc;
	height: 350px;
	}