@font-face {font-family:"Century"; src:url("Century.eot");/* EOT file for IE */}
@font-face {font-family:"Century"; src:url("fonts/Century.ttf");/* TTF file for CSS3 browsers */}

body {background:#35a8ff url(images/background.jpg) repeat-x; margin:0; font-family:"Century Gothic", Century, Verdana, Geneva, Arial, sans-serif;}
#white {background:#fff;}

h2 {font-size:18px; color:#00c3ff; font-style:italic; margin:0; font-weight:normal;}
p, ul {font-size:13px; color:#707070; line-height:23px;}

.title {color:#aaa; font-size:12px; margin-top:0;}

a {color:#00c3ff; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

.clear {clear:both;}

#main-menu {margin:0; padding:0 14px; background:#fff; list-style-type:none; height:104px;}
#main-menu li {float:left;}
#plai {background:url(images/plai.jpg) top no-repeat; height:104px; width:158px;}
#plai a {margin-right:1px; position:absolute; text-indent:-9999px; height:104px; width:157px;}
#plai a:hover {background:url(images/plai-hover.jpg) top no-repeat; height:104px; width:158px;}
#plai .current, #plai .current:hover {background:url(images/plai-selected.gif) top no-repeat; height:104px; width:158px;}
#team {background:url(images/team.jpg) no-repeat; height:104px; width:159px;}
#team a {margin-right:1px; position:absolute; text-indent:-9999px; height:104px; width:158px;}
#team a:hover {background:url(images/team-hover.jpg) top no-repeat; height:104px; width:159px;}
#team .current, #team .current:hover {background:url(images/team-selected.jpg) top no-repeat; height:104px; width:159px;}
#blog {background:url(images/blog.jpg) no-repeat; height:104px; width:159px;}
#blog a {margin-right:1px; position:absolute; text-indent:-9999px; height:104px; width:158px;}
#blog a:hover {background:url(images/blog-hover.jpg) top no-repeat; height:104px; width:159px;}
#blog .current, #blog .current:hover {background:url(images/blog-selected.jpg) top no-repeat; height:104px; width:159px;}
#dream {background:url(images/dream.jpg) no-repeat; height:104px; width:158px;}
#dream a {margin-right:1px; position:absolute; text-indent:-9999px; height:104px; width:157px;}
#dream a:hover {background:url(images/dream-hover.jpg) top no-repeat; height:104px; width:158px;}
#dream .current, #dream .current:hover {background:url(images/dream-selected.jpg) top no-repeat; height:104px; width:158px;}
#contact {background:url(images/contact.jpg) no-repeat; height:104px; width:158px;}
#contact a {margin-right:1px; position:absolute; text-indent:-9999px; height:104px; width:156px;}
#contact a:hover {background:url(images/contact-hover.jpg) top no-repeat; height:104px; width:158px;}
#contact .current, #contact .current:hover {background:url(images/contact-selected.jpg) top no-repeat; height:104px; width:158px;}
.current {color:#000;}

#extended-background {padding-top:94px; background:url(images/extended-bg.jpg) top center no-repeat;}
#wrapper {width:820px; margin:auto; background:url(images/content-bottom.gif) bottom no-repeat; padding-bottom:12px; position:relative;}
#date {position:absolute; left:520px; top:-40px; color:#fff; width:200px; text-align:right; font-size:15px;}
#clock {position:absolute; top:-43px; top:-40px\9; left:733px; width:81px; text-align:center; color:#fff;}
.daytime {font-size:13px;}
#content-body {background:#fff; padding:30px;}
#footer {padding:24px 0 15px; color:#fff; text-align:center;}
.copyright {font-size:10px; background:url(images/footer-dots.gif) top repeat-x; padding-top:5px;}

.rightimg {float:right; padding:0 12px;}
.dreamrightimg {float:right; padding:0 12px; width:314px; height:656px;}
.dreamimg {position:relative; left:-6px;}
.precisetext {margin-top:0;}
.preciselist {margin-top:10px; padding:0;}
.preciselist li {list-style-type:none; background:url(images/asteric.gif) 0 8px no-repeat; padding-left:10px;}
.app-store {position:absolute; left:554px; top:998px;}
.buy-now {position:absolute; left:362px; top:958px;}

form p {clear:both; margin:7px;}
label {display:block; width:140px; text-align:right; float:left; padding:3px 5px 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#00c3ff; font-weight:bold;}
input:focus, textarea:focus {outline:none;}
input[type="text"] {background:url(images/text-input.jpg) 1px 1px no-repeat; width:255px; border:1px solid #fff; padding:7px 10px 8px; color:#707070; font-size:13px; font-family:"Century Gothic", Century, Verdana, Geneva, Arial, sans-serif;}
#name {background:url(images/name-input.gif) 1px no-repeat; width:395px;}
textarea {width:550px; height:165px; background:url(images/textarea.gif) 1px 1px no-repeat; border:1px solid #fff; padding:10px 15px; color:#707070; font-family:"Century Gothic", Century, Verdana, Geneva, Arial, sans-serif; font-size:13px;}
#message {overflow:auto\9;}
input.error {background:url(images/error.gif) no-repeat;}
label.error {font-size:12px; color:#f00; float:right; font-weight:normal; width:250px; text-align:left; margin-right:65px; font-family:"Century Gothic", Century, Verdana, Geneva, Arial, sans-serif;}
#send {float:right; background:url(images/send-button.gif) no-repeat; height:43px; width:115px; border:none; cursor:pointer; text-indent:-9999px;}

#sociallinks {padding:0;}
#sociallinks li {float:left; margin-right:50px; list-style-type:none;}
.facebook {background:url(images/facebook.jpg) top no-repeat; height:26px; width:77px;}
.facebook a {margin-right:1px; position:absolute; text-indent:-9999px; height:26px; width:77px;}
.facebook a:hover {background:url(images/facebook-over.gif) top no-repeat; height:26px; width:77px;}
.myspace {background:url(images/myspace.gif) top no-repeat; height:26px; width:97px;}
.myspace a {margin-right:1px; position:absolute; text-indent:-9999px; height:26px; width:97px;}
.myspace a:hover {background:url(images/myspace-over.gif) top no-repeat; height:26px; width:97px;}
.twitter {background:url(images/twitter.gif) top no-repeat; height:26px; width:90px;}
.twitter a {margin-right:1px; position:absolute; text-indent:-9999px; height:26px; width:90px;}
.twitter a:hover {background:url(images/twitter-over.gif) top no-repeat; height:26px; width:90px;}
.vimeo {background:url(images/vimeo.gif) top no-repeat; height:26px; width:73px;}
.vimeo a {margin-right:1px; position:absolute; text-indent:-9999px; height:26px; width:73px;}
.vimeo a:hover {background:url(images/vimeo-over.gif) top no-repeat; height:26px; width:73px;}
.youtube {background:url(images/youtube.jpg) top no-repeat; height:26px; width:73px;}
.youtube a {margin-right:1px; position:absolute; text-indent:-9999px; height:26px; width:73px;}
.youtube a:hover {background:url(images/youtube-over.gif) top no-repeat; height:26px; width:73px;}

.dots {background:url(images/grey-dots.gif) bottom repeat-x; padding-bottom:5px; margin-bottom:5px; position:relative;}
.connect-with {position:relative; left:-2px; top:14px;}
.right {float:right; font-size:12px;}

#teammenu {float:right; width:230px; height:185px;}
.photo {position:relative; left:-6px;}
.small {font-size:12px;}
.jose {background:url(images/shoe.jpg) no-repeat;}
.gildardo {background:url(images/gildardo-jimenez-bg.gif) no-repeat;}

#team-menu {list-style-type:none;}
#team-menu li {float:left;}
#team-menu a, #team-menu a:hover {text-decoration:none;}
.smalltitle {font-size:9px; position:relative; top:-10px;}

#fernandojimenez {background:url(images/fj-gray.jpg) no-repeat; height:55px; width:55px; margin-right:6px; position:relative;}
#fernandojimenez a .name {position:absolute; text-indent:-9999px; height:53px; width:52px;}
#fernandojimenez:hover {background:url(images/fj-color.jpg) no-repeat;}
#fernandojimenez .current .name {border:3px solid #00c3ff; background:#00c3ff url(images/fj-color.jpg) -3px -3px no-repeat;}
#fernandojimenez a .text {display:none;}
#fernandojimenez a:hover .text {display:block; position:absolute; top:120px; left:-25px; color:#b3b3b3; font-size:14px; text-align:right; width:200px; font-style:italic;}

#joseluislara {background:url(images/jjl-gray.jpg) no-repeat; height:55px; width:55px; margin-right:6px; position:relative;}
#joseluislara a .name {position:absolute; text-indent:-9999px; height:53px; width:52px;}
#joseluislara:hover {background:url(images/jjl-color.jpg) no-repeat;}
#joseluislara .current .name {border:3px solid #00c3ff; background:#00c3ff url(images/jjl-color.jpg) -3px -3px no-repeat;}
#joseluislara a .text {display:none;} 
#joseluislara a:hover .text {display:block; position:absolute; top:120px; left:-85px; color:#b3b3b3; font-size:14px; text-align:right; width:200px; font-style:italic;}

#gildardojimenezjr {background:url(images/gj-gray.jpg) no-repeat; height:55px; width:55px; position:relative;}
#gildardojimenezjr a .name {position:absolute; text-indent:-9999px; height:53px; width:52px;}
#gildardojimenezjr:hover {background:url(images/gj-color.jpg) no-repeat;}
#gildardojimenezjr .current .name {border:3px solid #00c3ff; background:#00c3ff url(images/gj-color.jpg) -3px -3px no-repeat;}
#gildardojimenezjr a .text {display:none;} 
#gildardojimenezjr a:hover .text {display:block; position:absolute; top:120px; left:-145px; color:#b3b3b3; font-size:14px; text-align:right; width:200px; font-style:italic;}

#coders {background:url(images/coders-gray.jpg) no-repeat; height:55px; width:177px; margin-top:6px; position:relative;}
#coders a .name {position:absolute; text-indent:-9999px; height:53px; width:174px;}
#coders:hover {background:url(images/coders-color.jpg) no-repeat;}
#coders .current .name {border:3px solid #00c3ff; background:#00c3ff url(images/coders-color.jpg) -3px -3px no-repeat;}
#coders a .text {display:none;} 
#coders a:hover .text {display:block; position:absolute; top:59px; left:-24px; color:#b3b3b3; font-size:14px; text-align:right; width:200px; font-style:italic;}

.heading {background:#00c3ff; text-align:center; padding:35px 0; margin-bottom:25px;}
.heading h2 {font-size:24px; color:#fff; font-style:normal;}
.videos {text-align:center; width:750px; margin:auto; border:1px solid #000; margin-top:25px; margin-bottom:25px;}