@charset "utf-8";
/* CSS Document */
h1{
	font-size:1px;
	color:#FFF;
	margin:0px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:-0.1em;
}
h2{
	font-size:36px;
	padding-bottom:5px;
	margin:0px;
	font-style:italic;
	font-weight:bold;
	letter-spacing:-0.1em;
}
.pageTitle{
	font-size:16px;
	padding-bottom:2px;
	margin:0px;
	font-style:italic;
	font-weight:bold;
	color:#000;
}
.smallTitle{
	font-size:14px;
	padding-bottom:2px;
	margin:0px;
	font-style:italic;
	font-weight:bold;
}
.footerContent{
	font-size:13px;
	margin:0px;
	padding:0px;
	color:#000;
}


/******************/
/* Background Styling */
/****************/
html{
	overflow:hidden;
}
body {
  background: #FFF no-repeat fixed;
  width:14650px;
  background-image:url(images/contact.jpg);
  background-repeat:no-repeat;
  margin:0px;
  font-family:Arial, Verdana, Geneva, sans-serif;
  font-size:12px;
 }
 .container {
	float: left;
	display: block;
	height: 1500px;
	width: 1700px;
	position: relative;
	z-index:0 !important;
}

#wrapper{
	position:absolute; 
	width:14650px;
	left:0%;
	top:2%; 
	height:100%;
}
 
 
 span.redText{
	 color:#C1272D;
	 font-size:15px;
 }

#menu{
	width:100%;
	padding-bottom:3px;
	padding-left:5px;
	padding-top:5px;
	border-bottom:#000 solid 1px;
	background-color:#FFF;
	position:fixed;
	top:0%;
	left:0%;
	padding-top:5px;
	z-index:999;
}
	
#home{
	padding-top:20px;
	padding-left:35px;
	z-index:2;
}

#about{
	padding-top:30px;
	position:relative;
}

#thismonth{
	width:550px;
	float:left;
	margin-left:30px;
	margin-top:20px;
}

.monthitem{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	width:520px;
	margin-top:-5px;
}

.monthitem ul{
	padding-left:10px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:2px;
}

.monthitem ul li{
	display:inline;
	list-style:none;
	margin-left:5px;
}

/*DO NOT CHANGE WORK*/
#work{
	float:left;
	position:relative;
	padding-top:30px;
}

#contact{
	padding-top:30px;
	margin-left:1000px;
}

#footer{
	width:100%;
	background-color:#FFF;
	z-index:998;
	/*margin-top:50px;*/
	position:fixed;
	bottom:0%;
	left:0%;
	border-top: solid 1px #000;
	padding-left:35px;
	
}
/******************/
/* Main Page Styling */
/****************/
#inner-menu{
	width:100%;
	margin-left:170px;
	margin-top:-20px;
	float:left;
	padding-bottom:3px;
	border-bottom: #000 solid 2px;
	
}

#inner-menu ul{
	padding:0px;
	margin:0px;
}

#inner-menu ul li{
	display:inline;
	list-style:none;
}


.linkimage {
float:left;
height:15px;
margin:0 10px 0 0;
width:65px;
}

.linkimage a {
color:#FFF;
float:left;
height:15px;
width:65px;
font-size:1px;
text-decoration:none;
overflow:hidden;
}

#homeimage{
float:left;
width:125px;
height:25px;
background:transparent url(images/logo.png) no-repeat scroll center bottom;
}

#homeimage:hover{
background:transparent url(images/logo.png) no-repeat scroll center top;
}
#workimage{
background:transparent url(images/work.png) no-repeat scroll center bottom;
}

#workimage:hover{
background:transparent url(images/work.png) no-repeat scroll center top;
}

#aboutimage{
background:transparent url(images/about.png) no-repeat scroll center bottom;
}

#aboutimage:hover{
background:transparent url(images/about.png) no-repeat scroll center top;
}

#contactimage{
background:transparent url(images/contact.png) no-repeat scroll center bottom;
width:75px;
}

#contactimage:hover{
background:transparent url(images/contact.png) no-repeat scroll center top;
}

#downloadimage{
height:115px;
float:left;
background:transparent url(images/download.png) no-repeat scroll center bottom;
width:115px;
}

