body {

        background-color:#E5E5E5;

        margin:0px;

}



#wrapper1 {

        /* color: #E6E6E6; */

        color: black;

        margin: 10px auto 0px auto;

        width: 960px;

        position: relative;

        font-family: Helvetica, Verdana, sans-serif;

        font-size: small;

}

/* -------------------------------------------------------- */





#wrapper2 {

        /* background-color: #0C0237; */

        width: 940px;

        border: 4px solid #151515;

        /* background-color: #581E1D; */

        background-color: #368798;

        -moz-border-radius:5px;

        -webkit-border-radius:5px;

        -opera-border-radius:5px;

        -khtml-border-radius:5px;

        border-radius: 5px;

        box-shadow: 8px 8px 8px #555555;

        -moz-box-shadow: 8px 8px 8px #555555;

}





#header{

        background-image:url(http://66.147.240.99/~aquater1/themes/blue_bubbles_hk/images/header.jpg);

        height: 200px;

        /* display: inline; */

        border-bottom: 4px solid #151515;

        color: #E6E6E6;

}



#headertext {

        padding: 10px;

        width: 680px;

        height: 130px;

        float: left;

        text-align: center;

        overflow: hidden;

}







/* Div to hold menu buttons. */

#navtop {

        padding: 12px 10px 0px 10px;

        float: left;

        height: 34px;

        width: 680px;

        overflow: hidden;

        

}

/* ---------------------------------------------------- */



#navtop a {

        text-decoration: none;

}



#navtop ul {

   margin: 0;

   padding: 0;

   list-style: none;

}



#navtop li {

        display: inline;

        margin: 0;

        padding: 8px ;

        border-right: 2px white solid;

        font-weight: bold;

        font-size: small;

}



#navtop li a:hover {

        border-bottom: 2px white solid;

        cursor: hand;

}





#centercolumn {

        padding: 12px 18px;

        float: left;

        width: 480px;

        display: inline;

        background-color: #E4D9B6;

}





#leftcolumn {

        float: left; 

        width: 210px;

        display:inline;        

        color: white;

}



#leftcolumn ul {

        list-style-type: none;

        margin: 0px;

        padding: 0px;

}



#leftcolumn li a {

        text-decoration: none;

        display: block;

        background-color: #373737;

        width: 204px;

        height: 30px;

        padding-top: 8px;

        padding-left: 6px;

}



#leftcolumn li {

        border-bottom: 2px black solid;

        font-weight: bold;

        font-size: small;

}





#leftcolumn li a:hover {

        border-bottom: 2px white solid;

        cursor: hand;

}





#rightcolumn {

        float: right;

        padding: 12px;

        width: 190px;

        display: inline;

        text-align: right;

        color: white;

}



#rightcolumn img {

        background-color: black;

        opacity: 0.3; /* Safari, Opera */

        -moz-opacity:0.30; /* FireFox */

        filter: alpha(opacity=30); /* IE */

}



#rightcolumn img:hover {

        opacity: 1; /* Safari, Opera */

        -moz-opacity: 1; /* FireFox */

        filter: alpha(opacity=100); /* IE */

}





#columnheader {

        padding: 1px;

        text-align: center;

        background-color: #232323;

}



#footer {

        padding: 12px;

        clear: both;

        text-align: center;

        border-top: 4px solid #151515;

        font-weight: bold;

        font-size: small;

        background-color: #0C0237;

        color: #E6E6E6;



}

#upperBarWrap {

        position:fixed;        

        text-align:center;

        margin:0;

        width:100%;

}

#upperBar {

        width:1200px;

        height:38px;

        margin:0px auto;

        background-image:url(images/layout/upperBar1.png);

        background-repeat:no-repeat;

        background-position:top left;

        text-align:left;

}

#upperBarWrap {

        text-align:center;

        margin:0;

        position:fixed;

        width:100%;

        *width:1220px;

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

        <title>Inicio</title>



        <SCRIPT language="JavaScript">

        <!--



       function changePage(filePath){

           document.location=filePath;

        }



        //-->

        </SCRIPT>

</head>





<body>



<table  border="1" cellpadding="5" cellspacing="0" style="border-width: 4px; border-style:solid; border-color: blue;">



<!-- Zero row -->

<tr>

<td width="200" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">

        <table  border="1" cellpadding="0" cellspacing="0"  style="border-width: 7px; border-style:ridge; border-color: green;"><tr><td>

                    <a href="http://www.cavpollos.webs.com"><img src="http://cavpollos.webs.com/Imagenes/HexaCAV200x200%28lowWeigth%29.GIF"; border="0"; alt="Go To CAVPOLLOS Comics!!!"  /></a>

        </td></tr></table>

</td>



<td width="740" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">

        <img src="http://cavpollos.webs.com/Imagenes/cavpollosHeader2conPoios(low).GIF"; style="float: center"; border="0"; alt="CAVPOLLOS Titulo Inicio!"  /><br />

</td>

</tr>

<!-- end Zero row -->



<!-- first row -->

<tr valign="top" height=100%>



<!-- side links -->

<td width="200" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">



         <iframe name="cuadrosLinks" src="http://cavpollos.webs.com/iFramePages/cuadrosLinks.htm" height="516" width="216" marginwidth="0" marginheight="0" vspace="0" hspace="0" frameborder="0" scrolling="no">Sorry, your browser doesn't support iframes.</iframe><br />

        <br />

        <table border="2"; cellspacing="1"; cellpadding="5";  bgcolor="White"; style="border-width: 3px; border-color: black";>

        <tr><td align="left">

                   <a href="http://cavpollos.webs.com/apps/auth/login?next="> <font face="font-family:'Lucida Casual', 'Comic Sans MS'"; size="+1" color="blue">Log-eate!</font> </a> <br />

                   <a href="http://cavpollos.webs.com/apps/auth/signup?next="> <font face="font-family:'Lucida Casual', 'Comic Sans MS'"; size="+2" color="red">Suscribete!</font> </a> <br />

        </td></tr> 

        </table>



</td>

<!-- fin side links -->





<!-- Comienzan noticias -->

<td rowspan="3"  align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;" >

        <font size="5"; color="red";>Para poder visualizar <u><b>bien</b></u> esta pagina debes usar</br>el browser de internet <b>Firefox. </b>Consiguelo clickeando <a href="http://download.mozilla.org/?product=firefox-3.5.3&os=win&lang=es-ES"><b>AQUI</b></a></font><br />

bla bla bla



</td>

<!-- fin noticias -->





</tr>

<!-- end first row -->



<!-- second row -->

<!--comienza facebook-->

<tr valign="top" height=100%>

<td width="200" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">

          <table cellpadding="0" cellspacing="0">

          <td>

          <script>

                 function fbs_click() 

                      {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}

          </script>

          <a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="share">

                      <img width="180" height="75" src="http://cavpollos.webs.com/Imagenes/comparteFB%28GIF%29.GIF"; border="0"; style="float: left"; alt="Comparte en Facebook"  />

           </a>

           <script type="text/javascript">

            if (top.location != location) {

                 top.location.href = document.location.href;

              }

            </script>

          </td>

          </table>

</td>

</tr>

<!--fin facebook-->

<!-- end second row -->



<!-- third row -->

<!--comienzo banners-->

<tr valign="top" height=0%>

<td width="200" align="center" style="background-color:#00008B; border-width: 4px; border-style: inset; border-color: black;">

        <table  width="180" border="1" cellpadding="5" cellspacing="0"  style="border-width: 7px; border-style:ridge; border-color: green;"><tr><td align="center" bgcolor="White">

                 <a href="http://www.pageresource.com"><img src="http://www.pageresource.com/images/pr88x31_01.gif" border="0" target="_blank" alt="PageResource.com" /></a><br />

                 <a href="http://www.vetealaversh.com"><img src="http://www.vetealaversh.com/images/afiliados/valv.gif" border="0" target="_blank" alt="Vete a la Versh" /></a><br />

                 <a href="http://gamegnome120.webs.com/"><img src="http://gamegnome120.webs.com//photos/Fan%20Art%20from%20Riley%20M/game%20gnome%20small%20image.bmp" border="0" target="_blank" alt="Game Gnome" /></a><br />



                 <br />

                 <a href="http://cavpollos.webs.com/asociate.htm">

                               <font face="font-family:'Lucida Casual', 'Comic Sans MS'"; size="+2" color="gree"><center>Asociate<br />a esta<br />pagina web!<br /<br />Tu banner<br />aqui! =D</center></font>

                </a>

        </td></tr></table>

</td>

</tr>

<!--fin banners-->

<!-- end third row -->



</table>



<br />

<br />

CAVPOLLOS.WEBS.COM



</body>

</html>

margin-left:auto;

margin-right:auto;

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">









<head>

        <title>Sparkleaning - Bucks County Residential Cleaning. Also Serving Philadelphia and New Jersey</title>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

        <link href="http://www.sparkleaning.com/commercial/style.css" rel="stylesheet" type="text/css" />

        <meta name="verify-v1" content="j9lwZWNxr+cAwGg4cB/TXREd0J9kq6jXLTRn1dInrxY=" />

        <script type="text/Javascript" src="curvycorners.js"></script>



        <script type="text/javascript" src="mootools.js"></script>

        <script type="text/javascript">

                window.addEvent('domready', function(){

                        $('myForm').addEvent('submit', function(e) {



                        new Event(e).stop();

                        var log = $('log_res').empty().addClass('ajax-loading');

                        this.send({

                                update: log,

                                onComplete: function() {

                                        log.removeClass('ajax-loading');

                                }

                        });

                        });                

                });

        </script>



