/***

excommunica
http://www.excommunica.ca

Created by Marc-Andre Fortier

***/

/*** Reset ***/
@import "reset.css";
@import "jquery.fancybox-1.3.4.css";
@import "grid.css";
/* Getting the new tags to behave */
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video {
	display: block;
}
mark,rp,rt,ruby,summary,time {
	display: inline;
}
/*global*/
body {
	position: absolute;
	font: 12px/18px Tahoma, Helvetica, sans-serif;
	color: #e4e4e4;
	min-width: 1024px;
	min-height: 955px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #fff;
}
h1 {
	display: inline-block;
	float: left;
}
h1>a{
	position: relative;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 154px;
	height: 181px;
	background: url(../images/logo.jpg) center no-repeat;
}
#logo {
	display: inline-block;
	float: left;
}
#logo>a{
	position: relative;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 154px;
	height: 181px;
	background: url(../images/logo.jpg) center no-repeat;
}
h2 {
	font: 48px/50px 'Six Caps', sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 27px;
}
h3 {
	font: 33px/35px 'Six Caps', sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 24px;
}
/*additional classes*/
.fright{
	float: right;
}
.wrapper {
	width: 100%;
	overflow: hidden;
}
a {
	text-decoration: none;
}
.clear {
	clear: both;
	line-height: 0;
}
/*end additional classes*/
.main {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}
#glob {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	overflow: hidden;
}
#galleryHolder{
	position: absolute;
	width: 100%;
	height: 100%;
}
#galleryHolder img{
	background: none;
}
.imageHolder{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.spinner {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url( "../images/ajax-loader.gif") 50% 50% no-repeat #fff;
}
header, footer{
	width: 100%;
	z-index: 100;
	display: inline-block;
}
/*header*/
header{
	top: 0;
	height: 231px;
	background: none;
}
		/*menu*/
.menuHolder{
	position: relative; 
	width: 640px; 
	z-index: 1; 
	display: inline-block; 
	height: 50px; 
	margin-top: 37px;
	margin-left: 52px;
}
.menu {
	position: relative;
	text-align: center;
	z-index: 1;
	display: inline-block;
}
#menu{
	z-index: 3;
	position: relative;
	display: inline-block;
}
#menu>li {
	position: relative;
	height: 100%;
	background: url(../images/menu_separator.jpg) right center no-repeat;
	float: left;
}
#menu > li > a{
	display: block;  
	position:relative; 
	z-index: 1; 
	overflow: hidden;
}
#menu>li.no_bg {
	background: url(../images/bg_ie.gif) right center no-repeat;
}
.mText, .mText_over {
	position: relative;
	display: block;
	font: 16px/19px 'Homenaje', sans-serif;
	color: #727272;
	text-align: center;
	text-transform: uppercase;
	padding: 11px 15px;
	z-index: 2;
}
.mText_over{
	color: #0c0c0c;
	position: absolute; 
	top: -70px;
}
._arrPl{
	position: absolute; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	z-index: 0;
	left: 0;
	display: block; 
	background: url(../images/marker1.png) 50% 36px no-repeat;
}
.submenu_1 {
	position: absolute;
	z-index: 9100;
	width: 100%;
	left: 0;
	top: 100%;
	background: #464646;
	display: none;
	padding: 8px 0 5px;
}
.submenu_1 li {
	position: relative;
	display: block;
	padding: 0 0 1px;
	margin: -2px 0 0;
}
.submenu_1 a {
	position: relative;
	display: block;
	font: 13px/19px 'Homenaje', sans-serif;
	color: #bfbfbf;
	text-transform: uppercase;
	text-align: center;
	background: url(../images/dropMenu_bg.png) bottom center repeat-x;
	padding: 8px 0 7px;
	margin: 0 14px;
}
.submenu_1 .last {
	background: none;
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  
}
.submenu_2{
	position: absolute; 
	z-index: 2; 
	top: 0; 
	left: 100%;
	display: none; 
	width: 61px; 
	background: #1b1b1b; 
	padding: 3px 32px 0 5px;
	margin: -41px 0 0;
}
.submenu_2 li{
	position: relative; 
	display: block;  
	float: left; 
	width: 100%; 
	text-transform: uppercase; 
	background: none; 
	margin-bottom: 1px;
}
.submenu_2 a{
	line-height: 25px; 
	color: #8e8e8e; 
	font-size: 13px; 
	display: block;  
	width: 100%; 
	text-align: left;
}
.submenu_2 li > a:hover, .submenu_1 li.sfHover > a{
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  
	
}
		/*end menu*/