#downloadimage:hover{
background:transparent url(images/download.png) no-repeat scroll center top;
}

#viewimage{
height:115px;
float:left;
background:transparent url(images/viewonline.png) no-repeat scroll center bottom;
width:115px;
}

#viewimage:hover{
background:transparent url(images/viewonline.png) no-repeat scroll center top;
}

#sidewaysimage{
height:115px;
float:left;
background:transparent url(images/sideways.png) no-repeat scroll center bottom;
width:100%;
}

#sidewaysimage:hover{
background:transparent url(images/sideways.png) no-repeat scroll center top;
}


#twitterimage{
height:19px;
float:left;
background:transparent url(images/twitter.png) no-repeat scroll center bottom;
width:115px;
background-color:#000;
}

#twitterimage:hover{
background:transparent url(images/twitter.png) no-repeat scroll center top;
}

#facebookimage{
background-color:#000;
height:19px;
float:left;
background:transparent url(images/facebook.png) no-repeat scroll center bottom;
width:115px;
}

#facebookimage:hover{
background:transparent url(images/facebook.png) no-repeat scroll center top;
}


#home-image{
	float:left;
	width:700px;
	margin-top:50px;
}

#right-column{
	margin-left:50px;
	float:left;
	width:230px;
}


.title{
	font-size:17px;
	border-bottom:solid 1px #000;
	padding:5px;
	font-weight:bold;
	margin-top:10px;
	padding-left:42px;
	font-family:Verdana, Geneva, sans-serif;
}

.twetitle{
	border-bottom:solid 1px #000;
	padding:5px;
	margin-top:10px;
	width:100%;
}
.twetitle img{
	margin-left:100px;
	margin-bottom:-20px;
}
#stalk{
	width:100%;
	margin-bottom:30px;
	background-color:#000;
}

.info{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	padding:5px;
}

#logo{
	float:left;
	margin-left:35px;
	width:150px;
	
}
#logo a{
color:#FFF;
font-size:1px;
}
.workLine{
		float:left;
		margin-top:20px;
}

.workLine ul li{
	display:inline;
	list-style:none;
}

#mesh-award{
	width:150px;
	float:right;
	outline:none;
	
}

.workInfo{
	padding-left:10px;
	margin-top:0px;
	
}

.workTitle{
	font-size:18px;
	width:400px;
}

.workTitle a{
	text-decoration:underline;
	color:#000;
}

.workDesc{
	margin-top:5px;
	font-size:10px;
	width:550px;
	height:50px;
}

object {outline:none;}
img{outline:none; border:none;}
a{outline:none; border:none;}

#face{
	float:left;
}
#twit{
	margin-left:20px;
	float:left;
}

/******************/
/* Text Page Styling */
/****************/

#aboutText{
	float:left;
	margin-left:45px;
	width:400px;
	margin-top:20px;
	font-family:Arial, Geneva, sans-serif;
	font-size:14px;
}
#contactText{
	float:left;
	margin-left:45px;
	margin-top:15px;
	width:300px;
}

.infotext{
	font-family:Arial, Geneva, sans-serif;
	color:#FFF;
	font-weight:bold;
	margin-bottom:15px;
}

.infotext a{
	text-decoration:underline;
	color:#FFF;
}

.infotext a:hover{
	color:#CCC;
}

	


#contactForm{
	float:left;
	margin-top:15px;
}

.projectNav{
	float:left;
	width:100%;
}

.next{
	float:right;
}
.next a{
	margin-right:5px;
}

/*######### JAVASCRIPT SCROLLER ##########*/
#Scroller-1 {
  left:10px;
  float:left;
  position: relative;
  height: 400px;
  overflow: hidden;
}
#Scroller-2 {
  left:0px;
  float:left;
  position: relative;
  height: 400px;
  overflow: hidden;
}
.scroller-Large {
  width: 560px;
}
.scroller-Small{
	width: 400px;
}
.Scroller-Container {
  position: absolute;
  text-align:left;
}
.Scroller-Container2 {
  position: absolute;
  text-align:left;
}

.scrollWrapper{
	position:relative;
	float:left;
}

.scrollWrapperLarge{
	width:600px;
}

.scrollWrapperSmall{
	  width: 450px;
}