</head>

<body>

<div id="container">



<div id="topBar">

                <img src="http://www.sparkleaning.com/images/topBar.gif" width="752px" height="42px" />

        </div>



        <div id="heading">

                <div id="topBanner">

                        <img src="http://www.sparkleaning.com/images/headbg.jpg" width="750px" height="71px" />

                </div>

</div>

        <div id="belly">

                <div id="leftPane">

                        <div id="leftPaneParagraph">

                                                                <!-- PICTURE GOES IN HERE 

                                

                                <div id="leftPanePicturePane">

                                

                                </div>

                                -->



                                

                                Contact us today for a free estimate or to schedule an appointment!

                                <div id="form_box">

                <form id="myForm" action="send.php" method="get" name="myForm">

        

                

                        

                        <nobr><label for="name">First Name:</label>

                        <input type="text" name="first_name" id="name" value="" /></nobr>

                <br />

                

                        

                                <nobr><label for="lname">Last Name:</label>

                        <input type="text" name="lname" id="lname" value="" /></nobr>



                <br />

                        

                                <label for="email"><nobr>E-mail:</nobr></label>        

                        <input type="text" name="e_mail" id="email" value="" />

                <br />

                        <nobr><label for="phone">Phone:</label>

                        <input type="text" name="phone" id="phone" value="" /></nobr>

                <br />

                        

                                <nobr><label for="address">Address:</label>



                        <input type="text" name="address" id="address" value="" /></nobr>

                <br />

                        

                                <label for="city"><nobr>City:&nbsp;</nobr></label>        

                        <input type="text" name="city" id="city" value="" />

                <br />

                <label for="state">State:&nbsp;</label>

                                <select name="State" id="state">

                        <option value="">State:</option>



                        <option value="Alabama">Alabama</option>

                        <option value="Alaska">Alaska</option>

                   



                        <option value="Arizona">Arizona</option>

                        <option value="Arkansas">Arkansas</option>

    

                        <option value="California">California</option>

                        <option value="Colorado">Colorado</option>



                        <option value="Connecticut">Connecticut</option>



                        <option value="Delaware">Delaware</option>

                        <option value="District of Columbia">District of Columbia</option>

                        <option value="Florida">Florida</option>

    

                        <option value="Georgia">Georgia</option>

                        <option value="Hawaii">Hawaii</option>



                        <option value="Idaho">Idaho</option>



                        <option value="Illinois">Illinois</option>

                        <option value="Indiana">Indiana</option>

                        <option value="Iowa">Iowa</option>

    

                        <option value="Kansas">Kansas</option>

                        <option value="Kentucky">Kentucky</option>



                        <option value="Louisiana">Louisiana</option>



                        <option value="Maine">Maine</option>

                        <option value="Maryland">Maryland</option>

    

                        <option value="Massachusetts">Massachusetts</option>

                        <option value="Michigan">Michigan</option>

                        <option value="Minnesota">Minnesota</option>



                        <option value="Mississippi">Mississippi</option>

                        <option value="Missouri">Missouri</option>

                        <option value="Montana">Montana</option>

    

                        <option value="Nebraska">Nebraska</option>

                        <option value="Nevada">Nevada</option>



                        <option value="New Hampshire">New Hampshire</option>

                        <option value="New Jersey">New Jersey</option>

                        <option value="New Mexico">New Mexico</option>

    

                        <option value="New York">New York</option>

                        <option value="North Carolina">North Carolina</option>



                        <option value="North Dakota">North Dakota</option>



                        <option value="Ohio">Ohio</option>

    

                        <option value="Oklahoma">Oklahoma</option>

                        <option value="Oregon">Oregon</option>



                        <option value="Pennsylvania">Pennsylvania</option>

    

                        <option value="Rhode Island">Rhode Island</option>



                        <option value="South Carolina">South Carolina</option>

                        <option value="South Dakota">South Dakota</option>

                        <option value="Tennessee">Tennessee</option>

    

                        <option value="Texas">Texas</option>

                        <option value="Utah">Utah</option>

                        <option value="Vermont">Vermont</option>



                        <option value="Virginia">Virginia</option>

                        <option value="Washington">Washington</option>

                        <option value="West Virginia">West Virginia</option>

    

                        <option value="Wisconsin">Wisconsin</option>

                        <option value="Wyoming">Wyoming</option>

    

                    </select>           

                                        <br />



                        <label for="zip"><nobr>Zip Code:</nobr></label>        

                        <input type="text" name="zip" id="zip" value="" />

                <br />





                                        <label for="message">Message:</label>

                        <textarea name="message" id="message" style="overflow: auto;"></textarea>



                

                



                        

                

                <div class="hr">



                        <!-- spanner -->

</div>



        <input type="submit" name="button" value="Submit" id="submitter" class="button"/>

        </div>                        </div>

                </div>



                <div id="rightPane">

                        <div id="divNav">

                                <ul id="nav">



                                        <li id="navTab1" class=""><a href="http://www.sparkleaning.com/commercial/index.php"><span>About Us</span></a>

                                        <!--

                                                <ul>

                                                        <li><a href="http://www.sparkleaning.com/residential/mission.php">Our Mission</a></li>

                                                        <li><a href="http://www.sparkleaning.com/residential/history.php">Our History</a></li>

                                                        <li><a href="http://www.sparkleaning.com/residential/goals.php">Our Goals</a></li>

                                                        <li><a href="http://www.sparkleaning.com/residential/service.php">Areas of Service</a></li>

                                                </ul>

                                                -->

                                        </li>

                                        <li id="navTab2" class=""><a href="http://www.sparkleaning.com/commercial/mission.php"><span>Mission</span></a>

                                                <!--<ul>

                                                        <li><a href="http://www.sparkleaning.com/commercial/services/janitorial.php">Janitorial Cleaning</a></li>

                                                        <li><a href="http://www.sparkleaning.com/commercial/services/carpet_floor.php">Carpet and Floor Care</a></li>

                                                        <li><a href="http://www.sparkleaning.com/commercial/services/specialty.php">Specialty</a></li>

                                                        <li><a href="http://www.sparkleaning.com/commercial/services/healthcare.php">Healthcare</a></li>

                                                        <li><a href="http://www.sparkleaning.com/commercial/services/education.php">Education Cleaning</a></li>

                                                        <li><a href="http://www.sparkleaning.com/commercial/services/green.php">Green Cleaning</a></li>

                                                </ul>-->

                                                

                                        </li>

                                        <li id="navTab3" class="currentPage"><a href="http://www.sparkleaning.com/commercial/services/index.php"><span>Services</span></a>



                                                <!--

                                                <ul>

                                                        <li><a href="http://www.sparkleaning.com/residential/packages/basic_cleaning.php">Basic Cleaning&nbsp;</a></li>

                                                        <li><a href="http://www.sparkleaning.com/residential/packages/deep_cleaning.php">Deep Cleaning</a></li>

                                                        <li><a href="http://www.sparkleaning.com/residential/packages/green_cleaning.php">Green Cleaning</a></li>

                                                        <li><a href="http://www.sparkleaning.com/residential/packages/extras.php">Extras</a></li>

                                                </ul>

                                        </li>

                                        -->

                                        <li id="navTab5" class=""><a href="http://www.sparkleaning.com/commercial/contact.php"><span>Contact</span></a>

                                                <!--<ul>

                                                        <li><a href="http://www.sparkleaning.com/residential/contact/free_estimate.php">Free Estimate&nbsp;&nbsp;&nbsp;</a></li>

                                                        <li><a href="http://www.sparkleaning.com/residential/contact/questions_comments.php">Questions/Comments?</a></li>

                                                </ul>

                                                -->

                                        </li>

                                        

                                </ul>

                        </div>

                        <!-- header-->

                        <h1>



                        Our Services

                        </h1>

                        <!--end header-->



                        <p>

                                Take a moment to browse the the services we provide, in addition to the regular dusting jobs those <i>other</i> companies do. 

                        </p>

                        <p>

                                <a href="janitorial_services.php">Janitorial Solutions</a> - Great for any office, no matter how large <i>or</i> small. 

                        </p>



                        <p>

                                <a href="education_services.php">Education Solutions</a> - Protect our youth from unnecessary health risks, help raise their scores, and reduce absences! 

                        </p>

                        <p>

                                <a href="healthcare_services.php">Healthcare Solutions</a> - Ensure your office stays as clean as possible, to keep your clients healthy! 

                        </p>

                        <p>

                                <a href="carpet_services.php">Floor &amp; Carpet Solutions</a> - Extend the life of your floors while maintaining your professional appearance. 

                        </p>



                </div>

        </div>



        <div id="bottomBar">

                <div id="legalNotice">

                                        <html>

                        

                        <head>

                        <link href="./style.css" rel="stylesheet" type="text/css" />

                        </head>



                        <body>

                        <p class="footer">&copy; 2007-2009 Sparkleaning LLC. All Rights Reserved. </p>

                        </body>

                        </html>                </div>

        </div>



