/* CSS Document */

/*p{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 18px;
padding: 3px;
}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #993333;
	display: block;
	padding: 8px;
	width: 140px;
}


.navigation:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D03D03;
	display: block;
	padding: 8px;
	width: 140px;
}
.text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align:left;
}	/*text font color align*/

body {
	background-color: #CCCCCC;
}

#flash {
	position:absolute;
	left:454px;
	top:214px;
	width:592px;
	height:479px;
	z-index:1;
}
#header {
	position:absolute;
	left:464px;
	top:178px;
	width:570px;
	height:25px;
	z-index:2;
}

#photo {
	position:absolute;
	left:383px;
	top:265px;
	width:230px;
	height:166px;
	z-index:4;
}
#Layer21 {
	position:absolute;
	left:153px;
	top:14px;
	width:967px;
	height:723px;
	z-index:0;
	background-image: url(http://outsideuniverse.com/image/Untitled-1-v02-03htmlimg.gif);
	background-repeat: no-repeat;
}

#Layer4 {
	position:absolute;
	left:337px;
	top:65px;
	width:106px;
	height:62;
	z-index:6;
}
#Layer5 {
	position:absolute;
	left:469px;
	top:62px;
	width:110;
	height:62;
	z-index:7;
}
#Layer6 {
	position:absolute;
	left:601px;
	top:62px;
	width:110;
	height:62;
	z-index:8;
}
#Layer7 {
	position:absolute;
	left:734px;
	top:63px;
	width:110;
	height:62;
	z-index:9;
}
#Layer8 {
	position:absolute;
	left:864px;
	top:62px;
	width:110;
	height:62;
	z-index:10;
}
#Layer9 {
	position:absolute;
	left:0px;
	top:0px;
	width:577px;
	height:89px;
	z-index:11;
}
.style2 {color: #FFFFFF}
#Layer10 {
	position:absolute;
	left:467px;
	top:403px;
	width:561px;
	height:74px;
	z-index:11;
}
#Layer11 {
	position:absolute;
	left:468px;
	top:228px;
	width:244px;
	height:160px;
	z-index:12;
}


/*---------Menu layer---------------*/

/*------------MENU------------*/
/*---------------------------------------------------------------*/
/* code supplyied by: */
/* http://ago.tanfa.co.uk/css/examples/menu/tutorial-v.html#vs7  */
/*---------------------------------------------------------------*/
/* dreamweaver ile template page yaratamk icin    http://www.entheosweb.com/website_design/dreamweaver_template.asp   */
/*-------------------------------------------*/

/* menu sutununu inceltme*/
#menu {
width: 8em;
background: #eee;
left:7px;
top:5px;

/*	position:absolute;
	left:172px;
	top:189px;
	width:144px;
	height:92px;
	z-index:5;
*/
}

/*align all to left*/
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

/*header black - also making like a table view*/
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #F60;
text-transform: uppercase;
}

#menu a {
color: #000;
/* oruc - menu no 1 - background color*/
background: #FC3;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
/*positioning pop out*/
/*note: looooks freaky!!!*/
#menu ul ul ul {
position: absolute;
top: 0;
left: 0;
}

/*absolutely positioning*/

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

/*hider all pop outs*/
/* but h over doesn`t work */
div#menu ul ul ul 
{display: none;}

/*allow them appear*/
/* but all appear - even sub of the sub */
div#menu ul ul li:hover ul 
{display: block;}

/*blocking sub of the sub*/
/*but no way they don`t appear at all */
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul 
{display: block;}

/**/
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/*---------------------------------------------------------------*/
/* code supplyied by: */
/* http://ago.tanfa.co.uk/css/examples/menu/tutorial-v.html#vs7  */
/*---------------------------------------------------------------*/
/* dreamweaver ile template page yaratamk icin    http://www.entheosweb.com/website_design/dreamweaver_template.asp   */
/*-------------------------------------------*/

/* -------------------------------------- */
/*           end         */
/* -------------------------------------- */
