@charset "utf-8";
/*
|-----------::====================================================================::-----------|
|           :: LAMSAN, Inc.                                                       ::           |
|           :: Common Website Style-sheet                                         ::           |
|           :: Version 1.0.0000.0000                                              ::           |
|-----------::====================================================================::-----------|
               DEFAULT ELEMENT STYLES
                 all: *
                 links: a
                 body: body
                 headings: h1, h2
                 images: img
                 paragraphs: p
                 unordered lists: ul li
               SKELETAL UI ELEMENTS
                 Primary Page Area: wrap, wrap.homepage
                 Secondary Content Containers: body, body.homepage, footer, footer.homepage, header, panel
                 Tertiary Content Containers: 
               COMMON PAGE ELEMENTS, ELEMENT-SPECIFIC STYLES and SUB-ELEMENTS
                 Page Banner: #banner
                 Company Business Card: #businessCard
                   label
                 Page Footer: #footer
                   a
                 ISO Certification: #ISOCertification, #ISOCertification.homepage
                 Primary Navigation Menu: #siteMenu
                   li, li.siteMenuBG, li a
                 Secondary Navigation Menu: #sectionMenu
                   li, li.sectionMenuBG, li a
               PAGE-SPECIFIC ELEMENTS & STYLES
               + Homepage
                   Aniamted Flash Bars: #homeBarsL, #homeBarsR
                   Menu: #homeMenu
                     li
               + Products
                   Lifestyle Photo: img.lifestylePhoto
                   Product Descriptions: div.productDescription
                   Product Specifications: table.productSpecifications
                     td.header, td.label
               + Manufacturing
                   Manufacturing Process: #millingProcess
                     li, li img, li .no, li .name
                   Plant Gallery: #gallery
                     li, li#viewPort, li#viewPort img, li.heading, li a, li a.portrait
               + Careers
                   Job Openings List: #jobIndex
                     li, li img, li .no, li .name
               + News & Announcements
                   News Index: #newsIndex
                     li, li a, li a div.preview, li a div.withTN, li a font.date, li a font.title, li a img
               + Site Map
                   WebPage Directory: #siteMap
                     li, li a, li ul li
               REUSABLE STYLES
                 Alternative Font Styles: .fontSize_Small, .fontSize_Large, .fontSize_Larger
                 Color Styles: .color_DEFAULT, .color_Grey, .color_Red
                 Floating Elements: .float_L, .float_R
                 Image Styles: div.captionedImage, div.captionedImage img, img.bordered
|-----------::====================================================================::-----------|
|           ::                          REVISION HISTORY                          ::           |
|-----------::====================================================================::-----------|
  v1.0.000.000 :: November 16, 2009
    1. Initial published version of Cascading Style Sheet
    *. Web Form Elements CSS located in: _includes/cmnFX/cmnFX.WebForms.css
*/





/* DEFAULT ELEMENT STYLES */
/* * { margin: 0px; padding: 0px; }
a { color: #4D6F00; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: underline; }

h1 {
	margin-bottom: 30px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 15pt; color: #10552c; font-weight: normal; line-height: 16pt;
}
h2 {
	margin-bottom: 10px;
	font-family: "Tahoma", Arial, sans-serif; font-size: 13pt; color: #10552c; font-weight: normal; line-height: 14pt;
}
img { border: none; }
p { margin-bottom: 15px; }
ul li {
	margin-right: 5px ; padding-left: 15px;
	background: url("../images/icoBullet.gif") no-repeat;
	list-style: none;
} */





/* SKELETAL UI ELEMENTS */
/* #body {
	min-height: 400px; position: relative;
	margin-left: 250px; padding-right: 20px;
	text-align: justify;
}
#body.homepage {
	height: 565px;
	margin-left: 0px; padding: 0px;
	background: url("../images/bgHome.jpg") 0px 0px no-repeat;
	text-align: center;
}
#footer {
	height: 45px; position: relative;
	margin-top: 50px; padding-top: 15px;
	background: url("../images/bgFooter.jpg") top center no-repeat;
	font-size: 8pt; text-align: center; line-height: 11pt;
}
#footer.homepage {
	margin-top: 0px;
	background: #F9F9F9 url("../images/bgFooter_Home.jpg") 0px 0px no-repeat;
}
#header {
	height: 290px; position: relative;
	background: url("../images/bgHeader.jpg") 0px 65px no-repeat;
}
#panel {
	width: 220px; position: absolute; top: 290px; left: 20px;
	padding: 50px 0px 0px 10px;
	background: url("../images/bgPanel.jpg") 0px 0px no-repeat;
}
#wrap {
	width: 960px; position: relative;
	margin: 0px auto 0px auto; padding: 0px 20px 0px 20px;
	background: #FFFFFF url("../images/bgWrap.gif") center repeat-y;
}
#wrap.homepage {
	width: 1105px;
	background: none;
} */