</div>



<!--google tracker **RIGHT BEFORE </body>-->



<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-10324414-1");

pageTracker._trackPageview();

} catch(err) {}</script>

<!--End google tracker-->











</body>



</html>

* {

        margin: 0;

        padding: 0;

}



body {

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: 13px;

        color: #646A61;

        background: #165C7C;

}



#container {

        width: 752px;

        margin: 1em auto;

}



a:link { color: #666; }

a:visited { color: #666; }

a:hover { text-decoration: underline; }



a.nav:link { color: #FFF; text-decoration: none; }

a.nav:visited { color: #FFF; text-decoration: none; }

a.nav:hover { text-decoration: underline; }







/**********FORMS*****************/



#form_box {

        float:left;

        width: 220px;

        font:0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;

        padding-left: 0.2em;

        margin-top: 0px;

        margin-bottom: 0px;

        margin-left:0em;

        margin-right:0px;

        height:100%;



}





/*CONTACT FORM PART*/

#leftPane {

        float:left;

        width: 220px;

        text-align: left;

        height:100%;

        background-color:#D8D8D8;

        margin-top: 0px;

        color: #fff;

        padding-right:0px;

        padding-top:0px;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;





}

/*END CONTACT FORM PART*/



form div {

        text-align: center;

}



 

#form_box div {

        padding: 0.2em 0.5em;

}

 

#form_box div.hr {

        height: 0px;

        margin-top: 0pt;

        margin-bottom: 7px;

}

 

#form_box p {

        float: left;

        margin: 4px 0pt;

        width: 120px;

}

 

 

#log {

        width: 400px;

        margin-top: 10px;

}

 

#log_res {

        overflow: auto;

}

 

#log_res.ajax-loading {

        padding: 0;

        background: url(http://www.ethinking.net/17femmes/images/Small_of_the_Back_Girl_01.jpg) no-repeat center;

}



label {

        float: left;

        width: 45px;

        color: #3a6483;

        font-size:13px;

        text-align: right;

        margin-right: 5px;

        padding-right:4em;

        padding-bottom:.5em;

}



input.text, textarea {

        float: left;

        margin-bottom: .5em;

        width: 140px;

}



input, textarea {

        width:140px;

        float:left;

        background-color: #FF9F10;

        border-color: #FF9F10;

}



input:focus, textarea:focus {

        background-color: #FFB030;

        border-color: #FFB030;

}



textarea {

        height: 60px;

}









form br {

        clear: both;

}



p.submit {

        padding-left:10em;

}



/*******************ENDFORMS*****************/

























.brushBullets {

        list-style-type: none;

/*        list-style-image: url('images/brush-20.jpg');

 */

}

.brushBullets li {

        overflow: visible;

        background: url('images/brush-20.jpg') 0px -5px no-repeat;

        height: 26px;

        margin: 0 0 0 5px;

        padding: 2px 0 0 28px;

}



.packagearea {

        color: #003366;

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: 1.2em;

        text-align:left;

        padding-bottom:2px;

        padding-top:2px;

        font-weight:bold;

        

}





h1 {

        color: #003366;

        border-bottom: 0px solid #ccc;

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: 1.9em;

        text-align:left;

        padding-bottom:5px;

        

}



h2 {

        color: #003366;

        border-bottom: 0px solid #ccc;

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        font-size: .9em;

        text-align:left;

        padding-bottom:5px;

        padding-top:10px;

        font-weight:bold;

}



p {

  color:#3a6483;

  font-family:verdana,geneva,arial,helvetica,sans-serif;

  font-size: 13px;

  text-align:left;

  padding:1em;

}



p.footer {

  color:#3a6483;

  font-family:verdana,geneva,arial,helvetica,sans-serif;

  font-size: 13px;

  text-align:left;

  padding:0em;

 }





 ul.list {

  color:#3a6483;

  font-family: verdana, geneva, arial, helvetica, sans-serif;

  font-size:1em;

  text-align:left;

  padding-left:3em;

 }

 

  ul.deeplist {

  color:#3a6483;

  font-family: verdana, geneva, arial, helvetica, sans-serif;

  font-size:1.1em;

  text-align:left;

  padding-left:1.3em;

  font-weight:bold;

 }

 

  ul.extralist {

  color:#3a6483;

  font-family: verdana, geneva, arial, helvetica, sans-serif;

  font-size:1em;

  text-align:left;

  padding-left:3em;

  line-height:1.4em;

 }

 

 ul.cleaninglist {

           color:#3a6483;

                  font-family: verdana, geneva, arial, helvetica, sans-serif;

                  font-size:.9em;

                  text-align:left;

                  padding-left:15px;

                  text-height:1px;

        

 }



#topBar {

        width: 752px;

        height: 42px;

}



#topBanner {

        position: relative;

        display: inline-block;

        width: 750px;

        height: 71px;

}



#heading {

        border-left: 1px solid #ff9000;

        border-right: 1px solid #ff9000;

        border-bottom: 1px solid #226d9f;

}



#packages {

        border-left: 0px solid #226d9f;

        float: left;

        width: 450px;

        padding:0;



        

}

        



#belly {

        width: 750px;

        padding: 0;

        background: white;

        border-left: 1px solid #ff9000;/*left border*/

        border-right: 1px solid #ff9000;/*right border*/

        border-bottom:1px solid #226d9f;/*bottom border, above orange part*/

        overflow: auto;

}



#leftPane {

        float: left;

        width: 253px;

        padding-left: 4px;

        padding-right:4px;

        padding-top:0px;

        text-align: center;

}

#leftPane p {

        margin: 1em;

        font-size: 1.2em;

        font-weight:bold;

}



#rightPane {

        border-left: 1px solid #226d9f;

        float: right;

        width: 480px;

        padding-bottom: 10em;

}

#rightPane>* {

        margin: 0 .2em;

}

#rightPane p {

        text-align: left;

}



#bottomBar {

        color: white;

        background: #ff9000 url('images/bottomBar.gif') no-repeat top left;

        width: 752px;

        height: 42px;

        text-align: center;

}



#legalNotice {

        padding:.5em;

        

}



#legalNotice p{

        color: white;

        text-align:center;

        line-height:1em;

}



.formfield {

        font-family: verdana,arial,helvetica,geneva,sans-serif;

        font-size:11px;

        color:#666666;

        background-color:#F7F7F7;

        border: 1px solid #999999;

        letter-spacing: 0.1em;

        text-indent: 0.2em;

}



/* Navigation Container */

#divNav {

        background: #f90;

        height: 58px;/*height of the whole nav section*/

        width: 480px;

        margin: 0 0 1.1em;

        padding: 0;

        position: relative;

        top: 0; left: 0;

}

#divNav * {margin: 0; padding: 0; line-height:1.1em, 1.05, 1.15;}

#divNav a {text-decoration: none;}



#nav {

        list-style-type: none;

}



#nav>li {

        margin: 0;

        display: block;

        float: left;

        text-align: center;

}



/* for all links in the list */

#nav li a {

        display: block;

        width: 96px;

        color: white; /*color of sub-menu foreground*/

        font-weight: bold;

}



#nav li>ul a:hover {

        display: block;

        width: 96px;

        color: #f90; /*color of sub-menu foreground*/

        font-weight: bold;

}









/* Tab Presentation */

#nav>li>a {

        float: left;

        display: block;

        height: 15px;

        padding: 4px 0;

        width: 94px;

        border: 1px solid #165C7C;

        color: #165C7C; /*color of the non-current, main menu foreground*/

        background: white;

}

#nav>li.currentPage>a {background:#f90;border-bottom: 1px solid #f90; color: white;}/* Current top-menu */

#nav>li:hover>a {background: #165C7C;color: white;}/*Non-current top-menu, when hovered on*/

#nav>li.currentPage:hover>a {background: #f90}/*current top-menu, when hovered on*/





/* Categories */

#nav>li>ul {

        float: left;

        display: none;

        position: absolute;

        top: 25px;

        left: 0;

        width: 476px;

        height: 30px;/*height of subnav*/

        padding: 1px;/*padding of the subnav*/

        background: #165C7C;/*background color of the subnav*/

        list-style-type: none;

        border: 1px solid #224d9f;/*shows bottom border of the subnav area*/

        border-top: none;

}

#nav>li.currentPage>ul {

        background: #f90;

        display: inline-block;

}

#nav>li>ul>* {

        font-size: 92%;

        float: left;

        height: 29px;

        margin: 1px;

        padding-top:0px;/*padding for the subnav from the topnav*/

        /*padding-left:20px;/*makes the sub-nav more spaced out*/

        padding-right:15px;

        display: inline-block;

        width: 90px;

}

#nav>li>ul>*>* {

        vertical-align: middle;

}



/* Rollover */

#nav>li:hover>ul {

        display: block;

        z-index: 10000;

}

#nav>li:hover>a {border-bottom: 1px solid #165C7C;}/*when you hover over the top-nav*/

#nav>li.currentPage:hover>a {border-bottom: none; color: white;}/*when you hover over the top-nav, current*/

#nav li.currentPage ul li a:hover {color:#165c7c;}/*when you hover over the top-nav*/

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>

<head>

<style type='text/css'>

