@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin : 0; padding : 0; }
h2, h3, h4, h5,  ul, ol  { margin : 0 20px; padding : .5em 0; }


/* =html */
html { background : #f79436 url(images/bg_tile.jpg) repeat-x; }

/* =body */
body { font : 76%/160% Tahoma, Verdana, Arial, sans-serif; background : url(../images/body.png) repeat-x; color : #000000; text-align : center; }

/* =hx */
h1, h2, h3 { font-weight : bold; text-transform : uppercase; }

/* =h2 */
h2 { font-size : 130%; }
h2#fir_1 { z-index : 2; position : absolute; top : 10px; left : 20px; width: 409px; height : 67px; padding : 0; background : url(../images/fir_1.png) no-repeat; text-indent : -9999px; }

/* =h3 */
h3 { font-size : 110%; }

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */

/* =ul */
ul { list-style-type : none; }
ul#nav_main { z-index : 2; position : absolute; top: 70px; left: 465px; width: 400px; height:29px; margin: 0; padding: 0; }



/* =li */

/* The following rules relate to image replacement where a background image 
is placed on an element and HTML text is moved out of view. 
See http://www.mezzoblue.com/tests/revised-image-replacement */

li#nm_1 { position : absolute; top : 1px; left : 100px; width : 100px; height : 28px; background : url(images/nav2.gif) no-repeat 0 0; }
li#nm_2 { position : absolute; top : 1px; left : 200px; width : 100px; height : 28px; background : url(images/nav2.gif) no-repeat -100px 0; }
li#nm_3 { position : absolute; top : 1px; left : 300px; width : 100px; height : 28px; background : url(images/nav2.gif) no-repeat -200px 0; }
li#nm_4 { position : absolute; top : 1px; left : 400px; width : 100px; height : 28px; background : url(images/nav2.gif) no-repeat -300px 0; }
li#nm_1 a:hover { background : url(images/nav2.gif) no-repeat 0 -28px; }
li#nm_2 a:hover { background : url(images/nav2.gif) no-repeat -100px -28px; }
li#nm_3 a:hover { background : url(images/nav2.gif) no-repeat -200px -28px; }
li#nm_4 a:hover { background : url(images/nav2.gif) no-repeat -300px -28px; }

/* =code */
code, pre {  font : 80% monaco, courier, monospace; font-weight : normal; color : #666; }
pre {  padding-left : 20px; font-size : 80%; }

/* about and links */

div#info {position:absolute; top:63px; left:25px; height:630px; width:864px; padding:0; margin:0;}
div#info h3{z-index : 3; position : absolute; width:335px;left : 310px; top : -17px; width: 102px; height : 29px; background : url(images/about_title.png) no-repeat;text-indent : -9999px;}
div#info p{float:right; width:531px; margin : 10px 10px 10px 10px;}
div#info blockquote {z-index:6;position:absolute; width:510px; top:25px; left:330px; float:right;font : 1em arial, verdana; font-weight : normal; color : #cccccc; }
div#info blockquote b{ font:14px arial; font-weight : normal; color : #ff830d; }
div#info_bg{z-index : 1; width:531px; height:553px; position:absolute; left:320px; top:10px;}
div#info ul { font : 10px arial; line-height: 10pt;font-weight : normal; color : #fff;}

div#links {position:absolute; top:63px; left:25px; height:630px; width:864px; padding:0; margin:0;}
div#links h3{z-index : 3; position : absolute; width:335px;left : 310px; top : -17px; width: 93px; height : 29px; background : url(images/links_title.png) no-repeat;text-indent : -9999px;}
div#links p{float:right; width:531px; margin : 10px 10px 10px 10px;}
div#links blockquote {z-index:6;position:absolute; width:510px; top:25px; left:330px; float:right;font : 1em arial, verdana; font-weight : normal; color : #cccccc; }
div#links blockquote b{ font:14px arial;font-weight : normal; color : #ff830d; }
div#info_bg{z-index : 1; width:531px; height:553px; position:absolute; left:320px; top:10px;}
div#links ul { font : 10px arial; line-height: 10pt;font-weight : normal; color : #fff;}

div#news {position:absolute; top:63px; left:25px; height:630px; width:864px; padding:0; margin:0;}
div#news h3{z-index : 3; position : absolute; width:335px;left : 310px; top : -17px; width: 93px; height : 29px; background : url(images/news_title.png) no-repeat;text-indent : -9999px;}
div#news p{float:right; width:531px; margin : 10px 10px 10px 10px;}
div#news blockquote {z-index:6;position:absolute; width:510px; top:25px; left:330px; float:right;font : 1em arial, verdana; font-weight : normal; color : #cccccc; }
div#news blockquote b{ font:14px arial;font-weight : normal; color : #ff830d; }
div#info_bg{z-index : 1; width:531px; height:553px; position:absolute; left:320px; top:10px;}
div#news ul { font : 10px arial; line-height: 10pt;font-weight : normal; color : #fff;}

div#reviews {position:absolute; top:63px; left:25px; height:630px; width:864px; padding:0; margin:0;}
div#reviews h3{z-index : 3; position : absolute; left : 310px; top : -17px; width: 145px; height : 31px; background : url(images/reviews_title.png) no-repeat;text-indent : -9999px;}
div#reviews p{float:right; width:531px; margin : 10px 10px 10px 10px;}
div#reviews blockquote {z-index:6;position:absolute; width:510px; top:25px; left:330px; float:right;font : 1em arial, verdana; font-weight : normal; color : #cccccc; }
div#reviews blockquote b{ font:14px arial;font-weight : normal; color : #ff830d; }
div#info_bg{z-index : 1; width:531px; height:553px; position:absolute; left:320px; top:10px;}
div#reviews ul { font : 10px arial; line-height: 10pt;font-weight : normal; color : #fff;}

/* products */
div#geek_screamer {position:absolute; top:63px; left:25px; height:286px; width:864px; padding:0; margin:0;}
div#geek_screamer p{float:right; width:531px; margin : 10px 10px 10px 10px;}
div#geek_screamer img{position:absolute;  top:-20px; overflow:hidden;}
div#geek_screamer h3{z-index : 3; position : absolute; width:335px;left : 310px; top : -17px; width: 253px; height : 29px; background : url(images/geek_screamer_title.png) no-repeat;text-indent : -9999px;}
div#geek_screamer h2{z-index : 3; position : absolute; left : 0px; top : 230px; width: 55px; height : 22px; background : url(images/205.gif) no-repeat;text-indent : -9999px;}
div#screamer_play{z-index : 3; position : absolute; left :330px; top : 240px; width: 510px; height : 60px;}
div#screamer_buy{z-index : 3; position : absolute; left :80px; top : 230px; width: 180px; height : 26px;}
div#geek_screamer blockquote {z-index:6;position:absolute; width:510px; top:25px; left:340px; float:right;font: 1em arial, verdana; font-weight : normal; color : #cccccc; }
div#cont_bg_screamer{z-index : 1; width:531px; height:247px; position:absolute; left:320px; top:30px;}
div#geek_screamer ul { font : 10px arial; line-height: 10pt;font-weight : normal; color : #fff;}

div#geek_ranger {position:absolute; top:420px; left:25px; height:286px; width:864px;}
div#geek_ranger p{float:right; width:531px; height:200px;margin : 10px 10px 10px 10px; }
div#geek_ranger img{ position:absolute;  top:-20px; overflow:hidden;}
div#geek_ranger h3{z-index : 3; position : absolute; left :310px; top : -17px; width: 210px; height : 36px; background : url(images/geek_ranger_title.png) no-repeat;text-indent : -9999px;}
div#geek_ranger h2{z-index : 3; position : absolute; left :0px; top : 280px; width: 55px; height : 22px; background : url(images/185.gif) no-repeat;text-indent : -9999px;}
div#ranger_play{z-index : 3; position : absolute; left :330px; top : 220px; width: 510px; height : 60px;}
div#ranger_buy{z-index : 3; position : absolute; left :80px; top : 280px; width: 180px; height : 26px;}
div#geek_ranger blockquote {z-index:6;position:absolute; width:510px; top:25px; left:340px; float:right; font: 1em arial, verdana; font-weight : normal; color : #cccccc;}
div#cont_bg_ranger{z-index : 1; width:531px; height:247px; position:absolute; left:320px; top:30px;}
div#geek_ranger ul { font : 10px arial; line-height: 10pt; font-weight : normal; color : #fff;}


div#geek_ballbreaker {position:absolute; top:877px; left:25px; height:286px; width:864px;}
div#geek_ballbreaker p{float:right; width:531px; height:200px; margin: 10px 10px 10px 10px; }
div#geek_ballbreaker img{
	position:absolute;
	top:-20px;
	overflow:hidden;
	height: 291px;
}
div#geek_ballbreaker h3{z-index : 3; position : absolute; left :310px; top: -17px; width: 342px; height: 29px; background : url(images/geek_ballbreaker_title.png) no-repeat;text-indent : -9999px;}
div#geek_ballbreaker h2{z-index : 3; position : absolute; left :0px; top : 230px; width: 55px; height : 22px; background : url(images/205.gif) no-repeat;text-indent : -9999px;}
div#ballbreaker_play{z-index : 3; position: absolute; left :330px; top: 325px; width:510px; height: 60px;}
div#ballbreaker_buy{z-index : 3; position: absolute; left :80px; top:230px; width: 180px; height: 26px;}
div#geek_ballbreaker blockquote {z-index:6;position:absolute; width:510px; top:25px; left:340px; float:right;font : 1em arial, verdana; font-weight : normal; color : #cccccc;}
div#cont_bg_ballbreaker{z-index : 1; width:531px; height:247px; position:absolute; left:320px; top:30px;}
div#geek_ballbreaker ul { font : 10px arial; line-height: 10pt; font-weight : normal; color : #fff;}




/* =a */
a:link { color : #f1dc52; text-decoration : none; }
a:visited { color : #f89c39; text-decoration : none; }
a:hover { color : #85fe79;text-decoration : underline; }
a:active, a:focus { color : #000; }

h1 a { display : block; width: 510px; height : 75px; }
ul#nav_main a { display : block; width : 100px; height : 28px; text-indent : -9999px; text-decoration : none; overflow : hidden; }
ul#nav_experts a { display : block; width : 120px; padding-top : 130px; text-decoration : none; overflow : hidden; }

div#nav_current a { position: absolute; top: 40px; left: 0; width : 82px; height : 81px; padding : 0 20px;  font-size : 92%; font-weight : bold; text-decoration : none; text-transform : uppercase; text-align: center; line-height : 1.1; color : #fff; overflow : hidden; }
div#nav_current a em { width : 61px; font-size : 140%; font-style: normal; }
div#nav_current a em abbr { display : block; font-size : 72%; }
div#content_sub li a { padding-left : 20px; background : url(../images/li.png) no-repeat 0 50%; }

ul#nav_recent a { padding-left : 20px; background : url(../images/li.png) no-repeat 0 50%; }
p#si_2 a { display : block; width: 245px; height : 120px; text-indent : -9999px; text-decoration : none; overflow : hidden; }

/* =img */
img, img a { border : none }
abbr, acronym { text-decoration : none; border : none; }

/* =form */
form#search_input { padding : 0 30px 20px; background : url(../images/search_input.png) no-repeat 0 100%; }

/* =label/labelspan */
label { margin-bottom : .5em; font-weight : bold; }
label, label span { display : block; margin-bottom : .5em; }



div#container { position : relative; width : 980px; margin : 0 auto; padding-top :20px; text-align : left; }
div#branding { z-index : 20; position : relative; width : 510px; height : 75px;  }
div#branding h1{  z-index : 20; position : absolute; left : 5px; top : 20px; width: 510px; height : 75px; background : url(images/branding_h1.png) no-repeat;text-indent : -9999px; }
div#content { width : 970px; height: 1454px;  background : url(images/content_bg.png) no-repeat; }
div#products { position : relative; width : 880px; height:616px; margin : 0 auto; padding-top :0px; text-align : left; }

div#nav_current { position : relative; }

div#site_info { position : relative; width : 100%; height : 20px;  }
div#site_info > p{  top: 10px; }

div#namm {position:absolute; top:-40px; left:530px;}

}