@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
html {
	overflow-y: scroll;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 20px;
}
a:link {
	color: #777777;
}
a:visited {
	color: #777777;
}
ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 25px;
}

/* Header Styles */
.logo {
	height: 90px;
	width: 251px;
	float: left;
}
.navigation {
	background-color: #383838;
	float: left;
	width: 699px;
	height: 90px;
}
.statement {
	height: 58px;
	width: 699px;
	background-image: url(images/headerStatement.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.navBar {
	width: 699px;
	height: 32px;
}
.navBar a {
	text-decoration: none;
}

/* Top Nav Buttons */
#navAbout {
	background: url(images/topNavBar/navAbout.gif) no-repeat 0 -32px;
	width: 76px;
	height: 23px;
	margin-right: 6px;
	margin-left: 6px;
	display: block;
}
#navAbout:hover {
	background-position: 0 0;
}
.navAbout {
	background: url(images/topNavBar/navAbout.gif) top center no-repeat;
	width: 88px;
	margin-bottom: 9px;
	float: left;
}
#navServices {
	background: url(images/topNavBar/navServices.gif) no-repeat 0 -32px;
	width: 102px;
	height: 23px;
	margin-right: 6px;
	margin-left: 6px;
	display: block;
}
#navServices:hover {
	background-position: 0 0;
}
.navServices {
	background: url(images/topNavBar/navServices.gif) top center no-repeat;
	width: 114px;
	margin-bottom: 9px;
	float: left;
}
#navClient {
	background: url(images/topNavBar/navClient.gif) no-repeat 0 -32px;
	width: 86px;
	height: 23px;
	margin-right: 6px;
	margin-left: 6px;
	display: block;
}
#navClient:hover {
	background-position: 0 0;
}
.navClient {
	background: url(images/topNavBar/navClient.gif) top center no-repeat;
	width: 98px;
	margin-bottom: 9px;
	float: left;
}
#navGallery {
	background: url(images/topNavBar/navGallery.gif) no-repeat 0 -32px;
	width: 69px;
	height: 23px;
	margin-right: 6px;
	margin-left: 6px;
	display: block;
}
#navGallery:hover {
	background-position: 0 0;
}
.navGallery {
	background: url(images/topNavBar/navGallery.gif) top center no-repeat;
	width: 81px;
	margin-bottom: 9px;
	float: left;
}
#navTestimonials {
	background: url(images/topNavBar/navTestimonials.gif) no-repeat 0 -32px;
	width: 103px;
	height: 23px;
	margin-right: 6px;
	margin-left: 6px;
	display: block;
}
#navTestimonials:hover {
	background-position: 0 0;
}
.navTestimonials {
	background: url(images/topNavBar/navTestimonials.gif) top center no-repeat;
	width: 115px;
	margin-bottom: 9px;
	float: left;
}
/* Top Nav Contact Box */
#navContact {
	background: url(images/topNavBar/navContact.gif) no-repeat 0 -32px;
	width: 90px;
	height: 32px;
	margin-right: 6px;
	margin-left: 6px;
	display: block;
	position: relative;
	z-index: 7;
}
#navContact.hovered, #navContact:hover {
	background-position: 0 0;
}
.navContact {
	background: url(images/topNavBar/navContact.gif) top center no-repeat;
	width: 102px;
	float: left;
}
#navContactInfo {
	width: 354px;
	height: 171px;
	background-color: #5c5c5c;
	position: absolute;
	left: -264px;
	top: 32px;
	visibility: hidden;
}
#navContact.hovered #navContactInfo, #navContact:hover #navContactInfo {
	visibility: visible;
}
.navContactInfoContent {
	width: 354px;
	padding-top: 21px;
	color: #FFF;
}
.navContactInfoContent a {
	color: #FFF;
	text-decoration: underline;
}
.navContactInfoBoxOne {
	padding-left: 25px;
	width: 90px;
	float: left;
}
.navContactInfoBoxOne a {
	font-size: 11px;
}
.navContactInfoContent a:visited {
	color: #FFF;
}
.navContactInfoImage {
	width: 89px;
	height: 89px;
	background: url(images/contactUs/images/contactImage.jpg) top center no-repeat;
	border: 2px solid #3b3b3b;
}
.navContactInfoBoxTwo {
	width: auto;
	padding-left: 20px;
	line-height: 14px;
	float: left;
}
.navContactInfoBoxThree {
	width: auto;
	padding-left: 23px;
	line-height: 14px;
	float: left;
}

