/* ------------ color reference ----------- */
/*
White:			#ffffff
Black:			#000000
*/

/* ------------ basic elements ------------ */

body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	}
strong {
	font-weight: bold;
	}
/* ------------ common classes ------------ */

.left {
	float: left;
	}
.right {
	float: right;
	}
.clear {
	clear: both;
	}
.home, .grey {
	background-color: #58585a;
	border-color: #58585a;
	}
.products, .magenta {
	background-color: #8c1846;
	border-color: #8c1846;
	}
.customize, .orange {
	background-color: #f57b20;
	border-color: #f57b20;
	}
.projects, .aqua {
	background-color: #00a9a2;
	border-color: #00a9a2;
	}
.news, .green {
	background-color: #c9c007;
	border-color: #c9c007;
	}
.facebook {
	padding: 6px 10px 6px 30px;
	line-height: 24px;
	background: url(../images/icons/FaceBook_24x24.png) left center no-repeat;
	margin: 0;
	}
.twitter {
	padding: 6px 10px 6px 30px;
	line-height: 24px;
	background: url(../images/icons/Twitter_24x24.png) left center no-repeat;
	margin: 0;
	}
.share {
	padding: 6px 10px 6px 30px;
	line-height: 24px;
	background: url(../images/icons/Share_24x24.png) left center no-repeat;
	margin: 0;
	}
	
/* ------------ fckeditor styles ---------- */

#cms_new_products {
	background-color: #353334;
	color: #FFFFFF;
	height: 385px;
	overflow: auto;
	padding: 15px 20px 0;
	width: 630px;
	float: left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica,sans-serif;
	}

#cms_new_products .right {
	float: right;
	}

.npcms { /* used to make FCKeditor look correct when editing new products area */
	color: #FFFFFF;
	height: 385px;
	overflow: auto;
	padding: 15px 20px 0;
	width: 630px;
	font-size: 12px;
	}	


/* ------------ template layout ----------- */

