/* <!-- */
	/* General styles */
	html{
            height:100%;
       }
       body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
                height:100%;
		background:#000;
		min-width:560px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:1em;
	}
	a {
	      	
	}
	a:hover {

		text-decoration:none;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
                border:none; !important;
	}
       form {
            margin: 0 auto;
            width: 80%;
            font-weight: bold;
            font-family: Georgia, Helvetica, arial, sans-serif;
          }
        #separator {
           position: relative;
           left: 0;
           width: 1500px;
           height: 90px;
           margin: 0 -5%;
           padding: 0;
           overflow: visible;
           background: #000 url('../theme-caskets-separator.png') center repeat-x;
        }
       #contacttbl {
            margin: 0 auto;
            width: 80%;
            font-family: Georgia, Helvetica, arial, sans-serif;
            }
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
                height: 124px;
                min-height: 124px;
                background: #000 url('../theme-caskets-header.jpg') center no-repeat;
                overflow: hidden;

	}
	#header {
		border-bottom:0px solid #000;
	}
  
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
        #header h1 {
        
                text-align: center;
		font-family: Georgia, helvetica, arial, sans-serif;
		font-size: 2em;
        }
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
		
		font-family: Georgia, helvetica, arial, sans-serif;
		font-size: 1.2em;
                
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		
		
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0px 1px;
		padding:5px 15px;
		text-align:center;
		background:transparent;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:.5em;
		line-height:1.3em;
                border-radius: .2em .2em 0 0;
                -moz-border-radius: .2em .2em 0 0;
                -webkit-border-radius: .2em .2em 0 0;

	}
	#header ul li a:hover {
                background:#ccc;
		color:#900;
                
	}
        #header ul li a:active {
                background:#eee;
		color:#900;
                
	} 
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#000;
                background: #990000;
                margin: 0 1px;
                padding: 4px 15px;
		border: 1px solid #000;
		font-weight:bold;
               
	}
	#header ul li a span {
		display: inline;
	}

        /* Navigation */
        #nav {
                clear:both;
		float:left;
		width:100%;
                margin: 0 auto;
                height: 28px;
                min-height: 28px;
                background: #ccc url('../navbg.jpg') repeat-x;
                overflow: visible;
                text-align: center;
        }
        #nav ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:0 auto;
		padding: 0 0 0 .8em;
		
		font-family: Georgia, helvetica, arial, sans-serif;
		font-size: 1em;
                
	}
	#nav ul li {
		display:inline;
		list-style:none;
		margin:0;
		
		
	}
	#nav ul li a {
		display:block;
		float:left;
		margin:0px 1px;
		padding:0px .8em;
		text-align:center;
		background:transparent;
		color:#000;
		text-decoration:none;
		position:relative;
		left:3em;
		line-height:1.6em;
                border-radius: .2em .2em 0 0;
                -moz-border-radius: .2em .2em 0 0;
                -webkit-border-radius: .2em .2em 0 0;

	}
	#nav ul li a:hover {
               
		color:#900;
                
	}
        #nav ul li a:active {
                
		color:#eee;
                
	} 
	#nav ul li a.active,
	#nav ul li a.active:hover {
		color:#900;
                background: transparent;
                margin: 0 1px;
                padding: 0px 5px;
		border: none;
		font-weight:bold;
               
	}
        #nav ul li a.active:hover {
                color: #fff;
        }
	#nav ul li a span {
		display: inline;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:black; repeat-x;
		border-top:0px solid #000;
		margin:0;
                height: 15px;
		padding:6px 15px !important;
		text-align:right;
	}
        #mydiv {
                position: relative;
                top: 2px;
                left: 0;
               }
       .product {
                position:relative;
                
                height:100%
                clear:both;
                width:96%;
                margin:2% 4% 2% 1%;
                text-align:center;
                padding:0;
                
                background-color:#fff;
        }


	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
        .col1,
        .col2,
	.col3 {
		float:left;
		position:relative;
		padding:0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
            margin:0;
           padding:0;
		background:#000;		/* right column background colour */
	}
	.threecol .colmid {
		right:0%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:100%;			/* width of the middle column */
		background:#000;	/* left column background colour */
	}
	.threecol .col1 {
		width:100%;			/* width of center column content (column width minus padding on either side) */
		left:100.8%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:0%;			/* Width of left column content (column width minus padding on either side) */
		left:28%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:0%;			/* Width of right column content (column width minus padding on either side) */
		left:86%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
         .items {
              margin: 0 auto;
              width: 70%;
              text-align: center;
            }
        /* Products */
        .products {
           
            list-style:none;
            font-size: 1em;
            line-height: 1.4em;
            width:100%;
            padding: 0em;
            margin: .5em 0em .3em 0em;

            font-family: Georgia,Helvetica,sans-serif;

            overflow:visible;
        }
        .productheader {
           font-size: 1.3em;
           font-family: Georgia,Helvetica,sans-serif;
            
        }
        .products li a {
               font-size:1em;
               color: #000;
               
           }
        .products li a:hover {
               color:#900;
               text-decoration:none;
           }

        .selected a {
           color:#333;
           text-decoration:none;
        
           }
        

        /* Main column inside */
        .featurep {
           border-top: 2px solid #000;
           border-bottom: 2px solid #000;
           background-color:#ddd;
           font-weight: bold;
           font-size:1.1em;
           padding: .2em 1em .2em 1em;
           margin: .5em;
     
           
        }  
        .intro {
          
           font-family: Verdana,Helvetica,sans-serif;
           font-size:1em;
           line-height:1.2em;
            width:94%;
            margin: 3%;
            
        }
        .highlight {
             color:#A00;
          }
        .facts {
           font-family: Verdana, Helvetica, sans-serif;
           font-size:1em;
           line-height:1.2em;
           width:90%;
           margin:5%;
           padding:0 .5em .5em .2em;
        }
    
          .blockitem {
               background-color:#fff;
               display: block;
               float:left;
               padding: 0 0 1em 0;
               margin: .5em .2em .5em .2em;
           
               width:12.5em;
               height:8em;
               text-align: center;
           }
          .blockitem a {
               text-decoration: none;
                }
          .blockitem a:hover {
               color: #555;
          }
       
        .contactname { 
           font-family:Georgia, sans-serif;
           font-size: 1.2em;
           padding: 0 .2em 0em .2em;
           text-align: center;
           overflow:hidden;
           font-weight: bold;
        }
        .feature {

           font-weight: bold;
           background:#ff0;
           text-align: center;
           padding: 0em .5em 0em .5em;
           margin: .1em;
           border-top: 2px solid #000;
           border-bottom: 2px solid #000;

        }
        .contactbody {
           font-size: 1em;
           font-family: Georgia,sans-serif;
           padding: 0;
           
        }
        

	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
                background: #fff;
		border-top:1px solid #000;
	}
	#footer p {
		padding:.2em 4em .2em 4em;
                text-align: center;
		margin:.2em;
	}

div.round {
    position:relative;
    min-width: 10em;
    width: 98%;
    height:100%;
    background-color: #fff;
    margin-top:.5em;
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
  
  
    border: 5px outset #ccc;
}


div.box-contents {
	position: relative;   
        margin:.5em;         
        padding: 0;
         color:#000; 
        background:#fff;
        height:100%;
        overflow:hidden;
}
.share {
        float: right;
        padding: .5em;
        margin-right: .5em;
       }
.field {
        float: right;
        margin: .2em;
     
        }
#productdiv {
        height:100%;
        min-height:80em;
        overflow:hidden;
}
.center {
         text-align: center;
        }
.left {
       float:left;
       margin: .2em;
       position: relative;
       left: 5%;
        font-size: 1em;
           font-family: Geneva,Helvetica,sans-serif;
      }

#photos {
         overflow: hidden;
        }	

.right {
       float: right;
       margin: .2em;
      left: 40%;
       width: 40%;
       font-size: 1em;
           font-family: Geneva,Helvetica,sans-serif;
}