body  {
background:  #ffffff ;
margin: 0;
}

#container {
width: 800px;
margin: 0 auto;
padding-left:0px;
padding-right:0px;
border-left: #cccccc 1px solid;
border-right: #cccccc 1px solid;
background:  #ffffff;
}

#header {
top:0px;
margin:0px;
padding: 20px 0px 0px 20px;
background: transparent;
height:200px;
width:800px;
text-align:left;
position:absolute;
z-index:3;
} 

#header a {
color: #ffffff;
text-decoration: none;
font-size: 20px; 
font-family: "Myriad Pro";
}

#banner {
top:0px
margin-left:0px;
width:720px;
position:absolute;
width:2px;
height:250px;
z-index:1;
}

#box2 {
top:10px;
padding-left:10px;
position:absolute;
width:210px;
z-index:2;
}

#box3 {
top:0px;
right:0px;
position:absolute;
text-align:right;
z-index:3;
}

img {border:0px}

#menu {width:780px;margin-left:0px;margin-top:0px;
background-color: #ffffff; 
text-align:center;}

#menu a {
color: #d3d3d3;
font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; border-width:0px; padding:0px 0px;letter-spacing:3px;
}

#menu a:hover {
background-color:#d3d3d3; color:#ff0000; text-decoration:none;
}

#sidebar {
float: left;
width: 200px;
height:100%;
padding-left:20px;
padding-top:260px;
margin: 0;
text-align: left;
}

#sidebar  {
color:  #646464   ;
font-family: "Lucida Grande", Arial,Helvetica;
font-size: 12px;
}

#sidebar a {
text-decoration: none; 
color: #646464;
font-family: "Lucida Grande", Arial,Helvetica;
line-height:21px;
}

#sidebar a:hover {
color: #ff0000;
}

#sidebar img {
border: solid 0px #d6d6d6;
}

.project {
margin:10px 0 10px 0;
}

#box2 a {
text-decoration: none; 
color: #cccccc;
font-family: "Lucida Grande", Arial,Helvetica;
font-size:11px;
}

#box2 a:hover {
color: #ff0000;
}

h1 {
color: #3b4a4f;
text-decoration: none;
font-size: 8px; 
font-family: "Lucida Grande", Arial,Helvetica;
font-weight:bold;
}

h2 {
color: #646464;
text-decoration: none;
font-size: 18px; 
font-family: "Lucida Grande", Arial,Helvetica;
}

strong {
color: #b5b5b5;
font-size: 12px; 
margin: 20px 0 5px 0;
}

#table {width:400px}

#td {width:250px}

#main {
} 

#text { 
margin: 0 0 0 210px;
padding: 260px 20px 20px 20px;
color: #646464 ;
font-family: "Lucida Grande", Arial,Helvetica;
font-size: 12px; 
width:550px;
min-height:700px;
line-height: 20px;
text-align:left;
} 

.font1 {
        COLOR: #000000; FONT-FAMILY: arial;geneva;helvetica; FONT-SIZE: 12px; FONT-WEIGHT: normal
}

.font2 {
        COLOR: #000000; FONT-FAMILY: arial;geneva;helvetica; FONT-SIZE: 15px; FONT-WEIGHT: bold
}

.font3{
        COLOR: #000000; FONT-FAMILY: arial;geneva;helvetica; FONT-SIZE: 12px; FONT-WEIGHT: normal
}

.font4 {
        COLOR: #000000; FONT-FAMILY: arial;geneva;helvetica; FONT-SIZE: 18px; FONT-WEIGHT: bold
}

#text a {
color: #b5b5b5; 
text-decoration: none;
}

#text a:hover {
color: #ff0000;
}

#footer {
padding: 10px 10px 6px 10px;
font-family: "Lucida Sans Unicode";
color: #cccccc;
font-size: 10px;
text-align: left;
border-top: #cccccc 0px solid;
}

#footer a {
text-decoration: none; 
color: #cccccc;
}

#footer a:hover {
color: #ff0000;
}

.separator {
font-size:11px;
color:#b5b5b5;
}

.clear {
clear:both;
}

.imgquer {width:250px;height:167px;padding-right:15px;vertical-align:top}

.imghigh {width:167px;height:250px;padding-right:15px;vertical-align:top}

.imgsqr {width:167px;height:167px;padding-right:15px;vertical-align:top}

.youtube {
border-top:0px #000000 solid;
width:425px;
height:354px;
padding:15px 0px 0px 0px;
margin:0px 0px 0px 0px;
}


