@import url("../../css/font.css");
@import url("../../css/img.css");
body      {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}
#container {
	width: 720px;
	height: auto;
	margin: 0px auto;
	text-align: center;
}
#header {
	background: url(../images/sitedata.gif) no-repeat center center;
	height: 300px;
	width: 720px;
}
#footer {
	background: url(../top/bottom.gif) no-repeat center top;
	padding-bottom: 20px;
	padding-top: 10px;
}
#contents {
	background: url(../top/bg.gif) repeat-y;
	width: 720px;
}
#tab {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 25px;
	background: url(../top/07.gif) no-repeat right center;
	width: 720px;
}
#tab h5 {
	margin: 0px;
	padding: 0px;
}
#tab #tab01 {
	background: url(../top/01on.gif) no-repeat center center;
	height: 25px;
	width: 118px;
	float: left;
}
#tab #tab01 a {
	background: url(../top/01off.gif) no-repeat center center;
	display: block;
}
#tab #tab01 a:hover {
	background: url(none);
	display: block;
}
#tab  #tab02 {
	background: url(../top/02on.gif) no-repeat center center;
	height: 25px;
	width: 118px;
	float: left;
}
#tab  #tab02  a {
	background: url(../top/02off.gif) no-repeat center center;
	display: block;
}
#tab  #tab02  a:hover {
	background: url(none);
	display: block;
}
#tab  #tab03 {
	background: url(../top/03on.gif) no-repeat center center;
	height: 25px;
	width: 118px;
	float: left;
}
#tab  #tab03  a {
	background: url(../top/03off.gif) no-repeat center center;
	display: block;
}
#tab  #tab03  a:hover {
	background: url(none);
	display: block;
}
#tab #tab04 {
	background: url(../top/04on.gif) no-repeat center center;
	height: 25px;
	width: 118px;
	float: left;
}
#tab  #tab04  a {
	background: url(../top/04off.gif) no-repeat center center;
	display: block;
}
#tab #tab04 a:hover {
	background: url(none);
	display: block;
}
#tab #tab05 {
	background: url(../top/05.gif) no-repeat center center;
	height: 25px;
	width: 118px;
	float: left;
}
#tab #tab05 a {
	display: block;
}
#p1 {
	background: url(../data/welcome.gif) no-repeat left top;
	display: block;
	width: 400px;
	margin-left: 40px;
	padding-top: 80px;
	margin-top: 20px;
	padding-left: 65px;
	font-size: 13px;
	line-height: 21px;
}
#p2 {
	display: block;
	width: 400px;
	margin-left: 40px;
	padding-left: 65px;
	font-size: 13px;
	line-height: 21px;
}
#title {
	background: url(../top/studiodachs.gif) no-repeat left top;
	margin-top: 30px;
	margin-right: 30px;
	width: 170px;
	padding-top: 380px;
	text-align: center;
}
#title a {
	text-decoration: none;
	color: #666666;
}
#title a:hover {
	text-decoration: none;
	color: #CC3300;
}
#hard {
	background: url(../data/hard.jpg) no-repeat center top;
	width: 720px;
	margin-top: 80px;
	text-align: left;
	padding-top: 520px;
	padding-bottom: 80px;
}
#hard   p {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
#hardtext {
	background: url(../data/sigma.jpg) no-repeat right center;
	padding-right: 220px;
	margin-left: 120px;
	margin-right: 40px;
}
#apple {
	background: url(../data/apple.gif) no-repeat left top;
	padding-top: 40px;
}
#apple a {
	text-decoration: none;
	color: #666666;
	background: url(../data/madeonamac.gif) no-repeat right bottom;
	display: block;
}
#apple a:hover {
	text-decoration: none;
	color: #666666;
	background: url(../data/madeonamac20050720.gif) no-repeat right bottom;
	display: block;
}
#sigma a {
	background: url(../data/sigma.gif) no-repeat left top;
	padding-top: 25px;
	margin-top: 40px;
	text-decoration: none;
	color: #666666;
	display: block;
}
#first  a {
	text-decoration: none;
	color: #666666;
	background: url(../data/firstserver.gif) no-repeat left top;
	display: block;
	padding-top: 35px;
	margin-top: 20px;
}
#soft {
	background: url(../data/soft.jpg) no-repeat center top;
	width: 720px;
	text-align: left;
	padding-top: 490px;
	padding-bottom: 40px;
}
#soft p {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
#softtext {
	padding-right: 200px;
	margin-left: 120px;
	margin-right: 20px;
}
#adobe a {
	background: url(../data/adobe.gif) no-repeat left top;
	padding-top: 45px;
	display: block;
	text-decoration: none;
	color: #666666;
}
#dreamweaver {
	background: url(../data/dreamwever.gif) no-repeat left top;
	padding-top: 20px;
	margin-top: 30px;
}
#golive {
	background: url(../data/golive.gif) no-repeat left top;
	padding-top: 25px;
	margin-top: 30px;
}
#photoshop {
	background: url(../data/photoshop.gif) no-repeat left top;
	padding-top: 33px;
	margin-top: 30px;
}
.textred {
	color: #CC3300;
	font-size: 10px;
	display: block;
	width: 200px;
	margin-top: 25px;
	border-bottom: 1px dotted #666666;
	padding-bottom: 20px;
}