@charset "UTF-8";

/*************************************
	Inherited and Main Styles
**************************************/
html{
		background-color: #FFF;
		background-image:url(_images/_imageStyles/bkgd.jpg);
		background-repeat:repeat-x;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #111;			
	margin: 0;
	padding: 0;
	
}
.twoColFixLt #container { 
	text-align: left;
	width: 990px;
	margin: 0px auto 0;
	padding:0 0 5px;
	
}
/*************************************
	Header, Navigtation & Featured
**************************************/

.twoColFixLt #navigation {
	width: 195px;
	height:325px;
	background:#D1D1D1;
	padding: 15px 0px 15px 0px;
	margin:0 0 10px;
	overflow:hidden;
	float: left; 
}

.twoColFixLt #navigation p {
	font-size:.8em; 
	color:#666;
	padding:5px 0px 0px;
	margin:0px;
}

.twoColFixLt #header {
	text-align: left;
	color: #CCC;
	width:990px;
	height:75px;  
	background-image:url(_images/_imageStyles/headerBKGD.jpg);
	margin: 10px auto;
	border: 0px solid #000000;
	border:solid 1px #030;
	position:relative;
}

ul#sliding-navigation  {   
	font-size: .75em; 
	margin: 0px 0px;
    padding:10px 0;
	border-left:groove 3px #ccc;
	list-style: none;  
}  
  
ul#sliding-navigation li.sliding-element h3,  
ul#sliding-navigation li.sliding-element a  {  
    display: block;  
    width: 150px;  
    margin:  0px; 
	margin-bottom: 5px;
	margin-left:-1px;
	padding: 5px 5px 5px 25px;
}  
  
ul#sliding-navigation li.sliding-element h3  {  
    color: #fff;
	font-weight: normal;   
    background: #333;  
    border: 1px solid #1a1a1a;  
   
}  
  
ul#sliding-navigation li.sliding-element a  {  
   text-decoration: none;
   color: #999;  
   background: #222;  
   border: 1px solid #1a1a1a;  
      
}  
  
ul#sliding-navigation li.sliding-element a:hover { color: #699; }  
#navigation-block {  
    position:relative;  
    top:0px;  
    left:0px; 
}  
  
#hide {  
    position:absolute;  
    top:30px;  
    left:-190px;  
}  
ul#sliding-navigation li.sliding-element h3 {  
    color: #fff;  
    font-weight: normal;  
}  
/*************************************
	Titles
**************************************/
.twoColFixLt #container #title {
	display:none;
	width:980px;
	height:50px;
	margin:0 auto 10px;
	padding:0;
	border:solid 1px #030;
}

.twoColFixLt  #container #title.weddings{
	background-image:url(_images/titles/titleWeddings.jpg);
}
.twoColFixLt  #container #title.funerals{
	background-image:url(_images/titles/titleFunerals.jpg);
}
.twoColFixLt  #container #title.gifts{
	background-image:url(_images/titles/titleGifts.jpg);
}
.twoColFixLt  #container #title.other{
	background-image:url(_images/titles/titleOther.jpg);
}
.twoColFixLt  #container #title.eFlorist{
	background-image:url(_images/titles/titleEflorist.jpg);
}
.twoColFixLt  #container #title.contact{
	background-image:url(_images/titles/titleContact.jpg);
}

/*************************************
	Gallery Navigation
**************************************/
.twoColFixLt  #container #content #slider img {
	padding:1px;
	border:1px solid #666;	
}

.twoColFixLt  #container #slider img:hover {
	cursor:pointer;
}

.image-holder{

	width:225px;
	height:225px;
	float:left;
	background:#FFF;
	padding:7px;
	position:static;
	background:#eee url(_images/ajax-loader.gif) 50% 50% no-repeat;
	display:inline;
	margin-right:6px;
}


.twoColFixLt #container #slider {
	width:985px;
	margin:0 auto 10px;
	padding:0px 0px;
	float:left;
	overflow:hidden;
}

/*************************************
	Main Conetent 
**************************************/

.twoColFixLt #mainContent {
	width:790px;
	height:350px;
	margin:0px 0 20px 200px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border: 3px solid #555;
	border-right:none;
	border-left:none;
	position:relative;
} 
/*************************************
	SubContent
**************************************/
.twoColFixLt #container #content {
	width: 980px;
	background-color:#FFF;
	margin:0px 5px 10px;
	padding:0 0px;
	float:left;
	position:relative;
}
.twoColFixLt #container #content p {
	color:#333;
	font-size:12px;
	padding-left:65px;
}
.twoColFixLt #container #content H3 {
	text-align:center;
	font:Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size:1.5em;
	color:#999;
	text-decoration:underline;
}
.twoColFixLt #container #content H4 {
	text-align:left;
	font:Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size:1em;
	color:#999;
	font-weight:normal;
}
.twoColFixLt #container #categories {
	height: 250px;
	width:990px;
	margin:0px 0px 0px;
	clear: both;
}
#container #categories #boxLink {
	width:225px;
	height:225px;
	background:#FFF;
	padding:7px;
	border:1px solid #DDD;
	position:relative;
	float:left;
}