/* Link hover color positioned here to function over link changes on top nav */
a:hover {
	color: #cc0000;
}

/* Left Nav */
#leftNav {
	width: 182px;
	border: 1px solid #ebebeb;
	padding: 9px;
	float: left;
}
.navList {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	line-height: 30px;
}
.navList li {
	border-bottom: 1px solid #f3f3f3;
}
.navList a {
	text-decoration: none;
	display: block;
	width: auto;
	height: 28px;
	padding-left: 13px;
	color: #000;
}
.navList a:hover {
	background-color: #d10001;
	color: #FFF;
	font-weight: bold;
}
#leftNav .active {
	background-color: #d10001;
	color: #FFF;
	font-weight: bold;
}




/* Body Styles */
.content {
	width: 950px;
}
.mainImage {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 950px;
	position: relative;
	z-index: 1;
}
.lightGrey {
	background-color: #f0f0f0;
	padding-right: 65px;
	padding-left: 20px;
}
.lightGrey2 {
	background-color: #f0f0f0;
}
.darkGrey {
	background-color: #383838;
	color: #FFF;
	padding-right: 30px;
	padding-left: 20px;
}
.darkGrey td {
	color: #FFF;
}
.contentLeftLarge {
	padding: 20px;
	width: 580px;
	float: left;
}
.contentRightSmall {
	padding: 20px;
	width: 288px;
	float: left;
}
.contentRightLarge {
	width: 720px;
	padding: 11px;
}
.contentFull {
	width: 910px;
	padding: 20px;
	overflow: hidden;
}
p {
	margin-top: 10px;
	margin-bottom: 20px;
}
.justified {
	text-align: justify;
}



/* Home Page Slideshow */
#mainSlideshow {
	width: 950px;
	height: 350px;
}
#mainSlideshow img {
	display: none;
}
.mainSlideshowNavBg {
	background: url(images/homeSlideControlBg.png) top center no-repeat;
	position: absolute;
	width: 79px;
	height: 20px;
	left: 20px;
	top: 314px;
	z-index: 4;
	display: none;
}
#mainSlideshowNav {
	width: auto;
	height: auto;
	padding-top: 1px;
	padding-left: 13px;
	text-align: center;
}
#mainSlideshowNav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
	line-height: 15px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 1px;
	float: left;
}
#mainSlideshowNav a:hover {
	background-color: #FFF;
	color: #000;
}
#mainSlideshowNav a.activeSlide {
	background-color: #FFF;
	color: #000;
}



/* Floats */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}



/* Footer Styles */
.footer {
	margin: 20px;
	width: 910px;
	text-align: center;
}
.footerSlogan {
	padding: 30px;
}



/* Testimonials Page */
.testimonialsQuoteRight {
	vertical-align: text-top;
	padding-left: 4px;
}
.testimonialsAuthor {
	padding-right: 12px;
	padding-top: 4px;
	width: 200px;
	font-weight: bold;
	text-align: right;
	line-height: 16px;
	float: right;
}
.testimonialsWrapTop {
	width: inherit;
	height: 13px;
}
.testimonialsWrapBottom {
	width: inherit;
	height: 13px;
}