#container {
	width: 900px;
	margin: auto;
	}
	#header {
		height: 75px;
		padding-top: 10px;
		color: #ccc;
		font-size: 13px;
		text-align: right;
		}
		#header .tagline {
			padding-top: 10px;
			font-size: 14px;
			text-align: left;
			letter-spacing: .1em;
			text-transform: lowercase;
			}
			#header .tagline span {
				float: right;
				margin-bottom: 15px;
				font-size: 11px;
				text-transform: none;
				}
		#header ul {
			clear: right;
			float: right;
			text-transform: lowercase;
			}
			#header li {
				float: left;
				border-left: 1px solid #ccc;
				}
				#header li a {
					display: block;
					padding: 5px 10px;
					color: #ccc;
					text-decoration: none;
					}
				#header li a:hover {
					color: #58585A;
					}
				#header li #search {
					width: 111px;
					height: 20px;
					padding: 3px 10px 3px 25px;
					margin-left: 10px;
					background: url(../images/search_bg.png) top left no-repeat;
					border: none;
					}
	#nav_main {
		clear: both;
		height: 29px;
		position: relative;
		margin-bottom: -9px;
		background: url(../images/transparent/menu_shadow.png) bottom left repeat-x;
		z-index: 999;
		}
		#nav_main li {
			float: left;
			position: relative;
			}
			#nav_main li a, ul.nav li span {
				display: block;
				width: 160px;
				color: #fff;
				text-decoration: none;
				padding: 2px 20px;
				font-size: 13px;
				letter-spacing: .1em;
				text-transform: uppercase;
				}
				#nav_main .home {
					width: 100px;
					overflow: hidden; /*IE6*/
					}
				#nav_main li ul.nav {
					display: none;
					position: absolute;
					width: 195px;
					left: 0;
					top: 20px;
					padding-bottom: 5px;
					background: url(../images/transparent/menu_bg.png);
					border-left-width: 5px;
					border-left-style: solid;
					border-left-color: inherit;
					}
				#nav_main li:hover ul.nav, #nav_main li.over ul.nav {
					display: block;
					}
					#nav_main li ul.nav li, ul.nav li {
						}
						#nav_main li ul.nav li a, ul.nav li a, ul.nav li span {
							font-size: 11px;
							width: 180px;
							margin-top: 5px;
							padding: 5px 0 5px 15px;
							}
						#nav_main li ul.nav li a:hover, ul.nav li a:hover {
							background-color: #333;
							padding: 5px 0 5px 15px;
							}
						#nav_main li ul.nav li ul, ul.nav li ul {
							position: relative;
							top: 0;
							background: none;
							border: none;
							}
							#nav_main li ul.nav li ul li a, ul.nav li ul li a {
								margin: 0;
								width: 175px;
								padding: 2px 0 2px 20px;
								text-transform: capitalize;
								font-size: 10px;
								}
							#nav_main li ul.nav li ul li a:hover, ul.nav li ul li a:hover {
								padding: 2px 0 2px 20px;
								}
		#nav_main .nav_shadow {
			display: block;
			position: absolute;
			top: 0;
			left: -5px;
			height: 9px;
			width: 100%;
			padding-right: 5px;
			background: url(../images/transparent/menu_shadow.png) bottom left repeat-x;
			}
	#content_wrap {
		height: 400px;
		width: 100%;
		background-color: #353334;
		}
		#side_nav {
			float: left;
			width: 200px;
			height: 380px;
			padding: 20px 15px 0 15px;
			background-image: url(../images/transparent/sidenav_bg.png);
			}
			#side_nav h1 {
				color: #fff;
				text-transform: uppercase;
				font-size: 13px;
				margin-bottom: 20px;
				}
			#side_nav p {
				font-size: 12px;
				margin-bottom: 10px;
				}
			#side_nav a {
				color: #000;
				}
			#side_nav ul {
				margin-left: -15px;
				text-transform: uppercase;
				background: none;
				}
				#side_nav.capitalize ul {
					text-transform: capitalize;
					}
				#side_nav ul a, #side_nav ul span {
					color: #222;
					display: block;
					text-decoration: none;
					width: 215px;
					font-size: 13px;;
					}
					#side_nav ul a:hover {
						color: #fff;
						}
					#side_nav ul li ul {
						margin-left: 0;
						}
						#side_nav ul li ul a {
							width: 210px;
							font-size: 12px;
							}
			#side_nav div.profile {
				clear: both;
				color: #fff;
				font-size: 10px;
				text-transform: uppercase;
				}
				#side_nav div.profile img {
					float: left;
					margin-right: 10px;
					margin-bottom: 20px;
					}
				#side_nav div.profile strong {
					font-size: 12px;
					}
				#side_nav div.profile p {
					padding-top: 10px;
					}
			#side_nav label {
				float: left;
				width: 75px;
				font-size: 12px;
				text-transform: lowercase;
				color: #333;
				}
			#side_nav input {
				float: left;
				width: 125px;
				border: none;
				padding: 0;
				margin-bottom: 5px;
				background: #fff;
				height: 16px;
				}
			#side_nav button {
				font-family: Arial, Helvetica, sans-serif;
				clear: both;
				border: none;
				background: none;
				padding: 0;
				margin: 10px 0;
				cursor: pointer;
				font-weight: bold;
				text-transform: lowercase;
				font-size: 12px;
				text-align: left;
				color: #333;
				}
			#side_nav a.button {
				font-weight: bold;
				text-transform: lowercase;
				text-decoration: none;
				font-size: 12px;
				line-height: 30px;
				color: #333;
				}

		#content {
			float: left; 
			height: 400px;
			font-size: 12px;
			color: #fff;
			}
			#content .border {
				border: 1px solid;
				}
			#content .caption {
				font-weight: bold;
				font-size: 10px;
				margin: 5px 0 15px 0;
				}
			#content h1 {
				font-size: 16px;
				text-transform: uppercase;
				padding-bottom: 5px;
				border-bottom: 1px solid;
				margin-bottom: 20px;
				}
			#content h2 {
				font-size: 12px;
				text-transform: uppercase;
				font-weight: bold;
				margin-bottom: 10px;
				}
			#content p {
				margin: 0 20px 20px 0;
				}
			#content a {
				color: #fff;
				}
			#content button {
				font-family: Arial, Helvetica, sans-serif;
				clear: both;
				border: none;
				background: none;
				padding: 0;
				margin: 10px 0;
				cursor: pointer;
				font-weight: bold;
				text-transform: lowercase;
				font-size: 12px;
				text-align: left;
				color: #fff;
				}
			#content ul.imagelist {
				margin-top: 20px;
				}
				#content ul.imagelist li {
					clear: both;
					font-size: 10px;
					}
					#content ul.imagelist li img {
						float: left;
						margin: 0 20px 20px 0;
						}
					#content ul.imagelist li strong {
						text-transform: uppercase;
						}
					#content ul.imagelist li p {
						margin-bottom: 10px;
						}
			#content ol {
				list-style: decimal;
				font-size: 18px;
				margin: 20px 30px;
				color: #9A9C9E;
				}
				#content ol li a {
					font-size: 12px;
					color: #881847;
					font-weight: bold;
					text-decoration: none;
					}
					#content ol li a span {
						font-size: 10px;
						color: #4D4D4F;
						}
			/* PRODUCT LIST styles */
			#content ul.product_list {
				}
				#content ul.product_list li {
					height: 150px;
					padding: 10px;
					margin-bottom: 10px;
					}
					#content ul.product_list li:hover {
						background-color: #444;
						color: #fff;
						}
					#content ul.product_list a {
						text-decoration: none;
						}
					#content ul.product_list li img {
						float: left;
						margin-right: 20px;
						}
					#content ul.product_list li h1 {
						padding-top: 20px;
						font-size: 14px;
						border: none;
						}
			/* FRAME LIST styles */
			#content ul.frame_list {
				}
				#content ul.frame_list li {
					height: 150px;
					padding: 10px;
					margin-bottom: 10px;
					font-size: 10px;
					}
					#content ul.frame_list li:hover {
						background-color: #444;
						color: #fff;
						}
					#content ul.frame_list a {
						text-decoration: none;
						}
					#content ul.frame_list li img {
						float: left;
						margin-right: 20px;
						}
					#content ul.frame_list li h1 {
						font-size: 14px;
						border: none;
						margin-bottom: 10px;
						}
			
			/* PROJECT LIST styles */
			#content ul.project_list {
				font-size: 10px;
				}
				#content ul.project_list li {
					float: left;
					padding: 10px;
					width: 100px;
					height: 160px;
					margin: 0 15px 10px 15px;
					margin-bottom: 10px;
					}
					#content ul.project_list li:hover {
						background-color: #444;
						color: #fff;
						}
					#content ul.project_list a {
						text-decoration: none;
						}
					#content ul.project_list li img {
						border: 1px solid #fff;
						}
					#content ul.project_list li h2 {
						font-size: 12px;
						border: none;
						margin-bottom: 0;
						}
					#content ul.project_list li p {
						margin-bottom: 0;
						}
			#content ul.notable_projects {
				}
				#content ul.notable_projects li {
					width: 50%;
					float: left;
					}
				#content ul.notable_projects p {
					font-size: 10px;
					margin-bottom: 10px;
					}
					#content ul.notable_projects p strong {
						font-size: 12px;
						}

			/* FILE LIST styles */
			#content ul.file_list {
				}
				#content ul.file_list li {
					line-height: 20px;
					}
					#content ul.file_list li.vaultnote {
						font-weight: bold;
						margin-bottom: 10px;
						}
					#content ul.file_list li span {
						float: right;
						width: 100px;
						text-align: right;
						}
					#content ul.file_list li a {
						padding-left: 25px;
						float: left;
						width: 350px;
						background-image: url(/images/icons/icon_default.png);
						background-position: 2px center;
						background-repeat: no-repeat;
						}
					#content ul.file_list li a[href $='.pdf'] { 
						background-image: url(/images/icons/icon_pdf.png);
						}
					#content ul.file_list li a[href $='.xls'] { 
						background-image: url(/images/icons/icon_excel.png);
						}
					#content ul.file_list li a[href $='.xlsx'] { 
						background-image: url(/images/icons/icon_excel.png);
						}
					#content ul.file_list li a[href $='.doc'] { 
						background-image: url(/images/icons/icon_word.png);
						}
					#content ul.file_list li a[href $='.docx'] { 
						background-image: url(/images/icons/icon_word.png);
						}
					#content ul.file_list li a[href $='.zip'] { 
						background-image: url(/images/icons/icon_zip.png);
						}
					#content ul.file_list li a[href $='.gif'] { 
						background-image: url(/images/icons/icon_img.png);
						}
					#content ul.file_list li a[href $='.jpg'] { 
						background-image: url(/images/icons/icon_img.png);
						}
					#content ul.file_list li a[href $='.png'] { 
						background-image: url(/images/icons/icon_img.png);
						}
					#content ul.file_list li a[href $='.tif'] { 
						background-image: url(/images/icons/icon_img.png);
						}
					#content ul.file_list li a[href $='.eps'] { 
						background-image: url(/images/icons/icon_img.png);
						}
					#content ul.file_list li a[href $='.bmp'] { 
						background-image: url(/images/icons/icon_img.png);
						}
					#content ul.file_list li a[href $='.ppt'] { 
						background-image: url(/images/icons/icon_ppt.png);
						}
					#content ul.file_list li a[href $='.pptx'] { 
						background-image: url(/images/icons/icon_ppt.png);
						}
					#content ul.file_list li a[href $='.swf'] { 
						background-image: url(/images/icons/icon_swf.png);
						}
					#content ul.file_list li a:hover {
						background-color: #626161;
						position: relative;
						}
						#content ul.file_list li a img {
							display: none;
							}
						#content ul.file_list li a:hover img {
							display: block;
							position: absolute;
							margin-right: -50px;
							top: 0;
							right: 0;
							border: 5px solid #626161;
							}
						
			/* DOT TABLE styles */
			#content table.dot_table {
				font-size: 9px;
				border-collapse: collapse;
				margin-bottom: 15px;
				}
				#content table.dot_table thead th {
					border-left: 1px solid #fff;
					border-right: 1px solid #fff;
					text-align: center;
					vertical-align: bottom;
					padding: 0 3px 5px 3px;
					width: 50px;
					}
					#content table.dot_table thead th.hide {
						visibility: hidden;
						border: none;
						width: auto;
						}
					#content table.dot_table thead tr.main th {
						text-transform: uppercase;
						text-align: center;
						width: auto;
						padding: 0 3px 10px 3px;
						}
				#content table.dot_table tbody tr {
					height: 40px;
					}
					#content table.dot_table tbody td {
						vertical-align: middle;
						text-align: center;
						border: 1px solid #fff;
						}
						#content table.dot_table tbody td.dot {
							background: url(../images/icons/dot.png) center no-repeat;
							}
						#content table.dot_table tbody td.dot:after {
							content: "Yes";
							visibility: hidden;
							}
					#content table.dot_table tbody th {
						vertical-align: middle;
						border-top: 1px solid #fff;
						border-right: 1px solid #fff;
						border-bottom: 1px solid #fff;
						}

			/* SEARCH RESULTS styles */
			#content ol.search_results {
				list-style: decimal;
				color: #9A9C9E;
				}
				#content ol.search_results li {
					margin-bottom: 10px;
					}
				#content ol.search_results p {
					font-size: 12px;
					margin-bottom: 5px;
					color: #fff;
					}
				#content ol.search_results a {
					font-size: 14px;
					text-decoration: underline;
					color: #C9C007;
					}
				#content ol.search_results p.relevance {
					font-size: 10px;
					color: #9A9C9E;
					}
						
			/* LAYOUT styles - widths are 20px less with scrollbars */
			#content.twothird {
				width: 400px; 
				height: 385px;
				padding: 15px 250px 0 20px;
				color: #fff;
				overflow: auto;
				}
			#content.full {
				height: 385px;
				width: 630px;
				padding: 15px 20px 0 20px;
				color: #fff;
				overflow: auto;
				}
				
			/* PAGE-SPECIFIC styles */
			#content.beveling {
				background: #353334 url(../images/pages/customize/bevel.jpg) 420px top no-repeat;
				}
				#content.beveling img.right {
					border: 1px solid #fff;
					margin: 0 20px 20px 20px;
					}
			#content.frames {
				background: #353334 url(../images/pages/customize/frames.jpg) 420px top no-repeat;
				line-height: 12px;
				}
				#content.frames p {
					line-height: 14px;
					}
				#content.frames div {
					width: 50%;
					}
				#content.frames label {
					display: block;
					}
				#content.frames a {
					padding: 0 0 0 3px;
					font-weight: bold;
					text-transform: lowercase;
					text-decoration: none;
					font-size: 12px;
					line-height: 30px;
					color: #fff;
					}
			#content.mirroroptions {
				background: #353334 url(../images/pages/customize/mirroroptions.jpg) 420px top no-repeat;
				}
				#content.mirroroptions div.option {
					border-bottom: 1px solid #fff;
					margin-bottom: 10px;
					}
					#content.mirroroptions div.option p {
						width: 100px;
						}
					#content.mirroroptions div.option img {
						float: right;
						}
			#content.ourstory {
				background: #353334 url(../images/pages/company/ourstory.jpg) 420px top no-repeat;
				font-size: 10px;
				}
			#content.difference {
				background: #C7C8C8 url(../images/pages/company/difference.jpg) 420px top no-repeat;
				color: #4D4D4F;
				}
				#content.difference h2 {
					color: #881847;
					font-size: 14px;
					}
				#content.difference p {
					font-size: 13px;
					line-height: 20px;
					}
			#content.blog {
				color: #919396;
				font-size: 12px;
				}
				#content.blog a {
					color: #919396;
					}
				#content.blog div.blog_entry {
					padding-bottom: 30px;
					}
				#content.blog div.posted_by {
					margin-bottom: 10px;
					}
				#content.blog div.comments {
					}
					#content.blog div.comments img {
						float: left;
						margin-right: 5px;
						}
					#content.blog div.comments a {
						color: #919396;
						margin-right: 20px;
						}
					#content.blog div.comments p {
						font-size: 10px;
						padding: 5px; 
						background-color: #fff;
						margin-bottom: 0;
						}
				#content.blog h1 {
					margin-bottom: 10px;
					}
					#content.blog h1 .right {
						font-size: 12px;
						}
				#content.blog p {
					}
			#content.contact {
				background: #E5E6E6;
				color: #919396;
				}
				#content.contact label {
					clear: left;
					float: left;
					width: 200px;
					line-height: 16px;
					text-transform: lowercase;
					}
					#content.contact label.inline {
						float: left;
						clear: none;
						width: 80px;
						padding-left: 20px;
						}
				#content.contact input {
					margin-bottom: 5px;
					height: 16px;
					border: 0;
					}
					#content.contact input.text {
						float: left;
						width: 400px;
						}
						#content.contact input.text_short1 {
							float: left;
							width: 200px;
							}
						#content.contact input.text_short2 {
							float: left;
							width: 100px;
							}
				#content.contact button {
					font-family: Arial, Helvetica, sans-serif;
					clear: both;
					border: none;
					background: none;
					padding: 0;
					margin: 10px 0;
					cursor: pointer;
					font-weight: bold;
					text-transform: lowercase;
					font-size: 12px;
					text-align: left;
					color: #333;
					}
				#content.contact textarea {
					float: left;
					width: 400px;
					height: 100px;
					margin-bottom: 10px;
					border: 0;
					}
				#content.contact form {
					padding-bottom: 20px;
					}
				#content.contact a {
					color: #333;
					font-size: 10px;
					}
				#content.contact .ErrorNote {
					color: #FF0000;
					margin-bottom: 10px;
					}
					#content.contact .ErrorNote h3 {
						font-weight: bold;
						}
					#content.contact .ErrorNote li {
						list-style: disc;
						}
					#content.contact .ErrorNote label {
						text-transform: capitalize;
						}
			
			#content.newproducts {
				position: relative;
				}
				#content.newproducts ul {
					margin-bottom: 10px;
					padding-left: 15px;
					list-style: square;
					}
					#content.newproducts #small_gallery {
						float: right;
						margin-left: 10px;
						position: relative;
						}

			/* POPUP-SPECIFIC styles */
			#content.lyteframe {
				width: 750px;
				height: 500px;
				padding: 25px;
				background: #C7C8C8;
				overflow: auto;
				}
				#content.lyteframe hr {
					height: 1px;
					border: none;
					background-color: #a5a7a9;
					background: #a5a7a9;
					}
				#content.lyteframe.difference {
					line-height: 14px;
					}
					#content.lyteframe.difference p {
						line-height: 16px;
						}
					#content.lyteframe.difference div {
						width: 50%;
						}
					#content.lyteframe.difference ol {
						margin: 10px 10px 10px 2px;
						padding-left: 30px;
						}
						#content.lyteframe.difference li {
							margin-bottom: 5px;
							}
					#content.lyteframe.difference strong {
						font-size: 12px;
						color: #881847;
						font-weight: bold;
						}
					#content.lyteframe.difference span {
						font-size: 10px;
						color: #4D4D4F;
						}
				#content.lyteframe.frames {
					color: #333;
					line-height: 18px;
					font-size: 11px;
					height: 400px;
					overflow: auto;
					}
					#content.lyteframe.frames a {
						color: #333;
						font-weight: bold;
						text-decoration: none;
						}
				#content.lyteframe.project_details {
					color: #333;
					line-height: 18px;
					font-size: 12px;
					height: 450px;
					position: relative;
					}
					#content.lyteframe.project_details div.details_left {
						float: left;
						width: 250px;
						}
						#content.lyteframe.project_details div.details_left #project_gallery {
							float: left;
							height: 325px;
							width: 250px;
							overflow: hidden;
							position: relative;
							}
							#content.lyteframe.project_details div.details_left #project_gallery div.gallery_controls {
								text-align: center;
								}
							#content.lyteframe.project_details div.details_left #project_gallery div.img_wrap {
								float: left;
								width: 250px;
								}
							#content.lyteframe.project_details div.details_left #project_gallery #gallery_list {
								position: relative;
								}
					#content.lyteframe.project_details div.details_right {
						margin-left: 275px;
						}
						#content.lyteframe.project_details div.details_right h1 {
							border: none;
							font-size: 28px;
							line-height: 28px;
							letter-spacing: .1em;
							color: #666;
							padding-top: 20px;
							margin-bottom: 0;
							}
						#content.lyteframe.project_details div.details_right h2 {
							border: none;
							font-size: 16px;
							font-weight: normal;
							color: #666;
							margin-bottom: 20px;
							}
						#content.lyteframe.project_details div.details_right p {
							padding-bottom: 20px;
							border-bottom: 2px solid #fff;	
							}
				#content.lyteframe.news_press_releases {
					color: #333;
					}
					#content.lyteframe.news_press_releases img {
						float: right;
						margin-left: 20px;
						margin-bottom: 20px;
						}
				#content.lyteframe.news_videos {
					height: 370px;
					color: #333;
					overflow: hidden;
					}
					#content.lyteframe.news_videos div.video {
						float: left;
						margin-right: 20px;
						border: 1px solid #333;
						}
				#content.lyteframe.product_details {
					color: #333;
					line-height: 18px;
					font-size: 11px;
					height: 450px;
					position: relative;
					}
					#content.lyteframe.product_details img {
						float: left;
						margin-right: 25px;
						}
					#content.lyteframe.product_details strong {
						font-size: 12px;
						}
					#content.lyteframe.product_details h1 {
						border: none;
						font-size: 28px;
						line-height: 28px;
						letter-spacing: .1em;
						color: #666;
						}
					#content.lyteframe.product_details h2 {
						color: #fff;
						text-transform: none;
						font-size: 16px;
						font-weight: normal;
						}
					#content.lyteframe.product_details img.series_image {
						margin-bottom: 10px;
						}
					#content.lyteframe.product_details div.details_top {
						margin-left: 225px;
						border-bottom: 1px solid #fff;
						}
						#content.lyteframe.product_details div.details_top p {
							margin-bottom: 5px;
							}
					#content.lyteframe.product_details div.details_new {
						margin-left: 225px;
						margin-bottom: 10px;
						height: 65px;
						padding-top: 5px;
						border-bottom: 1px solid #fff;
						}
					#content.lyteframe.product_details div.details_bottom {
						margin-top: 25px;
						position: relative;
						}
						#content.lyteframe.product_details div.details_bottom ul.size_list {
							width: 330px;
							float: left;
							}
							#content.lyteframe.product_details div.details_bottom ul.size_list li {
								clear: left;
								height: 17px;
								}
								#content.lyteframe.product_details div.details_bottom ul.size_list li.head span {
									font-weight: bold;
									}
								#content.lyteframe.product_details div.details_bottom ul.size_list div {
									display: none;
									text-align: center;
									position: fixed;
									top: 350px;
									left: 25px;
									width: 200px;
									text-transform: uppercase;
									font-size: 12px;
									font-weight: bold;
									color: #666;
									background-color: #C7C8C8;
									text-align: left;
									}
									#content.lyteframe.product_details div.details_bottom ul.size_list div img {
										margin-bottom: 10px;
										display: block;
										}
									#content.lyteframe.product_details div.details_bottom ul.size_list div p {
										width: 200px;
										}
								#content.lyteframe.product_details div.details_bottom ul.size_list li:hover {
									background-color: #666;
									color: #fff;
									}
									#content.lyteframe.product_details div.details_bottom ul.size_list li.head:hover {
										background: none;
										color: #333;
										
										}
									#content.lyteframe.product_details div.details_bottom ul.size_list li:hover div {
										display: block;
										}
							#content.lyteframe.product_details div.details_bottom ul.size_list span {
								float: left;
								width: 75px;
								margin-right: 0;
								text-align: center;
								}
								#content.lyteframe.product_details div.details_bottom ul.size_list span.name {
									width: 180px;
									}
						#content.lyteframe.product_details div.details_bottom div.details_instructions {
							float: left;
							width: 200px;
							padding-right: 25px;
							padding-top: 40px;
							text-align: center;
							}
						#content.lyteframe.product_details div.details_bottom div.details_links {
							float: right;
							padding-left: 25px;
							border-left: 1px solid #fff;
							}
							#content.lyteframe.product_details div.details_bottom div.details_links a {
								color: #666;
								text-decoration: none;
								font-size: 12px;
								font-weight: bold;
								}


