/*---------------------
General
---------------------*/
A						{font-weight:normal; color:#872e1d; text-decoration:none;}
A:hover					{text-decoration:underline;}
h1, h2, h3				{font:bold 15px/1.3 Arial, Helvetica, sans-serif; color:#111; letter-spacing:0.02em;}
h1						{font-size:34px; padding:0; margin:0 0 10px 0;}
h2						{font-size:17px; padding:0; margin:10px 0 2px 0;}
h3						{font-size:14px; padding:0; margin:10px 0 2px 0;}
P						{padding:0; margin:0;}
img, table				{border: 0;}
html 					{margin:0; padding:0;} 
body 					{background:url(../gfx/bg.jpg) repeat-x #c5bda9; margin:0; padding:0; COLOR:#444; font:normal 12px/1.5 Arial, Helvetica, sans-serif; text-align:center;} 
/*body 					{background:url(../gfx/bg.jpg) repeat-x #c5bda9; margin:0; padding:0; COLOR:#444; font:normal 12px/1.5 "Lucida Sans", "Lucida Grande", Sans-serif; text-align:center;} */

/*---------------------
Body layout
---------------------*/
#Wrapper 						{width:970px; margin:0 auto; text-align:left; background:url(../gfx/footer-bg.jpg) bottom left no-repeat; padding:0 0 25px 0; display:block; position:relative;}
								
#Head 							{width:970px; height:390px; margin:0; padding:0; position:relative; background:url(../gfx/header-bg.jpg) no-repeat top left; overflow:hidden;}
#Head .backgroundImage			{position:absolute; left:25px; top:40px;}
#Head .logo						{position:absolute; left:45px; top:40px; z-index:2;}

#Head .nav ul					{position:absolute; left:25px; bottom:0px; height:32px; margin:0; padding:0; list-style:none; display:block; overflow:hidden; z-index:2;}
#Head .nav ul li				{display:inline; float:left; padding:0;}
#Head .nav ul li a				{font:bold 11px/32px Arial !important; text-decoration:none; color:#000 !important; display:inline; text-transform:uppercase;}
#Head .nav ul li a:hover		{text-decoration:underline; cursor:hand;}
#Head .nav ul li a.off .bg		{background:url(../gfx/nav-bg.gif) repeat-x top left; float:left; padding:0px 10px 0 10px; height:32px;}
#Head .nav ul li a.off .first	{background:url(../gfx/nav-off-first.gif) repeat-x top left; height:32px; width:13px; display:block; float:left;}
#Head .nav ul li a.off .grey	{background:url(../gfx/nav-off-grey.gif) repeat-x top left; height:32px; width:13px; display:block; float:left;}
#Head .nav ul li a.off .white	{background:url(../gfx/nav-off-white.gif) repeat-x top left; height:32px; width:13px; display:block; float:left;}
#Head .nav ul li a.off .last	{background:url(../gfx/nav-off-last.gif) repeat-x top left; height:32px; width:13px; display:block; float:left;}
#Head .nav ul li a.on:hover		{text-decoration:none; cursor:hand;}
#Head .nav ul li a.on .bg		{background:url(../gfx/nav-on-bg.gif) repeat-x top left; float:left; padding:0px 10px 0 10px; height:32px; color:#000000 !important;}
#Head .nav ul li a.on .first	{background:url(../gfx/nav-on-first.gif) repeat-x top left; height:32px; width:13px; display:block; float:left;}
#Head .nav ul li a.on .white	{background:url(../gfx/nav-on-white.gif) repeat-x top left; height:32px; width:13px; display:block; float:left;}
#Head .nav ul li a.on .last		{background:url(../gfx/nav-on-last.gif) repeat-x top left; height:32px; width:13px; display:block; float:left;}

/*---------------------
Page layout
---------------------*/
#Content					{width:920px; margin:0; padding:10px 25px; float:left; min-height:400px; _height:400px; background:url(../gfx/wrapper-bg.jpg) repeat-y;}
.ContentLeft				{width:200px; margin:0; padding:10px 0 0 10px; float:left; overflow:hidden;}
.ContentRight				{width:680px; margin:0; padding:10px 10px 0 20px; float:left; overflow:hidden;}

.StartLeft					{width:680px; margin:0; padding:10px 20px 0 10px; float:left; overflow:hidden;}
.StartRight					{width:200px; margin:-10px 0 0 0; padding:0 10px 0 0; float:left; overflow:hidden;}

.ContentRight .main			{width:410px; margin:0; padding:0; float:left; overflow:hidden;}
.ContentRight .column		{width:250px; margin:0 0 0 20px; padding:0; float:left; overflow:hidden;}

#Footer						{position:absolute; bottom:-5px; right:15px; color:#FFF;}
#Footer a					{color:#FFF; text-decoration:none; line-height:20px;}
#Footer a:hover				{text-decoration:underline;}

/*---------------------
Left menu
---------------------*/ 
#LeftMenu 						{margin:0; display: block; width:200px; overflow:hidden; padding:0;}

#LeftMenu h3					{height:20px; width:190px; padding:0 0 0 10px; margin:0; font:bold 12px/20px arial; color:#444; text-transform:uppercase;}
#LeftMenu ul.puffs				{width:200px; margin:0; padding:0; float:left; list-style:none;}
#LeftMenu ul.puffs li			{width:200px; margin:0 0 10px 0; overflow:hidden; display:block; float:left;}

#LeftMenu ul.menu				{width:200px; margin:0 0 15px 0; padding:0; list-style:none; float:left; overflow:hidden;}
#LeftMenu ul.menu li			{margin:0; padding:0 0 0 10px;}
#LeftMenu ul.menu li a			{width:175px; padding:4px 0 4px 12px; font:normal 12px Arial; color:#444; text-decoration:none; background:url(../gfx/leftmenu-arrow.gif) center left no-repeat; display:block;}
#LeftMenu ul.menu li a:hover	{text-decoration:underline;}
#LeftMenu ul.menu li.on a		{font-weight:bold; text-decoration:none; color:#872e1d;}

#LeftMenu ul.submenu					{margin:0; padding:0 0 0 20px; list-style:none;}
#LeftMenu ul.submenu li					{margin:0; padding:0; border-top:none;}
#LeftMenu ul.submenu li a				{font:normal 11px Arial !important; color:#444 !important; padding:4px 5px 4px 12px; background:url(../gfx/leftmenu-arrow.gif) left center no-repeat !important;}
#LeftMenu ul.submenu li a:hover			{text-decoration:underline;}
#LeftMenu ul.submenu li.on a			{font-weight:bold !important; color:#872e1d !important;}
#LeftMenu ul.submenu li.on a:hover		{text-decoration:none;}

ul.puffs		{width:200px; margin:0; padding:0; float:left; list-style:none;}
ul.puffs li		{width:200px; margin:20px 0 0 0; overflow:hidden; display:block; float:left;}

.right-frame	{ background:url(/gfx/frame-right.jpg) no-repeat top left; width:200px; height:426px; padding:25px; font-size:90%;}
.right-frame-2	{ background:url(/gfx/frame-right-2.jpg) no-repeat top left; width:190px; height:184px; padding:30px;}