/* CSS Document */
/* By Sam Pearson Copyright 2010*/

body {
background-image:url(../images/web_graphics/lime_background_3.jpg);
background-position:top center;
background-attachment:fixed;
}

html { /* Fixes Background Image bug in CHROME(image is cropped at the bottom unless you refresh page)*/
height: 100%;
}

#outer_wrapper {
margin:0px auto 0px;
padding: 0px 0px 0px 0px;
width:900px;
z-index:1;
}

#logo {
position: relative;
height: 59px;
width:263px;
text-align:left;
margin: 35px 0px 65px 0px;
padding: 0px 0px 0px 0px;
}

#logo a{
background-image:url(../images/web_graphics/legendmint_logo_1.png);
position: relative;
height: 59px;
width:263px;
display: block;

}

/*______________________________________ Navigation _________________________________________*/

#nav_outer{
margin: 0px 0px 0px 0px;
padding: 0px auto 0px 0px;
text-align: left;
width: 900px;
height:32px;
background:#EBEBEB;
z-index:1;
}


#pagenav {
height:32px;
width:575px;
line-height:100%;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
font-family: Trebuchet MS, "Arial", "Century Gothic";
z-index:3;
}

#pagenav li {
display:inline;
margin:0px;
padding:0px;
list-style:none;
z-index:3;
}

#pagenav a {
float:left;
height:32px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:11pt;
color:#000000;
text-decoration:none;
font-weight:normal;
letter-spacing:-1px;
z-index:3;
}

#pagenav a span {
display:block;
height:18px;
background:url(../images/web_graphics/nav_divider_1.png) no-repeat right top;
padding:10px 16px 4px 4px;
margin: 0px 0px 0px 0px;
z-index:3;	
}

#pagenav a:hover {
background:#69ff99;
}

#pagenav #current a {
background:#69ff99;
}


#subpagenav {
position:relative;
height:500px;
width:210px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}

#flashequalizernav {
position:relative;
height:180px;
width:170px;
margin: 5px 5px 10px 25px;
padding: 15px 0px 0px 0px;
}

/*______________________________________ Drop Navigation _________________________________________*/

.dropmenudiv{
position:absolute;
border: 1px solid #CCCCCC; /*THEME CHANGE HERE*/
border-width: 0 1px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
font-size:10pt;
color:#000000;
line-height:18px;
background-color:#EBEBEB;
z-index: 99;
width: 160px;
visibility: hidden;
vertical-align: top;
}


.dropmenudiv a{
width:auto;
display:block;
text-indent: 5px;
border: 0 solid #CCCCCC; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color:#000000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #69ff99;
text-decoration: none;
font-weight: normal;
color:#000000;
}

.dropmenudiv a:visited{/*THEME CHANGE HERE*/
text-decoration: none;
font-weight: normal;
color:#000000;
}

/*______________________________________ Content _________________________________________*/

#maincontent {
position:relative;
padding:0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
width: 900px;
height:500px;
background-image:url(../images/web_graphics/black_background_block.png);
z-index:0;		
}

#inner_main {
position:relative;
padding:0px 0px 0px 0px;
margin: 50px 355px 25px 35px;
width: 280px;
height:400px;
float:right;
z-index:1;
}

#inner_main_large {
position:relative;
padding:0px 0px 0px 0px;
margin: 20px 25px 25px 25px;
width: 640px;
height:400px;
float:right;
z-index:1;
}

#inner_main_large_left {
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 10px 0px 0px;
width: 410px;
height:400px;
float:left;
z-index:1;
}

#inner_main_small_left {
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
width: 270px;
height:400px;
float:left;
z-index:1;
}

#inner_main_small_right {
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 120px 0px 30px;
width: 200px;
height:400px;
float:right;
z-index:1;
}

#inner_main_large_right {
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 5px 0px 15px;
width: 200px;
height:400px;
float:right;
z-index:1;
}

#inner_main_sideways_top {
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 5px 30px 5px;
width: 630px;
height:200px;
z-index:1;
}

#inner_main_sideways_bottom {
position:relative;
padding:0px 0px 0px 0px;
margin: 5px 5px 0px 5px;
width: 630px;
height:200px;
z-index:1;
}

#main_top_left {
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 15px 0px 0px;
width: 250px;
height:200px;
z-index:1;
float:left;
}

#main_top_right{
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 15px;
width: 350px;
height:200px;
z-index:1;
float:right;
}

