body, p, blockquote, pre { margin: 0; padding: 0; }
a img, iframe { border: none; }
img { margin: 0; padding: 0; }
strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; }
ul, ol, dl, li, dt, dd { margin: 0; padding: 0; list-style: none; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
form, fieldset { margin: 0; padding: 0; border: none; }
legend { padding: 0; color: #000; }
input, textarea, select { margin: 0; padding: 1px; font-size: 100%; font-family: inherit; border: none; }
textarea { resize: none; }
select { padding: 0; }
.clear { clear: both; }
.hidden { display: none; }

/* Global Layout
----------------------------------------------------------------------- */
html,body { margin:0; padding:0; height:100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #393939;
	background: #002144;
	}

a { color: #393939; }
a:hover { color: #f4aa00; }

#page {
	width: 960px;
	margin: auto;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #002144;
	}

.pad {
	padding: 10px;
	float: left;
	_float: none;
	/*background: yellow;*/
	}

/* Navigation
----------------------------------------------------------------------- */
#navigation {
	margin: 0 0 0px 0;
	padding: 0px 0 0px 0;
	height: 60px;
	background: none;
	}

#navigation .logo {
	margin: 20px 0 0px 0px;
	text-indent: -9000em;
	overflow: hidden;
	float: left;
	width: 93px;
	height: 31px;
	background: #002144 url("../imgs/global/logo.gif") no-repeat;
	}

/* Header Navigation
----------------------------------------------------------------------- */
#navigation ul {
	float: right;
	margin: 40px 0 0px 0;
	padding: 0;
	width: 687px; 
	height: 10px;
	background: none;
	}

#navigation li {
	float: left;
	margin-right: 72px;
	}

#navigation li a {
	display: block;
	float: left;
	height: 10px;
	text-indent: -9000em;
	overflow: hidden;
	}

#navigation li a:hover { background-position: 0 -10px; }

#navigation li#home_btn a {
	background-image: url("../imgs/global/home_btn.gif");
	width: 42px;
	}

#navigation li#collection_btn a {
	background-image: url("../imgs/global/collection_btn.gif");
	width: 87px;
	}

#navigation li#retail_btn a {
	background-image: url("../imgs/global/retail_btn.gif");
	width: 43px;
	}

#navigation li#news_btn a {
	background-image: url("../imgs/global/news_btn.gif");
	width: 39px;
	}

#navigation li#about_btn a {
	background-image: url("../imgs/global/about_btn.gif");
	width: 50px;
	}

#navigation li#contact_btn,
#navigation li#contact_btn a {
	margin-right: 0px;
	background-image: url("../imgs/global/contact_btn.gif");
	width: 66px;
	}

body.home #navigation li#home_btn a,
body.collection #navigation li#collection_btn a,
body.retail #navigation li#retail_btn a,
body.news #navigation li#news_btn a,
body.about #navigation li#about_btn a,
body.contact #navigation li#contact_btn a {
	background-position: 0 -10px;
	}


/* Content
----------------------------------------------------------------------- */
#content {
	float: left;
	margin: 0 0 10px 0;
	width: 960px;
	height: 590px;
	background: #fff;
	}


/* Columns
----------------------------------------------------------------------- */
#left {
	float: left;
	margin: 0 0 0px 0;
	height: 570px;
	background: #fff;
	}

#right {
	float: left;
	margin: 0 0 0px 0;
	height: 570px;
	background: #fff;
	}

#flash_holder {
	width: 940px;
	/*height: 630px;*/
	color: #333;
	background: #fff;
	}

#flash_holder p {
	padding: 10px;
	}

#flash_holder img {
	padding: 0px 10px 10px 10px;
	}

#flash_holder {
	background: #fff url("../imgs/home/no-flash.jpg") no-repeat;
	}


/* Home
----------------------------------------------------------------------- */
body.home #content {
	height: 650px;
	}

body.home #flash_holder {
	height: 630px;
	}



/* Collection
----------------------------------------------------------------------- */
body.collection #content {
	height: 650px;
	}
	
body.collection #flash_holder {
	height: 630px;
	}



/* Retail
----------------------------------------------------------------------- */
body.retail a { color: #fff; }
body.retail a:hover { color: #f4aa00; }

body.retail #left {
	width: 467px;
	height: 570px;
	background: #002b5c url("../imgs/retail/retail_01.jpg") no-repeat;
	}

body.retail #right {
	overflow: hidden;
	float: left;
	width: 473px;
	height: 570px;
	color: #fff;
	background: #002b5c;
	}

body.retail #right .pad {
	padding: 20px 0px 0px 30px;
	}

body.retail #right h1 {
	text-indent: -9000em;
	overflow: hidden;
	margin: 0 0px 20px 0;
	width: 209px;
	height: 17px;
	background: #002b5c url("../imgs/retail/retail_header.gif") no-repeat;
	}

body.retail #right h2 {
	padding: 0 0 2px 0;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.3px;
	}

body.retail #right ul {
	float: left;
	margin: 0px 20px 0 0;
	}

body.retail #right li {
	margin: 0px 0 20px 0;
	}

body.retail #right li p,
body.retail #right #store_locations li pre {
	letter-spacing: 0.2px;
	}

body.retail #right li pre {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	letter-spacing: 0.2px;
	}

body.retail #right select {
	float: left;
	outline: none;
	margin: 20px 20px 20px 0;
	width: 185px;
	background: #fff;
	}
	
.ie7 body.retail #right select {
	margin-bottom: 16px;
	}	

body.retail #right #select-holder {
	float: left;
	}