/* COMMON PAGE ELEMENTS */
#_icubusID {
	height: 20px; width: 20px; position: absolute; top: 22px; right: 30px;
	background: url("../images/_icubusID.png") top left no-repeat;
	font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 6pt; font-weight: bold; color: #FFFFFF; text-align: center; text-decoration: none;
}
#banner { height: 222px; width: 760px; position: absolute; top: 68px; left: 200px; }
#businessCard {
	position: absolute; top: 70px; left: 15px;
	font-size: 8pt; line-height: 10.4pt;
}
	#businessCard label {
		width: 70px; display: inline-block;
		font-weight: bold; color: #999999; line-height: 10pt;
	}
/* #footer a { color: #000000; font-weight: bold; text-decoration: none; }
#footer a:hover { text-decoration: underline; } */
#ISOCertification {
	height: 80px; width: 80px; position: absolute; bottom: 5px; left: 10px;
	background: url("../images/ISOCertification.jpg") 0px 0px no-repeat;
}
#ISOCertification.homepage {
	height: 50px; width: 50px; position: absolute; top: 5px; left: 75px;
	border: 1px solid #CCCCCC;
}
#LAMSANLogo { position: absolute; top: 8px; left: 10px; }
#siteMenu { height: 20px; position: absolute; top: 21px; right: 10px; z-index: 1000; }
	#siteMenu li {
		height: 20px; float: left;
		margin-right: 1px; padding: 0px;
		background: none;
	}
	#siteMenu li.siteMenuBG {
		height: 20px; position: absolute; z-index: -1;
		margin-top: 0px; padding-top: 0px;
		border: 1px solid #F5F681; background: #FFFE8A;
	}
		#siteMenu li a {
			height: 22px; display: inline-block;
			padding: 0px 12px 0px 12px;
			font-size: 8pt; font-weight: bold; color: #000000; text-decoration: none; line-height: 20px;
		}
		#siteMenu li a:hover { text-decoration: none; }
#sectionMenu { width: 180px; position: absolute; top: 90px; left: 10px; z-index: 1000; }
	#sectionMenu li {
		height: 22px;
		margin: 0px; padding: 0px 5px 8px 5px;
		background: none;
	}
	#sectionMenu li.sectionMenuBG {
		height: 22px; width: 180px; position: absolute; z-index: -1;
		margin-top: 0px; padding: 1px 0px 1px 0px;
		background: url("../images/bgSectionMenuH.png") 0px 0px no-repeat;
	}
		#sectionMenu li a {
			height: 20px; width: 170px; display: block;
			font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 20px;
		}
		#sectionMenu li a:hover { text-decoration: none; }





/* PAGE-SPECIFIC ELEMENTS & STYLES */
/* HomePage :: Menu */
#homeBarsL { position: absolute; top: 0px; left: 0px; }
#homeBarsR { position: absolute; top: 0px; right: 0px; }
#homeMenu {
	width: 960px;
	margin: 0px auto 0px auto; padding-top: 420px;
}
	#homeMenu li {
		display: inline-block;
		margin: 0px 25px 0px 25px; padding: 0px;
		background: none;
	}
/* Products :: Lifestyle Photo */
img.lifestylePhoto {
	float: right;
	margin: 36px 25px 0px 0px; padding: 1px; border: 1px solid #E5E5E5;
}
/* Products :: Product Descriptions */
div.productDescription {
	margin-bottom: 30px;
	font-size: 11pt; line-height: 15pt; text-align: justify;
}
table.productSpecifications {
	width: 300px;
	margin-bottom: 5px;
	border-bottom: 1px solid #10552c; border-left: 1px solid #10552c;
}
	table.productSpecifications td {
		border-top: 1px solid #10552c; border-right: 1px solid #10552c;
		padding: 1px 5px 1px 5px;
		font-size: 8pt;
	}
	table.productSpecifications td.header { font-weight: bold; text-align: center; }
	table.productSpecifications td.label {
		width:90px;
		color: /*#10552c*/#4D6F00;
	}
/* Manufacturing :: Process */
#millingProcess { }
	#millingProcess li {
		min-height: 120px;
		margin-bottom: 30px; padding: 0px;
		text-align: justify;
	}
		#millingProcess li img {
			float: left;
			margin-right: 15px; padding: 1px;
			border: 1px solid #E5E5E5;
		}
		#millingProcess li .no { font-size: 9pt; font-weight: bold; color: #FF0000; }
		#millingProcess li .name { font-size: 13pt; line-height: 15pt; }