/* ------------ intro layout ----------- */
			
		#slide_wrap {
			position: relative;
			overflow: hidden;
			width: 900px;
			height: 400px;
			}
			#slide_control {
				visibility: hidden;
				position: absolute;
				z-index: 500;
				top: 350px;
				left: 25px;
				padding: 5px;
				background: url(../images/transparent/menu_bg.png);
				}
				#slide_control a {
					float: left;
					}
				#slide_pagination {
					float: left;
					margin: 0 5px;
					}
				#slide_control div.marker {
					float: left;
					width: 9px;
					height: 9px;
					margin: 3px 5px;
					background: url(../images/home_banner/marker_inactive.png) center center no-repeat;
					}
					#slide_control div.marker.active {
						background: url(../images/home_banner/marker_active.png) center center no-repeat;
						}
			#slide_wrap .slide_item, #slide_wrap .intro_item {
				visibility: hidden;
				width: 900px;
				height: 400px;
				color: #fff;
				}
				#slide_wrap .intro_item {
					position: absolute;
					}
				#slide_wrap .slide_item .banner {
					position: absolute;
					top: 265px;
					right: 0;
					width: 410px;
					padding: 10px 20px;
					letter-spacing: .05em;
					font-size: 36px;
					}
					#slide_wrap .slide_item .banner.left {
						margin-left: 0;
						margin-right: auto;
						text-align: right;
						}
					#slide_wrap .slide_item.aqua .banner {
						background: url(../images/transparent/aqua.png);
						}
					#slide_wrap .slide_item.green .banner{
						background: url(../images/transparent/green.png);
						}
					#slide_wrap .slide_item.magenta .banner {
						background: url(../images/transparent/magenta.png);
						}
					#slide_wrap .slide_item.orange .banner {
						background: url(../images/transparent/orange.png);
						}
				#slide_wrap .slide_item .bannercaption {
					position: absolute;
					top: 350px;
					right: 40px;
					width: 95%;
					text-align: right;
					text-transform: uppercase;
					font-size: 10px;
					}