.twoColFixLt #container #standard {
	color:#333;
	font-size:.8em;
	width: 310px;
	height:275px;
	background-image:url(_images/titles/traditional.png);
	background-repeat:no-repeat;
	background-color:#F6F6F6;
	margin:5px;
	padding:50px 7px 0px;
	clear:both;
	float:left;
}
.twoColFixLt #container #contact {
	color:#333;
	font-size:.8em;
	width: 310px;
	height:295px;
	background-image:url(_images/titles/contact.png);
	background-repeat:no-repeat;
	background-color:#F6F6F6;
	margin:5px;
	padding:30px 0px 0px;
	float:left;
	overflow:hidden;
}

.twoColFixLt #container #opening{
	color:#333;
	font-size:.8em;
	width: 310px;
	height:275px;
	background-image:url(_images/titles/opening.png);
	background-repeat:no-repeat;
	background-color:#F6F6F6;
	margin:5px;
	padding:50px 7px 0px;
	float:left;
}


/*************************************
	Sidebars
**************************************/
#container #sideBox {
	width: 230px;
	height:400px;
	margin:0 0 10px;
	padding:0;

}
.twoColFixLt #container #sideBarLeft {
	width:450px; 
	margin-right:40px;
	float:left;

}


/*************************************
	Content Boxes
**************************************/


/*************************************
	Footer
**************************************/
.twoColFixLt #container #footer {
	height: 35px;
	margin:0px 0 0;
	padding:20px 0px 5px;
	clear: both;
}

.twoColFixLt #container #footer p {
	font-size:10px;
	color:#666;
}
/*************************************
	Class' and Elements
**************************************/


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	margin-left: 8px;
	float: right;

}
.fltlft { /* this class can be used to float an element left in your page */
	margin-right: 8px;
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px;
    line-height: 0px;
	height:0;
	clear:both;
}

.top-left-rounded-corner {
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;	
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	}
	.top-right-rounded-corner {
	-webkit-border-top-right-radius: 10px;
	-khtml-border-radius-topright: 10px;	
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	}
	.exploded-rounded-corners {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;

	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;

	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	}
		.all-rounded-corners {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;

	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;
	-khtml-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;

	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	
	.margin-right{
	margin-right:6px;	
	}
	
	.border-bottom{
		border-bottom:solid 1px #555;
	}
	
	#view {
	position: absolute;
	left: 166px;
	top: -186px;
	}
	.twoColFixLt #container a.link:link,.twoColFixLt #container a.link:visited {
		color:#699;
	
	}
	.twoColFixLt #container a.link2:link,.twoColFixLt #container a.link2:visited {
		color:#666;
	}
	
	.border {
		border: 1px solid #030;
	}
/*************************************
Jquery
**************************************/
#slideshow {
    height:320px;
	position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



/*************************************
	Forms
**************************************/

.twoColFixLt #container #contact  input.text {
	font-size:16px;
	width:225px;
	line-height:1.5;
	background-color:#DDD;
	border:1px ridge #BBB;
	padding:1px;
	
}

.twoColFixLt #container #contact   input.text:focus, .twoColFixLt #container #contact  textarea.text:focus {
	outline:none;
	background-color:#EEE;
}
.twoColFixLt #container #contact  textarea.text {
	font-size:16px;
	width:225px;
	line-height:1;
	background-color:#DDD;
	border:1px ridge #BBB;
	padding:1px;
	resize:none;
}
.twoColFixLt #container #contact   label {
	font-size:13px;
	line-height:1;
	color:#333;
}


/*************************************
     Table
**************************************/



/*******************************************
			Thumb nails
********************************************/



/*******************************************
			Icons & Images
********************************************/
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0 auto 0 ;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
				
		width:980px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:45px;
		height:45px;
		position:relative;
		left:-35px;
		top:30px;
		z-index:1000;

		}	
	#nextBtn, #slider1next{ 
		left:975px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:absolute;	
		width:45px;
		height:45px;
		background:url(_images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(_images/btn_next.png) no-repeat 0 0;	
		top:-50px;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */
.twoColFixLt #container #horizonCol img{
	border:1px solid #999;
	margin:0 5px;
}

.twoColFixLt #container #horizonCol {
	padding:10px 0 0;
	margin:10px 0 0;
	border-top:solid 1px #DDD;
}