/* @import url('yui-reset.css');*/
/* ID  */
/* #bgg div { */
#bgg {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%
}
#SlideShow {
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;
}
#page {
	z-index:1;
}

/* CLASS  */

.covers {
	color:#ffffff;
	border:thin;	
	text-decoration:none;
}
.red {
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
	text-decoration:none;
}
.white {
	color:#ffff00;
	font-weight:bold;
	text-transform:none;
	text-decoration:none;
}
.page, .philo, .service, .blog, .home, .archive, .talk, .envelope {
	position:absolute;
	top:120px;
	left:25px;
	width:450px;
	height:auto;
	padding-bottom:20px;
	background-image:url(../zzz/bg.png);
	background-repeat:repeat;
	line-height:1.5em;
	padding-top:20px;
	padding-right:30px;
	padding-left:30px;
	clear:left;
	float:left;
	overflow:auto;
	z-index:1;
	border: 1px solid #CCCCCC;
}

.left {
	text-align:left;
	right:auto;
	left:180px;
	font-size:13px;
}
/* STANDARD CSS */

body {
	font-family:verdana, arial, sans-serif;
	font-size:10px;
	color:#333333;
}
p {
	line-height:1.8em;
	letter-spacing:0.1em;
	text-align:justify;
	padding:7px 0 0 7px;
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
h2, h3, h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
li
{
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
}
ul
{
	text-indent: -20px;
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
}
/* LINKS */	


a.menulinks:link, a.menulinks:visited, a.menulinks:active, a.menulinks:hover {
 color:#666666;
 text-decoration:none;
}
a.pagelinks:link, a.pagelinks:visited, a.pagelinks:active, a.pagelinks:hover {
 color:#000099;
 text-decoration:underline;
}
a {
	color:#ffffff;
	border:none;
	text-decoration:none;
}
img {
	display:block;
}
strong, b {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	font-variant:normal;
	color:#243666;
}
input, textarea {
	border:1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:transparent
	url("../zzz/bg.png") repeat;
}

.stylemenu {
	position:absolute;
	top:25px;
	z-index:80;
	width:706px;
	line-height:10px;
	clear:left;
	float:left;
	height:15px;
	padding-top:3px;
	padding-right:0px;
	padding-bottom:3px;
	padding-left:0px;
	left:25px;
	text-align:left;
	background-image:url(../zzz/pagebg.png);
	background-repeat:repeat;
	border:1px solid #CCCCCC;}

.stylemenu1 {
	position:absolute;
	top:25px;
	z-index:80;
	width:706px;
	line-height:10px;
	clear:left;
	float:left;
	height:15px;
	padding-top:3px;
	padding-right:0px;
	padding-bottom:3px;
	padding-left:0px;
	left:25px;
	text-align:left;
	background-image:url(../zzz/bg.png);
	background-repeat:repeat;
	border:1px solid #CCCCCC;


}

html, body, #cont {
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
}
#cont {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	overflow:auto;
}
.menu {
	position:absolute;
	top:120px;
	left:550px;
	z-index:80;
	width:180px;
	line-height:10px;
	height:200px;
	background-image:url(../zzz/pagebg.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	line-height:12px;
	border:1px solid #CCCCCC;
}

.menu1 {
	position:absolute;
	top:120px;
	left:550px;
	z-index:80;
	width:180px;
	line-height:10px;
	height:200px;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	line-height:12px;
	background-image:url(../zzz/bg.png);
	background-repeat:repeat;
	border:1px solid #CCCCCC;
}

.menu2 {
	position:absolute;
	top:345px;
	left:550px;
	z-index:85;
	width:180px;
	line-height:10px;
	height:100px;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	line-height:12px;
	background-image:url(../zzz/pagebg.png);
	background-repeat:repeat;			
	border:1px solid #CCCCCC;	
}
.menu3 {
	position:absolute;
	top:345px;
	left:550px;
	z-index:85;
	width:180px;
	line-height:10px;
	height:100px;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	line-height:12px;
	background-image:url(../zzz/bg.png);
	background-repeat:repeat;
	border:1px solid #CCCCCC;	
}


/* ########################################## */
/* PORTFOLIO PAGE */

#ipod {
	position:absolute;
	height:250px;
	background-image:url(../zzz/pagebg.png);
	background-repeat:repeat;
	top:295px;
	right:0px;
	width:450px;
	line-height:1.5em;
	border:2px;
	border:1px solid #CCCCCC;	
	padding-top:20px;
	padding-right:30px;
	padding-bottom:30px;
	padding-left:30px;
}
#coverflow1 {
	position:absolute;
	height:200px;
	width:240px;
	left:330px;
	z-index:7;
	clear:left;
	float:left;

}
#coverflow {
	border:none;
}
.coverflow {
	border:none;
}
#ipodcontrol {
	position:absolute;
	z-index:4;
	margin:0px;
	top:190px;
	line-height:1.5em;
	width:100px;
	height:100px;
	padding-left:30px;
	padding-right:50px;
	padding-bottom:60px;
	padding-top:10px;
}
#TestData {
	position:absolute;
	z-index:11;
	width:180px;
	left:45px;
	top:435px;
	border:none;
	clear:left;
	float:left;
}

