@charset "utf-8";


/********************************************Background Stretcher********************************************/

HTML {background-color:transparent; overflow-x:hidden; width:100%; margin:0 auto;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;}

.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;}

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute; /*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;}



	
	
/**************************************************All Pages**************************************************/

/********** header **********/

.blok_header { margin:0; padding:0; background-color:transparent;}
.header { width:998px; margin:0 auto; padding:0;}

/* logo */
.logo { padding:0; margin-top:10px; width:349px; float:left; }



/********** Main Menu **********/

/* menu_resize */
.menu_bg {position:relative; top:0px; height:180px; width:100%; background:url(../images/menu_main2.gif) top left repeat; opacity:0.9; overflow-y:hidden; padding:0; margin:0 auto; text-align:center; overflow: hidden;}
.menu_resize_bg {	position:relative; top:0px; left:0px; height:31px; width:998px; padding:0; margin:0 auto; text-align:center;}
.menu_resize { width:998px; margin-top:-29px; margin-left:0px; padding:0; text-align:center;}


/* menu */	
.menu { padding:0px 0 0 0; margin:0; width:600px; float:left; margin-left:0px; margin-top:-28px;}
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left; }
.menu ul li { float:left; margin:0; padding:0; border:0; }
.menu ul li a { float:left; margin:0; padding:6px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
.menu ul li a span { padding:6px 12px; background:none; }
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left; }
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right; }
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left; }

@font-face { font-family: Pirulen; src: url('http://www.mediafont.com/storage/contents/9514/font.eot'); /* IE */ src: local('Pirulen'), url('http://www.mediafont.com/storage/contents/9514/pirulen.ttf'); /* non-IE */ }

/* social media menu */
.socialmedia {float:right; width:295px; padding:5px 0 0px 0; margin-top:-30px; position:relative; left:0px; top:0px;}
#socialmedia {float:right;}


/*FB-Like*/
.fb-like { background-color:#transparent; padding:0px 0px 0px 0px; margin-top:5px; position:relative; float:left; width:190; z-index:200;} 
.fb-like2 { background-color:#transparent; padding:0px 0px 0px 0px; margin-top:0px; margin-right:0px; float:right; width:200; z-index:200;} 



/* menu2 */	
.menu2 { padding:0px 0 0 0; margin:0; width:600px; float:left; margin-left:5px; margin-top:-18px;}
.menu2 ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left; }
.menu2 ul li { float:left; margin:0; padding:0; border:0; }
.menu2 ul li a { float:left; margin:0; padding:6px 0; color:#fff; font:normal 16px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;  border-right-style: dotted; border-width: 2px;}
.menu2 ul li a span { padding:6px 10px; background:none; }
.menu2 ul li a:hover { background: url(images/r_menu.gif) no-repeat right; }
.menu2 ul li a:hover span { background:url(images/l_menu.gif) no-repeat left; }
.menu2 ul li a.active { background:url(images/r_menu.gif) no-repeat right; }
.menu2 ul li a.active span { background:url(images/l_menu.gif) no-repeat left; }





/********** General Layout **********/
		
body { margin:0 auto; width:100%; height:100%; text-align:center; background-color:transparent; overflow-x: hidden; }

#wrapper {
margin:0 auto; width:100%; height:100%; 
text-align:center; background-color:transparent;}

#container {
	margin: 0 auto;
  width: 998px;
  text-align: left;
	position:relative; top:0px; left:0px;
	height: auto !important; /* ie6 ignores !important, so this will be overridden below */
    min-height: 100%; /* ie6 ignores min-height completely */
    height: 100%;
		padding-bottom:0px;}
		
a { text-decoration:none; }
a:hover { text-decoration:underline; }

.main { padding:0; margin:0; }



/********** Column Layout **********/

#inner {display:block; margin:0 auto; padding:0px; width:998px;}



/********** Left Layout **********/

#left {float:left; position:relative; width:520px; left:0px; margin-left:0px;}

#left_about {float:left; position:relative; width:640px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:200%;  min-height: 1739px; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}

#left_ask {float:left; position:relative; width:640px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:150%;  min-height: 738px; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}
#left_ask a {color:#ff6600;}

#left_contact {float:left; position:relative; width:640px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:150%;  min-height: 738px; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}
#left_contact a {color:#ff6600;}

#left_giveaway {float:left; position:relative; width:640px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:150%;  min-height: 1014px; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}
#left_giveaway a {color:#ff6600;}

#left_media {float:left; position:relative; width:640px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:200%; min-height:738px; height:auto !important; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}

#left_resources {float:left; position:relative; width:640px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:200%; min-height:738px; height:auto !important; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}

#left_reviews {float:left; position:relative; width:640px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:200%;  min-height:738px; height: auto !important; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}

#left_sponsors {float:left; position:relative; width:640px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:200%; min-height:900px; height:auto !important; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}
#left_sponsors a {color:#ff6600;}