/* ------------ gallery layout ----------- */

			#gallery {
				width: 100%;
				position: relative;
				}
				#gallery #mask, #gallery #captionwrap {
					position: absolute;
					left: 50%;
					overflow: hidden;
					border-color: #fff;
					border-style: solid;
					}
					#gallery #mask #images {
						position: relative;
						}
						#gallery #mask #images a {
							position: relative;
							z-index: 99;
							}
						#gallery #mask #images div.img {
							float: left;
							overflow: hidden;
							}
							#gallery #mask #images div.img a {
								position: relative;
								}
							#gallery #mask #images div.img a div.magnify {
								position: absolute;
								width: 50px;
								height: 50px;
								right: 0;
								bottom: 0;
								background: url(/images/magnify.png) top left no-repeat;
								z-index: 9999;
								}
					#gallery #captionwrap #captions {
						position: relative;
						font-size: 10px;
						font-weight: bold;
						text-transform: uppercase;
						}
						#gallery #captionwrap #captions div {
							float: left;
							}
							#gallery #captionwrap #captions div a {
								float: right;
								}
							
				#gallery #thumbwrap {
					overflow: auto;
					margin: auto;
					height: auto;
					padding-bottom: 0;
					}
					#gallery #thumbwrap #thumbs {
						}
						#gallery #thumbwrap #thumbs li {
							float: left;
							cursor: pointer;
							}
							#gallery #thumbwrap #thumbs li img {
								border-color: #353334;
								border-style: solid;
								}
							#gallery #thumbwrap #thumbs li img:hover {
								border-color: #fff;
								border-style: solid;
								}

				#small_gallery {
					float: right;
					height: 350px;
					width: 300px;
					overflow: hidden;
					position: relative;
					}
					#small_gallery div.gallery_controls {
						text-align: center;
						}
					#small_gallery div.img_wrap {
						float: left;
						width: 300px;
						}
					#small_gallery #gallery_list {
						position: relative;
						}


