/* ----------------------------------------------
	Style
 ------------------------------------------------ */
html {
	font-size:100%;
	width:100%;
	height:100%;
	margin-bottom:1px;
}
body {
	background: #fff;
	color:#767772;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
	width:100%;
	
}

/* ----------------------------------------------
	fonts
------------------------------------------------ */
p { font-size:1.2em; line-height:1.5em; margin-bottom:10px;}
h1 { font: normal 2em/1.8em Arial, Helvetica, sans-serif; }
h2 { color:#333; font: normal 2em Stewardson, Arial, Helvetica, sans-serif; }
h3 { color:#888; font: bold 1.2em/1.2em Arial, Helvetica, sans-serif; text-transform:uppercase;}
h4 { color:#333; font: bold 1.2em/1.2em Arial, Helvetica, sans-serif; }


/* ----------------------------------------------
	gerenal classes
------------------------------------------------ */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.error { 
	border:1px solid #d51313;
	color:#d51313;
	padding: 10px 15px;
	margin: 8px 0;
	background:#f7eded;
}
.success { 
	border:1px solid #0c9543;
	color:#0c9543;
	padding: 10px 15px;
	margin: 8px 0;
	background:#e5f6ec;
}
.error, .success {
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left; }
.text-right {text-align:right; }
.spacer { clear:both; display:block; height:25px;}
.highlight { font-weight:bold;}
.clear {clear:both;}
.text-center {text-align:center; }
.hidden {display:none;}


/* ----------------------------------------------
	images & links
------------------------------------------------ */

a:link, a:visited, a:active {
	color:#2c2c2c;
	text-decoration:none;
	font-weight:bold;
}
	a:hover {
		text-decoration:underline;
	} 

a.more {
	font:bold 12px arial;
	border:1px solid #cbcaca;
	padding: 3px 15px;
	clear:both;
	background: url(../images/read_more_bg.png) repeat-x;
	margin: 10px 0 0;
}
	a.more:hover {
		border:1px solid #2c2c2c;
		text-decoration:none;
	}


img.float-left {
	margin: 0 12px 5px 0;
	float:left;
}
img.float-right {
	margin: 0 0 5px 20px;
	float:right;
}

p img.float-left {
	margin: 0 15px 3px 0;
}
p img.float-right {
	margin: 0 0 3px 15px;
	}

.no-border {
	border-width:0;
}

.screen {margin: 0 15px 15px 0; border: none;}


/* ----------------------------------------------
	lists
------------------------------------------------ */
ul {
	margin: 5px 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
li {
	padding: 5px;
}
ol {
	font: italic 24px Georgia, Times, serif;
	padding: 10px 5px 10px 40px;
	color: #2c2c2c;
}
	ol p {
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #8e8e8e;
		margin: 0;
		padding: 5px 0;
	}
ul.list-images {
	float:left;
	margin:0 auto;
	padding:0;
}
	ul.list-images li {
		list-style:none;
		float:left;
		text-align:left;
	}
		ul.list-images li a {
			margin:0 10px 5px 0;
			display:block;
		}
		ul.list-images li img {
			padding:3px;
			border: 1px solid #ededec;
		}

/* ----------------------------------------------
	forms
------------------------------------------------ */
form { 
	font: normal 1.2em verdana;
}
	form span.helper {
		font: italic 9px arial;
		color:#666;
		display:block;
		padding: 0 0 1em 0;
	}
	label {
		display:block;
		font-weight:bold;
		margin-top:15px;
	}
	input, textarea, select {
		padding: 3px;
		margin:3px 0;
		border:1px solid #333;
		background:#fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		input:hover, textarea:hover, select:hover {
			background:#fff; border:1px solid #666;
		}
		input:focus, textarea:focus, select:focus {
			background:#f4f4f4;
			border:1px solid #666;
		}
	textarea {
		width:400px;
		height:100px;
	}

/* ----------------------------------------------
	tables
------------------------------------------------ */
table {
	border-collapse:collapse;
	width:100%;
}

	table td {
		font-size:1.2em;
		padding:0.3em;
		text-align:center;
	}

	table th {
		text-align:center;
	}
	
		table tbody th a {
			color:#fff;
			text-decoration:none;
		}

	table thead th {
		color:#fff;
		font-size:1.8em;
		padding: 0.5em 0.3em;
	}
	
	table tbody th {
		background: #e1e1e1;
		color:#055a7a;
		font-size:1.6em;
		padding: 0.3em;
		font-weight:bold;
	}
	
	table tr.odd {
		background:#f4f4f4;
	}
	
	table caption {
		caption-side: bottom;
		font-size: 1.2em;
		font-style: italic;
		line-height: 2em;
		text-align:right;
	}
	
/* ----------------------------------------------
	bloquequote & hr
------------------------------------------------ */
blockquote {
	margin:1.5em 0;
}
	blockquote p {
		font: italic 1.4em/1.4em "Trebuchet MS";
	}
		blockquote p:first-letter{
			float:left;
			padding: .1em .5em 0 .6em;
			font: italic 2.57em/1em "Monotype Corsiva", "Apple Chancery", fantasy;

		}
	blockquote .author {
		clear:both;
		display:block;
		text-align:right;
		font-size:.8em;
		font-style:normal;

	}

hr {border-top: 1px solid #b1b1b1; margin: 30px auto 3px 0; display:block; clear:both; }

/* ----------------------------------------------
[Page estructure]
------------------------------------------------ */

/* [header background] */
#bg-header {
	width:100%;
	height:210px;
	margin-top:0px;
}
	#bg-header .bg-left {
		float:left;
		width:45%;
		height:210px;
	}
	#bg-header .bg-right {
		float:right;
		width:45%;
		height:210px;
	}

/* [wrap] */
#wrap {
	margin:0 auto;
	text-align:left;
	width:960px;
	
	margin-top:-210px;
	position:relative;
}

	/* [wrap] */
	#header {
		height:210px;
		position:relative;
	}
		#logo {
			position:absolute;
			top:26px;
                        left:0;
                        background:url(../images/bg_logo.png) 0 0 no-repeat;
                        width:467px;
                        height:175px;
			
		}
			#logo h1 {
				
				background:url(../images/logo.png) 0 0 no-repeat;
                                text-indent:-999px;
                                float:right;
                                width:450px;
                                height:150px;
                                position:absolute;
                                top:12px;
                                right:12px;
                                color:#000;
			}
		#slogan {
			position:absolute;
                        top:75px;
                        right:5px;
		}
	
	/* [menu] */
	
	ul#menu {
		display:block;
		clear:both;
		height:28px;
		background-color:#000;
		
		margin:1px 24px 0 6px;
		padding:0;
	}
		ul#menu li {
			float:right;
			margin: 0 0 0 15px;
			list-style:none;
		}
		ul#menu li a {
			font: bold 11px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			text-decoration:none;
			color:#d4d4d4;
			background-color:#000000;
		}
			
	/* [sidebar] */
	#sidebar {
		float:left;
		min-height:500px;
		width:230px; /*240px*/
		padding: 10px 5px;
		margin-bottom:30px;
		text-align:center;
	}
		#sidebar .box {
			margin: 0 auto 10px;
			text-align:left;
			width:186px; /*226px*/
			background:#fff;
			padding: 5px 20px 10px;
			border: 1px solid #c6c6c6;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
		}

		#sidebar .box h3 {
			border-bottom:0px solid #ededec;
			line-height:12px;
			padding: 10px 0 5px;
			margin-bottom:5px;
		}
		
		ul.special, ul.social {margin:0; padding:0}
		ul.special li {
			list-style:none;
			clear:both;
			display:block;
			width:186px;
			height:24px;
			overflow:hidden;
			margin: 0 0 6px 0;
			padding:0 0 0 7px;
			background-color:#0099FF;
		}
			ul.special li a {
				font:normal 12px Arial, Helvetica, sans-serif;
				text-decoration:none;
				display:block;
				padding: 5px 0 0 5px;
				color:#fff;
				font-weight:bold;
			}
				ul.special li a:hover {
					font-weight:bold;
				}

		ul.social li {
			list-style:none;
			clear:both;
			display:block;
			margin: 0 0 6px 0;
			padding:0;
		}

		ul.social li img {
			float:left;
			margin: 0 6px 6px 0;
		}
		ul.social li a {
			font: bold 12px/24px Arial, Helvetica, sans-serif;
			padding: 6px 0;
			color:#767772;
		}
			ul.social li a span {
				font-weight:normal;
				color:#b8b8b8;
			}
			ul.social li a:hover, ul.social li a:hover span {
				text-decoration:none;
			}
	/* [main content ] */
	#main {
		float:right;
		width:700px;
		margin: 0 0 20px 20px;
	}