/* Manufacturing :: Gallery */
#gallery {
	position: relative;
	margin-top: 30px;
}
	#gallery li {
		display: inline-block;
		margin-right: 13px; padding: 0px;
		background: none;
	}
	#gallery li#viewPort {
		height: 100%; width: 100%; position: absolute; visibility: hidden;
		background: #FFFFFF url("../images/AJAXLoaders/Bar.gif") 230px 252px no-repeat;
	}
		#gallery li#viewPort img {
			height: 495px; width: 660px;
			margin: 0px 0px 0px 5px; padding: 0px; border: 10px solid #E5E5E5;
		}
	#gallery li#viewPort.portrait { background: #FFFFFF url("../images/AJAXLoaders/Bar.gif") 230px 252px no-repeat; }
		#gallery li#viewPort.portrait img {
			height: 660px; width: 495px;
			margin: 0px 0px 0px 70px; padding: 0px; border: 10px solid #E5E5E5;
		}
	#gallery li.heading {
		display: block;
		margin: 15px 0px 20px 0px; padding-left: 10px;
		font-family: "Tahoma", Arial, sans-serif; font-size: 13pt; /*color: #10552c;*/ font-weight: normal; line-height: 14pt;
	}
		#gallery li a {
			height: 100px; width: 135px; display: block;
			margin: 8px; padding: 1px; border: 1px solid #E5E5E5;
		}
		#gallery li a:hover { margin: 0px; padding: 0px; border: 10px solid #FFFE8A; }
			#gallery li a img { height: 100px; width: 135px; }
		#gallery li a.portrait {
			height: 135px; width: 100px; display: block;
			margin: 8px 25px 8px 25px; padding: 1px; border: 1px solid #E5E5E5;
		}
		#gallery li a.portrait:hover { margin: 0px 17px 0px 17px; padding: 0px; border: 10px solid #FFFE8A; }
			#gallery li a.portrait img { height: 135px; width: 100px; }
/* Career Opportunities :: Job Openings List */
#jobIndex { }
	#jobIndex li {
		margin: 0px 0px 20px -5px; padding: 0px;
		background: none;
	}
		#jobIndex li a {
			display: block;
			padding: 1px 4px 1px 4px;
			border: 2px solid #FFFFFF;
			font-weight: normal; color: #0E0E0E; text-decoration: none;
		}
		#jobIndex li a:hover { border: 3px solid #E5E5E5; background: #f1c40f; color:#ggg; }
			#jobIndex li a font.title { font-size:15px; font-weight: bolder; color: #10552c; }
			#jobIndex li a div.description { margin-bottom: 5px; font-weight: bolder; }		
			#jobIndex li a div.qualification {				font-weight: bolder;
				padding-left: 10px;
				background: url("../images/icoBullet.gif") 1px 7px no-repeat;
			}
/* News & Announcements :: News Index */
#newsIndex {
	position: relative;
	margin-bottom: 30px;
}
	#newsIndex li {
		position: relative;
		margin: 0px 0px 5px -5px; padding: 0px;
		background: none;
	}
		#newsIndex li a {
			display: block;
			padding: 1px 4px 1px 4px;
			border: 1px solid #FFFFFF;
			font-size: 8pt; text-decoration: none; line-height: 10pt;
		}
		#newsIndex li a:hover { border: 1px solid #E5E5E5; background: #FAFAFA; }
			#newsIndex li a div.preview { font-weight: normal; color: #666666; }
			#newsIndex li a div.withTN {
				min-height: 67px;
				padding-left: 69px;
			}
			#newsIndex li a font.date { font-weight: bold; color: #0E0E0E; }
			#newsIndex li a font.title { font-weight: bold; color: #4D6F00; }
			#newsIndex li a img {
				height: 60px; width: 60px; position: absolute; top: 30px; left: 4px;
				padding: 1px;
				border: 1px solid #E5E5E5;
			}
/* Site Map :: WebPage Directory */
#siteMap { }
	#siteMap li {
		margin: 0px; padding: 0px;
		background: none;
		font-size: 8.4pt; font-weight: bold;
	}
	#siteMap li a { color: #096100; text-decoration: none; }
	#siteMap li a:hover { text-decoration: underline; }
		#siteMap li ul li {
			margin-right: 5px ; padding-left: 10px;
			background: url("../images/icoBullet2.gif") 2px 7px no-repeat;
		}





/* REUSABLE STYLES */
.color_DEFAULT { color: #0E0E0E; }
.color_Grey { color: #999999; }
.color_Green { color: #4D6F00; }
.color_Red { color: #FF0000; }
.color_White { color: #FFFFFF; }
.fontSize_Large { font-size: 11pt; line-height: 14pt; }
.fontSize_Larger { font-size: 13pt; line-height: 15pt; }
.fontSize_Small { font-size: 8pt; line-height: 10pt; }
.float_L {
	float: left;
	margin-right: 15px;
}
.float_R {
	float: right;
	margin-left: 15px;
}
div.captionedImage { font-size: 8pt; color: #666666; text-align: center; }
	div.captionedImage img {
		display: block;
		margin-bottom: 3px;
	}
img.bordered {
	padding: 1px;
	border: 1px solid #E5E5E5;
}