/* CSS Document */


*{
	margin:0;
	padding:0;
}
body{
	background-color:#B1B4B6;
	background:url(img/pat_8.gif) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#wraper{
	width:770px;
	height:615px;
	margin:10px auto;
	background-color:#FFFFFF
}
#holder{
	width:750px;
	height:595px;
	position:relative;
	top:10px;
	left:10px;
	
} 

/*
#holder{
	width:850px;
	height:827px;
	margin:10px auto;

}*/


/* HEADER */
#header{ 
	width:750px;
	height:275px;
}
	
	
/* Navigation */

#nav{
	width:750px;
	height:90px;
	background:url(img/header_top.jpg) no-repeat;
}
#menu{
	width:185px;
	height:90px;
	position:relative;
	left:259px;
	float:left;
}
.about_us{
	width:54px;
	height:90px;
	background:url(img/about_btn.gif) left top no-repeat;
	display:block;
	float:left;
}
.about_us:hover, .about_us:active{
	width:54px;
	height:90px;
	background:url(img/about_btn_over.gif) left top no-repeat;
	display:block;
	float:left;
}
.projects{
	width:59px;
	height:90px;
	background:url(img/projects_btn.gif) left top no-repeat;
	display:block;
	float:left;
}
.projects:hover, .projects:active{
	width:59px;
	height:90px;
	background:url(img/projects_btn_over.gif) left top no-repeat;
	display:block;
	float:left;
}

.contacts{
	width:72px;
	height:90px;
	background:url(img/contacts_btn.gif) left top no-repeat;
	display:block;
	float:left;
}
.contacts:hover, .contacts:active{
	width:72px;
	height:90px;
	background:url(img/contacts_btn_over.gif) left top no-repeat;
	display:block;
	float:left;
}
#language{
	width:75px;
	height:90px;
	float:right;
}
.bg{
	width:22px;
	height:90px;
	display:block;
	float:left;
	background:url(img/bg.gif) no-repeat;
}
.bg:hover, .bg:active{
	width:22px;
	height:90px;
	display:block;
	float:left;
	background:url(img/bg_over.gif) no-repeat;
}
.en{
	width:22px;
	height:90px;
	display:block;
	float:left;
	background:url(img/en.gif) no-repeat;
}
.en:hover, .en:active {
	width:22px;
	height:90px;
	display:block;
	float:left;
	background:url(img/en_over.gif) no-repeat;
}
.es{
	width:22px;
	height:90px;
	display:block;
	float:left;
	background:url(img/es.gif) no-repeat;
}	
.es:hover, .es:active{
	width:22px;
	height:90px;
	display:block;
	float:left;
	background:url(img/es_over.gif) no-repeat;
}
	
/*LOGO area */

#logo_area{
	width:750px;
	height:120px;
	background-color:#DCDDDE;
	margin-top:10px;}
#logo{
	width:259px;
	height:120px;
	float:left;
	background:url(img/logo.gif) left top no-repeat;}
#header_pic{
	width:491px;
	height:120px;
	float:left;}
	
/* Header Bottom */
#header_bottom{
	width:750px;
	height:45px;
	background-color:#C95023;
	margin-top:10px;
	background:url(img/header_bottom.jpg) left top no-repeat;}
	
/* End of Header */
	
/* CONTENT */
#content{
	width:750px;
	height:310px;
	margin-top:10px;
	background-color:#DCDDDE;
}
#contacts{
	width:259px;
	height:310px;
	background:url(img/left.jpg) bottom left no-repeat;
	float:left;}

#contacts p{
	margin-right:35px;
	margin-top:23px;
	text-align:right;
	color:#000000;
	font-size:10px;
	line-height:15px;
}

#about{
	width:491px;
	height:310px;
	float:left;
	}

#about p{
	margin-left:35px;
	margin-top:24px;
	color:#000000;
	font-size:11px;
	line-height:16px;
}
p.second{
	margin:0px;
	position:relative;
	top:-5px;}
#about ul{
	margin-left:57px;
	font-size:11px;
	line-height:15px;
}
/* COPYRIGHT */
#copyright{
	width:750px;
	height:27px;
	position:relative;
	top:26px;}
#span1{
	text-align:left;
	padding-left:275px;
	float:left;
	color:#666666;}
#span2{
	float:right;
	color:#666666;}
#span3{
	width:80px;
	height:15px;
	position:absolute;
	left:10px;
	top:2px;
}