body{
  margin: 0;
  padding: 0;
  color: #67685f;
  text-align: center;
  background: #FFFFFF;
}

body, table, tr, td
{
  font: 11px/15px Arial, Helvetica, sans-serif;
}

.form td, form .th{
	font: 15px/15px Arial, Helvetica, sans-serif;
}

.form input, .form textarea, .form select{
 	font: 15px/15px Arial, Helvetica, sans-serif;
	border:1px solid #BBB;
	padding:2px;
}

.answer{
	margin-left:20px;
	display:none;
	background-color:;
	padding:20px;
}

.answer a{
	font-weight:normal;
}


.question{
	font-weight:bold;
	display:block;
	background:url(../img/flecha.gif) no-repeat;
	background-position:0px 7px;
	padding:8px 8px 8px 18px;
	font-size:12px;
	border-top:1px solid #DDD;
	outline:none;
	text-decoration:none;	
}

.question:hover{
	text-decoration:none;	
	background-color:#FFF;
}


img{
  border : 0px;
}


#pageWrapper{
  width: 860px;
  margin: 0 auto;
  text-align: left;
}

#pageHeader{
  height: 73px;
}


#topHeadings{
  background: url(../img/topHeadings.gif) top no-repeat;
  height: 35px;
  position: relative;
}

#topHeadingsPage{
  background: url(../img/topHeadings2.gif) top no-repeat;
  height: 35px;
  position: relative;
}

#banner{
  width: 860px;
 
  margin-top: 4px;
}

#banner #work{
  width: 420px;
  float: left;
  margin-right:10px;
  margin-left:10px;
}

#banner #work2{
  width: 350px;
  float: left;
  margin-left:20px;
}
#banner #work2abajo{
  width: 350px;
  float: left;
  margin-left:20px;
}



.big{
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;	
	margin-top:20px;	
}

.vbig{
	font: 120%/1.4 Verdana, Arial, Helvetica, sans-serif;	
	margin-top:20px;
}

.intro{
	margin-top:20px;
}

#banner #facts{
  width: 280px;
  float: right;
}

#content{
  background: #F7F7F3 url(../img/content.gif) repeat-y;
  margin-top: 4px !important;
  margin-top: 1px;
  clear: both;
}

#contentPage{
  background: #F7F7F3 url(../img/contentPage.gif) repeat-y;
  margin-top: 4px !important;
  margin-top: 1px;
  clear: both;
}

#contentTop{
  background: url(../img/contentTop.gif) top no-repeat;
}

#contentTopPage{
  background: url(../img/contentTop2.gif) top no-repeat;
}

#contentBottom{
  background: url(../img/contentBottom.gif) bottom no-repeat;
  width: 860px;
  padding: 0;
  margin: 0;
}

#contentBottomPage{
  background: url(../img/contentBottomPage.gif) bottom no-repeat;
  width: 860px;
  padding: 0;
  margin: 0;
}

#contentBottom tr, #contentBottom td{
  padding: 0;
  margin: 0;
}

#pageContent{
  width: 800px;
  padding: 16px 0 28px 26px;
}


#pageContent form{
	margin:0;
	padding:0;
}

#leftColumn{
  width: 350px;
  padding: 16px 0 28px 26px;
  background:#F7F7F3;
}

#rightColumn{
  width: 358px;
  padding: 16px 26px 20px 0;
  float: right;
}


a{
  text-decoration: none;
  color:#0099CC;
}

a:hover{
  text-decoration: underline;
  color:#0066CC;
}

a span
{
  display: none;
}

p{
	margin: 0;
	padding: 0;
}

h1,h2{
  background: url(../img/arrow.gif) left no-repeat;
  height: 13px;
  margin: 0;
}

h2.topLeft{
  position: absolute;
  top: 11px;
  left: 26px;
  padding: 3px 0 0 23px;
  font-size:15px;
}

h2.topRight{
  position: absolute;
  top: 11px;
  left: 476px;
  padding: 3px 0 0 23px;
  font-size:15px;
}

h2.standard{
  padding: 3px 0 0 23px;
  font-size:15px;
}

h3{
  font: 11px/15px Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

h4{
  float: left;
  padding-left: 26px;
  margin-top: 20px;
}

h5{
  font-size: 18px;
  color: #688DB7;
  margin: 0;
  padding: 1px 0px;
  line-height: 26px;
  font-weight: normal;
  font-family: Arial, Helvetica, Sans-serif;
  display: inline;
}

.marginTop{
  margin-top: 20px;
}

.marginTopMedium{
  margin-top: 17px;
}

.marginTopSmaller{
  margin-top: 8px;
}

.marginTopSmall{
  margin-top: 3px;
}

#rightColumn label, #rightColumn span{
  color: #9e9f95;
}

#details ul{
  margin: 0;
  padding: 0;
}

#details li{
  list-style: none;
  line-height: 16px;
}

#otherWork ul{
  margin: 0;
  padding: 0;
}

#otherWork li{
  background: url(../img/smallArrow.gif) left no-repeat;
  list-style: none;
  line-height: 16px;
  padding-left: 10px;
}