html,body {

  height: 100%;

  background: #EEE;

  margin: 0;

  padding: 0;

}



img {

  border: 0; 

  display: inline;

}



.spc {

  vertical-align: middle;

}



.td0 {

  vertical-align: top;

}



.tdr {

  vertical-align: top;

  text-align: right;

}



</style>

</head>

<body>

<table cellspacing='0' cellpadding='3' border='0' style='width:100%'>

  <tr>

    <td class='tdr'><img src='k24_ctrl.gif' class='spc'><img src='k24_d.gif' class='spc'></td>

    <td class='td0'>Blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla</td>

  </tr>

</table>

</body>

</html>

<html>



<head>

<title>title here</title>

</head>



<body background=assets\back.jpg>

<head>

<title>title here</title>

<style>

body { background: url(assets\back.jpg) #fff center no-repeat fixed;}

</style>

</head>

/* CSS Document */



.Arial14px {

        font-size: 14px;

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        font-weight: normal;

        color: #000000;

        position: static;

        top: auto;

        vertical-align: top;

}

.Arial12pxN {

        font-size: 12px;

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        vertical-align: top;

}

.Arial10pxN {

        font-size: 10px;

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        vertical-align: top;

}

.Arial16pxB {

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        font-size: 16px;

        font-weight: bold;

        font-variant: normal;

        vertical-align: top;

}

.Arial20pxB {

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        font-size: 20px;

        font-weight: bold;

        font-variant: normal;

        vertical-align: top;

}

.Arial24pxB {

        font-family: Arial;

        font-style: normal;

        line-height: normal;

        color: #000000;

        font-size: 24px;

        font-weight: bold;

        font-variant: normal;

        vertical-align: top;

}

body {

        margin-left: 0px;

        margin-top: 0px;

        margin-right: 0px;

        margin-bottom: 0px;

}

.linkfont {

        font-family: Arial;

        font-size: 12pt;

        font-style: normal;

        line-height: normal;

        font-weight: normal;

        font-variant: normal;

        color: #0000FF;

}

.oakiecapN {

        font-family: Times New Roman;

        font-size: 12px;

        font-style: normal;

        font-weight: normal;

        color: #000000;

}

.oakiecapB {

        font-family: Times New Roman;

        font-size: 12px;

        font-style: normal;

        font-weight: bold;

        color: #000000;

}

.BurnsYellowsm1 {

        font-family: Verdana;

        font-size: 9pt;

        font-style: normal;

        font-weight: bold;

        font-variant: normal;

        color: #00FF00;

}

.BurnsYellowsm {

        font-family: Verdana;

        font-size: 10pt;

        color: #80FF00;

        font-style: normal;

        font-weight: bold;

}

.burnswhitebold {

        font-family: Times New Roman;

        font-size: 18px;

        font-style: normal;

        font-weight: bold;

        color: #FFFFFF;

}

.Verd10ptB {

        font-family: Verdana;

        font-size: 10pt;

        font-style: normal;

        font-weight: bold;

        font-variant: normal;

        color: #000000;

}

.Verd10ptBldblue {

        font-family: Verdana;

        font-size: 10pt;

        font-style: normal;

        font-weight: bold;

        font-variant: normal;

        color: #0000FF;

}

.Verd10pt {

        font-family: Verdana;

        font-size: 10pt;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        color: #000000;

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Oakie Brumm Media Interviews&amp;Articles</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--

.style11 {font-family: Geneva, Arial, Helvetica, sans-serif;

        font-size: 14px;}

.style23 {font-size: 14px}

.style18 {color: #0000FF}

.style28 {font-size: 10pt;

        font-family: Verdana, Arial, Helvetica, sans-serif;}

.style4 {font-size: 36px}

.style5 {font-size: small}

.style56 {font-family: Verdana;

        font-size: 24pt;

        font-weight: bold;}

.style57 {font-size: 36pt}

.style58 {color: #FFFF00}

.style60 {color: #FFFFCC}

.style61 {color: #33CCCC}

.style62 {color: #3399FF}

.style64 {font-size: 18px;

        color: #FFFFFF;

        font-family: Arial;}

-->

</style>

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

<link href="Oakiestylesheet.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

.TimesNewRom12pt {font-family: Times New Roman;

        font-size: 12pt;

        font-style: normal;

        line-height: normal;

        font-weight: normal;

        font-variant: normal;

        color: #000000;}

.style66 {font-family: Verdana}

-->

</style>

</head>

<body bgcolor="#FFFFFF">

<table width="748" border="12" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td width="142" valign="middle" bgcolor="#FFFF00" class="style4"><div align="center"><strong><a href="author.html"><img src="oakieauthor.jpg" width="116" height="95" border="0" align="middle"></a><span class="style5">Author<br>

        Leonard&quot;Oakie&quot; Brumm</span></strong></div></td>

    <td valign="middle" bgcolor="#FF0000"><div align="center"><span class="style56"><span class="style60">SPORTS <span class="style61">and</span> RECREATION</span><br>

        <span class="style58"><span class="style61">in <span class="style62">a</span></span> <span class="style57">SUPERMAX?</span></span></span></div></td>

  </tr>

  <tr bgcolor="#000000">

    <td colspan="2" valign="middle" class="style4"><div align="center"> <span class="style56"><strong><span class="style64"> </span></strong></span>

        <table border="0" align="center" cellpadding="2" cellspacing="2">

          <tr>

            <td height="23" align="center" valign="middle"><div align="center"><span class="style56"><strong><span class="style64">

                <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="35" height="19" align="middle">

                  <param name="movie" value="text1.swf">

                  <param name="quality" value="high">

                  <param name="bgcolor" value="#0000FF">

                  <embed src="text1.swf" width="35" height="19" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

                </object>

                </span></strong></span></div></td>

            <td align="center" valign="middle"><span class="style56"><strong><span class="style64">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="82" height="19" align="middle">

                <param name="movie" value="text2.swf">

                <param name="quality" value="high">

                <param name="bgcolor" value="#0000FF">

                <embed src="text2.swf" width="82" height="19" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

              </object>

              </span></strong></span></td>

            <td align="center" valign="middle"><span class="style56"><strong><span class="style64">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="42" height="17" align="middle">

                <param name="movie" value="text3.swf">

                <param name="quality" value="high">

                <param name="bgcolor" value="#0000FF">

                <embed src="text3.swf" width="42" height="17" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

              </object>

              </span></strong></span></td>

            <td align="center" valign="middle"><span class="style56"><strong><span class="style64">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="72" height="19" align="middle">

                <param name="movie" value="text4.swf">

                <param name="quality" value="high">

                <param name="bgcolor" value="#0000FF">

                <embed src="text4.swf" width="72" height="19" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

              </object>

              </span></strong></span></td>

            <td align="center" valign="middle"><span class="style56"><strong><span class="style64">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="53" height="19" align="middle">

                <param name="movie" value="text5.swf">

                <param name="quality" value="high">

                <param name="bgcolor" value="#0000FF">

                <embed src="text5.swf" width="53" height="19" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

              </object>

              </span></strong></span></td>

            <td align="center" valign="middle"><span class="style56"><strong><span class="style64">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="65" height="19" align="middle">

                <param name="movie" value="text6.swf">

                <param name="quality" value="high">

                <param name="bgcolor" value="#0000FF">

                <embed src="text6.swf" width="65" height="19" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

              </object>

              </span></strong></span></td>

            <td align="center" valign="middle"><span class="style56"><strong><span class="style64">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="60" height="19" align="middle">

                <param name="movie" value="text8.swf">

                <param name="quality" value="high">

                <param name="bgcolor" value="#0000FF">

                <embed src="text8.swf" width="60" height="19" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

              </object>

              </span></strong></span></td>

            <td align="center" valign="middle" nowrap><span class="style56"><strong><span class="style64">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="85" height="19" align="middle">

                <param name="movie" value="text7.swf">

                <param name="quality" value="high">

                <param name="bgcolor" value="#0000FF">

                <embed src="text7.swf" width="85" height="19" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

              </object>

              </span></strong></span></td>

            <td align="center" valign="middle" nowrap><span class="style56"><strong><span class="style64">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="63" height="19" align="middle">

                <param name="movie" value="text9.swf">

                <param name="quality" value="high">

                <param name="bgcolor" value="#0000FF">

                <embed src="text9.swf" width="63" height="19" align="middle" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000FF"></embed>

              </object>

              </span></strong></span></td>

          </tr>

        </table>

      </div></td>

  </tr>

  <tr>

    <td valign="top" bgcolor="#FFFFFF" class="style4"><div align="center"> <span class="style5"> <br>

        <img src="webtestimonialsj.jpg" width="142" height="523" border="0"></span></div></td>

    <td width="598" valign="top" bgcolor="#FFFFCC"><div align="center">

        <table width="393" border="1" align="center" cellpadding="2" cellspacing="6" bordercolor="#000000" bgcolor="#FFFF00">

          <tr>

            <td width="373" valign="top" bordercolor="#ECE9D8"><p align="center" class="Arial20pxB">Media - Pt. 1 <br>

            <span class="Arial14px">This is a partial list of numerous interviews and articles. We also invite you to do a internet search referencing Oakie Brumm - you will have quite a few more articles and reviews to view!</span></p></td>

          </tr>

        </table>

        <br>

      </div>

      <div align="center">

        <table width="470" border="1" cellpadding="5" cellspacing="0" bgcolor="#FFFFFF">

          <tr class="style11">

            <td><div align="center" class="style18">

                <p class="Verd10ptBldblue">Date</p>

              </div></td>

            <td valign="top"><div align="center" class="Verd10ptBldblue">

                <p class="style31">Show/Time</p>

            </div></td>

          </tr>

          <tr class="style11">

            <td><p class="Verd10pt">11/16/05</p></td>

            <td valign="top" class="style11"><p class="style28"><strong class="Verd10ptB">Article: &quot;Extra Time,&quot;</strong> <span class="Verd10pt">discussion of how &quot;Sports behind bars&quot; in Australia can offer both a way out and forward for prisoners wanting to rehabilitate themselves.&quot; </span><span class="Verd10ptBldblue"><strong>INSIDE SPORT (Sydney, NSW Australia), December 2005 issue</strong></span><span class="Verd10pt">, pps. 109-114 illustrated. </span><br>

            <span class="Verd10ptB"><strong>Writer: Jesse Fink (Deputy Editor)</strong>.</span> </p></td>

          </tr>

          <tr class="style11">

            <td><p class="Verd10pt">7/11/04</p></td>

            <td valign="top" class="style11"><p class="style28"><span class="Verd10pt">Article:<strong> </strong></span><strong class="Verd10ptB">&quot;In Terms of Innovation, Brumm Set the Standard.&quot;</strong><br>

                <span class="Verd10ptBldblue"><strong>NEWSDAY (New York City/Long Island, NY daily &amp; web)</strong></span> <span class="Verd10pt">Part one of five part series on Prison Sports. </span><br>

            <strong class="Verd10ptB">Writer: Michael Dobie</strong></p></td>

          </tr>

          <tr class="style11">

            <td><p class="Verd10pt">1/29/04</p></td>

            <td valign="top" class="style11"><p class="style28"><strong class="Verd10ptB">Article: &quot;The Day the Wings Went to Prison.&quot;</strong><br>

                <span class="Verd10ptBldblue">THE DETROIT FREE PRESS <strong> / Red Wings Hockey Supplement (Detroit, MI) </strong></span><br>

            <strong class="Verd10ptB">Writer: Bill Dow</strong></p></td>

          </tr>

          <tr class="style11">

            <td><div align="center">

                <p class="Verd10pt">6/2/03</p>

              </div></td>

            <td valign="top"><p class="style28"><strong class="Verd10ptB">Chris Cleveland (Sports call-in show) 2:25 pm </strong><br>

                <span class="Verd10pt"><strong>KSHP 1400 AM (Las Vegas, NV)</strong></span> <br>

                <strong class="Verd10ptB">(Fox Sports Radio)</strong><br>

            <span class="Verd10pt">Format: Sports/Variety</span></p></td>

          </tr>

          <tr class="style11">

            <td><p class="Verd10pt">4/11/03</p></td>

            <td valign="top"><p class="style28"><span class="Verd10pt">Book Review</span><br>

                <span class="Verd10ptBldblue"><strong>MIDWEST BOOK REVIEW (Oregon, WI)</strong></span> <br>

                <strong class="Verd10ptB">Reviewer: John Hoh </strong><br>

            <span class="Verd10pt">(previously in Bookideas.com 7/18/2002)</span></p></td>

          </tr>

          <tr class="style11">

            <td><div align="center" class="style23">

                <p class="Verd10pt">3/16/03</p>

              </div></td>

            <td valign="top"><p><span class="style28"><strong class="Verd10ptB">(Alive) Interview 7:45 pm</strong><br>

                <strong class="Verd10ptB">Allyson G. &amp; Paxton Quigley co-hosts</strong><br>

                <span class="Verd10ptBldblue"><strong>KMPC (&quot;The Ticket&quot;) 1540 AM (Los Angeles, CA)</strong></span><br>

                </span><span class="Verd10pt">Format: Sportstalk</span><br>

            </p></td>

          </tr>

        </table>

        <br>

        <table width="307" border="3" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFF00">

          <tr>

            <td width="299" valign="top"><div align="center" class="style162">

                <p class="style163"><a href="media2.html" class="TimesNewRom12pt">Interviews &amp; Articles - Part 2 </a></p>

            </div></td>

          </tr>

        </table>

        <br>

</div></td>

  </tr>

</table>

<p align="center"><strong><span class="TimesNewRom12pt">&copy; 2009 by Brumm Enterprises LLC. All rights reserved.</span></strong></p>

<blockquote>

  <blockquote>&nbsp;</blockquote>

</blockquote>

</body>

</html>

<style type="text/css">

#page_wrapper

        {

            width:800px;

            margin-left:auto;

            margin-right:auto;

        }

#header_wrapper

        {

            width:800px;

            height:140px;

        }

        #header

        {

            width:800px;

            height:140px;

        }



#body_wrapper

        {

            width:800px;

            position:absolute;

            display:block;

        }     

.header_transition

        {

            width:800px;

            height:45px;

            position:absolute;

            left:0px;

            top:0px;

            background-image:url('img/green_bar_cut.png');

            z-index:-1;

        }

        #body_contents_wrapper

        {

            width:800px;

            position:absolute;

            top:13px;

            left:0px;

            z-index:1;

        }

        #body_contents

        {

            width:800px;

            position:absolute;

            top:32px;

            left:0px;

            background-image:url('img/body_bg.png');

            z-index:2;

        }

        #content_wrapper

        {

            width:575px;

            float:left;

            margin-top:-32px;

        }

        #content

        {

            width:510px;

            margin-left:30px;

            margin-right:35px;

        }

        .content

        {

            width:510px;

        }

#footer_wrapper

        {

            width:800px;

            height:105px;

            clear:both;

        }

</style>



<html>

<div id="page_wrapper">

        <div id="page_header">

            <div id="header_wrapper">

                <div id="header">

                </div>

            </div>

        </div>

        <div id="body_wrapper">

            <div class="header_transition"></div>

            <div id="body_contents_wrapper">

                <div id="body_contents">

                    <div id="content_wrapper">

                        <div id="content">

                            <div class="content">

                             <--

                                Start Content Here

                              -->

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <div id="footer_wrapper">

         <--

         This container is now showing up at the top edge of div id body_contents...

          -->

        </div>

    </div>

</html>

<html>

<head>

<title>web ko</title>

</head>

<body>

<h1 align="center">INTERNSTIONAL SCHOOL OF ASIA AND THE PACIFIC</h1>

</body>

</html>

.nrml-bul {

list-style-image: url('../images/bullet-blue-normal.png');

        

list-style-position:inside;

        margin:5px 40px 10px 0px;

        border:1px solid #ccc;

        padding:2px;

        background: url('../images/list-bg-large.png') repeat-x;

vertical-align: middle;



}

<div class="middle" style="">

<ul class="nrml-bul">

                                                                <li>BI Solution That Works For Your Business</li>

                                                                <li>Data Driven Actionable Insights</li>

                                                                <li>Reliability Trust Support</li>

                                                        </ul>

                                                        

                                                        <ul class="nrml-bul">

                                                                <li>Deep insights into customer acquisition and retention campaigns</li>

                                                                <li>Critical reports / dashboards generated in self-serve mode without having to wait for days</li>

                                                                <li>Identification of cross-sell/up-sell opportunities for new lines of business</li>

                                                                <li>Predictive model to model churn indicators and drive retention campaigns</li>

                                                                <li>Robust and highly scalable BI technology</li>

                                                                <li>Single version of the truth &ndash; no more islands of data and sql queries</li>                                                                

                                                        </ul>

                                                        </div>

Attached Images

12.JPG (75.5 KB)

input

{

padding: 4px; 

color:#888888; 

border: 1px solid #B4CFEC;

}

<form name="details" method="post" action="#">

<fieldset>

<input type="text" name="email" size="35" value="email" />

<input type="submit" name="login" value="login" />

</fieldset></form>

<html>

    <head>

        <link rel="stylesheet" title="Test" type="Text/css" media="all" href="spacing2.css">

    </head>

    <body>

        <div id="mapInfoTabBorder">

            <div class="TabBorderTabs">

                <div class="TabBorderInactiveTab">

                    <input name="TabSubmit" value="Karte" type="submit">

                </div>

                <div class="TabBorderActiveTab">

                    Info

                </div>

                <div class="TabBorderInactiveTab">

                    <input name="TabSubmit_0"  value="Adresse" type="submit">

                </div>

                <div class="TabBorderInactiveTab">

                    <input name="TabSubmit_1" value="Adressenliste" type="submit">

                </div>

            </div>

        </div>

    </body>

</html>

#mapInfoTabBorder div.TabBorderInactiveTab {

        color: #ffffff;

        padding: 0;

        margin: 0;

        background: yellow;

        border: none;

}



#mapInfoTabBorder div.TabBorderInactiveTab input {

        color: #FFFFFF;

        margin: 0;

        padding: 0;

        border: none;

        background: green;

        text-align: left;

}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>3 Column Rounded Corners - from the "Stylin' with CSS" Stylib library</title>

<!--the layoout and text stylesheets-->

<link href="../../lib/css_styles/layouts/3_col_rounded.css" media="all" rel="stylesheet" />

<link href="../../lib/css_styles/text/text_n_colors.css" media="all" rel="stylesheet" />

<script type="text/javascript"  src="../../lib/nifty_corners/javascript/niftycube.js"></script>



<script type="text/javascript">

window.onload=function(){

Nifty('div#header','transparent medium'); // medium rounded corners w/transparency for gradient background image

Nifty('div#nav,div#content,div#promo','medium same-height'); //medium rounded corners, same height cols

Nifty('div#main_wrapper,div#footer','medium');  //medium rounded corners

AddCss ("../../lib/nifty_corners/css/niftyCorners.css"); // location of Nifty CSS file relative to this page

}

</script>



</head>



<body class="mocha">

<div id="main_wrapper">

<div id="header">

        <div id="header_inner">

        background-image: url (../../lib/css_styles/layouts/carlile_bay3.jpg);

                <h1>First Bolans Reunion 2011</h1><!-- end header_nav -->

         </div><!-- end header_inner -->

</div>

<!-- end header -->



<div id="nav">

        <div id="nav_inner">

                <ul>

                        <li><a href="#">RSVP</a></li>

                        <li><a href="#">Flyer</a></li>

                        <li><a href="#">Program</a></li>

                        <li><a href="#">Contact Us</a></li>

                        <li><a href="#">Discussion</a></li>

                        <li><a href="#">Home</a></li>

          </ul>

        </div><!-- end nav_inner -->

</div><!-- end nav -->



<div id="content">

        <div id="content_inner">

        <h2>About Bolans First Reunion</h2>

<p><strong>The Bolans Community Development Association (BCDA) is planning a village reunion for 2011.</strong>

       The reunion will mark Bolans ??? birthday. There will be educational, cultural and a variety of other activities. 

       We would like to invite villlagers and their relatives at home and abroad to meet and select one or more representative(s)--or point

       of contact(s) (POC(s)). The POCs will provide advice and coordinate activities with members of the BCDA. The Bolans

       Reunion Committee (BRC) consists of BCDA organizers and the POCs.</p>

        <h3>The Bolans Community Development Association</h3>

        <p>The BCDA is a Bolans based community organization. It has been involved in a number of community outreach

      activities, such as acquiring computers and books. These resources have benefited both Bolans Primary School students

      and the wider community.</p>

        <h3>Thoughts and Ideas from Facebook's Bolans Reunion Committee</h3>

<p>Here are some thoughts from Facebook group, Bolans Reunion Committee:</p>

<p><em>"What about doing something along the lines of health and education. We can have a day when people come out and

         get their blood pressure and sugar checked. Also we can have someone give talk on health related issues, substance

         abuse, STDs etc and another person on the importance of education. Too many young people are sitting on the block...

         time for them to do something meaningful with their lives."</em></p>

<p align="right">      <strong>--Lauralee Riley, British Virgin Islands</strong></p>

<p><em>"Lauralee's ideas could be like a health and education fair."</em></p>

<p align="right">      <strong>--Jarusha Turner Jacobs, New York</strong></p>

<p><em>Excellent idea. We need to be mindful of giving people enough time to plan for this trip. if it's going to be in 2010

       then we need to really get on the ball with the planning. If there's anything that I can do to assist with the planning

       please don't hesitate to let me know."</em></p>

<p align="right">      <strong>--Cordover Browne, Massachusetts, USA</p>

        </div>

</div>



<div id="promo">

        <div id="promo_inner">

                <cite>If you would like to place an ad with us or donate to the reunion, please do not hesistate to contact us.</cite>

        </div><!-- end nav_inner -->

</div><!-- end nav -->

<div style="clear:both"></div>   <!-- to fix square-edge draw problem on rounded footer box in Safari - CSS-based clearing doesn't fix the problem in this case  -->        

<div id="footer">

        <div id="footer_inner">

                <p>&copy; 2009 - The Bolans Community Development Association</p>

        </div>

</div>



</div>

<!--end main wrapper-->



</body>

</html>

/* THREE COLUMN LAYOUT */

/* you have to be careful with Nifty Corners - don't add height to the outer containers or the corners will no display correctly in Safari. */



/*padd the */

* {margin:0 padding:0;}

body {

        text-align:center;  /* IE6 needs this to center the layout in the browser window */

        }

#main_wrapper {

        width:840px; /* widths of columns will scale proportionately as this width is changed */

        margin-left:auto;  /* centers max'd layout in browser */

        margin-right:auto; /* centers max'd layout in browser */

        text-align:left; /* prevents page inheriting IE6 centering hack on body */

        padding:10px 0;

        margin-top:10px;

        }        

#header {

        margin: 0 10px;

        

        }

#nav {

        width:130px;

        margin:10px 10px 10px 10px;

        float:left;

        display:inline; /* fixes IE6 margin doubling bug */

        }

#content {

        width:550px;

        margin:10px 10px 10px 0px;

        float:left;

        }

#promo {

        width:120px;

        margin:10px 0 10px 0;

        float:left;

        }

#footer {

        margin:0 10px;

        clear:both;

        }