#subdivide_left{
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
width: 150px;
height:400px;
z-index:1;
float:left;
}

#subdivide_right{
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 5px;
width: 250px;
height:400px;
z-index:1;
float:right;
}

#logo_link_harm {
position:relative;
padding:0px 0px 0px 0px;
margin: 5px 0px 5px 7px;
width: 145px;
height:145px;
float:left;
z-index:3;
}

#logo_link_harm a{
background-image:url(../images/pictures/harmonizelogo_thumb_cssbutton.jpg);
display:block;
width: 145px;
height:145px;
}

#logo_link_harm a:hover{
background-position:0% -145px;
}

#logo_link_merlin {
position:relative;
padding:0px 0px 0px 0px;
margin: 5px 0px 5px 7px;
width: 145px;
height:145px;
float:left;
z-index:3;
}

#logo_link_merlin a{
background-image:url(../images/pictures/merlinlogo_thumb_cssbutton.jpg);
display:block;
width: 145px;
height:145px;
}

#logo_link_merlin a:hover{
background-position:0% -145px;
}

#logo_link_pepper {
position:relative;
padding:0px 0px 0px 0px;
margin: 5px 0px 5px 7px;
width: 145px;
height:145px;
float:left;
z-index:3;
}

#logo_link_pepper a{
background-image:url(../images/pictures/peppercorelogo_thumb_cssbutton.jpg);
display:block;
width: 145px;
height:145px;
}

#logo_link_pepper a:hover{
background-position:0% -145px;
}

#logo_link_logistica {
position:relative;
padding:0px 0px 0px 0px;
margin: 5px 0px 5px 7px;
width: 145px;
height:145px;
float:left;
z-index:3;
}

#logo_link_logistica a{
background-image:url(../images/pictures/logisticalogo_thumb_cssbutton.jpg);
display:block;
width: 145px;
height:145px;
}

#logo_link_logistica a:hover{
background-position:0% -145px;
}

#quote_box {
position:relative;
height:120px;
width:180px;
margin: 35px 5px 5px 5px;
padding: 0px 10px 0px 10px;
}

#get_flash_box {
position:relative;
height:100px;
width:160px;
margin: 5px 5px 5px 5px;
padding: 0px 20px 0px 20px;
}


#flash_scroller {
position:absolute;
padding:20px 0px 0px 0px;
margin: 20px 0px 0px 590px;
width: 325px;
height:730px;
z-index:2;
visibility:visible;
}

#footer {
position:relative;
padding:0px 0px 0px 0px;
margin: 0px 0px 50px 0px;
width: 575px;
height:50px;
}



/*______________________________________ Attributes _________________________________________*/

p {
color:#69ff9b;
font-size:11px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
line-height:125%;
}

p em {
color:#ff0000;
}

h1{
color:#69ff9b;
font-size:18px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
line-height:100%;
}

h2{
color:#C0FED0;
font-size:15px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
line-height:100%;
max-height:16px;
}

h3{
color:#33FFCC;
font-size:12px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
line-height:100%;
max-height:12px;
}

h4{
color:#C0FED0;
font-size:11px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
line-height:100%;
max-height:10px;
}

h5{
color:#69ff9b;
font-size:13px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
}

h2 em{
color:#ff0000;
}

h4 em{
color:#FF0000;
}

ul{
color:#69ff9b;
font-size:10px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
line-height:115%;
max-height:10px;
margin-left:5px;
list-style:square;
}

li {
color:#69ff9b;
font-size:10px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
line-height:100%;
list-style:square;
margin-left:8px;
}

td{
color:#69ff9b;
font-size:12px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
line-height:100%;
}

em {
color:#ff0000;
font-size:12px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
font-style:normal;
}

.quote_font {
color:#ffffff;
font-size:12px;
font-family:Trebuchet MS, "Arial", "Century Gothic";
font-style:italic;
line-height:100%;
}

.updated   {
position:relative;
text-align:left;
font-family: Trebuchet MS, "Arial", "Century Gothic";
font-size: 9px;
color:#005522;
margin: 5px 0px 15px 2px;
padding:0px 0px 0px 0px;
}

/*______________________________________ Links _________________________________________*/

a {
color:#0066FF;
text-decoration:none;
}

a:visited {
color:#FF00CC;
text-decoration:none;
}

a:hover {
color:#00CCFF;
text-decoration:none;
}