body {
  margin: 0px;
  padding: 0px;
  font: 12px/20px Lucida Grande, Verdana, Helvetica, sans-serif;
  background-color: #d4e6fe;
  color: #414141;
}

img {border: 0px;}

#container {
  width: 100%;
  background: url("img/content-bg.jpg") repeat-x #d4e6fe;
  min-height: 450px;
}

#header {
  width: 100%;
  height: 190px;
  background: url("img/header-bg.jpg") repeat-x;
}

#header-logo {
  width: 874px;
  height: 190px;
  background: url("img/header-logo.jpg") no-repeat;
  margin-right: auto;
  margin-left: auto;
}



#content {
  width: 700px;	
  margin-left: auto;
  margin-right: auto;
}

#content p { font-weight: normal; letter-spacing: 0px;}
#content h1 {color: ; }
#content a {color:#763A00; text-decoration:none; border-bottom: 0px dotted;}
#content a:hover {color:#763A00; text-decoration: underline;}

#content-left {
  width: 440px;
  float: left;
  padding-bottom: 100px;
  margin-top: 0px;
}

.content-right {
  width: 256px;
  height: 296px;
  border: 0px solid white;
  margin-left: 481px;
  margin-top: 0px;
  background-position: bottom center;
  background-repeat: no-repeat;
}

.content-right-linux {background-image: url("img/linux2.png");}
.content-right-mac {background-image: url("img/mac.png");}
.content-right-work {background-image: url("img/work2.png");}
.content-right-music {background-image: url("img/music.png");}


#footer {
  background: url("img/footer.png") repeat-x;
  width: 100%;
  height: 82px;
  clear:both;

}

#footer-container {
  width: 900px;
  border-top: 1px solid white;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
}

#footer-left {
  background: url("img/footer-left22.png")
  width:139px;
  height:94px;
  float: left;
  margin-top: -20px;
}

#footer-left a {display:block; width:139px; height: 94px; background: url("img/footer-left22.png");}

#footer-left a:link {background: url("img/footer-left11.png")}

#footer-left a:visited {background: url("img/footer-left11.png")}

#footer-left a:hover {background: url("img/footer-left22.png");}

#footer-left a:active {background: url("img/footer-left22.png");}


#footer-right {
  background: url("img/footer-right1.png") no-repeat right;
  width:900px;
  height:230px;
  margin-top: -149px;
}

#footer-right1 {

	text-align: right;
	width:202px;
	height:80px;
	margin-top: 0px;
	padding-right: 5px;
  margin-left: 670px;
}

#footer-right1 a {color: #98caf9; font-size: 11px;}
#footer-right1 a:hover {text-decoration: underline;}
#footer-right1 p {color: white; font-size: 13px;}

#footer-right1-top {height: 20px;}

#footer-right1-1 {
	width: 100px;
	height: 45px;
	float: left;
	padding-left: 5px;
}

#footer-right1-2 {
	background: url("img/footer-line.png") no-repeat left bottom;
	width: 85px;
	height: 45px;
	margin-left: 115px;
	padding-right: 5px;

}


#menu {
  margin-top: 93px;
  margin-left: 45px;
  position: absolute;
}

#menu li {
	float: left;
	list-style-type: none;
	display: block;
	width: 115px;
	height: 55px;
	padding: 0px;
}

#menu li a {display: block; height: 53px; }
#menu li a:focus {outline-width: 0;}

#menu em {display: none;}


.menu_work {
	background: url("img/menu-1.jpg") top left no-repeat;
}

.menu_work:hover {
	background: url("img/menu-1.jpg") top left no-repeat;
	background-position: 0px -55px;
}

.menu_music {
	background: url("img/menu-2.jpg") top left no-repeat;
}

.menu_music:hover {
	background: url("img/menu-2.jpg") top left no-repeat;
	background-position: 0px -55px;
}

.menu_mac {
	background: url("img/menu-3.jpg") top left no-repeat;
	display: block;
}

.menu_mac:hover {
	background: url("img/menu-3.jpg") top left no-repeat;
	background-position: 0px -55px;
}