#TestDataBg {
	position:absolute;
	z-index:10;
	width:260px;
	left:30px;
	top:425px;
	border:none;
	background-image:url(../zzz/testdata.gif);
	clear:left;
	float:left;
	height:75px;
}

#imagedisplay  {
	position:absolute;
	top:153px;
	left:30px;
	z-index:8;
	background-image:url(../zzz/myimagename.gif);
	width:260px;
	height:260px;
}



.page1 {
	position:absolute;
	left:25px;
	top:120px;
	width:510px;
	height:390px;
	z-index:1;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;		
	
}
.page2 {
	position:absolute;
	left:25px;
	top:120px;
	width:510px;
	height:auto;
	z-index:1;
	background-image:url(../zzz/bg.png);
	background-repeat:repeat;
	border:1px solid #CCCCCC;	
}
.portfoliopage {
	position:absolute;
	top:123px;
	left:270px;
	width:210px;
	height:250px;
	background-image:url(../zzz/coverflow.gif);
	background-repeat:no-repeat;
	line-height:1.5em;
	background-position:30px 30px;
	z-index:6;
	padding-left:50px;
	padding-top:40px;
}

#portfoliodial

{
	position:absolute;
	z-index:81;
	margin:0px;
	top:281px;
	left:560px;
	line-height:normal;
	width:50px;
	height:50px;
	border:1px solid #CCCCCC;		
}

#portfolioslide

{
	position:absolute;
	z-index:81;
	margin:0px;
	top:281px;
	left:630px;
	line-height:normal;
	width:50px;
	height:50px;
	border:1px solid #CCCCCC;		
}

#thumbnails{
	width:510px;
	height:425px;
	z-index:30;
	background-color:#FFFFFF;
}
.banner {
	background-image:url(../zzz/banner1.png);
	position:absolute;
	top:55px;
	z-index:80;
	width:706px;
	height:56px;
	left:25px;
	border:1px solid #CCCCCC;		
}
.banner2 {
	background-image:url(../zzz/banner2.png);
	position:absolute;
	top:55px;
	z-index:80;
	width:706px;
	height:56px;
	left:25px;
	border:1px solid #CCCCCC;		
}

.reset {
	position:absolute;
	top:25px;
	z-index:80;
	line-height:10px;
	clear:left;
	float:left;
	height:15px;
	padding-top:3px;
	padding-right:0px;
	padding-bottom:3px;
	padding-left:0px;
	left:551px;
	width:180px;
	text-align:right;
	background-image:url(../zzz/pagebg.png);
	background-repeat:repeat;
	border:1px solid #CCCCCC;
	visibility:hidden;
}
.reset1 {
	position:absolute;
	top:25px;
	z-index:80;
	line-height:10px;
	clear:left;
	float:left;
	height:15px;
	padding-top:3px;
	padding-right:0px;
	padding-bottom:3px;
	padding-left:0px;
	left:551px;
	width:180px;
	text-align:right;
	background-image:url(../zzz/bg.png);
	background-repeat:repeat;
	border:1px solid #CCCCCC;
	visibility:hidden;
}
.reset2, .reset3 {
	visibility:hidden;
}
.logo {
	position:absolute;
	top:55px;
	z-index:80;
	height:56px;
	left:551px;
	width:180px;
	background-image:url(../zzz/logo1.png);
	border:1px solid #CCCCCC;
	visibility:hidden;	
}
.status {
	position:absolute;
	bottom:0px;
	z-index:90;
	width:646px;
	line-height:10px;
	clear:left;
	float:left;
	height:10px;
	left:25px;
	text-align:right;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
}

.status1 {
	position:absolute;
	bottom:0px;
	z-index:90;
	width:646px;
	line-height:10px;
	clear:left;
	float:left;
	height:150px;
	left:25px;
	text-align:right;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding-top:10px;
	padding-right:30px;
	padding-bottom:10px;
	padding-left:30px;
}
.lang {
	position:absolute;
	top:28px;
	z-index:85;
	width:25px;
	height:16px;
	left:704px;
}
.eye {
	position:absolute;
	top:28px;
	z-index:85;
	width:25px;
	height:16px;
	left:675px;
}
.PopBoxImageSmall
{
	border: solid 10px #ffffff;
	cursor: url("magplus.cur"), pointer;
	width:80px;
	height:60px;
}
.PopBoxImageLarge
{
	border: solid 10px #999999;
	cursor: url("magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}