#left_store {float:left; position:relative; width:840px; left:0px;  padding-top:40px; padding-left:60px; padding-right:100px; padding-bottom:20px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:200%; height:auto !important; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}

#left_swn {float:left; position:relative; width:780px; left:0px;  padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:110px; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:200%;  min-height: 690px; color:#fff; font-weight:300;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(51, 51, 51);
/* RGBa with 0.7 opacity */
background: rgba(51, 51, 51, 0.9);}



/********** Center Layout **********/

#center {float:left; position:relative; width:275px; left:0px;}



/********** Right Layout **********/

#right_index {float:right; position:relative; top:322px; width:190px; right:0px; padding-right:5px;}
#right {float:left; position:relative; top:0px; width:190px; height:100%; right:0px; padding-left:2px;}



/********** Advertisement Layout **********/

/*ad_container_top*/
.ad_container_top {position:relative; left:0px; top:15px; background-color:transparent; width:500px; height:90px; padding-top:0px; float:right; z-index:1000;}


/*ad_container_right*/
.ad_container_right {position:relative; top:0px; left:5px; width:190px; padding-top:5px; padding-bottom:4px; float:right; overflow:hidden;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 102, 0);
/* RGBa with 0.7 opacity */
background: rgba(255, 102, 0, 0.7);}
.ad_container_right img {margin-left:7px; padding-top:0px; padding-left:0px;}
.ad_container_right img.ads {margin-left:7px; padding-top:10px; padding-left:0px;}
.ad_container_right p {margin-left:-4px; margin-top:-10px; padding-bottom:0px;}