/* Green Testimonial */
.testimonialsGreen {
	width: 383px;
	position: relative;
	left: 501px;
	top: 9px;
	z-index: 0;

}
.testimonialsWrapGreen {
	background-color: #557557;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 9px;
	padding-right: 9px;
}
.testimonialsTextGreen {
	color: #FFF;
	vertical-align: top;
	width: 333px;
	padding-left: 4px;
	float: left;
	
}
.testimonialsQuoteGreenLeft {
	background-image: url(images/testimonials/testimonialsQuoteGreenT.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 28px;
	height: 19px;
	float: left;
}

/* Purple Testimonial */
.testimonialsPurple {
	width: 493px;
	position: relative;
	left: -17px;
	top: -73px;
	z-index: 1;

}
.testimonialsWrapPurple {
	background-color: #556275;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 9px;
	padding-right: 9px;
}
.testimonialsTextPurple {
	color: #FFF;
	vertical-align: top;
	width: 430px;
	padding-left: 4px;
	float: left;
	
}
.testimonialsQuotePurpleLeft {
	background-image: url(images/testimonials/testimonialsQuotePurpT.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 28px;
	height: 19px;
	float: left;
}

/* Yellow Testimonial */
.testimonialsYellow {
	width: 393px;
	position: relative;
	left: 390px;
	top: -140px;
	z-index: 2;

}
.testimonialsWrapYellow {
	background-color: #b08437;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 9px;
	padding-right: 9px;
}
.testimonialsTextYellow {
	color: #FFF;
	vertical-align: top;
	width: 325px;
	padding-left: 4px;
	float: left;
	
}
.testimonialsQuoteYellowLeft {
	background-image: url(images/testimonials/testimonialsQuoteYellT.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 28px;
	height: 19px;
	float: left;
}

/* Red Testimonial */
.testimonialsRed {
	width: 340px;
	position: relative;
	left: 70px;
	top: -290px;
	z-index: 3;

}
.testimonialsWrapRed {
	background-color: #b03d37;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 9px;
	padding-right: 9px;
}
.testimonialsTextRed {
	color: #FFF;
	vertical-align: top;
	width: 275px;
	padding-left: 4px;
	float: left;
	
}
.testimonialsQuoteRedLeft {
	background-image: url(images/testimonials/testimonialsQuoteRedT.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 28px;
	height: 19px;
	float: left;
}

/* Blue Testimonial */
.testimonialsBlue {
	width: 393px;
	position: relative;
	left: 523px;
	top: -350px;
	z-index: 4;

}
.testimonialsWrapBlue {
	background-color: #41a3a4;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 9px;
	padding-right: 9px;
}
.testimonialsTextBlue {
	color: #FFF;
	vertical-align: top;
	width: 320px;
	padding-left: 4px;
	float: left;
	
}
.testimonialsQuoteBlueLeft {
	background-image: url(images/testimonials/testimonialsQuoteBlueT.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 28px;
	height: 19px;
	float: left;
}

/* Brown Testimonial */
.testimonialsBrown {
	width: 493px;
	position: relative;
	left: 56px;
	top: -525px;
	z-index: 5;

}
.testimonialsWrapBrown {
	background-color: #756c55;
	padding-top: 5px;
	padding-bottom: 12px;
	padding-left: 9px;
	padding-right: 9px;
}
.testimonialsTextBrown {
	color: #FFF;
	vertical-align: top;
	width: 430px;
	padding-left: 4px;
	float: left;
	
}
.testimonialsQuoteBrownLeft {
	background-image: url(images/testimonials/testimonialsQuoteBrownT.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 28px;
	height: 19px;
	float: left;
}



/* Our Services Pages */
.servicesContentWrapper {
	width: 742px;
	float: right;
}
.servicesBottomImage {
	width: 742px;
	height: 163px;
}

/* Overview */
.overviewTopImage {
	width: 741px;
	height: 200px;
	background: url(images/ourServices/our-servicesOverviewTop.jpg) top center no-repeat;
}
#overviewBody .servicesBottomImage {
	background: url(images/ourServices/our-servicesOverviewImg2.jpg) top left no-repeat;
	width: 462px;
	height: 191px;
	clear: both;
}

/* Design/Development */
#designBody {
	background: url(images/ourServices/our-services-designBg.jpg) top right no-repeat;
}
.designSubWrapper {
	width: 390px;
}
#designBody .servicesBottomImage {
	background: url(images/ourServices/our-services-designBottom.jpg) top center no-repeat;
}

/* In-House Manufacture/CNC Equipment */
#manufactureBody {
	background: url(images/ourServices/our-services-manufactureBg.jpg) top right no-repeat;
}
.manufactureSubWrapper {
	width: 515px;
}
#manufactureBody .servicesBottomImage {
	background: url(images/ourServices/our-services-manufactureBottom.jpg) top center no-repeat;
}

/* Solid Surfacing/Acrylics */
#surfacingBody {
	background: url(images/ourServices/our-services-surfacingBg.jpg) top right no-repeat;
}
.surfacingSubWrapper {
	width: 385px;
	height: 375px;
}
#surfacingBody .servicesBottomImage {
	background: url(images/ourServices/our-services-surfacingBottom.jpg) top center no-repeat;
}

