* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol  { margin : 0 20px; padding : .5em 0; }

html { background : #FFF; }

body {
	background : url('../images/bg.jpg') repeat-x;
	color : #000;
	text-align : center;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:140%;
	font-size:17px;
	font-family:Verdana, Arial, sans-serif;
	margin-top: 0px;
}

h1, h2, h3 { font-weight : bold; }

h1 {
	z-index : 3;
	position : absolute;
	left : 0px;
	top : 0px;
	width: 379px;
	height : 100px;
	background : url('../images/mtvilla-logo.jpg') no-repeat;
}

h2 { font-size : 130%; }

h3 { font-size : 110%; }

ul { list-style-type : none; }

div#content_sub ul { margin : 0; background : url('../images/ul.png') no-repeat 0 100%;; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:30px; }

ol { list-style-type : none; }
div#content_sub ol { margin : 0; background : url('../images/ul.png') no-repeat 0 100%;; padding-left:30px; padding-right:0; padding-top:0; padding-bottom:30px }

ul#nav_main {
	z-index : 2;
	position : absolute;
	top : 100px;
	width : 150px;
	height : 261px;
	margin : 0;
	padding : 0;
	background : url('../images/ul_nav_main.png');
	left: 5px;
}
ul#nav_main a { display : block; width : 140px; height : 40px; text-indent : -9999px; text-decoration : none; overflow : hidden; }

li#nm_1 {
	position : absolute;
	top : 0;
	left : 0;
	width : 140px;
	height : 40px;
	background : url('../images/menu.jpg') no-repeat 0px 0px;
}
li#nm_2 {
	position : absolute;
	top : 52px;
	left : 0px;
	width : 140px;
	height : 40px;
	background : url('../images/menu.jpg') no-repeat 0px -40px;
}
li#nm_3 {
	position : absolute;
	top : 104px;
	left : 0px;
	width : 140px;
	height : 40px;
	background : url('../images/menu.jpg') no-repeat 0px -80px;
}
li#nm_4 {
	position : absolute;
	top : 156px;
	left : 0px;
	width : 140px;
	height : 40px;
	background : url('../images/menu.jpg') no-repeat 0px -120px;
}
li#nm_5 {
	position : absolute;
	top : 208px;
	left : 0px;
	width : 140px;
	height : 40px;
	background : url('../images/menu.jpg') no-repeat 0px -160px;
}
li#nm_6 {
	position : absolute;
	top : 210px;
	left : 0px;
	width : 140px;
	height : 40px;
	background : url('../images/menu.jpg') no-repeat 0px -200px;
}
li#nm_1 a:hover { background : url('../images/menu.jpg') no-repeat -140px 0px; }
li#nm_2 a:hover { background : url('../images/menu.jpg') no-repeat -140px -40px; }
li#nm_3 a:hover { background : url('../images/menu.jpg') no-repeat -140px -80px; }
li#nm_4 a:hover { background : url('../images/menu.jpg') no-repeat -140px -120px; }
li#nm_5 a:hover { background : url('../images/menu.jpg') no-repeat -140px -160px; }
li#nm_6 a:hover { background : url('../images/menu.jpg') no-repeat -140px -200px; }

ul#nav_recent li { float : left; width : 180px; margin-right : 30px; } 

form p { margin : 0; }
div#header p {
	z-index : 1;
	position : absolute;
	right : 3px;
	top : 23px;
	width: 359px;
	height : 65px;
	margin : 0;
	padding : 0;
	text-indent : -9999px
}
div#ms p { z-index : 3; position : absolute; right : 30px; bottom : 30px; margin : 0; padding : 0; color : #fff; }
p#si_0 { position : absolute; top: 35px; right : 200px;}
p#si_1 {
	position : absolute;
	top : 6px;
	right : 25px;
	width: 150px;
	height : 60px;
	margin : 0;
	padding : 0;
	background : url('../images/2008-81219_project1_s1.png') no-repeat;
	text-indent : -9999px
}
p#si_2 {
	position : absolute;
	top : 10px;
	right : 234px;
	width: 537px;
	height : 33px;
	margin : 0;
	padding : 0;
	text-indent : 0px;
	color : #FFF;
	text-align: left;
	font-weight:bold;
	font-size:90%;
	line-height:100%;
}

