body {
  text-align: center;
  background: url(../images/background.jpg) top center;
}

#container {
  margin: 0px auto;
  width: 967px;
  text-align: left;
  overflow: hidden;
  position: relative;
}


/* ALL PAGES ***************************************************************************/


#bgclient { 


float: left;
margin: -26px 0 0 0;
margin-top: 142px;
margin-left:0;
margin-bottom:140px;
z-index:-1;
}



.pagetitle_clients {
	
 background: url(../images/page_title_clients.jpg) no-repeat;
  cursor: crosshair;
  width: 240px;
  height: 26px;
  float: left;
  display: block;
  margin-top:-26px;

}


.pagetitle_about {
	
 background: url(../images/page_title_about.jpg) no-repeat;
  cursor: crosshair;
  width: 240px;
  height: 26px;
  float: left;
  display: block;
  margin-top:-26px;
  

}

.pagetitle_contact {
	
 background: url(../images/page_title_contact.jpg) no-repeat;
  cursor: crosshair;
  width: 240px;
  height: 26px;
  float: left;
  display: block;
  margin-top:-26px;

}

.pagetitle_archi {
	
 background: url(../images/page_title_archi.jpg) no-repeat;
  cursor: crosshair;
  width: 240px;
  height: 26px;
  float: left;
  display: block;
  margin-top:-26px;

}


.text_about {
	position:absolute;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:21px;
	margin-right:70px;
	color:#FFF;
	margin-top:57px ;
	margin-left:70px;
	z-index:6;
	text-align:justify;

}

.text_contact {
	position:absolute;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:21px;
	margin-right:600px;
	color:#FFF;
	margin-top:84px ;
	margin-left:116px;
	text-align:justify;


}


#style_head {
	font-weight:bolder;
	color: #666;
	

}




/********************  CONTACT FORM ******************************************************/


#contactform {
	position:absolute;
	width:500px;
	-moz-border-radius:5px;
	margin-left: 40px;
	margin-right:40px;
	
}
#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	margin:0 0;
	padding:0;
	margin-top:20px;
	width:100%;
}
#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:# 333;
	border:1px solid #ddd;
	-moz-border-radius:5px
}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	color:# 333;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('../images/required.png') center right no-repeat;
	
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		border:1px solid #d8d8d8;
	}

/* Error / Success / Notice 
------------------------------------------------------------- */

.notes		{ background:# CFF ; 
              border:1px solid # FFF; }
.success	{ background:# 693; border:1px solid # FFF; }
.error		{ background:# CFF; border:1px solid # FFF; }
.notice		{ background:# CFF; border:1px solid # FFF; }

.notes,.notice,.success,.error
			{
				padding:10px;
				font-size:12px;
				color:# FFF;
			}

.notes span,.notice span,.success span,.error span 
			{
				font-weight:bold;
				font-size:12 px;
			}

.notes p,.success p,.error p,.notice p
			{
				margin:0px;
				padding:0px;
			}

#note {
	
	width:500px;
	margin-left:500px;
	margin-top:0px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:7px;
	line-height:12px;

}


#contactform {
	width:500px;
	-moz-border-radius:5px;
	margin-left:auto;
	margin-right:auto;
}
#contactform form {
	font:normal 11px/18px Verdana,Tahoma;
	color:#CCC;
	margin:0 0;
	padding:0;
	margin-top:80px;
	margin-left:420px;
	width:100%;
}
#contactform fieldset {
	padding:10px 0;
	margin:0 0 15px 0;
	background:none;
	border:none;
	-moz-border-radius:5px;
}


#contactform fieldset legend {
	font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;
	padding:3px 25px;
	margin-left:30px;
	text-transform:uppercase;
	border:0px solid #ddd;
}
#contactform fieldset legend span {
	font:normal 10px/18px Arial,Verdana,Tahoma;
	text-transform:uppercase;
	display:block;
}
#contactform form label {
	display:block;
	float:left;
	width:150px;
	padding:6px 10px 0 0;
	margin:0px;
	text-align:right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width:260px;
	font:normal 11px/18px Verdana,Tahoma;
	padding:5px;
	margin:5px 0 5px 0;
	background:#f5f5f5;
	border:1px solid #ddd;
}

form br {
	clear:left;
}

#contactform input.required {
	background:#f5f5f5 url('../images/required.png') center right no-repeat;
	
}

