@charset "UTF-8";
/* CSS Document */

#head {
	position:absolute;
	left:220px;
	top:0px;
	width:730px;
	height:133px;
	z-index:1;
	background-image: url(img/headTile.png);
	background-repeat: repeat-x;
}
#headLeft {
	background-image: url(img/headLeft.png);
	float: left;
	height: 133px;
	width: 30px;
}
#headRight {
	background-image: url(img/headRight.png);
	float: right;
	height: 133px;
	width: 28px;
}
#navBar {
	height: 100px;
	text-align: center;
}
#navBar ul {
	list-style-type: none;
}
#navBar ul li {
	text-align: center;
	display: inline;
	margin-right: 40px;
	margin-left: 40px;
}
#about a   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(img/but1.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	height: 130px;
	width: 75px;
	display: inline-block;
}
#about a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	text-decoration: none;
	background-image: url(img/but1_hv.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	height: 130px;
	width: 75px;
	display: inline-block;
}
#services a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(img/but2.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	height: 130px;
	width: 75px;
	display: inline-block;
}
#services a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	text-decoration: none;
	background-image: url(img/but2_hv.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	height: 130px;
	width: 75px;
	display: inline-block;
}
#partners a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(img/but3.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	height: 130px;
	width: 75px;
	display: inline-block;
}
#partners a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	text-decoration: none;
	background-image: url(img/but3_hv.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	height: 130px;
	width: 75px;
	display: inline-block;
}
#products a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(img/but4.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	height: 130px;
	width: 75px;
	display: inline-block;
}
#products a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	text-decoration: none;
	background-image: url(img/but4_hv.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	height: 130px;
	width: 75px;
	display: inline-block;
}
body {
	margin: 0px;
	padding: 0px;
}
#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:203px;
	height:133px;
	z-index:3;
	background-image: url(img/mexsiLogo.png);
}
#contact {
	position:absolute;
	left:0px;
	top:150px;
	width:203px;
	height:auto;
	z-index:2;
	background-image: url(img/contactTile.png);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#contact  p, td {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
}
#contact h2 {
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 20px;
}
#contact table {
	margin-bottom: 15px;
	margin-top: 10px;
}
#contact a {
	color: #FFFFFF;
	text-decoration: none;
}
#contact a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#contactTop {
	background-image: url(img/contactTop.png);
	height: 26px;
	width: 203px;
}
#contactContent  {
	padding-left: 12px;
	margin-top: 20px;
}
#contactPhone {
	background-image: url(img/phone.png);
	background-repeat: no-repeat;
	height: 240px;
	width: 203px;
	margin-top: 75px;
}
#contactFoot {
	background-image: url(img/contactBottom.png);
	position: relative;
	height: 28px;
	width: 203px;
}
#mainContent {
	position:absolute;
	left:220px;
	top:149px;
	width:730px;
	height:auto;
	z-index:4;
}
#contentHead {
	background-image: url(img/bodyUpperTile.png);
	background-repeat: repeat-x;
	height: 29px;
}
#contentHeadRight {
	background-image: url(img/bodyUpperRight.png);
	background-repeat: no-repeat;
	float: right;
	height: 29px;
	width: 25px;
}
#contentBody {
	margin-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 690px;
	height: auto;
	margin-bottom: 15px;
	bottom: 50px;
}
#contentBody hr {
	margin-top: 30px;
	margin-bottom: 30px;
}
.flashSlideShow  {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: -15px;
	margin-left: 0px;
}
#contentBody ul {
	font-size: 12px;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#contentBody h1 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	color: #FFFFFF;
	background-color: #666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.flashBrowser {
	margin-top: -20px;
	margin-bottom: -15px;
}
#contentBody p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.imgFloatLeft {
	float: left;
	margin-right: 10px;
}
.imgFloatRight {
	float: right;
	margin-left: 10px;
}
#contentBody img {
}
#contentBody h2 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#contentBody h3 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#contentBody li {
	margin-bottom: 7px;
}
#contentFootLeft {
	background-image: url(img/bodyLowerLeft.png);
	float: left;
	height: 28px;
	width: 30px;
}
#contentFoot {
	width: 730px;
	background-image: url(img/bodyBottomTile.png);
	background-repeat: repeat-x;
	height: 28px;
	bottom: 0px;
}
#contentFootRight {
	background-image: url(img/bodyLowerRight.png);
	background-repeat: no-repeat;
	float: right;
	height: 28px;
	width: 28px;
	margin-right: 0px;
}
#contentHeadLeft {
	background-image: url(img/bodyUpperLeft.png);
	background-repeat: no-repeat;
	float: left;
	height: 28px;
	width: 30px;
}
#contentBody a {
	color: #333333;
	text-decoration: none;
}
#contentBody a:hover {
	color: #999999;
	text-decoration: none;
}
.columnRight {
	float: right;
	height: auto;
	width: 350px;
}
.columnRight img {
	margin-bottom: 20px;
	text-align: center;
	left: auto;
	right: auto;
}
.columnLeft {
	height: auto;
	width: 325px;
	margin-bottom: 30px;
	padding-left: 5px;
}
#navFoot {
	height: 21px;
	width: 715px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #666666;
	vertical-align: middle;
}
#navFootCopyright {
	background-image: url(img/bodyLowerNavTile.png);
	background-repeat: repeat-y;
	float: right;
	height: 20px;
	width: 250px;
	margin-top: -4px;
	margin-left: -50px;
	background-position: -479px;
	padding-top: 5px;
	text-align: center;
}
#navFoot a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	vertical-align: middle;
}
#navFoot a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
	padding: 0px;
}