.download  {
font-size:11pt;
font-family:Calibri, Verdana, Arial;
		  margin-left: 5%;
		  margin-right: 5%;
font-weight:bold;
text-align:center;
line-height:150%;
border: 2px solid #6cc;
border-radius:5px;
-moz-border-radius:5px;
padding:15px;
margin-top:5px;
}

.downloadpic {
float:left; 
margin-right:5px;
width:30%;
}

.download a  {
font-size:11pt;
font-family:Calibri, Verdana, Arial;
font-weight:bold;
line-height:150%;
color:#408080;
}

.top10 {
font-family: Verdana;
font-size: 0.8em;
border: solid 1px #6CC;
border-radius: 5px;
padding: 25px 5px;
margin: 5px;
line-height:150%;
}

.top10 a {
color:#000;
}


.top10 a:hover {
color:#408080;
}


.imgshadow {
box-shadow: 0px 0px 10px #408080;
border:0px;
}

.feature-text a {
text-decoration:none;
}

.logo {
margin-top:5px;
}

.feature-text {
font-size:2em;
font-family:Calibri;
color:grey;
text-align:left;
margin-left:10%;
margin-right:15%;
}

.feature-link, .feature-link a {
font-family:Calibri;
font-size:1.0em;
color:grey;
text-align:right;
margin-right:5%;
margin-bottom:10px;
}

.feedjit {
margin-left:5px;

}

.date {
font-weight:bold;
font-family:Calibri;
font-size:15px;
margin-bottom:20px;
color:#808080;
}

img { border: 0; }

#horizon {
text-align:left;
position:absolute;
left:0;
width:100%;
}

#content {
background-color:#6CC;
margin-left:-475px;
position:absolute;
left:50%;
width:950px;
}

.all:before,
.all:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.all:after {
    clear: both;
}


.all {
width:1000px;
background-color:#f8faf1;
margin-bottom:30px;
box-shadow: 0px 0px 20px #408080;
}

.left {
width:170px;
float:left;
text-align:center;
}

.body {
width:950px;
background-color:#f8faf1;
}

.google-top {
height:100px;
width:910px;
}

.middle {
width:622px;
float:left;
background-color:#f8faf1;
}

.right {
width:150px;
background-color:#f8faf1;
float:right;
text-align:center;
}



.google-ads {
float:left;
}

body {
background:#6CC;
background-image:url(gradient-blue.jpg);
background-repeat:repeat-x;
margin:0 0 50px;
}

table#homepagetable {
align:right;
background:#f8faf1;
}

table#homepagebody {
border:solid 1px #6CC;
margin-bottom:15px;
padding:2px;
}

td#navlinks {
font:9pt Arial, Helvetica, sans-serif;
background:#f8faf1;
color:#000;
text-align:center;
padding:10px;
}

td#navlinks a {
font:9pt Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

td#navlinks a:hover {
font:9pt Arial, Helvetica, sans-serif;
color:#408080;
text-decoration:underline;
}

td#streamer {
font:bold 10pt Arial, Helvetica, sans-serif;
background:#f8faf1;
color:#000;
text-align:center;
padding:5px;
}

td#feature {
font:bold 10pt Arial, Helvetica, sans-serif;
background:#FFFFE0;
color:#000;
text-align:center;
padding:5px;
}

td.logos {
background:#f8faf1;
text-align:center;
}

#title {
border:3px grey;
}

td#new {
background-image:url(http://www.integralworld.net/images/clearsky2x.jpg);
background-color:#f8faf1;
font:bold 10pt Arial, Helvetica, sans-serif;
padding:15px 50px;
}

td#new a {
font:bold 12pt Arial, Helvetica, sans-serif;
text-align:center;
color:#000;
}

td#features-left {
background:#DCDCDC;
font:bold 10pt Arial, Helvetica, sans-serif;
text-align:left;
width:250px;
valign:top;
padding:5px;
}

td#features-right {
background:#DCDCDC;
font:bold 10pt Arial, Helvetica, sans-serif;
text-align:left;
width:350px;
valign:top;
padding:5px;
}

.chartstable {
border:solid 1px #6CC;
border-radius:5px;
-moz-border-radius:5px;

}