#header_inner, #content_inner, #promo_inner 

        {

        overflow:hidden; /* prevents oversize elements from breaking the layout */

        }

#header_inner {

        padding:1em 2em;

        width: 494 px;

        height: 119 px;

        background: url(../../lib/css_styles/layouts/carlile_bay3.jpg);

        }

#nav_inner {

        padding:1em .5em;

        }

#content_inner {

        padding:0em 1em 1em 1.5em;

        }

#promo_inner {

        padding:1em .5em;

        }

#footer_inner {

        padding:.5em 1em;

        text-align:center;

        }

Attached Files

Webpage.doc (130.0 KB)

*{

        padding:0px; margin:0px;font-size:100%

 }



 html{

        font-size:100%;

        height:100%;

 }



body {

        background:#8b909c url('../images/page-bg.gif') repeat-x;

        height:100%;

        font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}



a{

        text-decoration:none;

        color:#00a8cc;

        

}

a:hover{

        text-decoration:underline;        

        color:#00a8cc;

}

p{

        font: 0.9em/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;        

}

h1{

        font: 1.5em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;        

}

h2{

        font: 1.3em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

h3{

        font: 1.1em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

h1,h2{

        color:#00a8cc;        

}

h2,h3,h4{

        margin-left:10px;

}

ul{

        padding:0;margin:0;

}

ol{

        margin:10px 30px;

}

.keymessage{

        font: 1.1em/1.2em "Lucida Sans Unicode","Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        padding:80px 200px 20px 200px;

        

}

.keymessage:first-letter{

        font-size: 2.4em;

}

#watermark{

        /*background:url('../images/keystone-watermark3.png');*/

}

#page{

        /*height:2000px;*/

        

}

