H1 {
	font-family:"Helvetica Rounded", "Arial Rounded", Helvetica, Arial, sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height:18px;
	color:#4d2a10;
	margin:0;
	padding:5px 0 15px 0;
	}
	
H2 {
	font-family:"Helvetica Rounded", "Arial Rounded", Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#4d2a10;
	margin:0;
	padding:10px 0 0 0;
	}
	
	h2 a, h2 a:hover {
		color:#000;
		text-decoration:none;
		}
	
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0 0 10px 0;
	}

p.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0 0 10px 0;
	}
	
	p.content a, p.content a:hover, p.content a:active, p.content a:visited {
		color:#aba8a4;
		text-decoration:none;
		}

.indexRightText p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#727272;
	line-height:21px;
	padding:0;
	margin:0;
	}
	
#indexGalleryText p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#727272;
	line-height:21px;
	padding:0 12px 30px 0;
	margin:0;
	}
	
#interiorSidebarContent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#636363;
	line-height:21px;
	padding:15px 0 15px 0;
	margin:0;
	}

#footerNav a:link,
#footerNav a:active,
#footerNav a:hover,
#footerNav a:visited {
		color:#aba8a4;
		text-decoration:none;
		} 

#footerText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#aba8a4;
	line-height:15px;
	}	
	
	#footerText a:link,
	#footerText a:active,
	#footerText a:hover,
	#footerText a:visited {
		color:#aba8a4;
		text-decoration:none;
		}

.galleryRow {
	width:200px;
	float:left;
	margin:10px 0px;
	}

.galleryImage img,
.galleryItemThumb img {
	border:4px solid #b2b2b2;
	}

.galleryImage img:hover,
.galleryItemThumb img:hover {
	border:4px solid #be4b18;
	}

.galleryItemThumb,
.galleryItem {
	float:left;
	margin:10px;
	}

.galleryItem {
	clear:both;
	}

.gallery_nav {
	float:right;
	display:block;
	}

.gallery_nav img {
	border:0;
	margin:0 5px;
	}
	
/******************************************
For the scrollieng pages with image.
*******************************************/

.galleryImage2 img,
.galleryItemThumb img {
	border:2px solid #b2b2b2;
	}

.galleryImage2 img:hover,
.galleryItemThumb img:hover {
	border:2px solid #be4b18;
	}
	
	/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 641px; 
    height:127px; 
	
} 
/* 
    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 width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


<!----------------------------------->
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 680px;
	height:120px;
	margin-left: 100px;
	/* custom decorations */
	border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;
}

.mainDiv{ 	background:#ccc; 
			width: 707px; 
    		height:200px;
			padding-left:9px; padding-top:5px;
			-moz-border-radius:4px;
	    -webkit-border-radius:4px;
		}

.scrollable {
	    /* background: #ccc; */
	    position: relative;
	    overflow: hidden;
	    width: 690px;
     	height:145px;
	    -moz-border-radius:4px;
	    -webkit-border-radius:4px;
	}
	 
	.scrollable .items {
	    width: 20000em;
	    position: absolute;
	    clear: both;
		padding-top: 5px;
	}
	 
	.scrollable img {
		margin-left:5px;
	    float:left;   
	    background-color:#fff;
	    cursor:pointer;
	    width:150px;
	    height:113px;
	    -moz-border-radius:4px;
	    -webkit-border-radius:4px;
	}
	 
	.scrollable .active {
	    opacity:1;
	    border:2px solid #000;
	    z-index:9999;
	    position:relative;
	}
	
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	height:480;
	width:120;
}
	
	.scrollable { float:left; }
	 
	a.left, a.right {
	    display: block;
	    width: 18px;
	    height:120px;
	    float: left;
	    margin: 18px 10px;
	    cursor: pointer;
	}
	 
	a.right { background: url(../images/rightScroll.gif) no-repeat;  clear:right; margin-right: 0px;}
	a.right:active  { background-position:0px 0px; }
	 
	a.left  { background: url(../images/leftScroll.gif) no-repeat;  margin-left: 0px; }
	a.left:active  { background-position:-0px 0px; }