body.retail #right #store_locations {
	float: left;
	outline: none;
	border: none;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	width: 443px;
	height: 408px;
	_height: 404px;
	}

body.retail #right #loader {
	display: none;
	clear: both;
	float: left;
	}


/* News
----------------------------------------------------------------------- */
body.news #left {
	width: 470px;
	background: #fff url("../imgs/news/news_bg.jpg") no-repeat;
	}

body.news #right {
	width: 470px;
	background: #fff;
	}

body.news #right .pad {
	padding: 20px 0px 20px 30px;
	}

body.news #right h1 {
	text-indent: -9000em;
	overflow: hidden;
	margin: 0 0px 30px 0;
	width: 80px;
	height: 23px;
	background: #fff url("../imgs/news/news_header.gif") no-repeat;
	}

body.news #right h2 {
	padding: 0 0 2px 0;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.5px;
	}

body.news #right li {
	margin: 0 0 20px 0;
	padding: 0 40px 0 0;
	}

body.news #right p {
	padding: 0 0 5px 0;
	text-align: justify;
	letter-spacing: 0.2px;
	}

body.news #right p.date {
	margin: 0 0 10px 0;
	}

body.news #right #video_hidden {
	display: none;
	margin: 20px;
	background: #fff;
	}

/* News Scrollbar
----------------------------------------------------------------------- */
#scroll_area {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 440px;
	height: 497px;
	overflow: auto;
	position: relative;
	/*background: #fff;*/
	}

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
	}

.vscrollerbase {
	width: 12px;
	background: #ddd;
	}

.vscrollerbar {
	width: 12px;
	height: 75px !important;
	background: #868686;
	}

.scrollerjogbox {
	width: 12px;
	height: 12px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background: #ddd;
	}


/* About
----------------------------------------------------------------------- */
body.about #left {
	width: 470px;
	}

body.about #right {
	width: 470px;
	background: #fff;
	}

body.about #right .pad {
	padding: 20px 30px 20px 30px;
	}

body.about #right ul {
	float: left;
	margin: 0px 0 40px 0;
	padding: 0;
	width: 395px; 
	height: 17px;
	background: none;
	}

body.about #right li {
	float: left;
	margin-right: 41px;
}

body.about #right li a {
	display: block;
	float: left;
	height: 17px;
	text-indent: -9000em;
	overflow: hidden;
	}

body.about #right li a:hover { background-position: 0 -17px; }

body.about #right li#lincs_btn a {
	background-image: url("../imgs/about/lincs_btn.gif");
	width: 63px;
	}

body.about #right li#company_btn a {
	background-image: url("../imgs/about/company_btn.gif");
	width: 118px;
	}

body.about #right li#biography_btn,
body.about #right li#biography_btn a {
	margin-right: 0px;
	background-image: url("../imgs/about/biography_btn.gif");
	width: 131px;
	}

body.about #right h1 {
	margin: 0 0 20px 0;
	font-size: 22px;
	font-weight: normal;
	}

body.about #right p {
	margin: 0 0 10px 0;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	}

body.about li#lincs_btn.on a,
body.about li#company_btn.on a,
body.about li#biography_btn.on a {
	background-position: 0 -17px;
	}


/* Contact
----------------------------------------------------------------------- */
body.contact h1,
body.contact h2 {
	text-indent: -9000em;
	overflow: hidden;
	}

body.contact h1 {
	margin: 0 0px 30px 0;
	}

body.contact h2 {
	margin: 0 0px 20px 0;
	}

body.contact #left {
	width: 380px;
	background: #fff;
	letter-spacing: 0.2px;
	}

body.contact #left .pad {
	padding: 20px 20px 20px 10px;
	}

body.contact #left h1 {
	width: 110px;
	height: 17px;
	background: #fff url("../imgs/contact/contact_header.gif") no-repeat;
	}

body.contact #left h2 {
	width: 149px;
	height: 11px;
	background: #fff url("../imgs/contact/davidchu_header.gif") no-repeat;
	}

body.contact #right {
	width: 560px;
	background: #fff;
	}

body.contact #right .pad {
	padding: 67px 200px 20px 30px;
	}

body.contact #right h2 {
	width: 167px;
	height: 11px;
	background: #fff url("../imgs/contact/mailing_header.gif") no-repeat;
	}

body.contact #right p em {
	font-size: 11px;
	}

body.contact #right fieldset {
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	font-size: 10px;
	background: #fff;
	}

body.contact #right fieldset label { }

body.contact #right fieldset input,
body.contact #right fieldset textarea {
	margin: 0 0px 5px 0;
	padding: 5px;
	width: 310px;
	color: #393939;
	background: #e9e7e7;
	}

body.contact #right fieldset textarea {
	height: 100px;
	}

body.contact #right fieldset p {
	float: left;
	letter-spacing: 0.2px;
	}

body.contact #right fieldset input.btn {
	float: right;
	margin: 0 5px 0 0;
	padding: 0px;
	width: 118px;
	height: 30px;
	background: none;
	}

body.contact #right .validation-advice {
	color: red;
	}

/* Footer
----------------------------------------------------------------------- */
#footer {
	clear: both;
	height: 55px;
	padding: 0;
	font: 9px/2em Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #4f749f;
	background: #002144;
	}

#footer .copyright {
	margin: auto;
	text-align: center;
	height: 55px;
	background: #002144 url("../imgs/global/sheild.jpg") no-repeat 470px 0px;
}

#footer .copyright p {
	padding: 27px 0 0 0;
}

