/* Stylesheet for Web Works Tenerife */

/*Body Styles*/
body{
margin:0 0 10px 0;
padding:0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:11pt;
}

/*Navigation Area*/
#nav-back{
width:100%;
height:37px;
padding:0px;
margin:10px 0 0 0;
background-image:url(images/nav-back.gif);
background-repeat:repeat-x;
}
	#nav-front{
	width:888px;
	height:37px;
	background-image:url(images/nav-front.gif);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	padding:0;
	}
		#nav-front p{
		color:#fff;
		font-size:10pt;
		margin:0;
		padding:0;
		letter-spacing:-1px;
		line-height:26px;
		}
			#nav-front a:hover{
			color:#fff;
			border-bottom:1px dashed #fff;
			text-decoration:none;
			}
			#nav-front a:link{
			color:#fff;
			text-decoration:none;
			}
			#nav-front a:visited{
			color:#fff;
			text-decoration:none;
			}
		
/*Main Frame*/
#frame{
width:740px;
margin:0 auto 0 auto;
padding:0;
}
#frame a:hover{
color:#58c;
text-decoration:none;
border-bottom:1px dashed #58c;
}
#frame a:link{
color:#58c;
text-decoration:none;
}
#frame a:visited{
color:#58c;
text-decoration:none;
}
		
/*Header Area*/
#header{
width:100%;
height:118px;
background-image:url(images/header.gif);
background-repeat:no-repeat;
}
	#header h1{
	margin:0;
	padding:0;
	text-align:right;
	position:relative;
	top:80px;
	font-family:Arial, Helvetica, sans-serif;
	color:#989898;
	font-size:18pt;
	letter-spacing:-2px;
	font-weight:400;
	}
/* Main Content Area*/
#main-content{
text-align:left;
width:740px;
margin:20px 0 0 0;
}
	#main-content h2{
	width:460px;
	height:30px;
	background-image:url(images/h2-back.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#58c;
	font-size:18pt;
	font-weight:400;
	margin:0px;
	display:block;
	text-transform:capitalize;
	letter-spacing:-2px;
	}
		#main-content h3{
		font-weight:400;
		font-size:15pt;
		letter-spacing:-1px;
		font-family:Arial, Helvetica, sans-serif;
		}
		#main-content p{
		/*margin:10px 0px 10px 0px;*/
		}
	.left-image{
	float:left;
	margin:0px -30px 10px 0;
	position:relative;
	left:-50px;
	}
	#quote{
	display:inline;
	width:250px;
	height:250px;
	background-image:url(images/quote-back.gif);
	background-repeat:no-repeat;
	float:right;
	margin:0 0 20px 20px;
	padding:0;
	}
	#quote p{
	margin:40px 18px 100px 76px;
	color:#358;
	font-size:11pt;
	font-weight:400;
	}
		#quote p strong{
		font-size:13pt;
		font-weight:bold;
		font-style:italic;
		}

/*Boxes Code*/
#box-1 h2, #box-2 h2{
display:block;
text-align:left;
width:350px;
height:33px;
color:#fff;
font-size:18pt;
text-transform:capitalize;
font-weight:400;
margin:3px 0 0 10px;
padding:0;
letter-spacing:-2px;
}
.textarea{
width:330px;
margin:15px 15px 0px 15px;
/*height:210px;*/
}

#box-1{
text-align:left;
width:360px;
height:272px;
margin:20px 15px 15px 0;
padding:0;
background-image:url(images/box-1.gif);
background-repeat:no-repeat;
float:left;
display:inline;
}
	#box-2{
	text-align:right;
	width:360px;
	height:272px;
	margin:20px 0 15px 0;
	padding:0;
	background-image:url(images/box-2.gif);
	background-repeat:no-repeat;
	float:left;
	display:inline;
	}
	#box-3 h2, #box-4 h2{
	text-align:left;
	width:350px;
	color:#fff;
	font-size:18pt;
	text-transform:capitalize;
	font-weight:400;
	margin:8px 0 0 10px;
	padding:0;
	letter-spacing:-2px;
	}
		#box-3{
		text-align:left;
		width:360px;
		height:272px;
		margin:0 15px 0px 0;
		padding:0;
		background-image:url(images/box-3.gif);
		background-repeat:no-repeat;
		float:left;
		display:inline;
		}
			#box-4{
			text-align:right;
			width:360px;
			height:272px;
			margin:0 0 0px 0;
			padding:0;
			background-image:url(images/box-4.gif);
			background-repeat:no-repeat;
			float:left;
			display:inline;
			}
.portfolio{margin-bottom:20px;}
.portfolio td{
	border-bottom:1px solid #358;
	background-color:#eef6f6;
	
}
.portfolio th{
	background-color:#58c;
	border-bottom:1px solid #358;
	border-top:20px solid #fff;
	height:40px;
	text-align:left;
	padding-left:20px;
	line-height:40px;
	font-weight:normal;
	font-size:14pt;
	font:Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
	
}
.portfolio p, .portfolio img{margin:10px;}		
/*Footer Area*/
#footer-back{
display:block;
width:100%;
height:37px;
padding:0px;
margin:20px 0 0 0;
background-image:url(images/footer-back.gif);
background-repeat:repeat-x;
}
	#footer-front{
	width:888px;
	height:37px;
	background-image:url(images/footer-front.gif);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	padding:0;
	}
		#footer-front p{
		color:#fff;
		font-size:10pt;
		/*margin:8px 0px 0px 0px;*/
		padding:0;
		letter-spacing:-1px;
		line-height:36px;
		}
		#footer-front img{
		vertical-align:text-bottom;
		margin:0 10px 0 5px;
		padding:0
		}
			#footer-front a:hover{
			color:#fff;
			border-bottom:1px dashed #fff;
			text-decoration:none;
			}
			#footer-front a:link{
			color:#fff;
			text-decoration:none;
			}
			#footer-front a:visited{
			color:#fff;
			text-decoration:none;
			}
			
			#local {
			 position: relative; left:-130px;
 top: 160px; margin: 0 0 -500px 0; padding: 10px; width: 110px; height: 490px; background:url(images/localbox.gif) no-repeat; color: #999; text-align: left;
			}