/* ------------ footer layout ----------- */

	#footer {
		border-top: 7px solid #666;
		position: relative;
		background-color: #fff;
		height: 85px;
		}
		#footer .mask_top {
			background: url(../images/footer/footer_mask_top.png) top left no-repeat;
			position: absolute;
			width: 100%;
			height: 13px;
			top: 0;
			left: 0;
			z-index: 999;
			}
		#footer .mask_bottom {
			background: url(../images/footer/footer_mask_bottom.png) top left no-repeat;
			position: absolute;
			width: 100%;
			height: 11px;
			bottom: 3px;
			left: 0;
			z-index: 999;
			}
		#footer .footer_item {
			float: left;
			position: relative;
			height: 68px;
			width: 169px;
			padding: 8px 0 6px 0;
			margin-left: 10px;
			overflow: hidden;
			border-left-width: 3px;
			border-left-style: solid;
			background: url(../images/footer/footer_background.png);
			background-position: 0 0;
			color: #fff;
			font-size: 9px;
			line-height: 11px;
			}
			#footer .footer_item a {
				color: #fff;
				text-decoration: none;
				}
				#footer .footer_item a:hover {
					color: #aaa;
					}
			#footer .footer_item img {
				float: right;
				margin-top: -20px;
				}
			#footer .footer_item h2 {
				font-size: 14px;
				padding: 10px 0 0 10px;
				}
			#footer .footer_item p {
				clear: left;
				padding: 5px 0 0 10px;
				width: 80px;
				overflow: visible;
				}
				#footer .footer_item p.full {
					width: 140px;
					}
			#footer .footer_item.first {
				margin-left: 0;
				}
			#footer .footer_item.item1 {
				background-image: url(../images/footer/item_1.png);
				}
			#footer .footer_item.item2 {
				background-image: url(../images/footer/item_2.png);
				}
			#footer .footer_item.item3 {
				background-image: url(../images/footer/item_3.png);
				}
			#footer .footer_item.item4 {
				background-image: url(../images/footer/item_4.png);
				}
			#footer .footer_item.item5 {
				background-image: url(../images/footer/item_5.png);
				}
		.colorbar {
			clear: both;
			}
			.colorbar div {
				padding: 1px 20px;
				height: 1px;
				width: 160px;
				float: left;
				}
				.colorbar div.home {
					width: 60px;
					}
		#social {
			float: right;
			}
			#social a {
				float: left;
				font-size: 11px;
				color: #bbb;
				text-decoration: none;
				}
			#social a:hover {
				color: #58585A;
				}