/* initial */
* {
 margin:0;
 padding:0;
}

/*--------------STICKY FOOTER--------------*/
html, body {
 height:100%;
}

#container {
 position:relative;
 min-height:100%;
 border-bottom:solid 0px #f60;
}

* html #container { /* ie6 */
 height:100%;
}
/*--------------PAGE LAYOUT--------------*/
body {
 font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
 color:#fff;
 text-align:left;
 font-size:14px;
 line-height:20px;
 font-weight:lighter;
 background:#000 url("bg3.gif") repeat-x;

}

#container {
 width:850px;
 min-height:100%;
 margin:0 auto;
}


#page_content {
 position:relative;
 width:100%;
padding-bottom:30px;
}

/*--------------CONTENT LAYOUT--------------*/

#header {
 position:relative;
 width:700px;
 height:130px;
 margin:0px 0px 0px 150px;
 padding:0px;
 background:url("header2.jpg")  no-repeat;
 overflow:hidden;

}

#caption {
 position:absolute;
 width:330px;
 height:33px;
 margin:248px 0px 0px 510px;
 padding:0px;
 background:url("caption.gif") no-repeat;
}



#left_content{
margin:0px;
padding:0px;
width:430px;
text-align:left;
}


#full_content{
margin:0px;
padding:0px;
width:700px;
text-align:left;
}


#right_content {
float:right;
width:180px;
 margin-right:0px;
 text-align:left;
}

#main_page {
 width:700px;
 margin-left:150px;
 margin-top:-30px;
 text-align:left;
 padding-bottom:10px; 
}

#sidebar {
 width:180px;
 float:right;
 padding:0px 0px 50px 50px;
 margin-right:10px;
 text-align:left;
}

.clear {
 height:0px;
 clear:both;
}

/*---------------------LINKS---------------------*/

a         {text-decoration:none; color:#6CC401;}
a:hover   {text-decoration:underline;}
a:focus   {outline-style: none;}

ul {list-style:none;}
li {list-style:none;}

#right_content ul, #right_content li {list-style:square; color:#fff; font-size:12px; line-height:20px;  font-weight:lighter;}


img {
 border: 0;
 outline: 0; /*no firefox dotted border*/
 outline-style: none;
}

.img_right {
float:right;
margin-right:0px;
}

/*------------------STYLES------------------*/

/*   COLOUR STYLES PRODUCT SPECIFIC see "ec3_colour.css" */

p {
 text-align:left;
 padding-bottom:20px;
 font-size: 14px;
 line-height:20px;
 font-weight:lighter;
 color:#fff;
}

b {font-weight:bold;}

em {
font-style:normal;
color:#6CC401;
}




h1 {
 color:#6CC401;
 text-align: left;
 padding:20px 0px;
 font-size: 20px;
 line-height:24px;
 font-weight:normal;
 text-transform: uppercase;
}

h2 {
color:#6CC401;
 text-align: left;
 padding:10px 0px;
 font-size: 14px;
 line-height:18px;
 font-weight:normal;
 text-transform: uppercase;
}

h3 {
 text-align: left;
 padding:10px 0px;
 font-size: 18px;
 line-height:22px;
 font-weight:lighter;
 color:#fff;
 /*text-transform: uppercase;*/
}

h4 {
/* IN THIS ISSUE TITLE */
 text-align: left;
 padding:10px 0px;
 font-size: 14px;
 line-height:18px;
 color:#f60;
}
h5 {
/* SLIDE SHOW TITLE */
 text-align: right;
 margin-right:15px;
 font-size: 20px;
 line-height:28px;
 font-weight:lighter;
 color:#6CC401;
  text-transform: none;
}
h6 {
/* SLIDE SHOW TITLE */
 text-align: right;
 margin-right:35px;
 font-size: 20px;
 line-height:28px;
 font-weight:lighter;
 color:#fff;
  text-transform: none;
}

/*-------------------MAIN MENU-------------------*/
#side_nav {
	position:relative;
	left:0px;
	top:0px;
	width:150px;
	height:300px;
	overflow:hidden;
	z-index:100;
	}

#side_nav ul{
	float:right;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	width:132px;
	list-style:none;
	overflow:hidden;
	}

#side_nav ul li a{
	display:block;
	color:#fff;
	/* background:url(../img/side_nav_n.png) no-repeat;*/
	width:166px;
	/* height:40px;*/
	font-size:12px;
	font-style:normal;
	text-transform: uppercase;
	padding:12px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	}
	
#side_nav ul li a:hover, #side_nav li a:active {
	text-decoration:none;
	}
	

	
#side_nav ul li a:hover, #side_nav li a:active {
	color:#6CC401;
	/* background:url(../img/side_nav_n.png) no-repeat;*/
	}

#side_nav ul li a span:hover {color:#6CC401;}

#side_nav #side_current a {
	color:#6CC401;
	/* background:url(../img/side_nav_n.png) no-repeat;*/
	}
	




/*-------------------FOOTER-------------------*/

#footer {
 width:100%;
 height:25px;
 background:#333;
}

#footer_nav {
 position:relative;
 margin:0px auto 0px auto;
 width:850px;

 }

#footer ul{
 list-style: none;
 padding:5px 0px;
 margin:0px 0px 0px 150px;

}

#footer li{
 float:left;

 text-align:left;
 font-size:8px;
 text-transform:uppercase;
}

#footer li a{
 text-align: left;
 color: #666;
 padding:0 8px ;
 border-left:1px solid #555;
}

#footer li a:hover{color: #6CC401;}

.footnote {
 font-size:8px;
 color:#666;
 text-transform:uppercase;
}


/*-------------------------*/


#slide_show {
position:absolute;
top:131px;
left:152px;
height:239px;
width:700px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
background:#000;
overflow:hidden;
z-index:1;
}

#slide_show_right {
position:absolute;
top:15px;
left:500px;
height:239px;
width:180px;
z-index:99;
}



#transparentblock {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}











/* --------------------------------------- */

.shadow {
 filter: progid:DXImageTransform.Microsoft.DropShadow( color='#000', OffX=3, OffY=3,  positive='true');
}

/* Only Safari supports this right now */
.shadow {
    text-shadow: #000 3px 3px 2px;
}





/* Mozilla and Safari see */
.shadow:before {
    white-space: nowrap;    
    display: block;
    margin: 0 0 -1.7em 0.1em;
    padding: 0;
    color: #000; 
}

/* Only Safari sees this and it cancels the above for Safari */
.shadow:before {
    [display: none;]
}