@charset "utf-8";
/* Limongrafica CSS */

/* Colours:
	light green:	#CDE8B0;
	grey/green:		#718B7D;
	Green:			#2E7850;

*/

body {
	background: #CDE8B0 url(../media/colourbar.gif) 0px 0px no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	letter-spacing: 1px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	}
	
#container {
	width: 100%;
	}
	
#pagetop {
	width: 100%;
	height: 18px;
	}	
	
#language {
	width: 126px;
	height: 18px;
	float: right;
	}
	
#language img {
	margin: 0px;
	padding: 0px;
	display: inline;
	}			
	
#logo {
	width: 440px;
	height: 90px;
	display: block;
	margin-top: 12px;	
	}
	
#page {
	width: 840px;
	margin: 0px auto;
	}
	
#navigation {
	width: 840px;
	margin: 10px 0px;
	padding: 0px;
	}			
	
#navigation  ul{
	margin: 0px;
	padding: 0px;
	}
	
#navigation li {
	display: inline;
	margin-right: 55px;
	}
	
#navigation .end {
	margin: 0px;
	padding: 0px;	
	}	
	
#content {
	width: 800px;
	padding: 23px 0px 0px 0px;
	overflow: visible;	
	}
	
#content .left {
	width: 195px;
	float: left;
	clear: none;
	display: inline;
	}				
	
#content .right {
	width: 600px;
	height: 540px;
	float: left;
	clear: none;
	display: inline;
	}
	
#content .textbox_1 {
	width: 420px;
	height: 465px;
	background: url(../media/textbox_1.gif) 0px 0px no-repeat;
	padding: 20px 40px 30px 80px;
	}
	
#content .textbox_2	{
	width: 420px;
	height: 340px;
	background: url(../media/textbox_2.gif) 0px 0px no-repeat;
	padding: 30px 40px 20px 80px;
	}
	
#content p {	
	color: #718B7D;
	line-height: 170%;
	padding: 0px;
	margin: 4px 0px;
	}
	
#work {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	}
	
#work li {
	width: 125px;
	height: 60px;
	float: left;
	margin: 0px 7px 5px 3px;
	}
	
#content .portfolio {
	width: 440px;
	height: 440px;
	background: url(../media/textbox_1.gif) 0px 0px no-repeat;
	padding: 20px 33px 40px 67px;
	}
	
flash_gallery {
	width: 540px;
	height: 540px;
	}
	
.terms {
	margin-top: 33px;
	}					
	
a:focus {
	outline-style:none;
	}
	
.clearfix {
	clear: both;
	}
	
/* Form CSS */

#form_box {
	width:420px;
	margin-top: 20px;
	padding: 0px;		
	}

#name, #company, #email, #phone, #comments {
	width: 230px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 1.2em;
	color: #718B7D;
	background-color: #CDE8B0;
	border: 1px solid #718B7D;
	padding: 2px 0px 3px 5px;
	}
		
form p {
	margin: 1px;
	padding: 1px;
	}		
	
form p label {
	float: left;
	width: 33%;
	}
	
form p .button {
	width: 63px;
	height: 26px;
	background: url(../media/button_back.gif) 0px 0px no-repeat;
	font-size: 11px;
	color: #FFFFFF;
	border: none;
	padding: -1px 2px;
	margin: 10px 0px;
	font-weight: bold;
	cursor: pointer;	
	}
	
#address {
	width: 160px;
	height: 245px;
	background: url(../en/media/address_back_uk.gif) 0px 0px no-repeat;
	padding: 10px;
	font-size: 10px;
	display: block;
	}
	
#address_es {
	width: 160px;
	height: 118px;
	background: url(../es/media/address_back_es.gif) 0px 0px no-repeat;
	padding: 10px;
	font-size: 10px;
	display: block;
	}	
	
#address .bold {
	font-weight: bold;
	color: #2E7850;
	}
	
#address_es .bold {
	font-weight: bold;
	color: #2E7850;
	}	
	
#footer {
	width: 620px;
	background: url(../media/line.gif) 0 0 repeat-x;
	margin: 0px auto;
	font-size: 10px;
	color: #2E7850;
	text-align: center;
	padding: 10px 0px;
	}	
	
a:link {
	font-weight: bold;
	color: #2E7850;
	text-decoration: none;
	}	
	
a:hover {
	color: #333333;
	}
	
a:focus {
    outline: none; 
	}