/*
Template Design by Icon

Cream #e5e5c8
Red #660000
Greenish Beige #999966
*/

/** Common Styles */

body {	margin: 0px auto;	padding: 0;
	background: #FFF;	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	 color:#261e1c;}

#wrapper {
	width: 778px;	margin: 0px auto;	padding: 0;	}

/** HEADER: Style for header starts here * HEADER */

#header {	width: 778px;	margin: 0px auto;text-align:right; }
#header.home {height: 185px;	 }
#header.int {		height: 90px; }

#header h1, #header h2 {	margin: 0px;	padding: 0;	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	color: #FFFFFF;}

#header h3 {	padding: 0px; margin:5px 30px 5px 0px;
	font-size: 14px; color:#660000; display:inline}

#header .links { margin:8px 30px; display:inline;  display:inline-block;  }
#header .links a { color:#6e6e3c; padding:2px 10px;  text-decoration:none; font-size:12px; }


#header .left {float:left;}

/** MENU:  Style for menu starts here * MENU */

#menu {	width: 778px;
	height: 30px;	margin: 0px auto;	background: url(images/nav.gif) repeat-x;
}

#menu ul {	margin: 0px;
	padding: 0 0 0 0px;	list-style: none;}

#menu li {	display: inline;}

#menu a {	display: block;border: none; font-size:12px;
	float:left;	padding: 8px 22px 5px 22px;	text-decoration: none;	color: #FFFFFF;}

#menu a:hover {	color: #FFF;}

a { color:#660000}


/** Style for content starts here  *RIGHT  */

#content {	width: 778px;
	margin: 10px auto;}

#right {
	float: right;
	width: 468px;
	padding:0px;}

#right .post {background-color:#e5e5c8; padding:10px 0 0px 10px;}
#right .post .right { float:right; margin-left:0px;}

#right h1 { margin:10px 0 ;
	color:#660000; font-size:22px;}

#right .post p.large { font-size:14px;}




#right .post  ul   { margin: 5px 0 5px 5px;  text-align:left;  
	 	padding: 0; 	list-style: none; 	font-size:14px; } 


#right .post ul li { line-height:22px;}


#right .text {margin:20px 15px;}
#right .text p { font-size:13px;}
#right p.enhance { width:250px;}


h3 {font-size:16px; text-align:left; margin:10px;}



/** LEFT Styles for left promo start here * LEFT */

#left {	float: left;  width: 310px;	}

#left .promo {background: #999966; padding: 5px 10px 20px 10px; }
#left .promo img { float:left; margin-right:10px; margin-bottom:10px; border:solid 2px #FFF; padding:0px;}

#left h3 { margin:0px 10px; color:#FFF; font-size:14px; }
#left h3 a { text-decoration:none;}
#left .promo p { margin:10px 0; clear:both;
		color:#261e1c; font-size:12px; line-height:18px;}

#left .button { background: url('images/BTN-promo.gif') no-repeat;
			padding:5px 15px; margin-top:10px; display:block; margin-left:130px;  color:#525235;  text-decoration:none}

#left .cast-stone { margin:20px 0;}
#left .cast-stone h3 { color:#660000; font-size:14px; font-weight:normal;}
#left .cast-stone .left  { float:left; width:135px;}
#left .cast-stone a { color:#000; margin-bottom:15px;  }
#left .cast-stone p { font-size:11px; margin:5px 0}



.marble {background: url('http://www.artisticstatuary.com/prod_pg_images/pot_urn_pg2_r5_c3.jpg') repeat-y;}
.beige { background:#999966;}
.black { background-color:#000}
.subject {background-color:#999966; margin-top:5px; color:#FFF;}
TABLE.pots-table { font-size:12px;}

.marble p { margin:10px; font-size:12px; line-height:18px;}
.main p { margin:10px; font-size:12px; line-height:18px; text-align:left}



.url { background-color:#261E1C}
.url a { font-size:11px; color:#FFF; }


/** Style for footer starts here *FOOTER  */

#footer {	clear: both; margin: 0px auto; 	 background: #e9e9d1; padding-bottom:30px;	}
	
#footer .locations { background: #e9e9d1 url(images/location-bkgd.gif) no-repeat left; padding:5px 10px; }
#footer .locations h2 {margin:5px auto; color: #660000; font-size:14px; font-weight:normal; text-align:center;}
#footer .locations p.left { float:left; width:350px; margin:10px;  text-align:center; line-height: 18px; }
#footer .locations .left .head {font-size:14px; }


#footer .menu { background-color:#261e1c; text-align:center }

#footer .menu ul {	margin: 0px 20px; padding: 0px; list-style: none;  text-align:center}

#footer .menu li {	display: inline; }

#footer .menu a {	display: block;border: none;	 font-size:11px;
	float:left;	padding: 10px 6px;	text-decoration: none;	color: #FFF;}





#footer .copyright {
	float: left;
	margin: 0px;font-size: 10px;
	padding-left: 20px;
	text-align: center;}

#footer .links {
	float: right;
	margin: 0px;
	padding-right: 20px;
	text-align: center;
}

#footer .css {
	padding-left: 20px;
	background: url(images/image01.png) no-repeat left 50%;
}

#footer .xhtml {
	padding-left: 20px;
	background: url(images/image02.png) no-repeat left 50%;
}

#footer a {
	border-bottom: 1px #E5E5CC dashed;
	text-decoration: none;
	color: #E5E5CC;
}

.url a {color: #E5E5CC; font-size:10px; text-decoration: none;}

.clear{ clear:both;}
.clear-left { clear:left;}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	
}
.sf-menu li li {background:		#3c0101;
	
}
.sf-menu li li li {
	background:		#3c0101;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#3c0101;
	outline:		0; color:#FFF
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}