div.feed, div.feed a
{
  display: block;
  height: 12px;
  width: 12px;
  background: url(../img/rss.gif) 0 0 no-repeat;
  float: right;
  margin: 3px 0 0 0;
  line-height: 10px;
}

div.feed a
{
  margin: 0 !important;
}


#process ul{
  margin: 0;
  padding: 0;
}

#process li{
  list-style: none;
}

#process ul.conceptionWrapper
{
  background: url(../img/conception.gif) 0 0 no-repeat;
  margin: 0;
  padding: 0;
}

#process ul.realisationWrapper
{
  background: url(../img/realisation.gif) 0 0 no-repeat;
  margin-top: 20px;
}

#process li.conception, #rightColumn li.realisation
{
  background: url(../img/conception.gif) 0 0 no-repeat;
  width: 78px;
  height: 13px;
  display: block;
  font-size: 1px;
  line-height: 1px;
}

#rightColumn li.realisation
{
  background: url(../img/realisation.gif) left top no-repeat;
  height: 15px;
}

a.brandDevelopment, a.conceptualDesign, a.planning, a.usability, a.contentManagement, a.e-commerce, 
a.emailNewsletter, a.interactiveAdvertising, a.onlineMarketing, a.projectManagement, a.standards, a.webDevelopment
{
  height: 18px;
  display: block;
  cursor: help;
}

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

.border{
  padding: 2px;
  border: 1px solid #a9a9a9;
  display: table-cell;
}

.arrow{
  margin-right: 4px;
}

.dottedLine{
  background: url(../img/dottedLine.gif) top repeat-x;
  height: 18px;
  margin-top: 10px;
}

#newsWrapper, #news
{
  background: #F7F7F3;
}

#newsWrapper
{
  width: 230px;
}

.newsControls
{
  padding: 20px 0;
  margin: 0;
  height: 11px;
}

.newsControls li
{
  float: left;
  line-height: 11px;
  padding-right: 7px;
  margin-right: 7px;
  border-right: 1px solid #CFD0C8;
  list-style: none;
}

.newsControls li span
{
  color: #CFD0C8;
}

.newsControls li.lastControl
{
  border: 0;
}

#hoverBox
{
  background: url(../img/hover.gif) 0 0 no-repeat;
  height: 55px;
  width: 196px;
  position: absolute;
  top: 0;
  left: 0;
  color: #FFFFFF;
  padding: 10px;
  text-align: left;
  display: none;
}

.linksList
{
  padding: 16px 0 0 0;
  margin: 0;
  list-style: none;
}

.linksList li
{
  background: url(../img/arrow.gif) 0 7px no-repeat;
  padding: 0 0 0 10px;
  line-height: 18px;
}

/* Buttons
=========================================================================== */

/* Navigation
=========================================================================== */

#pageHeader ul{
  margin: 27px 0 0 0;
  padding: 0;
  float: right;
}

#pageHeader li{
  list-style: none;
  float: left;
}

.home, .home a, .features, .features a, .pricing, .pricing a, .signup, .signup a, .aboutus, .aboutus a
{
  width: 37px;
  height: 18px;
  display: block;
  background: url(../img/home.gif) 0 0 no-repeat;
  margin-right: 47px;
}

.home a, .features a, .pricing a, .signup a, .aboutus a, .aboutus
{
  margin: 0;
}

.home a:hover, .features a:hover, .pricing a:hover, .signup a:hover, .aboutus a:hover
{
  background-position: bottom;
  text-decoration: none;
}

.features, .features a{
  width: 58px;
  background-image: url(../img/features.gif);
}

.pricing, .pricing a{
  width: 58px;
  background-image: url(../img/pricing.gif);
}

.signup, .signup a{
  width: 58px;
  background-image: url(../img/signup.gif);
}

.aboutus, .aboutus a{
  width: 58px;
  background-image: url(../img/aboutus.gif);
  margin-right: 0;
}

.on{
  margin-right: 47px;
}

#login{ 
  width: 860px;
  margin: 0 auto;
  text-align:left;
  color:#FFF;
  height:40px;
  background-color:#FFF;
  border-top:2px solid #333;
}

#login .tab1{
	float:right;
}

#login .tab2{
	float:right;
}


#footer{
  height: 60px;
  clear: right;
}

#footer p{
  color: #999A8f;
  padding: 26px 2px 0 2px;
}

#footer a{
  color: #a2b501;
}

#footer a:hover{
	text-decoration:underline;
}

#footer em{
  font-style: normal;
  color: #67685F;
}

#footer span{
color: #e0e1dc;
}

#footer .phoneNum{
  float: right;
}
#footer .phoneNum2{
  float: left;
}
.error{
	font-size:12px;
	font-weight:bold;
	color:#FF3300;
}
.errorBox{
	font-size:12px;
	font-weight:bold;
	border:1px dashed #FF3300;
	background-color:#FFC;
	padding:9px;
}
.registrationTable td{
	font-size:13px;
}
.cs1{
	color:#FF9933;
}
.cs2{
	color:#9999FF;
}