/*end header*/
.pad_1{
	padding: 7px 0 0;
}
.pad_2{
	padding: 62px 0 35px;
}
.pad_3{
	padding: 0 0 15px;
}
.marg_1{
	margin: 0 0 15px;
}
#content {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 50;
	height: 535px;
}
/**********************************Content**********************************/
hr{
	border: none;
	height: 1px;
	color: #5a5b5c;
	background-color: #5a5b5c;
	margin: 30px 0 0; 
}
figure{
	display: inline-block;
	position: relative;
}
p a{
	color: #fff;
	text-decoration: underline !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
p a:hover{
	color: #a7a6a6;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#content>ul {
	width: 940px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
#content>ul>li {
	position: absolute;
	width: 100%;
	overflow: hidden;
}
	/******* splash ********/
#page_splash h2{
	color: #5e6469;
	text-shadow: 1px 1px 0 #fff;
	margin: 267px 0 9px;
	padding: 0;
}
#page_splash h2 span {
	color: #e1632e;
}
#page_splash p{
	font: 14px/21px Arial, Helvetica, sans-serif;
	color: #aeaeae;
}
.readMore_spl b {
	position: relative;
	background: url(../images/more_arr.png) no-repeat 0 0;
	width: 8px;
	height: 7px;
	float: right;
	margin: 7px 0 0 13px;
}
.readMore_spl{
	font: 16px/22px 'Homenaje', sans-serif;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	color: #303030;
	padding: 7px 13px 5px 16px;
	background: #fff;
	margin: 23px 0 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.readMore_spl:hover {
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #e1632e;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  
}
	/******* end splash ********/
.bg1, .bg2, .bg3{
	background: url(../images/page1_separator.png) 379px center repeat-y;
	margin: 55px 0 48px;
	padding: 0 0 16px;
}
.bg2{
	background: none;
	margin: 55px 0 20px;
}
.bg3{
	background: none;
	margin: 55px 0 41px;
}
.bg4{
	background: url(../images/page4-5_separator.jpg) 320px center repeat-y;
	margin: 55px 0 42px;
}
.bg5{
	background: url(../images/page4-5_separator.jpg) 440px center repeat-y;
	margin: 55px 0 59px;
}
#page_about, #page_portfolio1, #page_services, #page_tutorials, #page_mail, #page_more, #page_privacy{
	background: #000;
}
#page_about article img{
	padding: 0 0 21px;
}
#page_about li a{
	padding: 0 0 14px;
}
#page_about ul li {
	margin: 0 0 11px;
}
#page_portfolio1  ul li {
	width: 249px;
	height: 180px;
	float: left;
	margin: 0 37px 0 0;
}
#page_portfolio1  ul li img{
	margin: 0 0 8px;
}
#page_services p{
	margin: 0 0 21px;
}
#page_services article p{
	margin: 0 0 3px;
}
#page_tutorials img{
	float: left;
	margin: 0 21px 0 0;
}
#page_tutorials p{
	margin: -2px 0 5px;
}
#page_tutorials article{
	margin: 0 0 32px;
}
#page_privacy hr, #page_more hr{
	border: none;
	height: 1px;
	color: #5a5b5c;
	background-color: #5a5b5c;
	margin: 0 0 25px;
}
.close_poz{
	position: absolute;
	right: 14px;
	top: 13px;
}
.close_button1 {
	overflow: hidden;
	width: 11px;
	height: 11px;
	z-index: 49;
	position: absolute;
	right: 0;
}
.close_button1 .img_act {
	position: absolute;
	top: 0;
	left: 0;
}
.txt01{
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none!important; 
}
.color2{
	color: #fff;
}
.list-0{
	padding: 0;
	margin: -9px 0 0;
}
.list-0 li{
	background: url(../images/marker.jpg) 0 5px no-repeat;
	padding: 0 0 0 24px;
	min-height: 18px;
	margin: 8px 0 0!important;
}
.list-0 a{
	text-transform: uppercase;
	font-size: 11px;
	color: #e4e4e4; 
	text-decoration: none;
}
.list-0 a:hover{
	color: #6f6f6f;
}
.sitem_over {
	position: absolute;
	z-index: 2;
	width: 249px;
	height: 109px;
	display: none;
	overflow: hidden;
	background: url(../images/bgimages.png);
}
.sitem_over>strong {
	position: relative;
	background: url( '../images/icon_zoom.png') center no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
#page_about .sitem_over {
	position: absolute;
	z-index: 2;
	width: 220px;
	height: 110px;
	display: none;
	overflow: hidden;
	background: url(../images/bgimages.png);
}
.readMore b {
	position: relative;
	background: url(../images/more_arr1.png) no-repeat 0 0;
	width: 8px;
	height: 7px;
	float: right;
	margin: 7px 0 0 13px;
}
.readMore{
	font: 16px/22px 'Homenaje', sans-serif;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	color: #faf9f8;
	padding: 6px 12px 5px 15px;
	background: #424242;
	margin: 16px 0 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.readMore:hover {
	text-transform: uppercase;
	text-decoration: none;
	color: #424242;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  
}
.readMore1 b {
	position: relative;
	background: url(../images/more_arr1.png) no-repeat 0 0;
	width: 8px;
	height: 7px;
	float: right;
	margin: 7px 0 0 6px;
}
.readMore1{
	font: 16px/22px 'Homenaje', sans-serif;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	color: #faf9f8;
	padding: 6px 12px 5px 11px;
	background: #424242;
	margin: 16px 0 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.readMore1:hover {
	text-transform: uppercase;
	text-decoration: none;
	color: #424242;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;  
}
.box1, .box2, .box3{
	width: 180px;
	height: 100%;
	margin: 0 50px 0 0;
	float: left;
	overflow: hidden;
}
.box2{
	width: 150px;
}
.box3{
	width: 160px;
	margin: 0;
}
/*google map*/
.google_map {
	position:  relative;
	overflow: hidden;
	width: 314px; 
	height: 225px; 
	background: #fff;
	background-image: url(../images/googleMapLoader.gif);
	background-repeat: no-repeat;  
	background-position: 50%;
	margin: 0 0 22px;
}
/*end google map*/
.w1 {
	display: inline-block;
	width: 82px;
}
/*contact form*/
#form1 {
	position: relative;
	margin-top: -2px;
	overflow: visible;
}
#form1 input, #form1 textarea {
	font: 12px/20px Tahoma, Helvetica, sans-serif;
	position: relative;
	border: 1px solid #e5e5e5;
	color: #393939;
	padding: 7px 13px 7px;
	width: 319px;
	outline: none;
	background: #fff;
	min-height: 20px;
}
#form1 textarea {
	width: 372px;
	height: 160px;
	overflow: auto;
	resize: none;
}
#form1 label {
	display: inline-block;
	min-height: 46px;
	position: relative;
}
.message{
	width: 400px !important;
	margin: 2px 0 0;
}
#form1 .success{
	position: relative;
	padding-bottom: 3px;
	color: #dc6450;
}
#form1 .error, #form1 .empty {
	text-align: left;
	display: none;
	font-size: 10px;
	line-height: 17px;
	color: #fff;
	margin-left: 3px;
	top: -1px;
	position: relative;
}
.btns{
	padding: 25px 0 0;
	position: relative;
	float: right;
}
.btns a{
	display: inline-block;
	margin: 0 0 0 20px;
	text-decoration: none !important;
}
input, select, textarea {
	vertical-align: middle;
}
/*end contact form*/
/**********************************End Content******************************/
/*footer*/
footer{
	font: 11px/12px Arial, Helvetica, sans-serif;
	padding: 0 0 20px;
}
footer p {
	position: relative;
	display: inline-block;
	color: #8a8a8a;
	text-transform: uppercase;
	white-space: pre;
}
footer p a{
	color: #8a8a8a;
	text-decoration: none !important;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
footer p a:hover{
	color: #646060;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.line{
	background: url(../images/line.png) repeat-x 0 0;
	width: 428px;
	height: 1px;
	margin: 47px 0 44px;
}
#follow-icon {
	margin: 12px 0 0;
}
#follow-icon li {
	float: left;
	margin-right: 4px;
	cursor: pointer;
}
#follow-icon li a{
	display: block;
	width: 23px;
	height: 22px;
}
/*end footer*/