*{margin:0;padding:0;border:0;}
p.caption{
	font-size:.9em; font-style:italic}
h1{
color:#7627cf;
text-align:right;
padding:0em 2em 0em 0em;
font-size:x-large}
h1.sec, h2{
color:#7627cf;
text-align:left;
margin-bottom:.1em;margin-top:1em;
font-size:small;
font-weight:bold;}
h3,h4,h5,h6{
font-size:small;
margin-bottom:.1em;margin-top:1em;
color:#7627cf;
text-align:left;}
p{
width:84%;text-align:left;
	font-size:small;
	margin-bottom:1em;}
p a:link {
color: #7627cf;text-decoration: none;}
p a:visited {
color: #b13500;text-decoration:none;}
p a:hover {
	color: orange;}
p a:active {
	color: #32005a;}

body{font-size: 62.5%; background-image:url('../../images/background.gif');
font-family:Arial, Helvetica, sans-serif}

#wrapper{
margin:0 auto; padding:0; border:0;
	width:75em; height: 100em; 
	background-image: url('../../images/tipsy_cover1.gif'); background-repeat:no-repeat;
}
#header{text-align:center;
	height:15.7em; width:75em;
}
#footer {margin:.5em auto; width:75em;color:#7627cf;text-align:center;
	font-family:Verdana;
	font-size:x-small;
}
#footer a:link{
	color: #fda985;
	text-decoration: none;}
#footer a:visited{
	color: #b13500;
	text-decoration:none;}
#footer a:hover{
	color: white;}
#footer a:active{
	color: #32005a;}
#logo{
	text-align:left;
	position:relative;
	z-index: 1;
}
#leftcol{
	width:17em;float:left}
#rightcol{
	width:58em;float:right}
#content{
float:left;
	background-image:url('images/tipsy_slice_03.gif');background-repeat:no-repeat;
	width:40.8295em;
	height:73.5em;
}
#text {position:absolute;
	width:37.15em;
	height:70em;
	padding:.3em 0em 1em 7em;
	z-index: 4;
}
#textii {position:absolute;
	width:37.15em;
	height:70em;
	padding:.3em 0em 1em 7em;
	z-index: 5; 
}
#textiii {position:absolute;
	width:37.15em;
	height:70em;
	padding:.3em 0em 1em 7em;
	z-index: 6; 
}
#sidebar{width:15em;float:right;}
#adspace{
	 margin-top:16em;text-align:center}
#clear{
	clear:both}
#nav {
	padding:0 0 0 1.5em;
	position:relative;
	background-image:url('images/short-starter1back.gif');
	background-repeat:no-repeat;
	top:10em;
	left: 6em;
	height:21.8em;
	text-decoration:none;
	z-index: 2;
}
li{
	line-height:2.29em;font-size: medium;
	list-style-type: none; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fda985;
	text-align:left;
	text-decoration: none;}
div#nav li a:link {
	color: #fda985;
	text-decoration: none;}
div#nav li a:visited {
	color: #fda985;
	text-decoration:none;}
div#nav li a:hover {
	color: white;
	text-decoration:none}
div#nav li a:active {
	color: #32005a; 
	text-decoration:none}
.video{
	width: 38em;}/* max video embedd width is 325p*/
.hidden { visibility: hidden; }
.unhidden { visibility: visible; }
/* use line-height: xx% it should be a percentage, http://w3schools.com/css/tryit.asp?filename=trycss_line-height for assistant */