body {
background: #ffffff;
}

td {
	font: normal 12px Tahoma, Arial;
	color: #666666;
}

h1, h2, h3, h4, h5 {

    color: #b9333c;
    margin: 0px;
}

img {
	border: 0;
}

h1 {
    font-size: 31px;
}

h2 {
    font: normal 22px "Times New Roman", Times, serif;
}

h3 {
    font-size: 14px;
}


a {

font: normal 12px Tahoma, Arial;
color: #8a0005;
text-decoration: underline;
}

a:hover {

font: normal 12px Tahoma, Arial;
color: #8a0005;
text-decoration: none;

}

a.white-link-underline {	
	text-decoration: underline;
	color: #FFFFFF;
}

.white-text{
color: #ffffff;
text-decoration: none;

}
a.b1
{
font:  14px tahoma, Arial;
color: #fffea0;
text-decoration: none;
padding: 15px;
margin: 0px;

}
.p
{
padding: 0 0 0 20px;
}
.p1
{
padding: 0 0 0 30px;
}
.aspects {
padding: 0 0 0 5px;
}
.p2
{
padding: 30px 50px 30px 30px;
}
.bg1
{
background: #000000 url(images/index_10.gif) top no-repeat;
}
.bg2
{
background: #000000 url(images/index_10.gif) top no-repeat;
}
.bord
{
border: 1px solid #c5d85a;
}
.menu 
{
color:#8c247b;
vertical-align:top;
height: 35px;
padding: 10px 0 0 20px;
}
.menu a
{
color:#8c247b;
font: bold 11px  tahoma, Arial;
text-decoration: none;
}

.clear {
	clear: both;
}


.blye-text-underline {
color: #5a768d;
text-decoration: underline;
}

.blye-text-regular {
color: #5a768d;
text-decoration: none;
}

.yellow-text-regular {
color: #ffb400;
text-decoration: none;
}

.yellow-text-underline {
color: #ffb400;
text-decoration: underline;
}

.orange-text-regular {
color: #ff959f;
text-decoration: none;
}

.orange-text-underline {
color: #ff959f;
text-decoration: underline;
}
.broun-text-regular {
color: #de4e06;
text-decoration: none;
}

.broun-text-underline {
color: #de4e06;
text-decoration: underline;
}

.red-text-regular {
color: #8a0005;
text-decoration: none;
}

.red-text-underline {
color: #8a0005;
text-decoration: underline;
}
.black-text-regular {
color: #000000;
text-decoration: none;
}

.black-text-underline {
color: #000000;
text-decoration: underline;
}


.gray-text-underline{
color: #7c7c7c;
text-decoration: underline;
}
.gray-text-regular{
color: #7c7c7c;
text-decoration: none;
}

.green-text{
color: #a5b66e;
text-decoration: none;
}

.green-text-underline{
color: #a5b66e;
text-decoration: underline;
}

ul.gallery_demo_unstyled{margin:0;padding:0;}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

	/* BEGIN DEMO STYLE */
	.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:1px solid #000;margin: 4px;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:438px;width:700px;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
	
#contact_us form {
	position: relative;
	margin: 0 auto;
	width: 578px;
	border: 0;
}

#contact_us form fieldset {
	position: relative;
	margin: 0 auto;
	width: 578px;
	border: 0;
}

#contact_us form fieldset label {
	display: block;
	padding-right: 20px;
	font-size: 8pt;
	font-weight: bold;
	width: 130px;
	text-align: left;
	color: #000;
}

#contact_us form fieldset input[type="text"], #contact_us form fieldset textarea {
	color: #555;
	font-family: Georgia,Times,"Times New Roman",serif;
	font-size: 1em;
	font-style: italic;
}

#contact_us form fieldset input[type="text"] {
	margin-bottom: 11px;
	margin-right: 10px;
	padding-left: 6px;
	width: 408px;
}

#contact_us form fieldset label.error {
	display:inline;
}

#contact_us form fieldset label.error {
	display:none;
	width:250px;
	position: absolute;
}

#contact_us form fieldset input.error {
	background: #d5af9b;
	color: #fff;
}


#contact_us form fieldset textarea {
	height: 97px;
	margin-bottom: 20px;
	margin-left: -3px;
	margin-right: 10px;
	padding-left: 5px;
	padding-top: 6px;
	width: 408px;
}

#contact_us input.submit {
    margin: 10px 0 0;
}

#contact_us #bottom {
	position: relative;
	width: 100%;
	min-width: 910px;
	margin: 50px 0 0;
}
	#contact_us #bottom #dottedX {
		position: relative;
		width: 100%;
		min-width: 910px;
		height: 5px;
		background: url(http://www.catalytic-design.com/images/dotted-line-x.gif) repeat-x;
	}
	#contact_us #bottom #location {
		float: left;
		width: 447px;
		height: 129px;
		padding: 37px 0 0;
	}
	#contact_us #bottom #dottedY {
		float: left;
		width: 5px;
		height: 166px;
		background: url(http://www.catalytic-design.com/images/dotted-line-y.gif) repeat-y;
	}
	#contact_us #bottom #phoneNumber {
		float: left;
		width: 406px;
		height: 129px;
		padding: 37px 0 0 42px;
	}
	#contact_us #bottom img {
		margin: 20px 0 0;
	}
	
#contact_us #response {
	position: relative;
	
	margin: 20px auto;
	background: #ffff82;
	border: 1px solid #cccc43;
	padding: 20px;
	display: none;
}





/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

#navigation {
	position: absolute;
	top: -11px;
	width: 747px;
	left: -12px;
	z-index: 200;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:15px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px; float: right; }
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; float: left; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 723px;
	height:120px;
	margin: 20 auto;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(images/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* styling for the image wrapper  */
#image_wrap {
	/* dimensions */
	width:677px;
	height: 450px;
	margin:15px 0 0 0;
	padding:15px 0;

	/* centered */
	text-align:center;

	/* some "skinning" */
/*	background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
*/
}

#tourLinks {
	position: relative;
	width: 690px;
	background: #ddd;
	border: 1px solid #999;
	margin: 0 0 15px;
	text-align: center;
	vertical-align: middle;
}
	#tourLinks a:active, #tourLinks a:visited, #tourLinks a:link {
		color: #444;
		font-size: 10pt;
		text-decoration: none;
		line-height: 1.5em;
	}
	#tourLinks a:hover {
		background: #f8f8f8;
	}
	#tourLinks a:active {
		background: #f8f8f8;
	}

#tourScrollable {
	position: relative;
	float:left;
	width: 690px;
	height: 608px;
	overflow: hidden;
}
	#tourScrollable #items {
		clear: both;
		position: absolute;
		width: 20000px;
	}
	#tourScrollable #items div {
		display: none;
		width: 690px;
	}

a:active {
  outline: none;
}

:focus {
  -moz-outline-style:none;
}

.container {
	position: relative;
	width: 723px;
	margin: 0 auto;
}