/*
----------------------------------------------------
Global Legal Group
Autor: D.I. José Pablo Rojas - JTM Design
Fecha: Mayo/2010
pablo.r@jtm.co.cr
(c)2010 Global Legal Group
------------------------------------------------------
*/ 

/* Tags */

body {
	background: url(../img/bgBody.jpg) center 80px no-repeat;
	}
* {
	margin: 0;
	padding:0;
}
html {
	background:url(../img/bgHtml.jpg) repeat-x ;
	}
#wrapper {
	width:900px;
	margin:0 auto;
	font-family: Trebuchet MS;
	overflow:hidden;
	}


/* Header */	
	
#wrapper #header {
	float:left;
	width:100%;
	height:240px;
	color:#FFFFFF;
	}
	
#wrapper #header h1{
	position:relative;
	top: 55px; 
	}
				
#wrapper #header h1 a{ 
	background:url(../img/logo-Global-Legal-Group.png) no-repeat;
	width:138px;
	height:188px;
	display:block;
	text-decoration: none;
	text-indent:-3000px;
	}
#wrapper #header h2{
	position:relative;
	top: -178px;
	font-size:16px; 
	}
#wrapper #header h2 a{
	color:#FFFFFF;
	} 
#wrapper #header ul#menuTop{
	position:relative;
	top: -275px;
	left:720px;
	width: 180px;
	overflow:hidden;
	}
#wrapper #header ul#menuTop li{
	display:inline;
	list-style:none;
	border-left:#FFFFFF 1px solid;
	float:left;
	margin-left:5px;
	padding-left:7px;
}
#wrapper #header ul#menuTop li:first-child{
	border:none;
}
#wrapper #header ul#menuTop li a{
	display:block;
	height:25px;
	width:60px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	}

#wrapper #header ul#menu {
	position: relative;
	width: 660px;
	overflow:hidden;
	top:-125px;
	left:250px;
	}
#wrapper #header ul#menu li{
	display:inline;
	list-style:none;
	float:left;
	margin-left:5px;
}

#wrapper #header ul#menu li a{
	display:block;
	height:41px;
	text-indent:-3000px;
	}	
#wrapper #header ul#menu li a.RealEstate{
	background:url(../img/btnCostaRicaRE.png) left -40px;
	width:167px;
}
#wrapper #header ul#menu li a.experience{
	background:url(../img/btnFirmProfile.png) left -40px;
	width:144px;
	}
#wrapper #header ul#menu li a.law-service{
	background:url(../img/btnLawService.png) left -40px;
	width:159px;
	}
#wrapper #header ul#menu li a.development {
	background:url(../img/btnDev.png)  left -40px;
	width:160px;
	}
	#wrapper #header ul#menu li a.RealEstate:hover{
	background:url(../img/btnCostaRicaRE.png);

}
#wrapper #header ul#menu li a.experience:hover{
	background:url(../img/btnFirmProfile.png);

	}
#wrapper #header ul#menu li a.law-service:hover{
	background:url(../img/btnLawService.png);

	}
#wrapper #header ul#menu li a.development:hover { 
	background:url(../img/btnDev.png) ;

	}
	
/* Content */		

#content {
	width:898px;
	float:left;
	border: 1px solid #CCCCCC;
	-moz-box-shadow:5px 5px 10px #CCC;
	margin-bottom:20px;
	background:#FFF;

}
#content h1{
	background:url(../img/h1Content.jpg);
	height:69px;
	float:left;
	width:100%;
	line-height:69px;
	text-indent:40px;
	color:#FFFFFF;
	font-size:40px;
	text-shadow: 2px 2px 5px #333;
	font-weight:normal;

	}
#content h2{
	height:30px;
	float:left;
	width:100%;
	padding:20px 20px 0 20px;
	color: #CC0000;
	font-size:22px;
	font-weight:normal;
	}
#content h2 a{
	color: #C00;
	}	
	#content h3{
	height:30px;
	float:left;
	width:100%;
	padding:20px 20px 0 20px;
	color:#3366FF;
	font-size:18px;
	font-weight:normal;
	}
#content p{
	display:block;
	float:left;
	padding:20px 20px 0 20px;
	color:#333;
	text-align:justify;
	font-size:14px;
	line-height:20px;
	width:860px;
	}
#content p a{
color:#333;
}
#content ul{
	display:block;
	float:left;
	padding:20px 20px 0 40px;
	color:#333;
	text-align:justify;
	font-size:14px;
	line-height:20px;
	}
	
#content img {
float:right;
margin:0 0 10px 10px;
}
#content img.realEstateImg {
 	float:left;
	margin:10px;}
#content table{
	display:block;
	float:left;
	margin:20px 20px 0 20px;
	color:#333;
	text-align:left;
	font-size:14px;
	line-height:20px;
	}
	#content table td{
	padding:20px;
	border-bottom:1px solid #999999;
	border-right: 1px #999999 dashed;
	}		
#content #LawService {
	float:left;
	width: 422px;
	margin:10px;
	overflow:hidden;
	}
#content #LawService h1{
	float:left;
	width: 422px;
	background: url(../img/h1LawServices.png);
	height:116px;
	text-indent:-3000px;
	}	
#content #LawService p{
	float:left;
	width: 382px;
	background: url(../img/bgSection.png);
	padding:20px 20px 20px 20px;
	}
#content #LawService p.footerSection{
	float:left;
	width: 402px;
	height:31px;
	background:  url(../img/bgFooterSection.png) no-repeat;
	
	}
#content #Dev-RE {
	float: right;
	width: 422px;
	margin:10px;
	overflow:hidden;
	}
#content #Dev-RE h1{
	float:left;
	width: 422px;
	background: url(../img/h1Develoment.png);
	height:116px;
	text-indent:-3000px;
	}	
#content #Dev-RE p{
	float:left;
	width: 382px;
	background: url(../img/bgSection.png);
	padding:10px 20px 5px 20px;
	}
#content #Dev-RE ul {
	float:left;
	width: 382px;
	background: url(../img/bgSection.png);
	marging:0;
	padding:0;
	padding-left:40px;
	
	}
#content #Dev-RE p.footerSection{
	float:left;
	width: 402px;
	height:31px;
	background:  url(../img/bgFooterSection.png) no-repeat;
	
	}
/* footer */

#footer {
float:left;
width:100%;
margin:0;
background: url(../img/footer.png) repeat-y;
overflow:hidden;
height:135px;
vertical-align:bottom;
margin-top:10px;
}

#footer ul{
float:left;
width:25%;
border-right:1px solid #CCCCCC;
padding:5px 20px 20px 20px;
margin-top:5px;

}
#footer ul li{
list-style:none;
}
#footer ul li a{
font:bold 11px/13px Arial, Helvetica, sans-serif;
color:#646464;
}
#footer p{
float: right;
width:35%;
font:normal 11px/18px Arial, Helvetica, sans-serif;
text-align:right;
padding:10px;
}
#footer p a{
 color:#666666;
 }
 
 ////////////////class miscelanious/////////