BODY
{
   background-color:#0099ab;
   background-image: url(../images/bg.gif);
   background-position: center;
   background-position: top;
   margin: 0px;
   padding: 0px; 
   font-family: trebuchet ms, verdana;
   font-size:12px;
   width:100%;
   line-height:16px;
}
p, td
{
   font-family: trebuchet ms, verdana;
   font-size:12px;
}
A, A:link, a:visited {text-decoration: none; color: #0097a9}
A:hover 
{
   color: Red;
   text-decoration: underline;
}
#m_container{
	margin:0 auto;
	background-image:url(../images/bg_grad.jpg);
	background-repeat: repeat-x;
	background-position: center;
	background-position: top;
}

#nav_bg {
background-image:url(../images/nav_bg.gif);
}
#cont_shad {
background-image:url(../images/shad_bg.png);
background-position: center;
background-repeat: repeat-y;
}

#cont_shad_bot {
background-image:url(../images/shad_bot.png);
background-position: center;
background-position: top;
background-repeat: no-repeat;
text-align: center;
}

#content {padding:8px}

a.mainnav_d, a.mainnav_d:visited {color:#ddc174;text-decoration: none;}
a.mainnav_d:hover {color:#ffffff;text-decoration: none;}

a.mainnav_a, a.mainnav_a:visited{color:#ffffff;text-decoration: none;}
a.mainnav_a:hover {color:#ddc174;text-decoration: none;}

a.wlink, a.wlink:visited{color:#fff;text-decoration: none;}
a.wlink:hover {color:#fff;text-decoration: underline;}

a.blklink, a.blklink:visited{color:#000;text-decoration: none;}
a.blklink:hover {color:#000;text-decoration: underline;}


.wfont {color: #ffffff}
h1.heading {font-size:18px; margin:0; padding-bottom:5px; color:#0097a9;}

h1.headingmenu {font-size:18px; margin:0; padding-top:5px; color:#fff; font-weight: normal}
a.headingmenu {color:#fff}

div.menuopac{
color:#fff;
background-color:#000;
padding:2px 4px 0 4px;
height:35px;
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.70;
opacity:0.7;
}
div.menuopac2{
color:#fff;
background-color:#000;
padding:6px 4px 0 4px;
height:25px;
filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.50;
opacity:0.5;
}

div.menutext{
color:#fff;position:relative;top:-35px; padding:2px 4px;
}
div.menutext2{
color:#fff;position:relative;top:-35px; padding:7px 4px 0 4px; text-align:right;
}
div.menuimg{
width:242px; height:100px; margin: 0 auto;
}
div.menuimg2{
width:242px; height:150px; margin: 0 auto;
}
.clear {clear:both;}
.menutitle {background-color:#d2eff4; padding:2px}
.menutitle2 {padding:2px; font-size:16px; text-align:left}
.menudesc {padding:2px; text-align:left}
.g335  {width:345px;}
.g200  {width:200px;}
.gmenuimg {width:125px}
.g200,.g335,.gmenuimg  {float:left; display: inline; margin-left:10px;}
.pad2px {padding:2px}

/*======================================================================================================================================================================================*/
/* GALLERY */
/*======================================================================================================================================================================================*/
div.img
  {
  margin: 2px;
  border: 1px solid #68bbc5;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 0px;
  border: 3px solid #bbdbdf;
  }
div.img a:hover img
  {
  border: 3px solid #8bd7e1;
 }
/*======================================================================================================================================================================================*/

#organic-tabs { background: #eee; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#explore-nav { overflow: hidden; margin: 0 0 10px 0; }
#explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; }
#explore-nav li a:hover { background-color: #111; }

#jquerytuts, #core, #classics { display: none; }

#explore-nav li#ex-featured a.current, ul#featured li a:hover { background-color: #0575f4; color: white; }
#explore-nav li#ex-core a.current, ul#core li a:hover { background-color: #d30000; color: white; }
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover { background-color: #FE4902; color: white; }