#wrapper{

        margin:0 auto;

        width:949px;

                

}

#header{

        

}

#logo{

        overflow:visible;

        position:relative;

        top:-3px;

        left:-154px;

        width:100px;

        height:200px;

        z-index:-2;

}



#tr-menu{

        float:right;

        padding:6px 10px 4px 4px;

}



.style_ip{

        list-style-type:none;

        

}

.style_ip li{

        display:inline-block;

        background:url('../images/button-sprite01.png') no-repeat;

        width:120px;

        text-align:center;

        height:28px;        

}



.style_ip li a{

        display:block;

        padding:6px 4px 0 0;

        text-transform:capitalize;

        font:0.7em/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        color:#63573f;

}

.style_ip li a:hover{

        text-decoration:none;        

        color:#00a8cc;

}

.style_txt{

        position:relative;

        list-style-type:none;

        float:right;

        top:45px;

}

.style_txt li{

        display:inline-block;        

        text-align:center;        

}

.style_txt li a{

        display:block;        

        text-transform:lowercase;

        font:0.9em/0.9 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;        

        color:#666666;

        padding: 2px 10px 2px 2px;

}

.style_txt li a:hover{

        text-decoration:none;        

        color:#00a8cc;

}

.style_txt .last{

        border-right:0px;

}

#menu{

        position:relative;

        top:40px;

        float:right;

        background:url('../images/menu-bg.png') no-repeat;

        width:783px;

        height:66px;

        margin-right:6px;

        

}

.style_menu{

        list-style-type:none;

        padding:10px 10px 0 20px;

}

.style_menu li{

        display:inline-block;        

        text-align:center;

        height:28px;

        padding:2px 0 0 13px;

        height:26px;        

}



.style_menu li span a{

        display:block;

        padding:4px 0 0 0;

        text-transform:uppercase;

        font:0.9em/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        color:#ffffff;        

        margin-right:13px;

}

.style_menu li:hover{

        background:url('../images/button-sprite02.png') 0px 3px no-repeat;

}

.style_menu li:hover span a{

        background:url('../images/button-sprite02.png') 0px -23px repeat-x;

        text-decoration:none;        

        color:#63573f;

}

.style_menu li:hover span{        

        background:url('../images/button-sprite02.png') right -47px no-repeat;        

        display:block;

}

.current{

        background:url('../images/button-sprite02.png') 0px -77px no-repeat;

}

.current span a{        

        background:url('../images/button-sprite02.png') 0px -103px repeat-x;

        text-decoration:none;        

        color:#63573f;

}

