@charset "utf-8";
/* CSS Document */
body { background: #000; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #333; }

ul, li { display:inline }

h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:20px; padding-left: 30px; }


a:link { color: #FFF; text-decoration:none; }
a:visited { color: #FFF; text-decoration:none; }
a:hover { color: #FFF; text-decoration:underline; }
a:active { color: #FFF; text-decoration:none; }

a.interior-links:link { color:#09F; text-decoration:none }
a.interior-links:visited { color:#09F; text-decoration:none }

.top-menu-text ul{ margin: 5px; padding: 0; float: right; width: 460px; display: inline; font-size: 12px; }
.top-menu-text ul li{ }
.top-menu-text ul li a{ float: left; text-decoration: none; color: white; padding: 30px 15px 10.5px 11px; }
.top-menu-text ul li a:visited{ color: white;}
.top-menu-text ul li a:hover, .menu ul li .current{ color: #fff; text-decoration: underline; }

#menu  { position:relative; height: auto; width: 800px; padding-top: 5px; padding-bottom: 5px; float: left; }
#top-menu  { position:relative; height: 82px; width: 1000px; background: #343434 url(../images/bg-top.jpg) repeat-x; }

#logo  { position:relative; height: auto; width: 300px; float: left; }
#contact  { position:relative; height: 32px; width: 91px; float: right; padding-top: 50px; }

#container{ position:relative; margin: 0 auto; width:1000px; }
#content { position:relative; height: auto; width: 1000px; background: #FFF; float: left; }
#banner { position:relative; height: 364px; width: 1000px; background: url(../images/new-york.jpg) no-repeat left; }
#selection { position:relative; height: 200px; width: 1000px; background: #1b1b1b; float: left; }

.subTexto { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; line-height: 12px; margin-top: 10px; }

.subTextoWeb { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; line-height: 12px; margin: auto 0px; padding: 0px; width: 401px; position: absolute; left: 54px; top: 382px; z-index: 10; }
.subTextoWeb a { color: #000; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.subTextoWeb a:hover { color: #000; border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; }

.subTextoWeb1 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; line-height: 12px; margin: auto 0px; padding: 0px; width: 408px; display: inline; position: absolute; left: 542px; top: 382px; z-index: 10; }
.subTextoWeb1 a { color: #000; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.subTextoWeb1 a:hover { color: #000; border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; }

.subTextoWeb2 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; line-height: 12px; margin: auto 0px; padding: 0px; width: 400px; display: inline; position: absolute; left: 54px; top: 537px; z-index: 10; }
.subTextoWeb2 a { color: #000; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.subTextoWeb2 a:hover { color: #000; border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; }

.subTextoWeb3 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; line-height: 12px; margin: auto 0px; padding: 0px; width: 403px; display: inline; position: absolute; left: 543px; top: 537px; z-index: 10; }
.subTextoWeb3 a { color: #000; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.subTextoWeb3 a:hover { color: #000; border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; }

.subTextoWeb4 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; line-height: 12px; margin: auto 0px; padding: 0px; width: 400px; display: inline; position: absolute; left: 55px; top: 763px; z-index: 10; }
.subTextoWeb4 a { color: #000; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.subTextoWeb4 a:hover { color: #000; border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; }

.subTextoWeb5 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; line-height: 12px; margin: auto 0px; padding: 0px; width: 311px; display: inline; position: absolute; left: 543px; top: 763px; z-index: 10; }
.subTextoWeb5 a { color: #000; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.subTextoWeb5 a:hover { color: #000; border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; }

.subTextoWeba { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #999; line-height: 12px; margin: auto 0px; padding: 0px; width: 408px; display: inline; position: absolute; left: 101px; top: 165px; z-index: 10; }
.subTextoWeba a { color: #000; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.subTextoWeba a:hover { color: #000; border-top: 0px none; border-right: 0px none; border-bottom: 0px none; border-left: 0px none; }

#last { position:relative; height: 15px; width: 1000px; background: url(../images/edge.jpg) no-repeat; float: left; }
#blogs { position:relative; height: 40px; width: 800px; background: url(../images/blogs.jpg) no-repeat; left: 200px; float: left; }
#footer { position:relative; width: 1000px; float: left; text-align: center; }



/* JQuerry menu */

#navigation { list-style: none; margin: 0px; padding: 0px; 
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover { height: 196px; position: relative; display: block; background: url(../images/dragon-sprite.jpg) no-repeat 0 0; }

/* individual navigation items */
#navigation a.home { background-position: 0 0; width: 250px; 
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: 0 -196px;
  width: 250px;
}

#navigation a.services { background-position: -250px 0px; width: 250px; 
}

#navigation .highlight a.services:hover,
#navigation a.services .hover {
  background-position: -250px -196px;
}

#navigation a.portfolio { background-position: -500px 0; width: 250px; 
}

#navigation .highlight a.portfolio:hover,
#navigation a.portfolio .hover {
  background-position: -500px -196px;
}

#navigation a.about { background-position: -750px 0; width: 250px; 
}

#navigation .highlight a.about:hover,
#navigation a.about .hover {
  background-position: -750px -196px;
}

#navigation a.contact {
  background-position: -437px 0;
  width: 115px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover {
  background-position: -440px -280px;
}

/* JQuerry menu END*/

/* work*/

	.gallery { padding: 30px 10px 10px; width: 980px; position: relative; background: #FFF; 
	}
	.gallery p { padding-left: 30px; }
	.gallery ul { list-style: none; }
	.gallery ul li { display: inline; }
	.gallery ul img { padding: 0px 12px; border: 1px dotted #FFF; }
	.gallery ul a:hover img { color: #fff; border: 1px dotted #CCC; }
	.gallery ul a:hover { color: #fff; }

/* END work*/




#one { position:absolute; height: 50px; width: 219px; padding-top: 0px; padding-left: 20px; float: left; z-index: 10; left: 1px; top: 589px; }
#two { position:absolute; height: 50px; width: 197px; padding-left: 20px; float: left; z-index: 10; left: 249px; top: 589px; }
#three { position:absolute; height: 50px; width: 229px; padding-left: 20px; float: left; z-index: 10; left: 501px; top: 589px; }
#four { position:absolute; height: 50px; width: 229px; padding-left: 20px; float: left; z-index: 10; left: 750px; top: 589px; }

/* Logos*/

#logos { position:relative; height: auto; width: 999px; background: #FFF; border-right: 1px solid #333; border-left: 1px solid #333; }
.logos-left { position:relative; height: 250px; width: 540px; background: #FFF; border-right: 1px solid #CCC; padding-left: 170px; padding-top: 50px; border-bottom: 1px dotted #CCC; float: left; }
.logos-right { position:relative; height: 160px; width: 237px; background: #F0F0F0; border-right: 1px solid #999; padding-left: 50px; padding-top: 140px; border-bottom: 1px dotted #999; float: right; }

/* Logos END*/


/* samples*/

#samples { position:relative; height: auto; width: 999px; background: #FFF; border-right: 1px solid #333; border-left: 1px solid #333; }

.samples-top { position:relative; height: 30px; width: 949px; background: #F0F0F0; border-right: 1px solid #999; padding-left: 50px; padding-top: 10px; border-bottom: 1px dotted #999; float: right; }

.samples-content { position:relative; height: 30px; width: 949px; background: #FFFFFF; border-right: 1px solid #999; padding-left: 50px; padding-top: 10px; border-bottom: 1px dotted #999; float: right; }
.samples-contentTitle { position:relative; height: 30px; width: 949px; background: #CCC; border-right: 1px solid #999; padding-left: 50px; padding-top: 10px; border-bottom: 1px dotted #999; float: right; }

/* samples end*/

/* screenshots*/

.samples-screenshots { position:relative; height: auto; width: 949px; background: #FFFFFF; border-right: 1px solid #999; padding-left: 50px; padding-top: 10px; border-bottom: 1px dotted #999; float: right; }

/* screenshots end*/

#form { position:relative; height: auto; width: 849px; background: #FFF; border-right: 1px solid #333; border-left: 1px solid #333; padding-top: 25px; padding-bottom: 0px; padding-left: 150px; }

#about { position:relative; height: auto; width: 650px; background: #FFF url(../images/finger.jpg) no-repeat; border-right: #333; border-left: #333; padding: 25px 100px 0px 250px; }

/* Lightbox*/


/*websites & print*/
#websites { position:relative; margin:0 40px; padding:0; width: 920px; float: left; }
#work { position:relative; height: auto; width: 960px; background: #FFF; border-right: 1px solid #333; border-left: 1px solid #333; padding-top: 25px; padding-bottom: 0px; padding-left: 40px; }