@charset "utf-8";
/* CSS Document */
/*	Reset
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a{outline: none;}
/*	End Reset
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	background-color:#666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	
}

#container {
	background:url(assets/BG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:960px;
	margin:auto;
}

#logo {
	float:left;
}

/*-----------------------------------------
	Navigation
----------------------------------------- */
#nav {
	height:24px; 
	display:block;
	overflow:hidden;
	padding-left:284px;
	padding-top:175px;
}

#navigation {
	float: left;
	height:24px;
	
}

#navigation li {
	float: left;
	background-image: url(../images/topnav.gif);

	background-position: 0 -24px;
}

body.black #navigation li {
	background-image: url(../images/topnav_black.gif);
}

body.gray #navigation li {
	background-image: url(../images/topnav_gray.gif);
}

#navigation li:hover {
	cursor: pointer;
}

#navigation li a {
	float:left;
	height:24px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background-image:url(assets/Top_nav.gif);
}

#container ul#navigation li
{
    margin:0px;
}


#navigation li a:hover {
	cursor: pointer;
}

#navigation li#home {background-position: 0 -24px;}
#navigation li#home a {background-position: 0 -24px; width:103px;}
#navigation li#home a:hover {background-position: 0 0px;}

#navigation li#portfolio {background-position: -103px -24px;}
#navigation li#portfolio a {background-position: -103px -24px; width:112px;}
#navigation li#portfolio a:hover {background-position: -103px 0px;}

#navigation li#philosphy {background-position: -215px -24px;}
#navigation li#philosphy a {background-position: -215px -24px; width:125px;}
#navigation li#philosphy a:hover {background-position: -215px 0px;}

#navigation li#contact{background-position: -340px -24px;}
#navigation li#contact a {background-position: -340px -24px; width:113px;}
#navigation li#contact a:hover {background-position: -340px 0px;}


/*-----------------------------------------
	 Sub Navigation
----------------------------------------- */
#sub_nav {
	height:16px; 
	display:block;
	overflow:hidden;
	padding-left:190px;
	padding-top:5px;
	clear:both;
}

#sub_navigation {
	float: left;
	height:16px;
	
}

#sub_navigation li {
	float: left;
	background-image:url(assets/sub_nav.gif);

	background-position: 0 -16px;
}

body.black #sub_navigation li {
	background-image: url(../images/topnav_black.gif);
}

body.gray #sub_navigation li {
	background-image: url(../images/topnav_gray.gif);
}

#sub_navigation li:hover {
	cursor: pointer;
}

#sub_navigation li a {
	float:left;
	height:16px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background-image:url(assets/sub_nav.gif);
}

#container ul#sub_navigation li
{
    margin:0px;
}


#sub_navigation li a:hover {
	cursor: pointer;
}

#sub_navigation li#bubble {background-position: 0 -16px;}
#sub_navigation li#bubble a {background-position: 0 -16px; width:96px;}
#sub_navigation li#bubble a:hover {background-position: 0 -1px;}

#sub_navigation li#cubes {background-position: -96px -16px;}
#sub_navigation li#cubes a {background-position: -96px -16px; width:58px;}
#sub_navigation li#cubes a:hover {background-position: -96px -1px;}

#sub_navigation li#everyday {background-position: -154px -16px;}
#sub_navigation li#everyday a {background-position: -154px -16px; width:70px;}
#sub_navigation li#everyday a:hover {background-position: -154px -1px;}

#sub_navigation li#weddings{background-position: -224px -16px;}
#sub_navigation li#weddings a {background-position: -224px -16px; width:80px;}
#sub_navigation li#weddings a:hover {background-position: -224px -1px;}

#sub_navigation li#orchids {background-position: -304px -16px;}
#sub_navigation li#orchids a {background-position: -304px -16px; width:236px;}
#sub_navigation li#orchids a:hover {background-position: -304px -1px;}

#sub_navigation li#tropicals {background-position: -540px -16px;}
#sub_navigation li#tropicals a {background-position: -540px -16px; width:70px;}
#sub_navigation li#tropicals a:hover {background-position: -540px -1px;}

#sub_navigation li#funerals {background-position: -610px -16px;}
#sub_navigation li#funerals a {background-position: -610px -16px; width:73px;}
#sub_navigation li#funerals a:hover {background-position: -610px -1px;}

#sub_navigation li#seasonal {background-position: -683px -16px;}
#sub_navigation li#seasonal a {background-position: -683px -16px; width:83px;}
#sub_navigation li#seasonal a:hover {background-position: -683px -1px;}


/*-----------------------------------------
	Philosophy Content
----------------------------------------- */
#content
{
	clear:both;
	color:#FFF;
	padding-top:20px;
}

#content_text
{
	width:710px;
	float:left;
	font-size:12px;
	font:Verdana, Geneva, sans-serif;
	padding-left:30px;
}

#content_text p
{
	padding-bottom:20px;
}

#content_images
{
	float:right;
}

.images
{
	padding-bottom:15px;
	padding-right:30px;
}