﻿/* Global positioning */
* {
	margin:					0;
	padding:				0;
}

body {	
	background-image:		url(../images/bg_body.jpg);
	background-repeat:		repeat-x;
	background-position:	top;
	background-color:		#373726;
}

/* Image layout */
img {
	border: 				none;
}

.imageframe {
	float:					left;
	width:					175px;
	height:					132px;
	margin:					0 20px 10px 0;
	padding:				5px 5px 5px 5px;
	
	background-image:		url(../images/bg_imageframe.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
}

.imageframe2 {
	float:					left;
	width:					240px;
	height:					180px;
	margin:					0 20px 10px 0;
	padding:				5px 5px 5px 5px;
	
	background-image:		url(../images/bg_imageframe2.jpg);
	background-repeat:		no-repeat;
	background-position:	left;

	
}
.imageframe3 {
	float:					left;
	width:					570px;
	height:					210px;
	margin:					0 20px 10px 0;
	padding:				5px 5px 5px 5px;
	
	background-image:		url(../images/bg_imageframe3.jpg);
	background-repeat:		no-repeat;
	background-position:	left;

	
}


/* Container positioning */
.container {
	position: 				relative;
	width:					980px;
	height:					auto;
	margin:					0 auto;
	margin-top:				0px;
}

.topcontainer {
	position:				relative;
	width:					954px;
	height:					167px;
	margin:					0 0 0 16px;
}

.tabcontainer {
	position:				relative;
	width:					954px;
	height:					40px;
	margin:					0 0 0 16px;
}

.headercontainer {
	position:				relative;
	width:					974px;
	height:					314px;

	background-repeat:		repeat-x;
	background-position:	top;
}

.contentcontainer {
	position:				relative;
	width:					964px;
	height:					auto;
	margin:					10px 0 0 16px;
	padding:				0;
}



/* Individual div positioning */
/* TOPCONTAINER */
.logo {
	float:					left;
	width:					300px;
	height:					125px;
	margin:					0;
	padding:				40px 0 0 0;
}

.slogan {
	float:					left;
	width:					286px;
	height:					34px;
	margin:					88px 0 0 0;
	padding:				4px 0 0 18px;
	
	border-left:			1px solid #5f5f5f;
}

.toprightcontainer {
	float:					left;
	width:					312px;
	height:					165px;
	margin:					0;
	padding:				0;
}

.search {
	position:				relative;
	width:					312px;
	height:					125px;
	margin:					0px 0px 0px 10px ;
	padding:				10px 10px 0px 10px ;
	
	background-image:		url(../images/bg_search.jpg);
	background-repeat:		repeat-x;
	background-position:	top;
}


.toplinks {
	position:				relative;
	width:					350px;
	height:					20px;
	margin:					0;
	padding:				0;
}



/* NAVIGATION */
.tabs {
	position: 				relative;
	width:					946px;
	height:					40px;
	margin:					0 auto;
	margin:					0;
}

.tabs li {
	display: 				inline;
	margin:					0;
	padding:				0px 0 0 40px;
	list-style-type: 		none;
}

/* HEADER */
.headerleft {
	float:					left;
	width:					6px;
	height:					315px;
	margin:					0 0 0 10px;
	padding:				0;
	
	background-image:		url(../images/shadowleft.png);
	background-repeat: 		no-repeat;
	background-position:	right;
}

.bannerimage {
	float:					left;
	width:					931px;
	height:					303px;
	margin:					0;
	padding:				0;
	
	border-top:				6px solid #aca994;
	border-bottom:			6px solid #aca994;
	border-left:			12px solid #aca994;
	border-right:			12px solid #aca994;
	
 
	/* Black alternative: #1e1e1e */
	/* White alternative: #ececec*/
}

.featureoverlay {
	position:				absolute;
	width:					931px;
	height:					95px;
	margin:					208px 0 0 0;
	padding: 				0 0 0 20px;
	
	background-color:		#000000;
	color:					#FF9999;
	-ms-filter:				"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: 				alpha(opacity=75);
	opacity: 				.65;
}

.shadowright2 {
	float:					right;
	width:					949px;
	height:					315px;
	margin:					-6px -18px 0px 0px;
	padding:				0px 0px 0px 0px;

	
	background-image:		url(../images/shadowright.png);
	background-repeat: 		no-repeat;
	background-position:	right;
}



/* CONTENT */
.maincontent {
	float:					left;
	width:					605px;
	height:					auto;
	margin:					0;
	padding:				20px 0 0 0;
}

.item {
	float:					left;
	width:					580px;
	margin:					0px 0px 20px 0px;
	padding:				0;
}
.item2 {
	float:					left;
	width:					580px;
	margin:					0px 0px 20px 0px;
	padding:				0;
	
	background-image:		url(../images/fondo_croquis.gif);
	background-repeat: 		no-repeat;
	background-position:	left;

}


.sidebar {
	float:					left;
	width:					340px;
	height:					auto;
	margin:					0;
	padding:				24px 0 0 0;
}

.testimonialtop {
	position:				relative;
	width:					340px;
	height:					29px;
	margin:					1px 0 0 0;
	padding:				0;
	
	background-image:		url(../images/testimonial_top.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
}

.testimonialmiddle {
	position:				relative;
	width:					300px;
	height:					auto;
	margin:					0;
	padding:				0 20px 0 20px;
	
	background-image:		url(../images/testimonial_middle.jpg);
	background-repeat: 		repeat-y;
	background-position:	left;
}

.testimonialbottom {
	position:				relative;
	width:					340px;
	height:					63px;
	margin:					0 0 6px 0;
	padding:				0;
	
	background-image:		url(../images/testimonial_bottom.jpg);
	background-repeat:		no-repeat;
	background-position:	left;
}



/* FOOTER */
.clear {
	display: 			block; 
	height: 			0; 
	clear: 				both; 
	visibility: 		hidden;
}

.footer {
	position:				relative;
	width:					100%;
	height:					27px;
	margin-top:				0px;
	padding:				13px 0 0 0;
	
	background-color:		#28281e;
}
/* End of individual div positioning */



/* Form elements */
.txt_search {
	vertical-align:			middle;
	width: 					205px;
	height: 				17px;
	margin:					0 0 0 5px;
	padding:				4px 5px 0 5px;
	
	border:					1px solid transparent;
	background-color:		#dedede;
}

.btn_search {
	vertical-align:			middle;
	width: 					23px;
	height: 				23px;
	margin:					0 0 0 5px;
	
	border:					none;
	background-color:		#ff8b20;
	cursor:					pointer;
}

.txt_readmore a{
	float:					right;
	width: 					99px;
	height: 				31px;
	margin:					15px 0 0 0;
	padding:				0;
	
	border:					none;
	background:				url(../images/button_readmore.png) 0 0 no-repeat;
}

.txt_readmore a:hover { 
	background-position: 	-99px 0;
}

blockquote {
	float:					left;
	width: 					528px;
	height: 				auto;
	margin:					0 0 0 15px;
	padding:				10px;
	
	border:					none;
	background-color: 		#28281e;
}

.incg_list {
	position: 				relative;
	width:					329px;
	height:					auto;
	margin:					0 auto;
	margin:					0;
}
.incg_list li {
	list-style:				outside;
	margin:					0;
	padding:				0;	
}

.incg_list li.selected { 
	display: 				block; 
	padding: 				5px;  
	width:					329px;
	cursor: 				pointer;
	background-color: 		#28281e; 
	border:					1px solid #2e2e2e;
 
}

.incg_list li.hover { 
	background: 				#4e4e2e; 
}
/*Gallery classes*/
#gallery {margin-top: 12px;}
.thumb {
  background: transparent url(../images/thumb.png) no-repeat scroll 0 0;
  float: left;
  height: 107px;
  margin: 0px 16px 16px 0;
  padding: 8px 9px 8px 9px;
  position: relative;
  width: 105px;
}
.last-thumb {margin-right: 0px;}

/*clearfix class for clearing floats*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