/*Ads*/
.ad180180 {position:relative; left:5px; top:0px; width:190px; padding-top:1px; padding-left:0px; float:left;}
.ad180180 p {font: normal 14px Arial, Helvetica, sans-serif; color:#transparent; padding:0px 0px 0px 2px; margin-top:0px; font-weight:100; position:relative;}
.ad180180 img {margin-top:35px; margin-left:0px;}
.ad18090 {position:relative; left:5px; top:0px; width:90px; padding-top:1px; padding-left:0px; float:left;}



/**************************************************Footer**************************************************/

/*************footer**********/
.footer { width:998px; margin:0 auto; padding:0px 0px 0px 0px; border-top:0px solid #ffffff;}
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2;}
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#a2a2a2; text-decoration:none; padding:0px; margin:0;}
.footer p.right { text-align:right; width:499px; margin-top:0px; padding:5px 0 0 0; float:left; background-color:#transparent;}
.footer p.left { text-align:left; width:499px; margin:0; padding:5px 0 0 0; float:left; background-color:#transparent;}
.footer p.full { text-align:left; width:998px; margin:0; padding:5px 0 0 0; float:left; background-color:#transparent;}
.footer p.footleft { text-align:left; width:499px; margin-top:-10px; margin-bottom:0px; padding:10px 0px 10px 0px; float:left;}
.footer p.footright { text-align:right; width:499px; margin:-10px; padding:10px 0px 10px 0; float:left;}



/**************************************************Index Page**************************************************/


/*************Homepage Left Column**********/

/*Cover Image*/
.coverimage {position:relative; left:0px; top:0px; float:left; width:520px; z-index:100;}


/*FB*/
.fb { background-color:#0066cc; padding:6px 0px 5px 12px; margin-top:0px; margin-left:0px; float:left; width:508px; font-color:#ffffff;}


/*Blog*/
.blog {position:relative; left:0px; top:0px; float:left; width:520px; height:100%; z-index:1; overflow-x:hidden; overflow-y:hidden; background-color:#ffffff; font-size:14px; font-family:Trebuchet MS, Verdana, Arial; font-color:#fff;}
.blog iframe {overflow:hidden; float:left;}
.post_title {text-align:left; color:#0066cc; font-weight:bold; position:relative; top:-2px; text-decoration:none; padding-top:5px;}
.post_title a {text-align:left; font-color:#0066cc;}
.post_title a:hover {text-align:left; font-color:#0066cc;}
.post_title a:visited {text-align:left; font-color:#0066cc;}
.post_desc {text-align:left; color:#333; position:relative; top:0px; padding-bottom:5px; line-height:110%;}
.post_desc a {text-align:left; font-color:#0066cc;}
.post_desc a:hover {text-align:left; font-color:#0066cc;}
.post_desc a:visited {text-align:left; font-color:#0066cc;}
.post_date {text-align:left; font-size:12px; color:#808080; position:relative; top:0px; margin-bottom:5px; margin-top:0px;}
.post_image {text-align:left; position:relative; top:5px;}



/*************Homepage Middle Column**********/

/*covervideo*/
.covervideo {position:relative; left:5px; top:0px; height:320px; width:473px; float:left; z-index:100;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(48, 46, 44);
/* RGBa with 0.7 opacity */
background: rgba(48, 46, 44, 1.0);}
.covervideo b {font: normal 20px Arial, Helvetica, sans-serif; color:#fff; padding:5px 0 0 5px; margin:0; font-weight:300; float:left;}
.covervideo p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:0px 0 0 5px; margin:0; font-weight:100; float:left;}
.youtube {position:relative; left:0px; top:0px; float:left;}


/*Gear Reveiws*/
.gear {position:relative; left:5px; top:2px; height:0px; width:278px; background-color:transparent; float:left;}
.gear p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:20px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:90px;}
.gear img { float:right; margin:0; padding:5px 0 0 0; z-index:100;}
.gear b { background: url(../images/gear.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}

/*Gear Reveiws*/
.gear2 {position:relative; left:5px; top:2px; height:0px; width:278px; background-color:transparent; float:left;}
.gear2 p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:10px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:260px;}
.gear2 img { float:right; margin-right:-15px; padding:20px 0 0 10px; z-index:100;}
.gear2 b { background: url(../images/gear.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}



/*Store*/
.store {position:relative; left:5px; top:162px; height:0px; width:278px; background-color:transparent; float:left;}
.store p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:20px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:90px;}
.store img { float:right; margin:0; padding:5px 0 0 0; z-index:100;}
.store b { background: url(../images/store.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}

.store2 {position:relative; left:5px; top:642px; height:0px; width:278px; background-color:#transparent; float:left;}
.store2 p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:10px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:100px;}
.store2 img { float:right; margin:0; padding:0px 0 0 10px; z-index:100;}
.store2 b { background: url(../images/store.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}


/*Products*/
.products {position:relative; left:5px; top:322px; height:0px; width:278px; background-color:transparent; float:left;}
.products p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:10px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:260px;}
.products img { float:right; margin-right:-15px; padding:0px 0 0 10px; z-index:100;}
.products b {background: url(../images/products.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}


/*Resources*/
.species {position:relative; left:5px; top:322px; height:0px; width:278px; background-color:transparent; float:left;}
.species p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:20px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:90px;}
.species img { float:right; margin:0; padding:7px 0 0 0; z-index:100;}
.species b {background: url(../images/species.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}


/*Giveaway*/
.giveaway {position:relative; left:5px; top:482px; height:0px; width:278px; background-color:transparent; float:left;}
.giveaway p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:20px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:90px;}
.giveaway img { float:right; margin:0; padding:7px 0 0 0; z-index:100;}
.giveaway b {background: url(../images/giveaway.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}

/*Giveaway*/
.giveaway2 {position:relative; left:5px; top:482px; height:0px; width:278px; background-color:transparent; float:left;}
.giveaway2 p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:10px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:100px;}
.giveaway2 img { float:right; margin-right:-15px; padding:0px 0 0 10px; z-index:100;}
.giveaway2 b {background: url(../images/giveaway.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}


/*Ask the Professors*/
.fp {position:relative; left:5px; top:642px; height:0px; width:278px; background-color:#transparent; float:left;}
.fp p {font: normal 14px Arial, Helvetica, sans-serif; color:#333; padding:20px 20px 20px 15px; margin-top:28px; font-weight:100; position:relative; background-color:#fff; height:90px;}
.fp img { float:right; margin:0; padding:7px 0 0 0; z-index:100;}
.fp b {background: url(../images/ask.png) left top no-repeat; opacity:0.9; position:relative; left:0px; top:0px; width:273px; height: 24px; font: normal 14px Arial, Helvetica, sans-serif; color:#fff; font-weight:900; z-index:100; padding-left:5px; padding-top:7px;}



/*************Right Column**********/

/*SWN_photo*/
.swn_photo {position:relative; left:5px; top:0px; width:190px; height:244px; padding-top:0px; padding-left:0px; float:right;
background: url(../images/swn_background2.png) left top no-repeat; padding-bottom:0px;}
.swn_photo p {font: normal 14px Arial, Helvetica, sans-serif; color:#fff; padding:0px 0px 0px 2px; margin-top:0px; font-weight:100; position:relative;}
.swn_photo img {margin-top:42px; margin-left:8px;}



/**************************************************Other**************************************************/

.clear {clear:both;}


/* Links */
.orange {color:#ff6600;}
.orange a {font-color:#ff6600;}
.orange a:hover {font-color:#ff6600; font-weight:300;}

/* Small Headers */
.black {color:#333333; font-weight:800;}
.black a {font-color:#333333;}
.black a:hover {font-color:#333333; font-weight:800;}



/* JOOMAG */
.species_title {position:absolute; float:left; z-index:500; margin-top:-449px;}
.rateguide {position:absolute; float:left; z-index:500; margin-top:-364px;}


/*SWN Page*/
.swn { background:transparent; padding:0px 0px 50px 0px; margin-top:0px; margin-left:-10px; float:left; width:790px; height:50px; font-color:#ffffff;}
.swnp {margin-top:0px; margin-left:11px; padding-bottom:0px; line-height:150%;}
.titles { background:transparent; padding:0px 0px 10px 0px; margin-top:0px; margin-left:-10px; float:left; width:790px; height:50px; font-color:#ffffff;}