/* EFX.com CSS
by: Drew Hornbein
*/

/* ===== GLOBAL ===== */

* {
margin:0;
padding:0;
}

body {
font-family: Helvetica, Arial, sans-serif;
}

a:link {
color: #3cf;
}

a:hover, a:visited {
color: #2be;
}

h1, h3 {
color: #609;
margin-bottom: 1em;
}

h2, h4 {
color: #f3f;
font-weight: normal;
margin-bottom: .25em;
}

p {
color: #888;
margin-bottom: 1em;
}

img {
border: none;
}

.right {
float: right;
}

#wrapper {
width: 1000px;
}

/* ==== HEADER ===== */

#header {
}

/* ----- navigation ----- */

#nav {
color: white;
text-align: center;
text-transform: uppercase;
}

#nav img {
float: left;
}

#nav a {
color: white;
text-decoration: none;
}

#nav #link0{
background: red url(img/nav_full.gif) no-repeat scroll 0% 0%;
height: 30px;
width: 240px;
}

#nav #link1 {
background: red url(img/nav_1.gif) no-repeat scroll 0% 0%;
height: 40px;
width: 240px;
}

#nav #link2 {
background: red url(img/nav_2.gif) no-repeat scroll 0% 0%;
height: 47px;
width: 240px;
}

#nav #link3 {
background: red url(img/nav_3.gif) no-repeat scroll 0% 0%;
height: 54px;
width: 240px;
}

#nav #link4 {
background: red url(img/nav_4.gif) no-repeat scroll 0% 0%;
height: 64px;
width: 240px;
}

/* ====== MAIN BODY CONTENT ====== */

#content {
border-top: #aef solid 1px;
margin-top: 10px;
float: left;
}

/* ----- left column ------ */

#col_left {
float: left;
padding-right: 27px;
width: 473px;
}

#col_left #toy {
background: transparent url(img/2nd_mission_box.jpg) no-repeat center;
color: white;
font-size: 1.2em;
margin: 10px 0;
padding: 20px;
line-height: 1.5em;
}

#col_left #toy img {
float: left;
}

/* ----- mid and right columns ------ */

.res {
background: #daf url(img/res_pink_back.gif) repeat-x bottom;
height: 400px;
}

.evn {
background: #faf url(img/evn_pink_back.gif) repeat-x bottom;
height: 400px;
}

.evn #title2 {
background: #b0b;
}

.toy {
padding-top: 4px;
}

#title {
color: white;
display: block;
font-size: 1.5em;
margin-bottom: 1em;
padding: 8px 0;
text-align: center;
text-transform: uppercase;
}

#title2 {
background: #609;
color: white;
display: block;
font-size: 1em;
height: 2em;
margin-bottom: 6px;
padding: 8px 0;
text-align: center;
text-transform: uppercase;
}

#col_mid h4, #col_right h4 {
margin: 0;
}

#col_mid h4 a, #col_right h4 a {
color: #90b;
display: block;
padding: 6px 4px;
}

#col_mid h4 a:hover, #col_right h4 a:hover {
background: #fdf;
}

/* ----- middle column ------ */

#col_mid {
float: left;
width: 240px;
}

#col_mid #title {
background: #FCF;
}

#col_mid h1,#col_right h1, #col_legal h1 {
font-size: 1.2em;
font-weight: normal;
margin-bottom: .1em;
text-transform: uppercase;
}

#col_mid h2,#col_right h2 {
font-size: 0.95em;
font-weight: normal;
font-style: italic;
}

/* ----- right column ------ */

#col_right {
float: right;
margin: 0 0 0 10px;
width: 250px;
}

/* --- legal column --- */

#col_legal {
margin-left:20px;
width:490px;
color:#888888;
}

.legal_text
{
font-size:12px;
}

/* ====== FOOTER ====== */

#footer {
background: transparent url(img/footer_bak.gif) no-repeat top center;
clear: both;
float: left;
margin-top: 10px;
padding-top: 15px;
text-align: right;
width: 1000px;
}

#footer a {
float: left;
margin-left: 15px;
margin-right: 15px;
}