@charset "UTF-8";

html {
	height:100%;
	margin: 0px;
	padding:0px;
}


body {
	background-image: url(images/canvas-bg.gif);
	background-repeat: repeat;
	margin: 0px;
	padding:0px;
	height:100%;
}

#splashBox {
	width:712px;
	min-height:100%;
    position:relative;
    margin: 0 auto;
	background-image:url(images/splash-image.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#splashInner {
	width:712px;
	height:455px;
	position:absolute;
	top:50%;
	margin-top:-227px;
}

#splashInner a {
	width:100%;
	height:100%;
    display:block;
}


#containerBG {
	padding:0;
	width:882px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-image:url(images/bg-glow-top.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#container {
	width:844px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}


#header {
	width:882px;
	height:185px;
	margin:0;
	padding:0;
	position:relative;
}


#headerLogo {
	width:484px;
	height:185px;
	position:relative;
	float:left;
	background-image:url(images/logo-header.png);
	display:block;
	left:1px;
	top:20px;
	z-index:20;
}

#headerLogo a {
	width:100%;
	height:100%;
	display:block;
}



#content {
	padding:0px;
	margin:0px;
	position:relative;
	background-image:url(images/brown-gradient.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	margin-top:4px;
	margin-left:1px;
}

#homeBoxShadow {
	width:843px;
	height:441px;
	background-position:center;
	background-image:url(images/homepage-bg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
}
#homeBox {
	width:808px;
	height:405px;
	background-position:center;
	background-image:url(images/homepage-bg.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:16px;
}

#homeGlass {
	width:720px;
	height:733px;
	padding:30px;
	background-image:url(images/home-glass.png);
	background-repeat:no-repeat;
	text-align:left;
	font-family:"Trebuchet MS";
	color:#620b0c;
	font-size:15px;
}


#homeContent {
	padding:50px 254px 0 43px;
	text-align:left;
	font-family:"Trebuchet MS";
	color:#620b0c;
	font-size:15px;
}

#homeContent a {
	color:#49351f;
}

#homeContent li {
	list-style:square;
}


#aboutBoxShadow {
	width:843px;
	height:845px;
	background-position:center;
	background-image:url(images/about-bg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:25px 0 0 0;
	text-align:center;
}

#aboutBox {
	width:808px;
	height:826px;
	background-position:center;
	background-image:url(images/about-bg.jpg);
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	padding:0px 0 0 35px;
	bottom:2px;
}

#aboutContent {
	padding:70px 0px 0 0px;
	width:808px;
}

#aboutGlass {
	width:720px;
	height:733px;
	padding:30px 30px 30px 30px;
	background-image:url(images/about-glass.png);
	background-repeat:no-repeat;
	text-align:left;
	font-family:"Trebuchet MS";
	color:#49351f;
	font-weight:bold;
}

.shadow  {
	position:relative;
	display:block; 
	color:#49351f; 
}

.shadow span {
	position:absolute; 
	display:block; 
	top:0px;
}

.shadow:before {
	display:block; 
	padding:1px; 
	content: attr(title); 
	color:#ffefcf;
}

.aboutGlass16 {
	font-size:16px;
	position:relative;
	display:block; 
	color:#49351f; 
}

.aboutGlass16 span {
	position:absolute; 
	display:block; 
	top:0px;
}

.aboutGlass16:before {
	display:block; 
	padding:1px; 
	content: attr(title); 
	color:#ffefcf;
}

.aboutGlass12 {
	font-size:13px;
	position:relative;
	display:block; 
	color:#49351f; 
}

.aboutGlass12 span {
	position:absolute; 
	display:block; 
	top:0px;
}

.aboutGlass12:before {
	display:block; 
	padding:1px; 
	content: attr(title); 
	color:#ffefcf;
}


.aboutGlass15 {
	font-size:15px;
	position:relative;
	display:block; 
	color:#49351f;
}

.aboutGlass15 span {
	position:absolute; 
	display:block; 
	top:0px;
}

.aboutGlass15:before {
	display:block; 
	padding:1px; 
	content: attr(title); 
	color:#ffefcf;
}





#contactBoxShadow {
	width:843px;
	height:559px;
	background-position:center;
	background-image:url(images/contact-bg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:25px 0 0 0;
	text-align:left;
}

#contactBox {
	width:808px;
	height:539px;
	background-position:center;
	background-image:url(images/contact-bg.jpg);
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	padding:0px 0 0 35px;
	bottom:2px;
}

#contactContent {
	padding:70px 0px 0 0px;
	width:808px;
}

#contactGlass {
	width:720px;
	height:419px;
	padding:30px;
	background-image:url(images/contact-glass.png);
	background-repeat:no-repeat;
	text-align:left;
	font-family:"Trebuchet MS";
	color:#49351f;
}



#fiberBoxShadow {
	width:843px;
	height:1020px;
	background-position:center;
	background-image:url(images/fiber-bg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:25px 0 0 0;
	text-align:left;
}

#fiberBox {
	width:808px;
	height:1000px;
	background-position:center;
	background-image:url(images/fiber-bg.jpg);
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	padding:0px 0 0 35px;
	bottom:2px;
}

#fiberContent {
	padding:70px 0px 0 0px;
	width:808px;
}

#fiberGlass {
	width:720px;
	height:904px;
	padding:30px;
	background-image:url(images/fiber-glass.png);
	background-repeat:no-repeat;
	text-align:left;
	font-family:"Trebuchet MS";
	color:#49351f;
	font-size:12px;
}





