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

/*---------------------
Body layout
---------------------*/
#Wrapper 						{width:920px; margin:0 auto; text-align:left;}

#Head 							{width:920px; height:130px; margin:0; padding:0; position:relative; background:url(../gfx/head-bg.jpg) top left no-repeat;}
#Head #logo						{position:absolute; left:15px; top:16px;}

#Head ul#quick-nav				{position:absolute; right:15px; top:28px; margin:0; padding:0; list-style:none;}
#Head ul#quick-nav li			{display:inline; float:left; padding-left:10px; margin-left:10px; border-left: 1px solid #58a4b9;}
#Head ul#quick-nav li.first		{border-left:0; margin-left:0;}
#Head ul#quick-nav li a			{font:normal 12px/14px Arial !important; color:#197e99 !important; text-decoration:none; display:inline;}
#Head ul#quick-nav li a:hover	{text-decoration:underline;}

#Head .nav					{position:absolute; height:35px; width:920px; left:0; top:70px; margin:0; padding:0 0 0 0px; background:url(../gfx/nav-bg.jpg) no-repeat top left;}
#Head .nav ul				{list-style:none; margin:0; padding:0;}
#Head .nav ul li			{float:left; padding:0; display:inline;}
#Head .nav ul li a			{font:bold 13px/35px Arial !important; color:#FFF !important; text-decoration:none; padding:0 20px 0 22px; margin:0; background:url(../gfx/nav-bg-line.gif) bottom left no-repeat; display:block;}
#Head .nav ul li a.first	{background:none; padding-left:20px;}
#Head .nav ul li a:hover	{cursor:pointer;}
#Head .nav ul li.on			{background:url(../gfx/nav-on-bg.jpg) repeat-x;}
#Head .nav ul li.on.first	{background:url(../gfx/nav-on-bg-first.jpg) top left no-repeat;}
#Head .nav ul li.on a		{font:bold 13px/35px Arial !important; color:#FFF !important; text-decoration:none; padding:0 20px 0 22px; margin:0; background:url(../gfx/nav-bg-line.gif) bottom left no-repeat; display:block;}
#Head .nav ul li.on a.first	{background:none; padding-left:20px;}
#Head .nav ul li.on a:hover	{cursor:pointer;}

/*---------------------
Page layout
---------------------*/
#Content					{width:920px; margin:0; padding:0; float:left; min-height:400px; _height:400px; background-color:#FFFFFF;}
#ContentStart				{margin:0; padding:20px; float:left; overflow:hidden;}
.ContentLeft				{width:630px; margin:0; padding:20px; float:left; overflow:hidden;}
.ContentRight				{width:230px; margin:0; padding:20px 20px 20px 0; float:left; overflow:hidden;}

/*---------------------
Left menu
---------------------*/ 
ul.LeftMenu					{width:230px; margin:0; padding:0; list-style:none; float:left; overflow:hidden;}
ul.LeftMenu li				{margin:0; padding:0;}
ul.LeftMenu li a			{width:200px; padding-left:30px; font:bold 12px/30px Arial; color:#FFFFFF; text-decoration:none; background:url(../gfx/leftmenu-bg.jpg) top left no-repeat; display:block; overflow:hidden;}
ul.LeftMenu li a:hover		{background:url(../gfx/leftmenu-bg-hover.jpg) top left no-repeat;}
ul.LeftMenu li.on a			{background:url(../gfx/leftmenu-bg-on.jpg) top left no-repeat;}
ul.LeftMenu li.on-childs a	{background:url(../gfx/leftmenu-bg-on-childs.jpg) top left no-repeat;}

ul.LeftSubMenu				{margin:0; padding:10px 10px 10px 30px; list-style:none; background:url(../gfx/leftsubmenu-bg.jpg) top left repeat-x #f8f8f8 !important;}
ul.LeftSubMenu li			{margin:0; padding:0;}
ul.LeftSubMenu li a			{font:normal 11px Arial !important; color:#05637c !important; padding:5px 0; background:none !important;}
ul.LeftSubMenu li a:hover	{text-decoration:underline;}
ul.LeftSubMenu li.on a		{font-weight:bold !important;}
ul.LeftSubMenu li.on a:hover{text-decoration:none;}

/*---------------------
Puffs
---------------------*/ 
ul.puffs					{width:230px; margin:0; padding:0; float:left; list-style:none;}
ul.puffs li					{width:230px; margin:0 0 20px 0; overflow:hidden; display:block; float:left;}
ul.puffs li h3				{ margin-bottom:2px;}

/*---------------------
Price list table
---------------------*/ 
.pricelist 					{margin:0 0 1em 0; width:100%;}
.pricelist th				{font-size:100%; vertical-align: top; padding:7px; background:#318ea7; color:#fff;}
.pricelist td				{font-size:100%; vertical-align: top; padding:6px; border-bottom:1px solid #eee;}
.pricelist .plus 			{background:url(../gfx/icon_plus.gif) no-repeat 9px 3px;}

/*---------------------
Footer layout
---------------------*/
#footer						{width:910px; padding:5px 5px; float:left; text-align:left;}
#footer .left				{float:left; padding:0; margin:0;}
#footer .right				{float:right; padding:0; margin:0;}
#footer p					{font-size:90%; color:#05637c;}
#footer p a					{font-size:90%; color:#05637c;}