.chartstitle {
background:#408080;
font-size:25pt;
font-family:Calibri,Verdana,Arial;
font-weight:700;
color:#ffffff;
text-align:center;
border:1px solid #6CC;
margin-bottom:5px;
text-transform:uppercase;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.chartstitle2 {
background:#192853;
font-size:25pt;
font-family:Calibri,Verdana,Arial;
font-weight:700;
color:white;
text-align:center;
border:1px solid #6CC;
margin-bottom:5px;
text-transform:uppercase;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

td#chartsnote {
background:#f8faf1;
font:8pt Verdana;
color:#000;
text-align:center;
padding-bottom:10px;
}

td#charts {
background:#f8faf1;
font:bold 8pt Calibri;
width:40%;
text-align:left;
padding-top:10px;
padding-bottom:10px;
background-image:url(gradient-blue.jpg);
}

td#charts li {
font:bold 8pt Verdana;
color:#00008B;
margin-top:5px;
}

td#footer {
font:9pt Verdana;
text-align:center;
padding:2px;
}

td#ads {
background:#f8faf1;
font:10pt "Arial Narrow", Helvetica, sans-serif;
line-height:11pt;
}

td#pageviews {
background:#f8faf1;
font:8pt "Verdana,Arial Narrow", Helvetica, sans-serif;
line-height:9pt;
}

td#pageviews ol {
list-style:bullet;
margin:0 0 0 25px;
}

#topnavtable {
font: 1.0em Verdana;
border:solid 1px #6CC;
text-align:center;
background-image:url(gradient-blue.jpg);
border-radius:5px;
-moz-border-radius:5px;
}



td#topnav {
font:10pt Verdana;
color:#000;
background:#f8faf1;
text-align:center;
}

td#newsletter {
font-size:8pt;
font-family:Verdana, Arial;
color:#FFF;
background:#f8faf1;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

td#search {
font-size:8pt;
font-style:bold;
font-family:Verdana, Arial;
color:#000;
background:#f8faf1;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

form {
margin:0;
}

td#flags {
background:#f8faf1;
}

ul.topnavbar {
background-color:#408080;
margin:0;
margin-bottom:5px;
height:25px;
width:574px;
border: #6cc 1px;
list-style-type:none;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.topnavbar li {

display:inline;
margin:0;
padding:0;
}

.topnavbar a,
.topnavbar a:link,
.topnavbar a:visited {
text-decoration:none;
color:#fff;
padding:0px 15px;
font:15pt Verdana;
text-transform:uppercase;
}

.topnavbar a:hover {
background:#408080;
color:white;
}


.homead {
border:solid 1px #ADD8E6;
margin-top:5px;
margin-bottom:5px;
box-shadow: 0px 0px 10px #ADD8E6;
}

.authors li {
text-transform:uppercase;
}



#chartstitle {
border-radius:5px;
-moz-border-radius:5px;
}

tr.d1 td {
font:bold 0.8em Verdana;
color:#246866;
margin-top:5px;
vertical-align:top;
padding:10px;
background-image:url(gradient-blue.jpg);
width:50%;
}

tr.d2 td {
text-align:left;
background-image:url(gradient-blue.jpg);
font:bold 0.8em Verdana;
color:#246866;
margin-top:5px;
vertical-align:top;
padding:10px;
width:50%;
}

.main,.righthand-column {
float:left;
background-color:#f8faf1;
}

td#features-left a,td#features-right a {
font:bold 10pt Arial, Helvetica, sans-serif;
text-align:left;
color:#4682B4;
}

tr.d1 a,tr.d2 a, .reviews a {
font:1em Verdana;
color:#000;
text-decoration:none;
}

tr.d1 a:hover,tr.d2 a:hover, .reviews a:hover {
font:1em Verdana;
color:#6CC;
text-decoration:underline;
}

td#topnavtable a,td#topnav a {
font:1.0em Verdana;
padding-bottom:10px;
color:#000;
text-decoration:none;

}

td#topnavtable a:hover,td#topnav a:hover {
font:1.0em Verdana;
padding-bottom:10px;
color:#4682B4;
text-decoration:underline;
}

#newslettertext a, #searchtext a {
font-size:8pt;
font-family:Verdana, Arial;
color:#000;
text-align:center;
}

.facebook {
height:30px;
padding:10px;
text-align:center;
}

.bigquote {
font-size:125%;
font-family:Trebuchet MS,sans-serif;
color:#404080;
padding:10px;
box-shadow: 0px 0px 10px #408080;
margin-bottom:30px;
text-align:left;
}

.authquote {
font-size:75%;
padding-top:5px;
}

.bigquote2 {
font-size:125%;
font-family:Trebuchet MS,sans-serif;
color:#404080;
padding:10px;
box-shadow: 0px 0px 10px #408080;
margin:15px;
text-align:left;
}

.newsletter, .search {
width:50%;
}

