/*  
Theme Name: Vista Management
Theme URI: http://www.inetstudio.org/
Description: Graphic design for Vista Management website
Version: 1.0
Author: iNetStudio.org
Author URI: http://www.inetstudio.org/en/
*/	
	
	*{margin:0; padding:0; outline:none}
	
	html{height:100%}
	
	body{
		display:block;
		position:relative;
		height:auto !important;
		min-height:100%;
		height:100%;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:1em;
		background:url(images/bgr.jpg) repeat-x;
		}
		
	#wrapper{
		position:relative;
		width:990px;
		margin:0 auto;
		padding-bottom:80px;
		}
		
	h1{
		float:left;
		width:190px;
		height:90px;
		line-height:900px;
		overflow:hidden;
		background:url(images/logo.gif) no-repeat;
		}
		
	h1 a{display:block}
	
	div.description{
		float:left;
		width:304px;
		margin-top:50px;
		border-top:1px solid #c0aea0;
		}
		
	#lang{
		float:right;
		padding-top:48px;
		list-style:none;
		font-size:0.7em;
		}
		
	#lang li{
		float:left;
		margin-left:22px;
		}
		
	#lang li.last{
		width:22px;
		margin-top:4px;
		border-top:1px solid #c0aea0;
		}
		
	#lang a{
		color:#e7d9c6;
		text-decoration:none;
		}
		
	#lang a:hover{text-decoration:underline}
	
	#header{
		position:absolute;
		left:500px;
		top:90px;
		width:487px;
		height:240px;
		background:url(images/shadow.jpg) no-repeat bottom #070707;
		}
		
	#header .color{
		height:80px;
		background:#5c535a;
		}
	
	#headerImg{
		position:absolute;
		left:27px;
		top:-41px;
		width:340px;
		height:265px;
		background:url('images/headers/default.jpg') no-repeat;
		}
		
	h2.description{
		width:434px;
		padding:40px 50px;
		font-size:20px;
		font-weight:normal;
		line-height:26px;
		color:#836396;
		clear:both;
		}
		
	h2.description span{
		font-size:15px;
		font-weight:bold;
		color:#808080;
		}
		
	#menu1,
	#menu2{
		position:relative;
		width:440px;
		margin-left:50px;
		clear:left;
		}
		
	#menu1{
		display:inline;
		float:left;
		width:auto;
		height:20px;
		padding-left:26px;
		background:#897d71;
		}
		
	#menu1 li{
		float:left;
		list-style:none;
		}
		
	#menu1 a{
		display:block;
		padding:0 10px;
		background:#584e56;
		border:1px solid #584e56;
		font-size:0.8em;
		color:#fff;
		line-height:18px;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		}
		
	#menu1 a:hover{color:#a58cb4}
		
	#menu2{
		height:80px;
		padding-top:20px;
		}
		
	#menu2 li{
		position:relative;
		float:left;
		list-style:none;
		width:13px;
		height:5px;
		margin:0 133px 22px 0;
		background:#846695;
		}
		
	#menu2 a{
		display:block;
		position:absolute;
		left:0;
		top:6px;
		width:141px;
		line-height:18px;
		text-align:center;
		font-size:0.7em;
		font-weight:bold;
		color:#000;
		background:#ccb2aa;
		border:1px solid #4f4f4f;
		text-decoration:none;
		}
		
	#menu2 a:hover{
		color:#fff;
		background:#837078;
		}
		
	#menu2 li ul{
		position:absolute;
		left:0;
		top:22px;
		display:none;
		height:100px;
		}
		
	#menu2 li:hover ul,
	#menu2 li ul:hover
	#menu2 li:hover ul:hover{display:block}
		
	#menu2 li ul li{
		width:auto;
		height:auto;
		}
		
	#breadcrumbs{
		padding:0 10px 5px;
		font-size:9px;
		font-weight:bold;
		text-align:right;
		}
		
	#content{
		width:932px;
		margin-left:50px;
		padding:12px 0;
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;
		overflow:hidden;
		clear:left;
		}
		
	#content .left{
		float:left;
		clear:left;
		width:156px;
		margin-bottom:10px;
		padding-bottom:8px;
		font-size:0.625em;
		text-align:center;
		color:#e5d2b8;
		background:#8e7670;
		border:1px solid #595959;
		}
		
	#content .left h2{
		padding:7px 0;
		font-size:1.2em;
		line-height:1.2em;
		color:#fff;
		background:#5e4f4d;
		}
		
	#content .left h2 a{
		color:#fff;
		text-decoration:none;
		}
		
	#content .left a:hover{text-decoration:underline}
		
	#content .left p{
		padding:3px 0;
		line-height:1.2em;
		}
		
	#content .left img{
		width:123px;
		height:83px;
		}
		
	#content .right{
		float:right;
		width:752px;
		font-size:0.75em;
		color:rgb(60, 60, 60);
		line-height:1.5em;
		}
		
	#content .right h2{
		margin-bottom:20px;
		font-size:1.5em;
		font-weight:bold;
		line-height:1em;
		letter-spacing:0.1em;
		}
		
	#content .right h3,
	#content .right h4{
		margin-bottom:15px;
		font-size:1.2em;
		}
		
	#content .right p,
	#content .right table{margin-bottom:15px}
	
	#content .right ul,
	#content .right ol,
	#content .right blockquote{padding:0 0 15px 35px}
	
	#content .right ul li{
		padding-bottom:5px;
		list-style:url('images/bullet.gif');
		}
		
	:root #content .right ul li{list-style:url('images/bullet_ff.gif')}
	
	#content .right ul li ul{padding:0 0 0 35px}
	
	#content .right ul li ul li{list-style:none}
	:root #content .right ul li ul li{list-style:none}
	
	#content .right a,
	#breadcrumbs a{
		color:#846695;
		font-weight:bold;
		}
		
	#content .right a:hover,
	#breadcrumbs a:hover{color:#a57cbc}
	
	#content a img{border:none}
	
	#content .right img{
		margin-right:12px;
		}
	
	#content .right td{padding:1px 4px}
		
	#footer{
		position:absolute;
		left:0;
		bottom:28px;
		width:100%;
		height:22px;
		line-height:22px;
		padding:6px 0;
		font-size:0.7em;
		color:#fff;
		text-align:center;
		background:#7e6a68;
		}
		
	#footer ul{display:inline}
		
	#footer li{
		list-style:none;
		display:inline;
		padding:5px 16px;
		border-left:1px solid #1b1818;
		}
		
	#footer li.first{
		border:none;
		}
		
	#footer li a{
		color:#000;
		text-decoration:none;
		}
		
	#footer li a:hover{text-decoration:underline}
	
	.rotate img{
		position:absolute;
		left:0;
		top:0;}