#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn
	{
		background:none;
		border:none;
	}

form.c1 input:hover,textarea:hover
	{
		border:1px solid #d8d8d8;
	}




/****************************************************************************************/


/* HEADER *********************************************************************/
/******************************************************************************/


a#homeID img {background: url(../images/home_btn.png) top left no-repeat; height: 26px; width: 135px; border:none border-width: 0;} 


a#clientsID img {background: url(../images/clients_btn.png) top left no-repeat; height: 26px; width: 135px; border:none border-width: 0;} 


a#archiID img {background: url(../images/archi_btn.png) top left no-repeat; height: 26px; width: 135px; border:none border-width: 0;} 


a#aboutID img {background: url(../images/about_btn.png) top left no-repeat; height: 26px; width: 135px; border:none border-width: 0;} 


a#contactID img {background: url(../images/contact_btn.png) top left no-repeat; height: 26px; width: 135px; border:none border-width: 0;} 



#slider {
  
  float: left;
  width: 967px;
  height: 426px;
  background-repeat:no-repeat;
	
}

#mylogo{
	position: absolute;
	float: left;
	border: none;
	width:auto;
	height:auto;
	margin: 34px 0 0 0;
	margin-left:35px;
	z-index:5;
}




#menu {
	float: left;
	margin: -26px 0 0 0;
	margin-left: 417px;
	
	
	
}

#menu2 {
	float: left;
	margin: -26px 0 0 0;
	margin-left: 555px;
	
	
}

#menu3 {
	float: left;
	margin: -26px 0 0 0;
	margin-left: 693px;
	
	
}

#menu4 {
	float: left;
	margin: -26px 0 0 0;
	margin-left: 831px;
	
	
}

#menu5 {
	float: left;
	margin: -26px 0 0 0;
	margin-left: 0px;
	
	
}



#head_container {
	
  float: left;
  margin: 142px 0 0 0;
  width: 967px;
  height: 421px;
  background-repeat:no-repeat;
  
}
#reel {
  float: left;
  background: url() left center no-repeat;
  padding: 0 12px;
  height: 20px;
}

#reel a {
  float: left;
	margin: 0;
	font: normal 11px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	line-height: 20px;
  color: #80ceff ;
  text-decoration: none;   
}
#reel a span { color: #f8c100; }
#reel a:hover { border-bottom: 2px solid #f8c100; }

#contact {
  float: inherit
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
  color: #80ceff ;
  margin: 0;
  padding: 0 2px;
  background: url() left center no-repeat;
}

#contact a {
  color: #80ceff ;
  text-decoration: none;
  line-height: 20px;
}

#contact a:hover {
  border-bottom: 2px solid #f8c100;
}


/* LOGO ***********************************************************************/
/******************************************************************************/

#logo a#featured_on {
  position: absolute;
  width: 192px;
  height: 54px;
  margin: -135px 0 0 775px;
  background: url(../images/featured_on.png) no-repeat;
}

#logo {
  float: left;
  margin: 119px 0 0 0;
  
}

#logo a {
  float: left;
	width: 967px;
	height: 151px;
	text-indent: -9999px;
	background: url(../images/logo_new.png) no-repeat 0 0;
}

/* PORTFOLIO ******************************************************************/
/******************************************************************************/


#showcase_cont {
  float: left;
  margin: 118px 0 0 0;
  padding: 0 0 140px 0;
}
html>body #showcase_cont {
  margin: 137px 0 1px 0;
  #margin: 137px 0 3px 0;
}

.separator1 {
  float: left;
  margin: 0;
  width: 967px;
  height: 1px;
  display: block;
  background: url(../images/separator1.png) bottom no-repeat;
}

.showcase {
	width: 968px;
	float: left; 
}

.showcase_service {

	width: 968px;
	float: left; 
}


.showcase_service ul li{

	display: inline;
	float: left;
	height: 280px;
	margin: 1px 1px 0 0;
	width: 241px;
}


.showcase_service ul {

  list-style: none;

}

