*	{margin: 0; padding: 0;}

body	{color: #4c4c4c; background: #fff; font: normal 11px/12px Arial, Helvetica, sans-serif;}

a:link, a:visited	{color: #4c4c4c; text-decoration: none;}
a span	{padding: 0 0 0 7px; background: transparent url(/images/ui/arrow-right.gif) 0 0 no-repeat;}
a.arrow	{padding: 0 0 0 7px; background: transparent url(/images/ui/arrow-right.gif) 0 0 no-repeat;}
a:hover, a.active	{color: #003399;}
a:hover span, a.active span	{background-position: 0 -9999px;}
a:focus	{outline: none;}

a img	{border: none;}

img	{display: block;}

abbr	{border: none;}

h1	{margin: 0 0 4px; font-size: 20px; font-weight: normal; line-height: 21px;}
h2	{margin: 0 0 8px; font-size: 17px; font-weight: bold; line-height: 18px;}
h3	{margin: 0 0 8px; font-size: 14px; font-weight: bold; line-height: 15px;}
h4	{margin: 0 0 4px; color: #000; font-size: 11px; font-weight: bold; line-height: 12px;}
h5	{font-size: 11px; font-weight: normal; line-height: 16px;}
/*  ----------------------
		èççà tiny
	----------------------
*/

.header1	{margin: 0 0 4px; font-size: 20px; font-weight: normal; line-height: 21px;}
.header2	{margin: 0 0 8px; font-size: 17px; font-weight: bold; line-height: 18px;}
.header3	{margin: 0 0 8px; font-size: 14px; font-weight: bold; line-height: 15px;}

/*  --------------------  */



p	{margin: 0 0 12px; line-height: 120%;}
p img	{float: right;}

form p	{margin: 0 0 20px;}
form p label	{display: block; margin: 0 0 4px;}
form p label input.text	{padding: 3px; border: 1px solid #999; width: 100%; font-size: 11px;}
form p label select	{border: 1px solid #999; width: 294px;}

#search label	{display: block; margin: 0 0 4px;}
#search input	{padding: 3px; border: 1px solid #999; width: 286px; font-size: 11px;}
.pages	{margin: 12px 0;}

ul	{list-style: none;}

#container	{padding: 14px 0 0; min-width: 980px;}
* html #container	{height: 1%;}

	#header	{margin: 0 0 -6px; width: 100%; height: 88px; background: transparent url(/images/ui/header-background.png) left top repeat-x; position: relative; z-index: 40;}

		#branding	{width: 191px; height: 95px; background: transparent url(/images/ui/branding.png) left top no-repeat; position: absolute; left: 789px; top: -14px; z-index: 40;}
		* html #branding	{background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ui/branding.png', sizingMethod='none'); top: 0;}

		#title	{padding: 0 30px; width: 162px; height: 22px; border-right: 1px solid #999; color: #000; background: #fff; font-size: 11px; font-weight: normal; line-height: 22px; position: absolute; left: 0; top: 60px;}

		#primary-nav	{margin: 0 30px; padding: 7px 0 0; width: 754px; height: 27px; border-bottom: 1px solid #ccc;}
			#primary-nav li	{float: left; position: relative; z-index: 50;}
			#primary-nav li a	{float: left; padding: 9px 6px 0; height: 18px; color: #fff; font-size: 14px; line-height: 18px;}
			#primary-nav li a.active, #primary-nav li a:hover	{color: #00175c;}
			#primary-nav li.first-child a	{padding: 9px 6px 0 0;}
			#primary-nav li a.series	{padding: 7px 6px 0; height: 20px; font-size: 17px; font-weight: bold; line-height: 20px;}
			#primary-nav li a.dropdown	{margin: -1px -1px; border: 1px solid #999; border-color: #999 #999 #fff; border-width: 1px 1px 1px; color: #00175c; background: #fff; position: relative; z-index: 70;}
			#primary-nav li ul.dropdown	{display: none; margin: 0 -1px; padding: 9px 9px 9px 7px; border: 1px solid #999; width: 185px; height: 254px; background: #fff; position: absolute; left: 0; top: 27px; z-index: 60;}
			#primary-nav li ul li	{width: 185px;}
			#primary-nav li ul li a	{padding: 0; width: 185px; height: 16px; color: #4d4d4d; font-size: 11px; font-weight: normal; line-height: 12px;}
			#primary-nav li ul li a:hover	{color: #00175c;}
			#primary-nav li ul li strong	{display: block; margin: 16px 0 0; height: 16px;}
			#primary-nav li ul li ul	{float: left; margin: 0 0 16px; width: 185px;}

		#secondary-nav	{margin: 0 30px; width: 734px; height: 25px;}
			#secondary-nav li	{float: left;}
			#secondary-nav li a	{float: left; padding: 0 8px; height: 25px; color: #fff; line-height: 25px;}
			#secondary-nav li a.active, #secondary-nav li a:hover	{color: #00175c;}
			#secondary-nav li.first-child a	{padding: 0 8px 0 0;}

	#billboard	{margin: 0 0 -82px; width: 1024px; height: 292px; position: relative; top: -82px; z-index: 10; overflow: hidden;}
	* html #billboard	{1position: relative; 1z-index: -1;}
		#billboard img, #billboard object	{border-bottom: 1px solid #999;}
		#billboard span	{padding: 2px 3px; width: 44px; height: 11px; background: #fff; position: absolute; right: 0; bottom: 0; z-index: 30;}
		#billboard span a	{display: block; width: 13px; height: 11px; background: transparent url(/images/ui/next.gif) left top no-repeat; overflow: hidden;}
		#billboard span a:hover	{background-position: 0 -11px;}

	#billboard2	{margin: 0 0 -22px; width: 1024px; min-height: 291px; position: relative; top: -22px; z-index: 10; overflow: hidden;}
	* html #billboard2	{position: relative; z-index: -1; height:291px; }
		#billboard2 img, #billboard object	{}
		#billboard2 span	{padding: 2px 3px; width: 44px; height: 11px; background: #fff; position: absolute; right: 0; bottom: 0; z-index: 30;}
		#billboard2 span a	{display: block; width: 13px; height: 11px; background: transparent url(/images/ui/next.gif) left top no-repeat; overflow: hidden;}
		#billboard2 span a:hover	{background-position: 0 -11px;}

	#visualizer	{margin: 0 0 -88px; width: 1024px; height: 363px; position: relative; top: -82px; z-index: 0;}
	* html #visualizer	{position: static;}
		#visualizer img	{position: relative; z-index: -1;}
		* html #visualizer img {top: -82px;}
		#visualizer p	{padding: 10px; background: transparent url(/images/ui/sub-nav-transparent.png) left top repeat; position: absolute; left: 317px; top: 50%;}
		* html	#visualizer p	{top: 200px;}
		#visualizer dl	{width: 250px; height: 168px; position: absolute; left: 753px; top: 355px;}
  *html #visualizer dl {z-index: 2;top: 415px;}
		#visualizer dl dt	{float: left; margin: 0 3px 0 0; padding: 7px 11px 5px; width: 100px; color: #4c4c4c; background: transparent url(/images/ui/tab-inactive.gif) left top no-repeat; font-size: 11px; font-weight: normal; line-height: 12px; position: relative; z-index: 10; cursor: pointer;}
  *html #visualizer dl dt	{margin: 0 3px 0 0; padding: 7px 11px 5px; width: 100px; color: #4c4c4c; background: transparent url(/images/ui/tab-inactive.gif) left top no-repeat; font-size: 11px; font-weight: normal; line-height: 12px; position: relative; z-index: 10; cursor: pointer;}
		#visualizer dl dt.active {color: #00175c; background: transparent url(/images/ui/tab-active.gif) left top no-repeat; z-index: 30;}
		#visualizer dl dd	{padding: 15px 10px; border: 1px solid #00175c; width: 225px; height: 113px; background: #fff; position: absolute; left: 0; top: 23px; z-index: 20;}
		#visualizer dl dd ul	{float: left; 1padding: 0 0 22px; height: 113px; position: relative; z-index: 30;}
		#visualizer dl dd ul:after	{display: block; clear: both; height: 0; content: "."; }
		#visualizer dl dd ul li	{float: left; margin: 0 1px 4px 0; border-bottom: 3px solid #fff; height: 35px; cursor: pointer;}
		#visualizer dl dd ul li:hover, #visualizer dl dd ul li.active	{border-bottom: 3px solid #003399;}
		#visualizer dl dd ul li img	{display: block; margin: 0 0 3px;}
		*html #visualizer dl dd ul li img	{margin: 0 0 3px; top:0px}
		#visualizer dl dd ul li span	{width: 225px; position: absolute; left: 0; bottom: 0;}



	#promo	{width: 500px; height: 387px;}
	#promo-text {padding: 15px 30px;}

/*	#news	{padding: 24px 9px; width: 269px; border-left: 1px solid #999; border-right: 1px solid #999;}
		#news p	{padding: 0 0 0 96px;}*/

	#news	{padding: 24px 9px; width: 269px; border-left: 1px solid #999; border-right: 1px solid #999; min-height: 300px}
		#news ul li	{margin: 0 0 12px;}
		#news ul li a span	{display: block; margin: 0 0 4px;}



	#gallery	{}
	#gallery:after	{display: block; clear: both; height: 0; content: "."; visibility: hidden;}
	#gallery2:after	{display: block; clear: both; height: 0; content: "."; visibility: hidden;}
	* html #gallery	{height: 1%;}
	* html #gallery2	{height: 1%;}
	*:first-child+html #gallery	{min-height: 1px;}
	*:first-child+html #gallery2	{min-height: 1px;}

	#sidebar	{padding: 24px 9px; width: 182px;}
		#sidebar ul li	{margin: 0 0 12px;}
		#sidebar ul li a span	{display: block; margin: 0 0 4px;}

	#sub-nav	{padding: 1px 0 20px; border: solid #999; border-width: 0 1px 1px 0; width: 222px; background: transparent url(/images/ui/sub-nav-transparent.png) left top repeat; position: absolute; left: 0; top: 96px; z-index: 20;}
	* html #sub-nav	{left: -1px; 1z-index: -1;}
		#sub-nav ul	{height: 414px;}
		#sub-nav ul li	{border-bottom: 1px solid #999;}
		#sub-nav ul li a	{display: block; padding: 0 30px; height: 23px; background: none; line-height: 23px;}
		#sub-nav ul li a.active	{color: #003399;}
		#sub-nav ul li ul	{padding: 5px 0; height: auto;}
		#sub-nav ul li ul li	{border: none;}
	*html #sub-nav ul li ul li	{height:15px}
		#sub-nav ul li ul li a	{line-height: 15px; height:auto}
		#sub-nav ul li ul li ul {padding: 5px 0 5px 10px;}
		#sub-nav span	{display: block; margin: 0 0 -20px; width: 223px; height: 20px; background: transparent url(/images/ui/nav-toggle.gif) left bottom no-repeat; cursor: pointer;}

	#content	{min-height: 253px; color: #000;}
	* html #container	{height: 517px;}
		#content a span	{1display: block;}
		#content ul	{margin: 0 0 12px; padding: 0 0 0 12px;}
		#content ul li	{margin: 0 0 6px 12px; list-style: square;}
		#content ul li strong	{float: left; width: 100px;}

#footer	{clear: both; width: 100%; min-width: 980px; height: 28px; border-top: 1px solid #999; background: #fff; line-height: 28px; position: fixed; left: 0; bottom: 0; z-index: 30;}
	#footer ul	{width: 980px;}
	#footer ul li	{float: right; margin: 0 9px 0 0;}
	#footer ul li a	{float: left; height: 28px;}

.column	{float: left;}

.entry	{margin: 0 0 32px; padding: 0 0 0 96px; 1height: 96px;}
.entry a img	{float: left; margin: 0 0 0 -96px; position: relative;}
* html .entry a img	{margin: 0 0 0 -48px;}
.entry a span	{display: block; margin: 0 0 4px;}
.entry h4	{margin: 0;}
.entry h4 img	{}

.hidden	{display: none;}

.clickable	{cursor: pointer;}

.ui-toggle	{padding: 0 0 0 7px; color: #4c4c4c; background: transparent url(/images/ui/arrow-right.gif) 0 0 no-repeat; cursor: pointer;}
.ui-next	{padding: 0 7px 0 0; color: #4c4c4c; background: transparent url(/images/ui/arrow-right.gif) 100% 0 no-repeat; cursor: pointer;}
.ui-prev	{padding: 0 0 0 7px; color: #4c4c4c; background: transparent url(/images/ui/arrow-left.gif) 0 0 no-repeat; cursor: pointer;}
.ui-close	{display: block; width: 13px; height: 12px; background: #fff url(/images/ui/close.gif) 0 0 no-repeat; position: absolute; right: 1px; top: 1px; overflow: hidden; cursor: pointer;}
.ui-close:hover	{background-position: 0 -12px;}
span.active, span:hover	{color: #003399; background-position: 0 -9999px;}
.ui-next:hover	{background-position: 100% -9999px;}

#primary-nav:after,
#primary-nav ul li:after,
#content:after,
#main-content .entry:after,
#guide:after,
#product:after,
#shop:after,
.entry:after,
.item:after	{display: block; clear: both; height: 0; content: "."; visibility: hidden;}

.section:after	{display: block; clear: both; height: 0; content: "."; visibility: hidden;}

body.overview #content	{padding: 16px 0 29px 30px; width: 960px;}
body.overview #content dl	{float: left; margin: 0 0 12px;}
body.overview #content dl dt	{margin: 0 0 12px; width: 192px;}
body.overview #content dl dd	{padding: 0 0 0 9px; border-left: 1px solid #999; width: 135px; height: 96px;}
body.overview #content dl dd h4	{margin: 0 0 4px;}
body.overview #content dl dd ul	{margin: 0; padding: 0;}
body.overview #content dl dd ul li	{margin: 0 0 4px; list-style: none;}

body.owners #content	{float: left; padding: 16px 0 29px 30px; width: 580px;}
body.owners #content dl	{float: left; margin: 0 0 12px;}
body.owners #content dl dd	{padding: 0 0 0 9px; border-left: 1px solid #999; width: 135px; height: 178px;}
body.owners #content dl dd h4	{margin: 0 0 4px;}
body.owners #content dl dd ul	{padding: 0;}
body.owners #content dl dd ul li	{margin: 0 0 4px; list-style: none;}
body.owners #sidebar	{float: left; margin: 16px 0 0; padding: 0 0 0 9px; border-left: 1px solid #999; width: 231px;}

body.gallery #gallery {width: 526px;}
body.gallery #gallery2 {width: 526px;}
body.gallery #content	{padding: 0 0 29px 270px; position: relative; top: -22px;}
body.gallery #content img	{width: 526px; height: 303px; position: relative; z-index: 20;}
body.gallery #content img.preview	{float: left; margin: 0 -2px -2px 0; width: 37px; height: 24px; z-index: 10; border: 2px solid #fff;}
body.gallery #content img.active	{float: left; margin: 0 -2px -2px 0; width: 37px; height: 24px; z-index: 20; border: 2px solid #039;}

body.team #content .entry	{padding: 0 0 0 106px;}
body.team #content .entry img	{margin: 0 0 0 -106px; width: 86px;}
* html body.team #content .entry img	{margin: 0 10px 0 -53px;}



	#shop	{padding: 12px 30px 29px 270px; width: 724px; height: 548px; background: transparent url(/images/ui/shop.jpg) left top no-repeat;}
	#shop.wide	{padding: 12px 30px 29px 30px; width: 964px;}
		#guide	{margin: 0 0 12px; padding: 6px 0; border-bottom: 1px solid #636562;}
		#cart	{float: right; padding: 0 0 0 19px; background: transparent url(/images/ui/cart.gif) left center no-repeat; text-align: right;}
		#products	{height: 480px; overflow: auto;}
		#product	{width: 950px; background: transparent url(/images/ui/product.jpg) left top no-repeat;}
		#product h2	{margin: 0; padding: 16px 22px 13px; border-bottom: 1px solid #636562; color: #000;}
		#product img	{float: left;}
		#product .column	{padding: 22px; width: 263px;}
		#product .column p	{height: 99px; overflow: auto;}
		#product .column p strong	{font-size: 17px;}
		#shop .item	{position: rlative; float: left; margin: 4px 8px 3px 0; padding: 2px 4px 4px 2px; width: 162px; height: 190px; background: transparent url(/images/ui/item.png) left top no-repeat;}
		#shop .item h4	{padding: 6px 13px 12px; font-weight: normal;}
		#shop .item h4 strong	{display: block;}

		#shop .item img.trolley {margin: -12px 0 0 0;}
		#shop .item span {position: relative; top:0px; left: 149px; z-index: 39;}




/* IE */
* html .ui-toggle	{cursor: hand;}
.hover	{color: #003399; background-position: -9999px 4px;}

* html #primary-nav,
* html #primary-nav ul li,
* html #content,
* html #guide,
* html #product,
* html #shop,
* html .entry,
* html .item	{height: 1%;}

*:first-child+html #primary-nav,
*:first-child+html #primary-nav ul li,
*:first-child+html #content,
*:first-child+html #guide,
*:first-child+html #product,
*:first-child+html #shop,
*:first-child+html .entry,
*:first-child+html .item	{min-height: 1px;}

* html #header	{background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ui/header-background.png', sizingMethod='scale');}
* html #sub-nav	{background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ui/sub-nav-transparent.png', sizingMethod='scale');}


/* -- */
form p label textarea.text	{padding: 3px; border: 1px solid #999; width: 100%; height: 120px; font-size: 11px;}

#md	{clear: both; height: 28px;  background: #fff; }
	#md ul	{margin:0px; padding:0px;}
	#md ul li	{ margin: 0 11px 0 0; list-style:none; display:inline;}
	#md ul li a	{ height: 28px;}
	#md span:hover{color: #2222ee;}


.rolled, .rolled2 {display: none;}
/* -- */