@charset "UTF-8";
/* CSS Document */

* {
	margin:0; /* zero out margin */
	padding:0; /* zero out padding */
}

html, body {
	height:100%; /* gives layout 100% height */
	overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

body {
	background-image: url(../images/body.jpg);
}

#wrapper {
	min-height:100%; /* gives layout 100% height */
	width:1100px; 
	margin:0 auto;
	position : relative;
}

* html #wrapper { 
	height:100%; /* IE6 treats height as min-height */
}

#header { 
}

#content {
	height: 600px;
	width: 1100px;
	position : relative;
}

#menu {
	position: absolute;
	top: 15px;
	left: 30px;
	width: 150px; /* set width of menu */
} 

#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
	font: italic 13px helvetica, arial, Verdana, sans-serif;
	display: block;
	margin: 0;
	padding: 5px 0px;

}

#menu h2 {
}

#menu a {
color: #fff;
text-decoration: none;
}

#menu a:hover {
color: #505050;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing 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;}

#textbox {
	position: absolute;
	top: 40px;
	left: 335px;
	width: 700px;
}

#worktextbox {
	position: absolute;
	bottom: 8px;
	left: 30px;
	width: 300px;
}

.text { color: #fff; font-size: 12px; font-family: Helvetica, Arial, Courier, Swiss, SunSans-Regular; }

.btext { color: #fff; font-size: 12px; font-family: Helvetica, Arial, Courier, Swiss, SunSans-Regular; font-weight: bold; line-height: 16px; }

a {
color: #fff;
text-decoration: none;
}

a:hover {
color: #505050;
}

img.rounded
{
  -moz-box-shadow: 4px 4px 2px #555;
  -webkit-box-shadow: 4px 4px 2px #555;
  box-shadow: 4px 4px 2px #555;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#555555')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#555555');
}

.rounded
{
  -moz-box-shadow: 4px 4px 2px #555;
  -webkit-box-shadow: 4px 4px 2px #555;
  box-shadow: 4px 4px 2px #555;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#555555')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#555555');
}

#hd {
	position: absolute;
	top: 40px;
	left: 333px;
	height: 244px;
	width: 431px;
} 

#hdvideo {
	position: absolute;
	top: 4px;
	left: 4px;
}

#image-r {
	position: absolute;
	top: 40px;
	right: 30px;
}

#image-m {
	position: absolute;
	top: 40px;
	right: 210px;
}

#image-r3 {
	position: absolute;
	top: 220px;
	right: 30px;
}

#image-l {
	position: absolute;
	top: 40px;
	left: 333px;
}

#image-rb {
	position: absolute;
	bottom: 8px;
	right: 30px;
}

#image-b {
	position: absolute;
	bottom: 8px;
	left: 333px;
}

#image-b2 {
	position: absolute;
	bottom: 8px;
	left: 338px;
}

#image-mb {
	position: absolute;
	bottom: 8px;
	right: 283px;
}

#backgroundimage {
	position: absolute;
	top: 40px;
	left: 333px;
	height: 330px;
	width: 250px;
	background-image: url(../images/frame250x330.jpg);
} 

#backgroundimage-2 {
	position: absolute;
	top: 39px;
	left: 333px;
	height: 329px;
	width: 225px;
	background-image: url(../images/frame225x329.jpg);
} 

#backgroundimage-h {
	position: absolute;
	top: 40px;
	left: 333px;
	height: 249px;
	width: 329px;
	background-image: url(../images/frame329x249.jpg);
} 

#backgroundimage-h2 {
	position: absolute;
	top: 39px;
	left: 333px;
	height: 249px;
	width: 329px;
	background-image: url(../images/frame329x247.jpg);
} 

#backgroundimage-650x370 {
	position: absolute;
	top: 40px;
	left: 333px;
	height: 370px;
	width: 650px;
	background-image: url(../images/frame650x370.jpg);
} 

#video {
	position: absolute;
	top: 5px;
	left: 5px;
}

#footer {
	text-indent: 340px;
	margin-top: 10px;
}

