* { margin: 0; padding: 0; }

body { color: #000; font: 90% arial,sans-serif; text-align: center; background: url("background_gallery.jpg") no-repeat top left; }
#main-wrapper { display: block; margin: 50px auto; padding: 0 7px; width: 960px; text-align: left; margin-top: 450px;}

/* ----------------------------------- basics */
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.2em; line-height: 2.4em; color: #212121; }
h2 { font-size: 1.9em; line-height: 2.8em; color: #212121;}
h3 { font-size: 1.3em; line-height: 1.4em; color: #657e18;}
a { color: #212121; }
  a:hover { color: #b83c60; }
a img { border: none; }
ul, ol { list-style: circle; padding-left:20px; }
li {padding-bottom: 20px;}

#content-left{ float:left; width:400px; margin-right:30px;}
.pink{ color:#b83c60;}

/* ----------------------------------- masthead */
#leaderboard { background: url("") no-repeat top left; padding: 3em 0 7em 0; position: relative; }
  #leaderboard h1 a { color: #333; text-decoration: none; } 
  #leaderboard h1 a:hover { color: #70a9ee; }
#main-nav { font-size: 1.1em; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; }
  #main-nav li { float: left;  margin-left: 7px; }
  #main-nav li a { background: #ddd; color: #6c6c6c; display: block; padding: 1.1em 0; text-decoration: none; text-align: center; width: 8em; } 
  #main-nav li a:hover,
  #main-nav li.current a { background: #333; color: #eee; }
  #main-nav li.rss-now a:hover,
  #main-nav li.rss-now a { background: #70a9ee; color: #eee; }
.adsense-center { margin: -40px auto 0; display: block; width: 728px; }

#container{ width:900px; margin-left :auto; margin-right:auto;}
  
/* ----------------------------------- footer */
#footer { color: #555; font-size: 0.8em; line-height: 1.4em; width: 880px; border-top: solid 1px #999;padding-top: 10px; margin-top: 40px;}
  #footer a { font-weight: bold; }
.hiddenpic { display: none; }

#footer-center { display: block; margin: 50px auto; padding: 0 7px; width: 960px !important; width: 980px; text-align: left; margin-top: 50px; }

/* ----------------------------------- floats */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }


#content{width: 900px; line-height: 1.8em; color: #657e18; border-top: solid 1px #ccc; padding-top: 20px; margin-top:400px;}
#text-oncotton{width: 400px; padding-right: 40px; float: left}
#text-approach{color: #b83c60;}
#text-approach li{list-style-type: circle; padding-bottom: 20px; margin-left: 10px;}
#text-approach a{color: #b83c60;}




#siteWrap { /* The wrapper for my page icons and bubbles */  
        width: 300px;  
        height: 345px;  
        position: relative;  
    }  
      
    #pageWrap { /* Wrapper for my page icons */  
        position: absolute;  
        z-index: 5;  
        top: 138px;  
        left: 734px;  
  
    }  
    /* Page specific styles */  
    #psdPage {  
        margin-right: 19px;  
        float: left;  
        cursor: pointer;  
    }  
    #netPage {  
        margin-right: 20px;  
        float: left;  
        cursor: pointer;  
    }     
    #audioPage {  
        float: left;  
        cursor: pointer;  
    }  
    #bubbleWrap { /* Wrapper for my bubbles */  
        position: absolute;  
        z-index: 10;  
        left: 650px;  
        top: 30px;  
    }  
    .bubble {  
        position: absolute;  
    }