/* [footer] */
#footer {
	display:block;
	clear:both;
	height:120px;
	text-align:center;
}
	#footer p {
		color:#50c1ec;
		padding-top:20px;
	}
	#footer a{
		text-decoration:none;
		color:#fff;
	}

/* ----------------------------------------------
	[page elements
 ------------------------------------------------ */

/* [3 columns (homepage) ] */
.columns {
	float:left;
	width:210px;
	margin:20px 20px 20px 0;
}
	.columns h3 {
		margin: 15px 0 10px;
	}
	.columns p {
		clear:both;
	}
.columnc {float:left; width:420px; margin:20px 20px 20px 0;}
.columnc h2 {margin: 10px 0 10px 0;}
.columnc h3 {
		margin: 15px 0 10px;
	}
	.columnc p {
	text-align: justify;
		clear:both;
	}

/* [div.primary] */
.primary {
	float:left;
	width:470px;
}
/* [div.secondary] */
.secondary {
	width:226px; 
	float:left;
}
/* [div.featured] */
.featured {
	border: 1px solid #333333;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	position:relative;
	padding:10px;

}
	
	/* [our team (about page)] */
	#ourTeam .featured {
		margin-top:-60px;
	}
	#slideControl {
		display:block;
		clear:both;
		height:45px;
		position:relative;
		padding: 2px 18px;
		margin: 0 12px;
		z-index:5;
	}
	.controlPrev, .controlNext{
		cursor:pointer;
		position:absolute;
		background:url(../images/prev_next.png) 0 0 no-repeat;
		width:23px;
		height:32px;
		top:0;
	}
	.controlPrev { 
		left:-8px;
	}
	.controlNext {
		left:180px;
		background-position: -23px 0;
	}
		.controlPrev:hover { background-position: 0 -32px;}
		.controlNext:hover { background-position: -23px -32px;}

	
	.profileTitle {
		clear:both;
		display:block;
		padding: 0 20px 20px;
	}
	.featured span.function {
		padding-bottom:10px;
	}
	.featured img {
		border:1px solid #333;
	}
	
	/* [photos from workspacer pagination  (about page)] */
	#slidePager {
		display:block;
		clear:both;
		padding: 5px 0;

	}
	#slidePager a {
		float:left;
		margin-right:10px;
		width:18px;
		height:30px;
		color:#fff;
		font: bold italic 16px "Times New Roman", Times, serif;
		text-decoration:none;
		padding-left: 7px;
	}
		#slidePager a:hover, #slidePager a.activeSlide   {
			background-position:  0;
			color:#fff;
		}
		#photosWorkplace {
			width:454px;
			height:254px;
			display:block;
			clear:both;
		}
		
	/* [services box] */
	.services {
		width:299px; /*339*/
		height:146px;/*146*/
		background: url(../images/bg_box_services.png) 0 0 no-repeat;
		padding:0 20px;
		position:relative;
	}
		.services a.learnmore, .services a.learnmore:hover {
			font: bold 12px Arial, Helvetica, sans-serif;
			color:#027fb0;
			position:absolute;
			top:120px;
			left:20px;
		}
		
	/* [div.featured in contact page] */
	#contact {margin-top:30px;}
	
.roomicon {float:left;padding:0 10px 10px 0;}	
.smalltext {height:52px;text-size:11px;text-transform:uppercase;padding:0 0 10px 0; text-align:left;}
#exchange {clear:both;margin:15px 0 15px 0;}
/* ----------------------------------------------
	End of style.css
 ------------------------------------------------ */