.arrow_up {
background:transparent url(images/arrow-up.png) no-repeat scroll center top;
display:block;
font-size:1px;
height:17px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
text-indent:-3000px;
width:34px;
}
.arrow_up:hover {
background:transparent url(images/arrow-up.png) no-repeat scroll center bottom;
}



.arrow_down {
background:transparent url(images/arrow-down.png) no-repeat scroll center bottom;
display:block;
font-size:1px;
height:17px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
text-indent:-3000px;
width:34px;
}
.arrow_down:hover {
background:transparent url(images/arrow-down.png) no-repeat scroll center top;
}

.fullheight {
height:auto;
right:0;
top:0;
width:20px;
}

.fullheight .arrow_up {
	position:absolute;
	right:0px;
	top:0px;
}
.fullheight .arrow_down {
	position:absolute;
	right:0px;
	top:380px;
}
.Scrollbar-Down {
	float:left;
	cursor: pointer;
	position: absolute;
	top: 265px;
	left: 273px;
}

/******************/
/* Twitter Feed */
/****************/

#twitter_update_list{
	padding-left:0px;
}
#twitter_update_list li{
	padding-bottom:5px;
}

/******************/
/* jCarousel  */
/****************/
.jcarousel-skin-tango .jcarousel-container {
    
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 550px;
    padding: 0px 0px 0px 10px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 550px;
    height: 330px;
    padding: 20px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  550px;
    height: 330px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  550px;
    height: 330px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 550px;
    height:330px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 335px;
    right: 0px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(images/next.png) no-repeat 0 0;
}

.red{
	border-color:#F00;
	border-width:thin;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
   /* background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
/*    background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
   background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 335px;
    right: 20px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: transparent url(images/previous.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
   /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
 /*   background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
 background-position: -32px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* =Forms
-----------------------------------------------------------------------------*/
#contact label { color: #C1272D; font-size: 1.2em; line-height: 140%; margin: 0 0 .2em 0; display: block; }
#contact input.inputBox { width: 288px; color: #fff; font-size: 1.6em; padding: 4px; background: #2a2a2a; border: none; border-bottom: 1px solid #555; margin: 0 0 10px 0; }
#contact textarea.inputBox { width: 288px; height: 100px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; padding: 4px; background: #2a2a2a; border: none; border-bottom: 1px solid #555; margin: 0 0 5px 0; overflow: auto; }

#contactMain label { color: #ddd; font-size: 1.3em; line-height: 140%; margin: 0 0 .2em 0; display: block; }
#contactMain input.textField { width: 350px; color: #fff; font-size: 1.6em; padding: 4px; background: #2d2a2a; border: none; border-bottom: 1px solid #555; margin: 0 0 20px 0; display: inline; }
#contactMain textarea.textArea { width: 500px; height: 150px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; padding: 4px; background: #2a2a2a; border: none; border-bottom: 1px solid #555; margin: 0 0 20px 0; overflow: auto; }

/*#contactMain label.error { color: #cc0000; margin: -15px 0 15px 0; display: block; }
#contact label.error { color: #cc0000; margin: -5px 0 15px 0; display: block; }*/

#contactMain .error-message, #contactMain label.error { color: #cc0000; margin: -15px 0 15px 0; display: block; font-size: 1.3em !important; }
#contact .error-message, #contact label.error { color: #cc0000; margin: -5px 0 15px 0; display: block; font-size: 1.3em !important; }
/* para controlar el spam en formularios */
#messageLabel { display: none !important; }
#message { display: none !important; }

/* hidding elements */
.hide {	display: none; }

.text {
    font-family: Verdana;
	font-size: 13px;
	color:#FFF;
	margin-bottom:10px;
  }
  
.middle{
	border-bottom:#FFF thin solid;
	margin-bottom:10px;
}

#welcome{
	border-bottom:#FFF thin solid;
	margin-bottom:10px;
	background-image:url(images/intro.png);
	background-repeat:no-repeat;
	width:100%;
	height:170px;
	font-size:1px;
	color:#666;
}

.services{
	float:left;
	margin-top:20px;
	width:100%;
}

.extraMargin{
	margin-top:20px;
}

/**J.CAROUSEL.CSS FILE**/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 175px;
    height: 175px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}