@charset "UTF-8";
/* CSS Document */

body { margin:0; padding:0; background:url('../images/bg.png') repeat-x; }
img { border:0; }
h1 { color:#ff6600; margin:0; padding:0; font-size:14px; }
a, a:link, a:active, a:visited { color:#ff6600; text-decoration:none; }
a:hover { text-decoration:underline; }
.text { position:relative; color:#663300; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
#wrapper { width:800px; position:relative; margin:0 auto; }
#logo { position:absolute; top:0px; left:0px; }
#nav { position:absolute; top:31px; left:397px; font-size:0; white-space:nowrap; }
#header { position:relative; top:0px; height:76px; left:0px; }
#content { position:relative; left:0px; width:800px; height:593px; background:url('../images/laptop.png'); }
#content { position:relative; left:0px; width:800px; height:593px; }
#screen { position:absolute; top:64px; left:92px; width:597px; height:377px; }
#footer { position:relative; height:200px; }
#drink { position:absolute; top:-80px; left:600px; z-index:100; }
a#nav_about img, a#nav_about:visited img, a#nav_about:active img { 
width:92px;
height:26px;
background-image:url('../images/nav_about_off.png');
}
a#nav_about:hover img, a#nav_about_on img {
width:92px;
height:26px;
background-image:url('../images/nav_about_on.png');
}
a#nav_hosting img, a#nav_hosting:visited img, a#nav_hosting:active img { 
width:134px;
height:26px;
background-image:url('../images/nav_hosting_off.png');
}
a#nav_hosting:hover img, a#nav_hosting_on img {
width:134px;
height:26px;
background-image:url('../images/nav_hosting_on.png');
}
a#nav_support img, a#nav_support:visited img, a#nav_support:active img { 
width:92px;
height:26px;
background-image:url('../images/nav_support_off.png');
}
a#nav_support:hover img, a#nav_support_on img {
width:92px;
height:26px;
background-image:url('../images/nav_support_on.png');
}
a#nav_contact img, a#nav_contact:visited img, a#nav_contact:active img { 
width:82px;
height:26px;
background-image:url('../images/nav_contact_off.png');
}
a#nav_contact:hover img, a#nav_contact_on img {
width:82px;
height:26px;
background-image:url('../images/nav_contact_on.png');
}

/*transparent images*/
#mug { width:240px; height:243px; background:url('../images/mug.png'); }
#mug2 { position:relative; width:240px; height:243px; background:url('../images/mug2.png'); z-index:3; }
#teacup { width:243px; height:239px; background:url('../images/teacup.png'); }
#teaset { width:379px; height:462px; background:url('../images/teaset.png'); }
#spill { width:296px; height:336px; background:url('../images/spill.png'); }

/*form stuff*/
input { width:230px; border: 1px solid #cccccc;  }

/* hosting page */
#chalkboard1 {  width:394px; height:646px; background:url('../images/board_left.png'); margin-top:30px; margin-right:10px; float:left; }
#chalkboard2 {  width:394px; height:646px; background:url('../images/board_right.png'); margin-top:30px; float:left; }
#content_chalk { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#solar { width:140px; position:relative; margin:0 auto; }