code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #666; }
pre {  padding-left : 20px; font-size : 80%; }


div#header  img {
	z-index : 2;
	position : absolute;
	left : 150px;
	top : 100px;
	width: 650px;
	height : 250px;
	
}

a:link { color : #333; text-decoration : none; }
a:visited { color : #333; text-decoration : none; }
a:hover { color : #333; text-decoration : underline }
a:active, a:focus { color : #000; }


h1 a { display : block; width: 379px; height : 100px; text-indent : -9999px; }

div#content_sub li { padding-left : 20px; background : url('../images/2008-81219_project1_li.png') no-repeat 0 50%; line-height:100%; margin-bottom:1.2em; margin-top:1.2em; }


img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }

div#container { position : relative; width : 800px; margin : 0 auto; padding-top : 0px; text-align : left; }
div#header { z-index : 1; position : relative; width : 100%; height : 355px; background : #FFF url('../images/mtvilla-logo-line.jpg') repeat-x; }
div#content { width : 100%; padding : 0px 0px 10px 0px; background-color : #EBEBEB; overflow : hidden; }
div#content_main { float : right; width : 540px; background : url('../images/content_main.png') repeat-x;; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px }
div#content_main ul {
	list-style:circle;
	margin-left: 50px;
}

div#content_main h3 {
	background:#800000;
	color:#FFF;

}
div#content_main img {
	margin-right: 20px;}

div#content_sub {
	display : inline;
	float : left;
	width : 248px; 
	overflow : hidden;
	margin-left:0px;
	margin-right:0;
	margin-top:0px;
	margin-bottom:-300px;
	padding-left:0px;
	padding-right:0;
	padding-top:12px;
	
}


div#content_sub img {
	padding-left: 12px;
	padding-bottom: 0px;
}
div#content_sub h3 {
	color:#900;
	text-decoration : none;
	font-size:16px;
	font-weight: bold;
	letter-spacing: 2px;
	font-stretch: expanded;
}
div#content_sub p {
	color:#000;
	text-decoration : none;
	font-size:12px;
	font-weight: bold;
	line-height: 17px;
	margin: -15px 25px 25px 25px;
}
div#content_sub a {
	color:#BBB;
	text-decoration : none;
	font-weight: bold;
}
div#content_sub a:hover {
	color:#FFF;
	text-decoration : none;
	font-weight: bold;
}
div#site_info {
	position : relative;
	width : 100%;
	height : 50px;
	background-color: #941214;
	font-size:12px;
	letter-spacing: 2px;
}
div#thumbnails {
	position : relative;
	width : 100%;
	height : 30px;
	background : #fff;
	text-align: center;
	font-weight: bolder;
	letter-spacing: 4px;
	text-decoration: none;
}
div#thumbnails a{
	text-decoration: none;
	font-size:14px;
}

div#thumbnails a:hover{
	text-decoration: none;
	color: #FFF;
	background-color:#900;
}

table#buttons {
	margin-left: 4px;
	margin-right: 4px;
	width: 792px;
	border:0px;
	background: #FFF;
	font-size: 11px;
	line-height: 14px;
}

table#buttons td{
height: 120px; width:33%; padding-left: 130px; padding-right: 4px;

}
td#button1 {background : #fff url('../images/mtvilla-t-aboutus.jpg') no-repeat; }
td#button2 {background : #fff url('../images/mtvilla-t-services.jpg') no-repeat; }
td#button3 {background : #fff url('../images/mtvilla-t-elpaso.jpg') no-repeat; }
td#button4 {background : #fff url('../images/mtvilla-t-contactus.jpg') no-repeat; }
td#button5 {background : #fff url('../images/mtvilla-t-gallery.jpg') no-repeat; }
td#button6 {background : #fff url('../images/mtvilla-t-links.jpg') no-repeat; }

h4 {
	font-size:12px;
	text-align:left;
	font: Verdana, Geneva, sans-serif;
	margin: 0px 0px 0px 0px;
	color: #000;
}

table#buttons a {
	color:#900;
	text-decoration : none;
	font-weight: bold;
}

table#buttons a:hover{
	color:#FFF;
	text-decoration : none;
	font-weight: bolder;
	background: #900;
}