.current span{        

        background:url('../images/button-sprite02.png') right -127px no-repeat;        

        display:block;

}



#content{

        position:relative;

        top:-62px;

}

.middle{

        padding:20px 30px 20px 30px;

        border:0px solid #f00;

}

.middle p{

        margin-bottom:10px;

}

.split{

        

}

.white-window{

        background:url('../images/white-block-top.png') no-repeat;

        padding-top:19px;

}

.white-window .middle{        

        background:url('../images/white-block-middle.png') repeat-y;

}

.white-window .bottom{        

        background:url('../images/white-block-bottom.png') no-repeat;

        height:10px;

}

.grey-window{

        background:url('../images/grey-block-top.png') no-repeat;

        padding-top:19px;

}

.grey-window .middle{        

        background:url('../images/grey-block-middle.png') repeat-y;

}

.grey-window .bottom{        

        background:url('../images/grey-block-bottom.png') no-repeat;

        height:10px;

}

.black-window{

        background:url('../images/blk-block-top.png') no-repeat;

        padding-top:19px;

}

.black-window .middle{        

        background:url('../images/blk-block-middle.png') repeat-y;

}

.black-window .bottom{        

        background:url('../images/blk-block-bottom.png') no-repeat;

        height:10px;

}

.gb-window{

        background:url('../images/grey-black-block-top.png') no-repeat;

        padding-top:19px;

}

.gb-window .middle{        

        background:url('../images/grey-black-block-middle.png') repeat-y;

}

.gb-window .bottom{        

        background:url('../images/grey-black-block-bottom.png') no-repeat;

        height:10px;

}

#footer{        

        margin:10px 0 5px 0;

        font:0.7em/0.9 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

        text-align:center;

}

#footer a{

        display:inline-block;        

        text-transform:capitalize;        

        text-decoration:none;

        color:#5c5c5c;

        padding: 2px 10px 5px 2px;

}

#footer a:hover{

        color:#000000;

}

.style_ftr{

        list-style-type:none;                

        margin:0 auto;

        width:430px;

        border:0px solid #f00;

}

.style_ftr li{

        display:block;

        float:left;        

        text-align:center;        

}



.style_ftr li a{

        

}

.style_ftr li a:hover{

        text-decoration:none;        

        color:#ffffff;

}

.style_ftr .last{

        border-right:0px;

}

.style_pfc{

        list-style-type:none;                

        margin:0 auto;

        width:200px;

        border:0px solid #f00;

        padding:20px;

                

}

.style_pfc li{

        display:block;

        float:left;        

        text-align:center;        

}



.style_pfc li a{

        display:block;        

        text-transform:capitalize;        

        color:#e5e5e5;

        padding: 2px 10px 2px 2px;

}

.style_pfc li a:hover{

        text-decoration:none;        

        color:#ffffff;

}

.style_pfc .last{

        border-right:0px;

}



.about-us-banner{

        background: url('../images/about-us-banner.png') 1px -5px no-repeat;

        height:276px;

        

}

.home-banner{

        background: url('../images/home-banner-m.png') 0px -1px no-repeat;

        height:279px;

        

}

h1.bul-header{

        background: url('../images/bullet-sprite-large.png') 0px 0px no-repeat;

        padding:0 0 0 40px;

        margin-bottom:8px;

        color:#00a8cc;        

}

h2.bul-header{

        background: url('../images/bullet-sprite-normal.png') 0px 0px no-repeat;

        padding:0 0 0 40px;

        margin-bottom:8px;

        color:#00a8cc;        

}

.img-right-block{

        position:relative;

        right:0px;        

        top:-31px;

        margin:0 20px 10px 30px;

}

.left-block{

        width:560px;

}

.middle.split .left-block{

        width:563px;

}

.right-block{

        width:300px;

        float:right;

        margin-top:0px;

}

.clear{

        clear:both;

        height:0px;

        content:"";

}

.middle.split .right-block{

        width:300px;

        float:right;

        margin-top:0px;

}

.dark-bg{

        color:#ffffff;

}

.small-fonts p{

        font-size:0.7em;

}

.read-more{

        display:block;

        float:right;

        background:url('../images/button-sprite01.png') 4px -80px no-repeat;

        font-size:0.7em;

        height:28px;

        width:100px;

        text-align:center;

        padding-top:5px;

}

.read-more:hover{

        text-decoration:none;

}

.large-bul{        

        list-style-image: url('../images/bullet-blue-large.png');

        list-style-position:inside;

        margin:-32px 0 0 -20px;

        height:242px;

        font:1.4em/1.5 "Trajan Pro","Times New Roman", Times, serif;

        text-transform:capitalize;

}

.large-bul li{

        background:url('../images/list-bg-other.png')-11px 0px no-repeat;        

        padding:10px 10px 10px 10px;

        height:47px;

        

}

.large-bul .first{

        background:url('../images/list-bg-first.png')-11px -9px no-repeat;

        padding-top:11px;

}



.nrml-bul{

        list-style-image: url('../images/bullet-blue-normal.png');

        list-style-position:inside;

        margin:5px 40px 20px 40px;

        border:1px solid #ccc;

        padding:12px;

        background: url('../images/list-bg-large.png') repeat-x;

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

        <head>

                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

                <title>Keystone Logic</title>

                <link rel="stylesheet" media="all" type="text/css" href="styles/screen.css" />

        </head>

        <body>

        <div id="watermark">

                <div id="page">

                        <div id="wrapper">

                                <div id="header">

                                        <div id="tr-menu">

                                                <ul class="style_ip">

                                                        <li><a href="#">blog</a></li>

                                                        <li><a href="#">whitepapers</a></li>

                                                        <li class="last"><a href="#">subscribe</a></li>

                                                </ul>

                                                <ul class="style_txt">

                                                        <li><a href="careers.html">careers</li>

                                                        <li class="last"><a href="contact-us.html">contact us</a></li>                                                        

                                                </ul>                                                

                                        </div><!-- end of tr-menu -->

                                        <div id="menu">

                                                <ul class="style_menu">

                                                        <li class="current"><span><a href="index.html">Home</a></span></li>

                                                        <li><span><a href="about-us.html">About Us</a></span></li>

                                                        <li><span><a href="industries.html">Industries</a></span></li>

                                                        <li><span><a href="solutions.html">Solutions</a></span></li>

                                                        <li><span><a href="services.html">Services</a></span></li>

                                                        <li><span><a href="customers.html">Customers</a></span></li>

                                                        <li class="last"><span><a href="partners.html">Partners</a></span></li>

                                                </ul>

                                        </div><!-- end of menu -->                

                                        <div id="logo"><img src="images/keystone-logo2.png" alt="Keystone Logic Logo" /></div>

                                                                

                                </div><!-- end of header -->                                

                                <div id="content">

                                        <div class="home-banner">

                                                <blockquote class="keymessage">

                                                        In the IT enabled world, information systems are the keystone of any organization. They enable businesses to work together effectively and in essence support the entire organizational structure and growth.

                                                </blockquote>

                                        </div>

                                        

                                        <div class="gb-window">

                                                <div class="middle split" style="">

                                                        <div class="right-block dark-bg small-fonts ">

                                                                <h1 class="bul-header">About us</h1>

                                                                <p>

                                                                        KeystoneLogic is a global IT organization focused on providing IT solutions to enhance customer loyalty, customer satisfaction, and corporate performance and drive business growth.    

                                                                </p><p>

                                                                        Our vision is to continually invest in R&D and develop solutions and tools that are market ready, leverage our strong background in information technology and deliver tangible value to our customers.

                                                                </p><p>

                                                                        We take pride in our integrity and our passion to deliver beyond our customers&apos; expectations...                                                         

                                                                </p>

                                                                <a href="about-us.html" class="read-more" Title="Read more about Keystone Logic">read more..</a>

                                                        </div>

                                                        

                                                        <div class="left-block">

                                                                <ul class="large-bul">

                                                                        <li class="first"><span>Proven Leadership</span></li>

                                                                        <li><span>Proven Technology &amp; Processes</span></li>

                                                                        <li><span>Proven Experience</span></li>

                                                                        <li class="last"><span>Proven Commitment</span></li>

                                                                </ul>

                                                        </div>

                                                        

                                                </div>

                                                

                                                <div class="bottom"></div>

                                                                                        

                                        </div>

                                        

                                        <div id="footer">

                                                <p>

                                                        <a href="index.html">Home</a>

                                                        <a href="about-us.html">About Us</a>

                                                        <a href="industries.html">Industries</a>

                                                        <a href="solutions.html">Solutions</a>

                                                        <a href="services.html">Services</a>

                                                        <a href="customers.html">Customers</a>

                                                        <a href="partners.html">Partners</a>

                                                </p>

                                                <p>                                                        

                                                        <a href="privacy.html">Privacy</a>

                                                        <a href="feedback.html">Feedback</a>                                                                                                                                

                                                        <a href="contact-us.html">Contact Us</a>

                                                </p><br />

                                                <p>All rights reserved. Copyright &copy; 2009. Keystone Logic.com</p>

                                        

                                        </div><!-- end of footer -->

                                </div><!-- end of content -->

                        </div><!-- end of wrapper -->

                </div><!-- end of page -->

        </div>        

        </body>

</html>

Attached Files

images.zip (1.57 MB)

body{

margin:0;

padding:0;

}



b{font-size: 110%;}

em{color: red;}



#maincontainer{

width: 1000px;

margin: 0 auto;

 /*Center container on page*/

background-image:url(../slices/bg-image.jpg);

background-repeat:repeat-y;

background-position:center;

}



