* 
{
    padding:0;
    margin:0;
    }
body 
{
    background:#ccc;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:0px;
    padding-top:10px;
    padding-bottom:20px;
    text-align:center;
}

* html body {
	font-size:x-small; /* for IE5/Win */
	f\ont-size:small; /* for other IE versions */
}

#wrapper 
{
    width:1007px;
    position:relative;
    margin:0px auto;
    padding:0px;
    border:1px solid #0062a5;
    text-align:left;
    }

/* ------------------ Site Styles -------------------------- */

h1 { font-size:130%; color:#0062a5; margin-bottom:10px; }
h2 { font-size:110%; color:#000; margin-top:15px; margin-bottom:10px; }
p { font-size:85%; padding:5px 0; line-height:1.6em; }


ul, ol { padding:0; margin:0; margin-left:30px; }
li { font-size:85%; padding:5px 0; line-height:1.6em; }

a:link { color:#0062a5; }
a:visited { color:#0062a5; }
a:hover { color:#999; }
a:active { color:#0062a5; }

/* ------------------ Layout -------------------------- */

#header, #banner, #content, #contentHome, #footer
{
    float:left;
    width:100%;
    clear:both;
    border-top:0px solid #666;
    }  


    
/* ------------------ Header -------------------------- */
    
#header { background:#0062a5 url(../_img/headerBG.gif) bottom left repeat-x; border-bottom:0px solid #ff0000;  }
.headerLeft { float:left; width:30%; }
.headerLeft p.logo { padding:6px 15px 5px 15px; width:30%; }

.headerRight { float:right; width:50%; text-align:right; padding:10px; padding-top:20px; }
.headerRight p { text-align:right; }


/* ------------------ Navigation -------------------------- */

#nav { float:left; width:100%; background:#ff0000; }
#nav ul, #nav li { float:left; list-style:none; font-size:11px; font-weight:normal; margin:0; padding:0; }
#nav li a { display:block; color:White; padding:8px 5px 10px 5px; margin:0 6px; text-decoration:none; }
#nav li a:visited {}
#nav li a:hover { background:#0062a5; }
#nav li a:active {}


/* ------------------ Banner -------------------------- */

#banner img { float:left; border-bottom:1px solid #0062a5; }




/* ------------------ Homepage -------------------------- */
#contentHome { border:0px solid yellow; background:#0062a5 url(../_img/featuresBG.gif) bottom left no-repeat; padding-top:0px; }

#content { border:0px solid yellow; background:#fff url(../_img/contentTopBG.gif) top left repeat-x; padding:25px 0 25px 0;  }
.padding { float:left; padding:0 50px; border:0px solid red; }

.mainbody { float:left; width:60%; margin-left:3%; background:transparent;  }
.sidebar { float:right; width:29.9%; text-align:center; background:transparent; }

.intro { background:url(../_img/introTop.gif) top center no-repeat; }
.intro p { color:White; font-size:14px; line-height:1.5em; padding:10px 30px; background:url(../_img/introBottom.gif) bottom center no-repeat; }

.features { width:100%; clear:both; }
.features td { width:25%; vertical-align:top; }
.features h1 { font-size:90%; color:#fff; padding:5px 5px 0px 15px; margin:0; }
.features p { font-size:80%; color:#fff; padding:3px 15px 10px 15px; }

.features a { color:White; }
.features a:visited { color:White; }
.features a:hover { color:#ccc; }
.features a:active { color:White; }

/* ------------------ Footer -------------------------- */

#footer { background:#0062a5; }

.clearFooter { clear:both; margin:0; padding:0; height:0px; background:#0062a5; border-bottom:0px solid #000;}


.ringtones { width:96%; background:#000; margin:15px auto;  }
.ringtones td { font-size:75%; width:50%; padding:20px 0; } 

.ringtones td a { color:White; }
.ringtones td a:visited { color:White; }
.ringtones td a:hover { color:#ccc; }
.ringtones td a:active { color:White; }