h1 {
font-size:11pt;
font-family:Calibri;
margin-top:-20px;
text-align:center;
width:600px;
color:#808080;

}

h2.hpbanner1 {
background-image: url('../images/hpbanner-1.jpg');
box-shadow: 0px 0px 10px #408080;
text-indent:-3500px;
width:300px;
height:100px;
margin-bottom:10px;
margin-top:5px;
}

h2.hpbanner2 {
background-image: url('../images/hpbanner-2.jpg');
box-shadow: 0px 0px 10px #408080;
text-indent:-3500px;
width:300px;
height:100px;
margin-bottom:10px;
margin-top:5px;
}

h2.hpbanner3 {
background-image: url('../images/hpbanner-3.jpg');
box-shadow: 0px 0px 10px #408080;
text-indent:-3500px;
width:300px;
height:100px;
margin-bottom:10px;
margin-top:5px;
}

h2.hpbanner4 {
background-image: url('../images/hpbanner-4.jpg');
box-shadow: 0px 0px 10px #408080;
text-indent:-3500px;
width:300px;
height:100px;
margin-bottom:10px;
margin-top:5px;
}

.cover {
box-shadow: 0px 0px 10px #408080;
}

#footerline {
font:0.75em Verdana;
color:#000;
text-align:center;
padding:10px;
}

#footerline a {
font: Verdana;
color:#6CC;
text-decoration:none;
}

#footerline a:hover {
font: Verdana;
color:#6CC;
text-decoration:underline;
}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

ul.topnavbar {
background-color:#408080;
margin:0;
margin-bottom:5px;
width:1170px;
height:80px;
}

.topnavbar li {
list-style-type:none;
display:inline;
margin:0;
padding:0;
}

.topnavbar a,
.topnavbar a:link,
.topnavbar a:visited {
text-decoration:none;
color:#fff;
padding:0px 15px;
font:40pt Verdana;
text-transform:uppercase;
}

.topnavbar a:hover {
background:#408080;
color:black;
}

td#topnav, td#topnav a, td#topnav a:link, td#topnav a:visited {
font:35pt Verdana;
color:#000;
text-decoration:none;
}
td#topnav a:hover {
font:1.5em Verdana;
color:#4682B4;
text-decoration:underline;
}

td#topnavtable {
font:30pt Verdana;
line-height:1em;
color:#000;
text-decoration:none;
padding: 35px 0px;

}

#footerline {
font:15pt Verdana;
color:#000;
text-align:center;
padding:10px;
}


#footerline a, #footerline a:visited, #footerline a:link {
font:15pt Verdana;
color:#000;


}

td#topnavtable a, td#topnav a {
font:1.5em Verdana;
line-height:1em;
color:#000;
text-decoration:none;

}

tr.d1 td, tr.d2 td {
font:bold 1.2em Verdana;
padding:25px 50px;
}



td#charts a,
tr.d1 a,
tr.d2 a 
{
font:2em Verdana;
color:#000;
text-decoration:none;
}

tr.d1 a:visited,
tr.d2 a:visited
{
font:2em Verdana;
color:#000;
text-decoration:none;
}

tr.d1 a:active,
tr.d2 a:active
{
font:2em Verdana;
color:#000;
text-decoration:none;
}

tr.d1 a:hover,
tr.d2 a:hover
{
font:2em Verdana;
color:#000;
text-decoration:none;
}


.left, 
.google-left, 
.right, 
.google-top, 
.facebook, 
.fb-like-box,
#flags {
display:none;
}

.homead {
width:600px;
height:200px;
margin-top:15px;
margin-bottom:15px;
}

#homepagebody, .body, .all, .middle {
width:100%;
}

#content {
left:55%;
margin-left:-550px;
background-color:#f8faf1;
width:125%;
}

.body {
background-color: 3F8FAF1;
}

h1 {
font-size:300%;
width:100%;
}

.chartstitle, .chartstitle2 {
font-size:500%;
}

.ibha {
width:100%;
height:100%;
margin-top:20px;
margin-bottom:20px;
}

.overstretch {
width:1178px;
height:482px;
}

.logo {
width:1200px;
height:454px;
}

tr.d1 td, tr.d2 td {
background-image:none;
}

.feature-text {
font-size:5em;
margin-right:5%;
}

.feature-link {
margin-bottom:30px;
} 

.feature-link a {
font-size:3em;
}

.tapbanner {
width:208px;
height:320px;
}

.tapbanner2 {
width:962px;
height:312px;
}

.downloadpic {
float:left; 
margin-right:5px;
width:25%;
}

}