*					{margin:0;padding:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;border:0;color:#fff;}
body				{background:url(img/bg.jpg);}

#wrapper			{position:absolute;top:50%;left:50%;width:800px;height:600px;margin:-300px 0 0 -400px;}

#title				{position:absolute;left:0;top:50px;}
#title h1			{font-size:24px;color:#FFF;text-transform:lowercase;font-weight:normal;letter-spacing:-1px;word-spacing:-4px;text-align:right;line-height:20px;}
#title .red			{color:#F00;font-size:32px;line-height:32px;}
#title .small		{}
#title a			{display:block;color:#FFF;text-decoration:none;padding:25px 5px 10px 5px;width:120px;}

#slider 			{position:relative;width:800px;margin: 0 auto;}
.navigation			{position:absolute;top:150px;list-style-type:none;}
.navigation li		{width:125px;text-align:right;}
.navigation li a	{display:block;width:115px;padding:5px;color:#fff;text-decoration:none;text-transform:capitalize;}
.navigation li a:hover	{color:#f00;}
.navigation li a:active	{border:none;}


.scroll 			{position:absolute;left:160px;top:0;height: 600px; width:650px;clear: left;}

.scrollContainer div.panel {padding: 20px; height: 600px; width: 600px; /* change to 560px if not using JS to remove rh.scroll */}

.panelcontent		{height:580px;width:560px;display:block;padding:10px 20px 10px 0;}
.panelcontent h1 	{text-transform:lowercase;font-weight:normal;font-size:24px;}
.panelcontent h1 .red	{color:#f00;}
.panelcontent p		{font-size:14px;margin-top:10px;color:#ccc;}
.panelcontent p.foot	{text-align:right;}
.panelcontent a		{color:#f00;text-decoration:none;}

#contact ul			{list-style-type:none;margin-top:10px;}
#contact ul span	{display:block;float:left;clear:left;color:#F00;width:130px;margin-top:10px;}
#contact ul em		{display:block;float:left;margin-top:10px;}