body.home
{ 
background: #f7f4e8 url(../images/home/back.jpg) no-repeat top left;
width:100%
}

body.content
{
background: #FFFFFF url(../images/content/back.gif) no-repeat top left;
width:100%
}

#header
{
position:absolute;
left:250px;
top:20px;
width:375px
}

#header2
{
position:absolute;
left:250px;
top:35px;
width:375px
}

#line
{
position:absolute;
left:0px;
top:270px;
width:100px;
height:5px;
background-color:#FFFFFF
}

#dash
{
position:absolute;
left:500px;
top:423px;
height:345px;
overflow:hidden
}

#arrow
{
position:absolute;
left:483px;
top:423px
}

#icon
{
position:absolute;
left:501px;
top:365px
}

#intro
{
position:absolute;
left:150px;
top:480px
}

#email
{
position:absolute;
left:366px;
top:435px
}

#about
{
	position:absolute;
	left:150px;
	top:200px;
	z-index: 100;
}

#about2
{
	position:absolute;
	left:322px;
	top:200px;
	z-index: 100;
}

#news
{
	position:absolute;
	left:322px;
	top:240px;
	z-index: 3;
}

#news2
{
position:absolute;
left:417px;
top:240px
}

#work
{
position:absolute;
left:250px;
top:275px
}

#work2
{
position:absolute;
left:110px;
top:285px
}

#host
{
position:absolute;
left:628px;
top:275px
}

#contact
{
position:absolute;
left:250px;
top:365px
}

#contact2
{
position:absolute;
left:110px;
top:365px
}

#info
{
background-image: url(../images/content_back.gif);
background-repeat: repeat-y;
position:absolute;
left:250px;
top:475px;
width:375px;
padding-left:13px
}

.copy
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#888888;
line-height:16px
}

.copy2
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999
}

.copy2 a
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999
}

.copy2 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:underline
}

.copy2home
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff
}

.copy2home a
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff
}

.copy2home a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-decoration:underline
}

.copy2URL
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999
}

.copy2URL a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999
}

.copy2URL a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999
}

.copy3
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999
}

.copy3 a
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999
}

.copy3 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999
}

.copy3home
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff
}

.copy3home a
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff
}

.copy3home a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff
}

.name
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#333333
}

.copyBold
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
line-height:14px
}

.heading
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#000000
}

.date
{
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
font-size:10px;
color:#000000
}

.reverse
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#FFFFFF;
background-color:#39C0AC;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
line-height:20px
}

.reversecyan
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#FFFFFF;
background-color:#00aeef;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
line-height:20px
}

.reversemagenta
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#FFFFFF;
background-color:#ec008c;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
line-height:20px
}

.reverseyellow
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#FFFFFF;
background-color:#d8c800;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
line-height:20px
}

.reversekarbon
{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#FFFFFF;
background-color:#000000;
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
text-decoration:none;
line-height:20px
}

.cyan
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00aeef;
line-height:16px;
text-decoration:none
}

.cyan a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00aeef;
line-height:16px;
text-decoration:none
}

.cyan a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00aeef;
line-height:16px;
text-decoration:underline
}

.magenta
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ec008c;
line-height:16px;
text-decoration:none
}

.magenta a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ec008c;
line-height:16px;
text-decoration:none
}

.magenta a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ec008c;
line-height:16px;
text-decoration:underline
}

.yellow
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#d8c800;
line-height:16px;
text-decoration:none
}

.yellow a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#d8c800;
line-height:16px;
text-decoration:none
}

.yellow a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#d8c800;
line-height:16px;
text-decoration:underline
}

.karbon
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:16px;
text-decoration:none
}

.yellow a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:16px;
text-decoration:none
}

.yellow a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:16px;
text-decoration:underline
}

a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#39C0AC;
line-height:16px;
text-decoration:none
}

a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#39C0AC;
line-height:16px;
text-decoration:underline
}

.hotspot
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#39C0AC;
padding-bottom:1px;
border-bottom:1px dotted #39C0AC;
cursor:pointer
}

#text
{margin:50px auto;
width:500px
}

#tt
{
position:absolute;
display:block
}

#tttop
{
display:block;
height:5px;
width:200px;
background:url(../images/tt_top.gif) top left no-repeat;
overflow:hidden
}

#ttcont
{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
padding:5px 10px 5px 10px;
background:#000000;
color:#CCCCCC
}

#ttbot
{
display:block;
height:10px;
width:200px;
background:url(../images/tt_bottom.gif) bottom left no-repeat;
overflow:hidden
}