/* 3dotmedia.com */
/* 07-31-2009 style created by 3.Media */
/* www.3dotmedia.com */
/* Author: Jay White */
/* E-mail: jwhite@3dotmedia.com */
/* coding: UTF-8 */
/* TeaCh tHe CHIldReN */
/* I love you, Babez!! */


/* beginner's luck */

body {background:#ffffff; margin: 0px; padding: 0px;}

h1 {font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0ba0ff;}

h2 {font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0ba0ff;}


/* pseudu-fewdoes*/

a {color: #FF9900;}

a:hover {text-decoration: none; color:#A9D649; font-style: italic;}


/* dynamic image menu of main nav*/

.index {background-image: url(images/index08.jpg); position:absolute;}

.index:hover {background-image: url(images/index08-up.jpg); position:absolute;}

.portfolio {background-image: url(images/index09.jpg); position:absolute; margin-top:3px;}

.portfolio:hover {background-image: url(images/index09-up.jpg); position:absolute; margin-top:3px;}

.services {background-image: url(images/index10.jpg); position:absolute; margin-top:8px;}

.services:hover {background-image: url(images/index10-up.jpg); position:absolute; margin-top:8px;}

.about {background-image: url(images/index11.jpg); position:absolute; margin-top:11px;}

.about:hover {background-image: url(images/index11-up.jpg); position:absolute; margin-top:11px;}

.contact {background-image: url(images/index12.jpg); position:absolute; margin-top:15px;}

.contact:hover {background-image: url(images/index12-up.jpg); position:absolute; margin-top:15px;}

/* dynamic image menu of side nav*/

.web {background-image: url(images/index04.jpg); position:absolute;}

.web:hover {background-image: url(images/index04-up.jpg); position:absolute;}

.graphic {background-image: url(images/index05.jpg); position:absolute; margin-top:27px;}

.graphic:hover {background-image: url(images/index05-up.jpg); position:absolute; margin-top:27px;}

.net {background-image: url(images/index06.jpg); position:absolute; margin-top:58px;}

.net:hover {background-image: url(images/index06-up.jpg); position:absolute; margin-top:58px;}

/* Ok, class! Class, settle down now and open your books. */

.bg1 {background:#fff;}

.text1 {font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0ba0ff;}

.text2 {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #0ba0ff;}

.number0 {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #3994EA;}

.number1 {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #A9D649;}

.number2 {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFA800;}

.number3 {font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFF;}

.number5 {font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFA800; text-decoration:underline;}


.footer-text {font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #3994EA;}

.jay-white {font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFA800;}

.ziko-millin {font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFA800;}

.port-slate { width:375px; height:auto; margin-top: 0px; margin-left: 3px; margin-right: auto;}

.port-splane { width:320px; height:auto; margin-top: 0px; margin-left: 18px; margin-right: auto; padding-left: 3px; padding-bottom: 3px; border:1px solid #A9D649;}

.link-slate { width:200px; height:auto; margin-top: 0px; margin-left: 13px; margin-right: auto; border:1px solid #3994EA; padding-left:7px;
padding-bottom: 7px; padding-top: 2px; line-height:.5; position:relative;}

.the-skinny { width:130px; height:auto; margin-top: 0px; margin-left: 3px; margin-right: auto; border:1px solid #3994EA; padding-left:3px;
padding-bottom: 5px; padding-top: 2px; position:relative;}

.contact-box { width:320px; height:auto; margin-top: 0px; margin-left: 5px; margin-right: auto; padding-left: 3px; padding-bottom: 3px;}


/* Let's see some I.D.'s!!!! */

#faq { text-decoration:underline; color: #FFA800;}

div#byline { width:197px; height:auto; margin-top: 1px; margin-left: 3px; margin-right: auto; border-top:1px solid #3994EA; border-right:1px solid #3994EA; 
border-bottom:0px; border-left:1px solid #3994EA; padding-left:7px; padding-bottom: 3px; padding-top: 2px; line-height:.5; position:relative;}

div#merge-byline { width:248px; height:auto; margin-top: 1px; margin-left: 3px; margin-right: auto; border-top:1px solid #3994EA;
border-right:1px solid #3994EA; border-bottom:0px; border-left:1px solid #3994EA; padding-left:7px; padding-bottom: 3px; padding-top: 2px; line-height:.5; position:relative;}

div#blog-byline { width:250px; height:auto; margin-top: 1px; margin-left: 3px; margin-right: auto; border-top:1px solid #3994EA; border-right:1px solid #3994EA; 
border-bottom:0px; border-left:1px solid #3994EA; padding-left:7px; padding-bottom: 3px; padding-top: 2px; line-height:.5; position:relative;}

div#footer{ width:464px; height:60px; margin-top:0px; padding:0 0 0 0; background-image:url(images/index29.jpg); background-repeat:no-repeat;}

div#footer-company{ width:auto; height:auto; margin-top:0px; margin-left:12px; margin-right:auto; margin-bottom:auto; font:9px Arial, Helvetica, sans-serif; color:#3994EA; position:relative;}

div#footer-links{ width:auto; height:auto; margin-top:0px; margin-left:12px; margin-right:auto; margin-bottom:auto; padding:0 0 0 0; font:9px Arial, Helvetica, sans-serif; color:#3994EA; position:relative;}

div#cup-div { width:285px; height:40px; margin-top:0px; margin-left:4px; margin-right:auto; margin-bottom:auto; padding:0 0 0 0; background-image: url(images/cupholder.jpg); background-repeat:no-repeat; font:9px Arial, Helvetica, sans-serif; color:#fff; position:relative;}

div#xplane { width:250; height:34px; margin-top:3px; margin-left:15px; margin-right:auto; margin-bottom:3px; padding:0 0 0 0; font:9px Arial, Helvetica, sans-serif; color:#0ba0ff; position:relative;}

#square { display:block; height:auto; width:auto; background-color:#3994EA;}

#hide { display:none;}