.showcase ul {
	list-style: none;
}	
.showcase ul li {
	display: inline;
	float: left;
	height: 140px;
	margin: 1px 1px 0 0;
	width: 241px;
}
.showcase ul li a:hover {
  cursor: pointer;
}
.showcase ul li.item_A {background: url(../images/rollovers/uninvited_over.jpg);}
.showcase ul li.item_B {background: url(../images/rollovers/prospar_over.jpg);}
.showcase ul li.item_C {background: url(../images/rollovers/sunrise_over.jpg);}
.showcase ul li.item_D {background: url(../images/rollovers/subscribe_over.jpg);}
.showcase ul li.item_E {background: url(../images/rollovers/talkingheads_over.jpg);}
.showcase ul li.item_F {background: url(../images/rollovers/waysmos_over.jpg);}
.showcase ul li.item_G {background: url(../images/rollovers/fitness_over.jpg);}
.showcase ul li.item_H {background: url(../images/rollovers/aviro_over.jpg);}
.showcase ul li.item_I {background: url(../images/rollovers/rockroad_over.jpg);}
.showcase ul li.item_01 {background: url(../images/rollovers/showreel_over.jpg);}
.showcase ul li.item_02 {background: url(../images/rollovers/lost_over.jpg);}
.showcase ul li.item_03 {background: url(../images/rollovers/royal_over.jpg);}
.showcase ul li.item_04 {background: url(../images/rollovers/hummingbird_over.jpg);}
.showcase ul li.item_05 {background: url(../images/rollovers/againstme_over.jpg);}
.showcase ul li.item_06 {background: url(../images/rollovers/intro_over.jpg);}
.showcase ul li.item_07 {background: url(../images/rollovers/angramanyu_over.jpg);}
.showcase ul li.item_08 {background: url(../images/rollovers/batik_over.jpg);}
.showcase ul li.item_09 {background: url(../images/rollovers/amobile_over.jpg);}
.showcase ul li.item_10 {background: url(../images/rollovers/hugo_over.jpg);}
.showcase ul li.item_11 {background: url(../images/rollovers/wallpapers_over.jpg);}
.showcase ul li.item_12 {background: url(../images/rollovers/uganda_over.jpg);}
.showcase ul li.item_13 {background: url(../images/rollovers/dance4life_over.jpg);}
.showcase ul li.item_14 {background: url(../images/rollovers/newsletter_over.jpg);}
.showcase ul li.item_15 {background: url(../images/rollovers/character_over.jpg);}
.showcase ul li.item_16 {background: url(../images/rollovers/vray_over.jpg);}

.separator2 {
  float: left;
  margin: 1px 0 0 0;
  width: 967px;
  height: 1px;
  display: block;
  background: url(../images/separator2.png) top no-repeat;
}




/* DETALLE DE CADA ITEM *******************************************************/
/******************************************************************************/

#get_inside {
  position: absolute;
  width: 967px;
  /* margin: 1248px 0 0 0; */
  top: 1248px;
  left: 0;
  text-align: center;
}

.works_cont {
	
  float: left;
  padding: 112px 0 0 0;
  #padding: 109px 0 0 0;

}


html>body .works_cont {
	
  float: left;
  margin: 1px 0 0 0;
  #margin: 0px 0 0 0;






}

.goback {
  background: url(../images/back-to-top.png) no-repeat;
  width: 233px;
  height: 21px;
  float: right;
  display: block;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #aba6a6;
  padding: 6px 0 0 14px;
  text-decoration: none;
}

.watch {

  background: url(../images/watch.jpg) no-repeat;
  cursor:pointer;
  width: 240px;
  height: 26px;
  float: left;
  display: block;

}



.view {

  background: url(../images/view.jpg) no-repeat;
  width: 240px;
  height: 26px;
  float: left;
  display: block;

}

.work_title {
  float: left;
  display: block;
}
.play-movie {
  background: url(../images/play-movie.png) no-repeat;
  margin: 96px 0 0 139px;
  width: 78px;
  height: 15px;
  float: right;
  display: block;
  font: normal 11px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #aba6a6;
  padding: 6px 0 0 14px;
  text-decoration: none;
  text-indent: -9999px;
}

/* FOOTER *********************************************************************/
/******************************************************************************/

#footer {
  float: left;
  padding: 15px 0 0 17px; /* IE6 only */
  font: 11px normal "Trebuchet MS", Tahoma, Verdana, Helvetica, Arial, sans-serif;
  width: 967px;
  display: block;
  color: #CCC;
}
html>body #footer {
  padding: 0 0 10px 17px;
}
#footer p {
  float: left;
  padding-top: 15px;
}

a#mt {
  float: right;
  padding-right: 18px;
}