@charset "UTF-8";
/* CSS Document */


/* ------------ TEXT ------------ */

body{ 
font:normal 12pt Helvetica, Arial, sans-serif;
margin:0 auto; position:relative;
	}

/* Museoslab-500, Helvetica, Arial, sans-serif */

p {
	color:#484848;
	line-height:1.6;
	}

h1{ 
	color: #822f1a;
	font-size: 50px;
	font-weight: normal;
	line-height:.9; 
	margin: 20px 0 20px 5px; 
	text-shadow: 0 2px 0 #CCC;
	}

h2{ 
	color:#484848;
	font-size: 30px;
	font-weight: normal;
	line-height:.9; 
	margin: 10px 0 20px 10px; 
	}

h3{ 
	color:#484848;
	font-size: 20px;
	font-weight: normal;
	line-height:.9; 
	margin: 0px 0 20px 5px; 
	}

h4{ 
	color:#822f1a; 
	font: 14pt 'TelegraficoRegular', Arial, Helvetica; 
	letter-spacing:.8px; 
	line-height:.9;
	margin-bottom: 10px;
	}

.title p{ font:Helvetica, Arial, sans-serif;}

.project_secondary{
	font-size: 10px;
	font-style: italic;
	}

.declare h1{ 
	color:#822f1a; 
	font: 38pt 'TelegraficoRegular', Arial, Helvetica; 
	letter-spacing:.8px; 
	line-height:.9; 
	margin: 10px 0 20px 10px; 
	text-shadow: 0 2px 0 #CCC;
	}

strong {font-weight:bold;}
a {text-decoration:none; color:#222222}
a:hover { color:#7dd0e5;}
a:visited { color:#222222;}


/* ------------ HEADER ------------ */

#header { height: 45px; margin-top:40px; padding-bottom:8px; position:relative; z-index:2500;}
#logo { background:url(../img/logo.jpg) no-repeat; 
	position: relative; 
	z-index: 2500; width:220px; height:69.5px; 
	background-position: 0px 0px;
	box-shadow: 0px 0px 6px 0 rgba(0,0,0,.6); 
	-moz-box-shadow: 0px 0px 6px 0 rgba(0,0,0,.6); 
	-webkit-box-shadow: 0px 0px 6px 0 rgba(0,0,0,.6);
	}
#logo h5{ margin: 0px; display:block; text-indent:-9999px; border: none; text-align:center}
#logo a { display: block; height: 100%; text-indent: -9000px; width: 100%; outline:none;}
#logo:hover { background-position: 0px -70px;}

#content { margin: 20px 0 0 0;}


/* ------------ NAV ------------ */

#nav { font-family: 'TelegraficoRegular', Arial, Helvetica; margin-left:30px; padding-top:20px;}

#nav ul { font-size:18px; letter-spacing:1.5px; line-height: 19px; text-transform:uppercase;}
#nav ul li {float: left; list-style: none; margin-right: 25px;}
#nav li a { color: #822f1a; display: block;}
#nav li a.active {color:#7dd0e5;}
#nav li a:hover {color:#7dd0e5;}


/* ------------ CONTACT ------------ */

.contact {color:#484848; font-size:16pt;}


/* ------------ IMAGES ------------ */

.picture { padding: 4px; background: #ffffff;}
a .picture:hover { background: #822f1a}
.shadow {
	box-shadow: 1px 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px 1px 1px #ccc;
}
a .shadow:hover {
	box-shadow: 1px 1px 3px #aaa;
	-moz-box-shadow: 1px 1px 3px #aaa;
	-webkit-box-shadow: 1px 1px 3px #aaa;
}

/* ------------ SPECIAL CLASSES ------------ */

.margin_bottom {padding-top: 30px; margin-bottom:60px; border-bottom:2px solid #666; clear:both;}
.right {float:right;}
.center {text-align:center; margin: 0 auto;}
.spacer-top {clear: both; padding-top: 30px;}
.spacer-bottom {clear: both; padding-bottom: 30px;}

/* ------------ FOOTER ------------ */

#footer { 
	bottom: 0;
	background: #484848; 
	color: #ffffff; 
	font-size: 9pt;
	letter-spacing: .5px; 
	min-height:40px; 
	margin: 0; padding: 20px 0 35px 0; 
	text-align:right;
	}
#footer_top {
	background: url(../img/footer.png) repeat-x;
	height: 26px;
	margin: 30px 0 5px 0;
	}

.footer_clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0; padding-top:30px;}

#footer a, #footer a:link { color: #ccc;}
#footer a:hover { color: #c6e9ff;}
#footer h4 { color: #fff; font-size: 14px;}
#footer ul { display:inline; margin: 0;}
#footer ul li { float: right; list-style: none; margin: 0 5px 0 0;}

/* ------------ INFO BLOCK ------------ */

#info-block { background:#822f1a; color:#fff; min-height: 100px; }

#info-block h2{ 
	font-size: 28pt;
	letter-spacing:1.5px;
	margin: 0 0 10px 0;   
	text-transform: none;
	color:#fff;
	}
	
#info-block .text{ padding:20px;}
#info-block p{ color:#fff; font-size:14px; line-height:1.7; }

/* ------------ SLIDESHOW ------------ */


#gallery{
	margin:0 auto;
	z-index:0;
	position: absolute;
	top: 0;
	margin-left:50%;
	left: -625px;
}

/* ------------ QUOTES ------------ */

.testimonial {
	background: url(../img/quotes.png) center 30px no-repeat; padding-bottom:15px;	
}

.quote {
	padding: 26px 64px 10px 70px;
	font-size: 18px;
	font-style: italic;
	color: #696969;
}

.author {
	padding: 0 64px 20px 70px;
	color: #6e6d6d;
}


/* ------------ SERVICES ------------ */

#services { color: #fff; background:#822f1a; color:#fff; min-height: 130px; }

#services ul {font-size: 16px; font-weight: normal; line-height: 1.75;}
#contact ul li {list-style: none;}
#services h2{ font-size: 20px;
	margin: 0 0 10px 0;   
	text-transform: none;
	font-weight: normal;
	color:#fff;
	}
#services .text{ padding:20px;}
#services p{ color:#fff; font-size:14px; line-height:1.7; }