/* CSS Document */

body {

	background-color:#B6923B;
	background-color:#dadada;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	word-spacing:1pt;
	font-size:12px;
	color:#353D4C;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}


/* ------------------------------------------------------------ */
/* wrapper */

div#wrapper {

margin:auto;
width:900px;
height:42px;
background-image:url(../images/_stainedglasscss/top.png);
padding-top:2px;


}




/* ------------------------------------------------------------ */
/* Container */

div#container {
position:relative;
margin:auto;
width:900px;
background-image:url(../images/_stainedglasscss/page.png);
background-repeat: repeat-y;






}

div#splash_home { margin:40px 40px; width:820px; height:340px;padding: 0; background-image:url(../images/_stainedglasscss/splash_home.jpg); }
div#splash_studio { margin:40px 40px; width:820px; height:340px;padding: 0; background-image:url(../images/_stainedglasscss/splash_studio.jpg); }
div#splash_traditional { margin:40px 40px; width:820px; height:340px;padding: 0; background-image:url(../images/_stainedglasscss/splash_traditional.jpg); }
div#splash_contemporary { margin:40px 40px; width:820px; height:340px;padding: 0; background-image:url(../images/_stainedglasscss/splash_contemporary.jpg); }
div#splash_contact { margin:40px 40px; width:820px; height:340px;padding: 0; background-image:url(../images/_stainedglasscss/splash_contact.jpg); }


div#pageHeader {
text-indent: -9999px;

}













/* ------------------------------------------------------------ */
/* content */


div#content {
	display:block;
	width:auto;
	margin:0;
	padding: 70px 0 0 0;
	

}


div#portfolio_content {
	padding: 0 0 0 80px;

}

/* ------------------------------------------------------------ */
/* main content */

div#main_content {
	
	float:right;
	width:480px;
	margin:0 60px 0 0;
	font-size:14pt;
	line-height:18pt;
	background-color:#FFFFFF;
}






h1 {
	margin:10px 0 0 0;
}



h1.h1_about {
	display:block;text-indent: -9999px; background:url(../images/_stainedglasscss/h1_about.jpg)  0px 0px no-repeat;	
}


h1.h1_studio {
	display:block;text-indent: -9999px; background:url(../images/_stainedglasscss/h1_studio.jpg)  0px 0px no-repeat;	
}

h1.h1_traditional {
	display:block;text-indent: -9999px; background:url(../images/_stainedglasscss/h1_traditional.jpg)  0px 0px no-repeat;	
}
h1.h1_contemporary {
	display:block;text-indent: -9999px; background:url(../images/_stainedglasscss/h1_contemporary.jpg)  0px 0px no-repeat;	
}

h1.h1_contact {
	display:block;text-indent: -9999px; background:url(../images/_stainedglasscss/h1_contact.jpg)  0px 0px no-repeat;	
}

div#main_content p {
	font-size:9.5pt;
	line-height:15pt;
}

div#main_content ul {
	font-size:9.5pt;
	list-style-type:none;
	text-indent:-20px;
	line-height:20pt;
}


div#main_content span {
	
	font-weight:bold
}


div#main_content div#thumbnail {
	float:left;
	width:150px;
	height:250px;
	display:inline;
	border:1px solid #CC6633;
}

div#thumbnail img {
	
  	top: 50%;
 	left: 50%;
	
}



div#main_content_image {
	display:block;
	width:480px;
	padding:10px 0 0 0;

}




a:link {
	color:#333333;

}



/* ------------------------------------------------------------ */
/* Sub content */

div#sub_content {
top:0;
display:block;
float:left;
width:260px;
margin:0 0 0 60px;
background-color:#FFFFFF;

}

/* ------------------------------------------------------------ */
/* Horizontal navigation bar */


/* main nav */
div#navigation {
list-style-type:none;
display:block;
margin: -80px 0 0 60px;
text-align:left;
}

div#navigation ul {
display:inline;
position:relative;

text-indent: -9999px;
text-align:left;
list-style-type : none;


}


/* About menu link */
li#nav_1 {
display:inline; position : absolute; text-decoration:none;
top:0px; left:0px; width:156px;height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat 0px 0px;
}

li#nav_1 a:hover {
background:url(../images/_stainedglasscss/menu.jpg) no-repeat 0px -40px;

}
li#nav_1_on {
display:inline; position : absolute; text-decoration:none;
top:0px; left:0px; width:156px;height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat 0px -80px;
}


/* Studio Link */
li#nav_2 {
display:inline;position : absolute; text-decoration:none;
top:0px; left:156px; width:156px; height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -156px 0px;
}

li#nav_2 a:hover {
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -156px -40px;
}

li#nav_2_on {
display:inline; position : absolute; text-decoration:none;
top:0px; left:156px; width:156px; height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -156px -80px;
}


/* Traditional Link */
li#nav_3 {
display:inline;position : absolute; text-decoration:none;
top:0px; left:312px; width:156px; height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -312px 0px;
}

li#nav_3 a:hover {
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -312px -40px;
}

li#nav_3_on {
display:inline; position : absolute; text-decoration:none;
top:0px; left:312px; width:156px; height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -312px -80px;
}


/* Contemporary Link */
li#nav_4 {
display:inline;position : absolute; text-decoration:none;
top:0px; left:468px; width:156px; height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -468px 0px;
}

li#nav_4 a:hover {
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -468px -40px;
}

li#nav_4_on {
display:inline; position : absolute; text-decoration:none;
top:0px; left:468px; width:156px; height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -468px -80px;
}

/* Contact Link */
li#nav_5 {
display:inline;position : absolute; text-decoration:none;
top:0px; left:624px; width:156px; height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -624px 0px;
}

li#nav_5 a:hover {
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -624px -40px;
}

li#nav_5_on {
display:inline; position : absolute; text-decoration:none;
top:0px; left:624px; width:156px; height:40px;
background:url(../images/_stainedglasscss/menu.jpg) no-repeat -624px -80px;
}




li#nav_1 a, li#nav_2 a, li#nav_3 a, li#nav_4 a, li#nav_5 a {
display:block;
top:0px
left:0px
width:156px;
height:40px;

}




/* ------------------------------------------------------------ */
/* portfolio images */

table#portfolio td {
	padding:15px 55px 25px 0;
}

table#portfolio img {
	border: 10px solid #dde7ed;

}


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

#footer {
margin:40px 40px 0px 40px;
display:block;
width:820px;
height:50px;
background-image:url(../images/_stainedglasscss/footer.png);

}

#footer p {
font-size:10px;
color:#FFFFFF;
padding:20px 40px 20px 20px;

}


#footer a { text-decoration:none; color:#999999; }
#footer a:hover { text-decoration:none; color:#ff626d; }
#footer a:visited { text-decoration:none; color:#FCB4BB; }


div#bottom {
	display:block;
	width:900px;
	height:40px;
	background-image:url(../images/_stainedglasscss/bottom.png)
	

}



/* ------------------------------------------------------------ */
/* clear floats */

.clear {
clear:both;
}