/* *** EDDIE DIAZ DESIGN - eddiediazdesign.com *** */


body {
background-color:transparent;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#ccc;
padding:0px;
margin:0px;
background: #000 url(images/backgreen.gif) repeat-x;
}

a {color: #000;}
a:visited {color:#ffcf00;}
a:hover {color: #9f9f9f;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #363942;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}


.cafe {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#392513;
}

.footer {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#222;
}


.menu3 {padding:0 0 0 0; margin:0; list-style:none; width:960px; height:40px; 
background:#fff url(images/three_0.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu3 li {float:left;}
.menu3 li a {display:block; float:left; height:30px; line-height:35px; color:#aaa; text-decoration:none; font-size:13px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu3 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu3 li.current a {color:#fff; background:url(images/three_2.gif);}
.menu3 li.current a b {background:url(images/three_2.gif) no-repeat right top;}
.menu3 li a:hover {color:#fff; background:#000 url(images/three_1.gif);}
.menu3 li a:hover b {background:url(three_1.gif) no-repeat right top;}
.menu3 li.current a:hover {color:#fff; background:#000 url(images/three_2.gif); cursor:default;}
.menu3 li.current a:hover b {background:url(images/three_2.gif) no-repeat right top;}



/* ----------container to center the layout---------- */
#container {
width: 960px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: transparent;
padding: 0px;
margin: 0px; }

#banner img {padding:10px 0px;} 


#menu 
{
clear:left;
width:960px;
height:40px;
margin: 0px;
padding: 0px;
background-color: #000;

}



/* ----------outer and inner----------------- */
#outer{ 
border-right: solid 0;  /* color of the left column  */ 
background: #fff; /* color of the content column */
 } 

#inner{ 
margin:0px;
padding:0px;
width: inherit;
height: 800px;

} /* The ie/pc pecularity */ 

/* --------------right navi------------- */
#right {
width:320px;
 height:750px;
 padding: 5px 0 0 0;
 background: #fff url(images/whathappen.png) no-repeat;
 position: relative;
 float: right;
 margin-left: 640px; 
  
 }
 


/* -----------------oldcontent--------------------- */
#content{ 
position:absolute; 
margin: 0px; }


/* -----------------bottom--------------------- */
#bottombox{
background: #717171;
width: 620px;
height: 745px; 

padding: 10px 10px 0 10px;
margin: 0px;
}


/* -----------------bottom2--------------------- */
#bottombox2{
background: #717171;
width: 320px;
height: 290px;
float: left;
margin-left: 300px;
position: absolute;
padding: 10px 10px 0 10px;
margin-right: 1px;
}


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
background-color: white;
width: 960px;
height:15px;
padding:0px;
float: left;
text-align: left;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#222;
 }