#topsection{

padding-left:25px;

padding-top:0px;

margin:0;

height: 112px; /*Height of top section*/

}



#topsection h1{

margin: 0;

padding-top: 15px;

}



#contentwrapper{

float: left;

width: 100%;

background-image:url(../slices/bg-image.jpg);

background-repeat:repeat-y;

background-position:center;

}



#contentcolumn{

margin: 0 259px 0 235px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}



#contentcolumnpage{

margin: 0 20px 0 235px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}



#leftcolumn{

float: left;

width: 213px; /*Width of left column in pixel*/

margin-left: -975px; /*Set margin to that of -(MainContainerWidth)*/



}

.leftnav{

        background-image: url(../slices/bkg-nav-sides.png);

        background-repeat:repeat-y;

        width:213px;

        padding-top:0px;

        margin:0;

        

}

.leftnav ul li{

        list-style-type:none;

}

.leftnav ul li a{

        text-decoration:none;

        width:213px;

}



#rightcolumn{

float: left;

width: 259px; /*Width of right column*/

margin-left: -280px; /*Set left margin to -(RightColumnWidth)*/

}



#footer{

clear: left;

width: 100%;

background-image:url(../slices/footer-image.jpg);

background-repeat:repeat-y;

background-position:center;

color: #FFF;

text-align: center;

padding: 4px 0;

}



#footer a{

color: #FFFF80;

}





.innertube{

margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/

margin-top: 0;

}

/* define type styles */



h1 {

        font:Arial, Helvetica, sans-serif;

        font-size:24px;

        color:#0e3263;

        margin-top:3px;

        }

h2  {

        font:Arial, Helvetica, sans-serif;

        font-size:18px;

        color:#0e3263;

        margin-top:3px;

        }        

.bluetitle {

        font:Arial, Helvetica, sans-serif;

        font-size:14px;

        color:#0e3263;

        font-weight:bold;

        }        

.text {

        font:Arial, Helvetica, sans-serif;

        font-size:12px;

        }        



/*define navigation elements */

.top{

        background:url(../slices/header.png) top no-repeat;

        height:112px;

}

.navlinks{

        background-image:url(../slices/navbutton.png);

        background-repeat:no-repeat;

        height:32px;

        margin-left:-15px;

        }

.navlinks a {        

        font-family:Arial, Helvetica, sans-serif;

        color:#00275c;

        font-size:14px;

        font-weight:bold;

        padding-left:38px;

        }

.logos {

        margin-left:25px;

        }



.navtop{

        background-image:url(../slices/bkg-nav-top.png);

        background-repeat:no-repeat;

        width:213px;

        height:19px;

        padding:0;

        margin:0;

        }

.navbottom{

        background-image:url(../slices/bkg-nav-bottom.png);

        background-repeat:no-repeat;

        width:213px;

        }

.contactus {

        font-family:Arial, Helvetica, sans-serif;

        font-size:14px;

        font-style:italic;

        color:#01204b;

        }        

.phone {

        font:Arial, Helvetica, sans-serif;

        font-size:24px;

        color:#0e3263;

        }        

.graybar {

        background-image:url(../slices/grayline.jpg);

        background-repeat:no-repeat;

        margin-left:18px;

        }                

/* Right side home page */



.adhometop{

        background-image:url(../slices/ad-home-top.png);

        width:259px;

        height:168px;

        background-repeat:no-repeat;

        }

.adhomemiddle{

        background-image:url(../slices/ad-home-middle.png);

        width:259px;

        height:174px;

        background-repeat:no-repeat;

        }

.adhomebottom{

        background-image:url(../slices/ad-home-bottom.png);

        width:263px;

        height:228px;

        background-repeat:no-repeat;

        }

.orangetitle{

        font-family:Arial, Helvetica, sans-serif;

        font-size:18px;

        font-weight:bold;

        color:#dc6a04;

        padding-left:15px;

        }                        

.adtext{

        font:Arial, Helvetica, sans-serif;

        font-size:12px;

        font-weight:bold;

        color:#0e3263;

        padding-left:15px;

        line-height:13px;

        }        

.adtext ul li {

        list-style-position: -5px;

        }

.homecontent{

        font:Arial, Helvetica, sans-serif;

        font-size:12px;

        padding:10px;

        }



/* product page*/



#prodcontainer{

        width:666px;

        margin:0 auto;

        padding: 10px;

        background-image:url(../slices/item-bkg.png);

        background-repeat:no-repeat;

        height:173px;

}



#prodmain{

        width:auto;

        display:block;

        padding:10px;

        }

        

#productimage

{

        width:100px;

        margin-right:25px;

        float:left;

}



#producttext

{

        width:350px;

        margin-right:25px;

        float:left;

}



#productprice

{

        width:100px;

        float:left;

        font-family:Arial, Helvetica, sans-serif;

        font-size:12px;

        color:#01204b;

        padding-left:5px;

}



.productnumber {

        font-family:Arial, Helvetica, sans-serif;

        font-size:48px;

        color:#01204b;

        }

.productnumbersmall{

        font-family:Arial, Helvetica, sans-serif;

        font-size:12px;

        color:#01204b;                

        }

        

.orangetitlelg {

        font-family:Arial, Helvetica, sans-serif;

        font-size:24px;

        font-weight:bold;

        color:#dc6a04;

        }                        

        #

.clear



{clear:both;}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Untitled</title>

</head>

<link rel="stylesheet" href="styles/main.css" type="text/css">

<body>

<div id="maincontainer">



  <div id="topsection"><img src="slices/header.png"></div>



   <div id="contentwrapper">

                <div id="contentcolumnpage">

                        <div class="innertube">

                                <div class="homecontent"><h1>Imagine a Hotspot the Size of a City&trade;</h1>

                                  <p>With CLEAR&trade; you get internet over areas much, much larger than Wi-Fi. <br>

                                    We&rsquo;re talking miles, not feet. So, forget about finding a hotspot&hellip; connect <br>

                                    anywhere CLEAR has coverage.* Now you&rsquo;re truly mobile!</p>

                                  <h2>CLEAR is Next Generation Mobile Broadband</h2>

                                  <p>Powered by WiMAX, a Fourth Generation (4G) wireless technology, the 

                                    CLEAR network combines the mobility you love about your cell phone with 

                              the speed you want from broadband.</p>

                                  <p>That means you get the same full internet experience you get at home while on the go. So go ahead and watch videos, download music or send email&hellip; with CLEAR you can do what you want, where you want.</p>

                                  <h2>CLEAR Gives You Choices</h2>

                                  <p>Getting online should be easy. That&rsquo;s why CLEAR gives you choices:</p>

                                  <p> * Service for home, around town or both<br>

                                          * Flexible plans by the day or by the month<br>

                                          * Devices for mobile or at home use</p>

                                  <p>Plus, there&rsquo;s no drilling, digging or waiting for installation. CLEAR gives you internet the way you want it. Now that&rsquo;s the way a broadband service should be!</p>

                          </div>

                                

                <div id="prodcontainer">

                <div id="prodmain">

                        <div id="productbox">

                                <div id="productimage"><img src="images/product-home-internet.png"></div>

                                <div id="producttext"><span class="orangetitlelg">Fast Home Internet</span><br><br>

                                <span class="text">Fast Home Internet gives you more speed. This plan is ideal for online shopping, sending photos or even downloading 

                                music. You'll connect at download speeds of 3Mbps and upload speeds of 500Kbps**. Usage is unlimited.<br><br>

                                $35 activation fee  (waived with 2 year sign up).</span>

                                </div>

                                <div id="productprice"><span class="productnumber">$30</span>/month<br><br>

                                  <a href="contactus.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','slices/learnmore-on.png',1)"><img src="slices/learnmore-off.png" name="Image6" width="121" height="50" border="0"></a></div>

                                </div> 

                          </div>

                 </div>

                 </div>

        <div id="prodcontainer">

                <div id="prodmain">

                        <div id="productbox">

                                <div id="productimage"><img src="images/product-home-internet.png"></div>

                                <div id="producttext"><span class="orangetitlelg">Faster Home Internet</span><br><br>

                                <span class="text">Faster Home Internet lets you do more online in less time. This plan is ideal for playing games, banking, shopping, uploading, downloading videos and more! 

                                You'll connect at download speeds of 6Mbps and upload speeds of 500Kbps**. Usage is unlimited.</span>

                                </div>

                                <div id="productprice"><span class="productnumber">$40</span>/month<br><br>

                                  <a href="contactus.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','slices/learnmore-on.png',1)"><img src="slices/learnmore-off.png" name="Image6" width="121" height="50" border="0"></a></div>

                                </div> 

                          </div>

                 </div>

                 </div>

                <div class="clear">&nbsp;</div> 

                 

                 

                </div>

        </div>



        <div id="leftcolumn">

         <?php include('includes/navigation.php'); ?>

                

        </div>







        



<div id="footer"></div>

</div>

</body>

</html>