/* look */

body {
             font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
             font-size: 11px;
             font-weight: normal;
             color: #000000;
             text-decoration: none;
             margin:0 0 0 0;
             text-align: center;
             background-image: url(../images/backer.jpg);
             background-repeat: no-repeat;
}

a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration:none;
}
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF0066;
	text-decoration: underline;
}
a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #999999;
	text-decoration:underline;
}

.mail:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC3366;
	text-decoration: underline;
}
.mail:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:underline;
                     background-color: #CC3366;;
}
.mail:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration:underline;
                     background-color: #000000;
}

.pack:link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.pack:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
.pack:visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}

h1 {font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; margin: 3px 0px 0px 0px;}

h2 {font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #CC3366; margin: 20px 0px 0px 0px;}

h3 {font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 20px 0px 0px 0px;}

p { font:  normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; margin: 3px 0px 0px 0px; line-height: 1.4em; text-align: justify; }


/* layout */
/* margin:0 auto; centers in firefox */


#all{
      padding: 0; 
      margin: 0px auto;
      width:759px;
      background-color: #FFFFFF;
      background-image: url(../images/back2.jpg);
      display: block !important; 
      background-repeat: no-repeat;
}

#wrap{
            margin-left: auto;
            margin-right: auto;
            width: 749px;
            height: 631px;
}


#flasher{
             width: 749px;
             height: 195px;
             float: left;
}

#logo{
             width: 749px;
             height: 49px;
              text-align: left; 
              padding: 34px 0px 0px 0px;
}


#arrow {
              list-style-image: url(../images/micro_arrow.gif);
      }

.arrow2 {
              list-style-image: url(../images/micro_arrow2.gif);
      }

#arrow li { 
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: normal;
            color: #CC3366;    
            margin: 11px 0px 0px 0px;
}

.arrow2 li { 
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: normal;
            color: #000000;    
            margin: 11px 0px 0px 0px;
            line-height: 1.4em; 
            text-align: justify;
}


#nav{
        margin: 0;
        padding: 0;
        height: 21px;
        list-style: none;
        display: inline;
       overflow: hidden;
}

#nav li{
             margin: 0;
             padding: 0;
             display: inline;
}

#nav a {
            float: left;
            padding: 21px 0 0 0;
            overflow: hidden;
            height: 0px !important;
            height /**/:21px; /* for IE5/Win only */
}

#nav a:hover{
                background-position: 0 -21px;
}

#nav a:active, #nav a.selected{
                                       background-position: 0 -42px;
}

#thome a {
               width: 53px;
                background: url(../images/home.gif) top left no-repeat;
}

#tpackages a {
               width: 79px;
                background: url(../images/packages.gif) top left no-repeat;
}

#tbroadband a {
               width: 168px;
                background: url(../images/broadband.gif) top left no-repeat;
}

#tcode a {
               width: 137px;
                background: url(../images/code.gif) top left no-repeat;
}

#tterms a {
               width: 62px;
                background: url(../images/terms.gif) top left no-repeat;
}

#tcontact a {
               width: 79px;
                background: url(../images/contact.gif) top left no-repeat;
}


/* page floats */

#left{
               width: 474px; 
               height: 320px;
               text-align: left; 
               padding: 10px 0px 0px 20px;
               font-size: 11px;
               font-weight: normal;
               color: #000000;
               float: left;
}
               

#right{
              width: 220px; 
              text-align: left; 
              font-size: 11px;
              font-weight: normal;
              color: #000000;
              float: right;
              padding: 80px 35px 0px 0px;
}


body.index #left{
               width: 474px; 
               height: 320px;
               text-align: left; 
               padding: 10px 0px 0px 20px;
               font-size: 11px;
               font-weight: normal;
               color: #000000;
               float: left;
}

body.packages #left{
        width: 474px; 
        text-align: left; 
        padding: 10px 0px 0px 20px;
        font-size: 11px;
        font-weight: normal;
        color: #CC3366;
        float: left;
}

body.broadband #left{
        width: 340px; 
        height:670px;
        text-align: left; 
        padding: 10px 0px 0px 20px;
        float: left;
}

body.broadband #right{
        width: 340px; 
        height: 664px;
        text-align: left; 
        padding: 56px 20px 0px 0px;
        float: right;
}

body.terms #left{
        width: 340px; 
        height:500px;
        text-align: left; 
        padding: 10px 0px 0px 20px;
        float: left;
}

body.terms #right{
        width: 340px; 
        height: 504px;
        text-align: left; 
        padding: 56px 20px 0px 0px;
        float: right;
}

body.code #left{
        width: 340px; 
        height:677px;
        text-align: left; 
        padding: 10px 0px 0px 20px;
        float: left;
}

body.code #right{
        width: 340px; 
        height: 664px;
        text-align: left; 
        padding: 56px 20px 0px 0px;
        float: right;
}

body.contact #left{
        width: 440px; 
        height:320px;
        text-align: left; 
        padding: 10px 0px 0px 20px;
        float: left;
}

body.packages .tele, body.code .tele{
                      font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
                      color: #CC3366;
              }

body.packages #all,  body.contact #all {
      background-image: url(../images/back4.jpg);
      display: block !important; 
      background-repeat: no-repeat;
}

 body.broadband #all,  body.code #all{
      background-image: url(../images/back5.jpg);
      display: block !important; 
      height: 1020px;
      background-repeat: no-repeat;
}

 body.terms #all{
      background-image: url(../images/back6.jpg);
      display: block !important; 
      height: 860px;
      background-repeat: no-repeat;
}

body.index #left {
                      background: url(../images/3_pix.gif) center no-repeat;
}

body.index #left .basic {
                      text-transform: uppercase;
                      margin: 189px 0px 0px 45px; 
                      font-size: 16px;
                      line-height: 1.6em;
                      letter-spacing:  1px;
                      color: #FFFFFF;
}

body.index #left .extra {
                      text-transform: uppercase;
                      margin: -26px 0px 0px 200px; 
                      font-size: 16px;
                      line-height: 1.6em;
                      letter-spacing:  1px;
                      color: #FFFFFF;
}

body.index #left .go {
                      text-transform: uppercase;
                      margin: -26px 0px 0px 326px; 
                      font-size: 16px;
                      line-height: 1.6em;
                      letter-spacing:  1px;
                      color: #FFFFFF;
}

#footer{
             width:745px;
             height:14px;
             text-align: left; 
             padding: 2px 0px 0px 3px;
             font-size: 9px;
             font-weight: normal;
             color: #999999;
             clear: both;
}