/*
-----------------------------------------------
Gramage Design Studio
by FRANCISCO m GRAMAGE
		
+1 (813) 217 5778
www.gramagedesign.com
---------------------------------------------*/

/*Custom Stylesheet
---------------------------------------------*/

/*Header
---------------------------------------------*/
.header {
	background: #00aeef;
	height: 20px;
}

/*Header Nav*/
.header ul {
	float: right;
	list-style: none;
}

.header ul li {
	display: inline;
} 

.header ul li a {
	display: block;
	float: left;
	width: 52px;
	height: 20px;
	text-indent: -9999px;
	background: transparent url("/global/images/lang_nav.png") no-repeat; 
}

.header ul li .eng {
	background-position: 0 0;
}

.header ul li .esp {
	background-position: -52px 0;
}

.header ul li .cat {
	background-position: -104px 0;
}

.header ul li .eng:hover {
	background-position: 0 -20px;
}

.header ul li .esp:hover, .header ul li .esp.selected {
	background-position: -52px -20px;
}

.header ul li .cat:hover {
	background-position: -104px -20px;
}

/*News Box*/
.newsBox {
	display: block;
	padding: 4px 0 0 132px;
	height: 14px;  
	background: transparent url(/esp/images/newsBack.png) no-repeat 0 center;
}

/*Content
---------------------------------------------*/

/*Portfolio*/
.portfolioWrap {
	float: left;
	padding: 10px;
	width: 760px;
	height: 432px;
	border: 1px solid #6a6a6a;
}

.bodyContent {
	
}

.bodyContent h1 {
	display: block;
	margin: 0 0 10px 0;
	width: 300px;
	height: 15px;
	text-indent: -9999px;
	background: transparent url(/esp/images/h1_titles.png) no-repeat;
}

.bodyContent h1.studio {
	background-position: 0 0;
}

.bodyContent h1.solutions {
	background-position: 0 -16px;
}

.bodyContent h1.works {
	background-position: 0 -32px;
}

.bodyContent h1.worked {
	background-position: 0 -47px;
}

.bodyContent h1.getStarted {
	background-position: 0 -64px;
}

.bodyContent h1.join {
	height: 18px;
	background-position: 0 -79px;
}

.bodyContent a.plusLink {
	display: block;
	clear: both;
	margin: 0 0 6px 0;
	padding-left: 10px;
	width: 130px;
	cursor: pointer;
	background: transparent url(/global/images/plus.gif) no-repeat 0 5px;
}

.bodyContent a.plusLink.clearMargin {
	margin: 0;
}


.bodyContent p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
}

.bodyContent p.clearMargin {
	margin: 0;
}

.bodyContent ul {
	list-style-position: inside;
	line-height: 1.4em;
}

.bodyContent ul li {
	list-style-type: disc;
}

.bodyContent img {
	display: block;
	float: left;
	margin: 0 0 20px 0;	
	padding: 4px;
	border: 1px solid #6a6a6a;
}


/*Footer
---------------------------------------------*/
.footer {
	background: #00aeef;
	height: 112px;
}

.footerContent {
	display: inline;
	float: right;
	margin: 20px 20px 0 0;
	line-height: 1.4em;
	text-align: right;

}