#paintingBoxShadow {
	width:843px;
	height:1020px;
	background-position:center;
	background-image:url(images/fiber-bg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:25px 0 0 0;
	text-align:left;
}

#paintingBox {
	width:808px;
	height:1000px;
	background-position:center;
	background-image:url(images/painting-bg.jpg);
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	padding:0px 0 0 35px;
	bottom:2px;
}

#paintingContent {
	padding:70px 0px 0 0px;
	width:808px;
}

#paintingGlass {
	width:720px;
	height:904px;
	padding:30px;
	background-image:url(images/fiber-glass.png);
	background-repeat:no-repeat;
	text-align:left;
	font-family:"Trebuchet MS";
	color:#49351f;
	font-size:12px;
}




#testimonialsBoxShadow {
	width:843px;
	height:820px;
	background-position:center;
	background-image:url(images/testimonials-bg.png);
	background-repeat:no-repeat;
	margin:0;
	padding:25px 0 0 0;
	text-align:left;
}

#testimonialsBox {
	width:808px;
	background-position:center top;
	background-image:url(images/testimonials-bg.jpg);
	background-repeat:no-repeat;
	margin:0;
	position:relative;
	padding:0px 0 0 35px;
	bottom:2px;
}

#testimonialsContent {
	padding:70px 0px 0 0px;
	width:808px;
}

#testimonialsGlass {
	width:720px;
	height:700px;
	padding:30px;
	background-image:url(images/testimonials-glass.png);
	background-repeat:no-repeat;
	text-align:left;
	font-family:"Trebuchet MS";
	color:#49351f;
	font-size:12px;
}





.15 {
	font-size:15px;
}

.16 {
	font-size:16px;
}

.12 {
	font-size:12px;
}

#footer {
	width:843px;
	height:25px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
	color: #51270b;
	line-height:25px;
	background-image:url(images/footer-gradient-bg.gif);
	margin-left:1px;
}

#bottom {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-left:1px;
}

/* LEFT NAV */

#navLeft {
	width:179px;
	height:185px;
	padding:0;
	margin:0;
	float:left;
	position:relative;
	clear:left;
	background-image:url(images/nav-leftside.png);
	display:block;
	left:1px;
	top:20px;
	z-index:20;
}
	
#navLeft ul {
	list-style-type:none;
	margin:0;
	padding:28px 0 0 0;
	position:relative;
	display:inline-block;
	
}

#navLeft ul a {
	float: left;
	display: block;
	height: 35px;
	text-indent: -99999px; 
}

#navLeft ul a:hover {
	background-position: 0 -35px;
}


#navLeft ul li {
	float: left;
	margin: 0; padding:4px 0;
}

#navLeft ul li:hover {
	position:relative;
}



#navLeft li.home a {
	width: 179px;
	background-image: url(images/nav-home-set.png);
    display:block;
}

#navLeft li.about a {
	width: 179px;
	background-image: url(images/nav-about-set.png);
	display:block;
}

#navLeft li.contact a {
	width: 179px;
	background-image: url(images/nav-contact-set.png);
	display:block;
}

/* end LEFT NAV */


/* RIGHT NAV */

#navRight{
	width:180px;
	height:185px;
	padding:0;
	margin:0;
	position:relative;
	float:left;
	background-image:url(images/nav-rightside.png);
	display:block;
	top:20px;
	z-index:20;
}	

#navRight ul {
	list-style-type:none;
	margin:0;
	padding:28px 0 0 0;
	position:relative;
	display: inline-block;
	
}

#navRight ul a {
	float: left;
	display: block;
	height: 35px;
	text-indent: -99999px; 
}

#navRight ul a:hover {
	background-position: 0 -35px;
}


#navRight ul li {
	float: left;
	margin: 0; padding:4px;
}

#navRight ul li:hover {
	position:relative;
}

#navRight li.fiber a {
	width: 179px;
	background-image: url(images/nav-fiber-set.png);
	display:block;
}

#navRight li.painting a {
	width: 179px;
	background-image: url(images/nav-painting-set.png);
	display:block;
}

#navRight li.testimonials a {
	width: 179px;
	background-image: url(images/nav-testimonials-set.png);
	display:block;
}

/* end RIGHT NAV */


/* active states */


#homeActive li.home a,
#aboutActive li.about a,
#contactActive li.contact a,
#fiberActive li.fiber a,
#paintingActive li.painting a,
#testimonialsActive li.testimonials a {
	background-position: 0 -35px;
}

/* end active states */



.canvasBG {
	background-image: url(images/canvas-bg.gif);
	background-repeat: repeat;
}
.title {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.content {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 13px;
}
.contentMed {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
}
.footer {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: bold;
	color: #51270b;
}
.imgBorder {
	border: 1px solid #fff2db;
}
.gradientBG {
	background-image: url(images/content-gradient-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
a:link{
	color:#fff7ea;
}
a:visited{
	color:#fff7ea;
}
#footer a {
	color:#51270b;
	text-decoration:none;
}
#footer a:hover {
	color:#51270b;
	text-decoration:underline;
}
#footer a:visited {
	color:#51270b;
	text-decoration:underline;
}


.redBorder {
	border: 1px solid #630c0d;
}
img, div {
	behavior: url(iepngfix.htc)
}
#caryn {
	width:270px;
	height:350px;
	margin:0;
	padding:0;
	background-image:url(images/filler-image.png);
}
/*
#caryn:hover {
	width:270px;
	height:350px;
	margin:0;
	padding:0;
	background-image:url(images/filler-image-over.png);
}
*/


