* {
margin:0;
padding:0;
border:0;
text-decoration:none;
}

body{
background:white url(images/gradient.jpg) repeat top left fixed;
color:white;
text-decoration:none;
text-align:left;
}	 
	 
/* Layer 1 */
#container{
position:absolute;
top:13%;
left:14%;
width:738px;
height:600px;
background:transparent url(images/mockup.gif) top left no-repeat;
z-index:1;
}

/* Layer 50 */
#top{
position:absolute;
top:13%;
left:14%;
width:278px;
height:15px;
z-index:50;
background:transparent;
color:#545454;
margin: 13px 0px 0px 15px;
border:0px solid red;
overflow:hidden;
}

#pscroller1{
background:transparent;
line-height:12px;
}

/* Layer 2 */
#navcontainer a#current
{
color: white;
}

#navlist{
position:absolute;
top:13%;
left:14%;
width:91px;
z-index:2;
background:transparent;
margin: 30px 0px 0px 20px;
text-align:center;
}

#navlist li
{
display: inline;
margin: 5px 0px 5px 0px;
/* for IE5 and IE6 */
}

#navlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background:transparent url(images/button.gif) top left no-repeat;
height:19px;
margin: 20px 0px 0px 0px;
padding:4px 0px 0px 0px;
}

#navlist a:link{
color:black;
font: bold 8pt verdana,helvetica,arial,sans-serif;
}

#navlist a:visited{
color:black;
font: bold 8pt verdana,helvetica,arial,sans-serif;
}

#navlist a:hover{
color:white;
font: bold 8pt verdana,helvetica,arial,sans-serif;
}

#navlist a:active{
color:white;
font: bold 8pt verdana,helvetica,arial,sans-serif;
}

/* Layer 5 */
#content{
position:absolute;
top:13%;
left:14%;
width:558px;
height:317px;
z-index:5;
background:transparent;
color:#cccccc;
margin: 18px 0px 0px 147px;
padding: 30px 15px 0px 0px;
font-size:10pt;
overflow:auto;
border:0px solid red;
}

#content a:link{
color:#cccccc;
font: bold 10pt verdana,helvetica,arial,sans-serif;
}

#content a:visited{
color:#cccccc;
font: bold 10pt verdana,helvetica,arial,sans-serif;
}

#content a:hover{
color:white;
font: bold 10pt verdana,helvetica,arial,sans-serif;
}

#content a:active{
color:white;
font: bold 10pt verdana,helvetica,arial,sans-serif;
}

/* Layer 20 */
#snip1{
position:absolute;
top:13%;
left:14%;
width:738px;
height:40px;
z-index:20;
background:transparent url(images/snip1a.gif) top left no-repeat;
color:black;
}

/* Layer 21 */
#snip2{
position:absolute;
top:13%;
left:14%;
width:738px;
height:39px;
z-index:21;
background:transparent url(images/snip2a.gif) top left no-repeat;
color:black;
margin: 326px 0px 0px 0px;
}

/* Layer 21 */
#snip3{
position:absolute;
top:13%;
left:14%;
width:738px;
height:28px;
z-index:21;
background:transparent url(images/snip3a.gif) top left no-repeat;
color:black;
margin: 437px 0px 0px 0px;
}

/* Layer 8 */
#bloop{
position:absolute;
top:13%;
left:14%;
width:471px;
height:73px;
z-index:8;
background:transparent;
margin: 395px 0px 0px 241px;
color:white;
font: bold 7pt verdana,helvetica,arial,sans-serif;
text-align:center;
}

/* Layer 9 */
#blop{
position:absolute;
top:13%;
left:14%;
width:95px;
height:81px;
z-index:9;
background:transparent;
margin: 382px 0px 0px 133px;
border: 0px solid red;
overflow:hidden;
}

a:link{color:white; font: bold 7pt verdana,helvetica,arial,sans-serif;}

a:visited{color:white; font: bold 7pt verdana,helvetica,arial,sans-serif;}

a:hover{color:#C0C0C0; font: bold 7pt verdana,helvetica,arial,sans-serif;}

a:active{color: white; font: bold 7pt verdana,helvetica,arial,sans-serif;}

p{
margin: 10px 0px 25px 20px;
font: 9pt verdana,helvetica,arial,sans-serif;
}

h3{
margin: 0px 0px 15px 0px;
font: bold 10pt verdana,helvetica,arial,sans-serif;
}

h5{
font-style:italic;
margin: 10px 0px 0px 10px
}

li{
margin: 5px 0px 5px 20px;
}

ul{
margin: 0px 0px 15px 0px;
}

br{
margin: 0px 0px 0px 0px;
}