/* Solid Surfacing/Acrylics */
#metalworkBody {
	background: url(images/ourServices/our-services-metalworkBg.jpg) top right no-repeat;
}
.metalworkSubWrapper {
	width: 425px;
}
#metalworkBody .servicesBottomImage {
	background: url(images/ourServices/our-services-metalworkBottom.jpg) top center no-repeat;
}

/* Electronics/Lighting */
#electronicsBody {
	background: url(images/ourServices/our-services-electronicsBg.jpg) top right no-repeat;
}
.electronicsSubWrapper {
	width: 375px;
	height: 295px;
}
#electronicsBody .servicesBottomImage {
	background: url(images/ourServices/our-services-electronicsBottom.jpg) top center no-repeat;
}

/* Spraying */
#sprayingBody {
	background: url(images/ourServices/our-services-sprayingBg.jpg) top right no-repeat;
}
.sprayingSubWrapper {
	width: 375px;
	height: 258px;
}
#sprayingBody .servicesBottomImage {
	background: url(images/ourServices/our-services-sprayingBottom.jpg) top center no-repeat;
}

/* Installation/Joinery */
#installationBody {
	background: url(images/ourServices/our-services-installationBg.jpg) top right no-repeat;
}
.installationSubWrapper {
	width: 375px;
	height: 305px;
}
#installationBody .servicesBottomImage {
	background: url(images/ourServices/our-services-installationBottom.jpg) top center no-repeat;
}



/* Gallery Page */
.galleryBodyLeft {
	width: 744px;
	height: 350px;
	margin-right: 4px;
	float: left;
}
.galleryNav {
	width: 200px;
	height: 348px;
	border: 1px solid #ebebeb;
	float: left;
	overflow: hidden;
}
.galleryNavBar {
	width: 200px;
	height: 25px;
	background: url(images/gallery/galleryNavBg.gif) top left repeat-x;
	padding-bottom: 1px;
}
.galleryNavBar a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: 185px;
	height: 23px;
	padding-top: 2px;
	padding-left: 15px;
}
.galleryNavBar a:visited {
	color: #FFF;
}
.galleryNavBar a:hover {
	color: #3b3b3b;
}
.galleryNavList {
	width: 185px;
	padding-left: 15px;
	overflow: auto;
	display: none;
}
.galleryNavList a {
	color: #3b3b3b;
	text-decoration: none;
}

/* Individual Gallery List Properties */
#galleryNavJewelryList {
	height: 219px;
	display: block;
}
#galleryNavPersonalizedList {
	height: 219px;
}
#galleryNavDutyList {
	height: 219px;
}
#galleryNavTradeList {
	height: 219px;
}
#galleryNavOtherList {
	height: 219px;
}