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

  /* <!-- */
	/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:935px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:100%;
	    font:  Verdana, Geneva, Arial, helvetica, sans-serif;
		color: #000000;
    }
	a {
    	color:#369;
	}
	a{z-index:10;}
a:hover{position:relative; z-index:100; text-shadow: 0px 0px .3em #666;}
a span{display:none;}
a:hover span{
	display:block;
	position:absolute;
	float:left;
	white-space:nowrap;
	top:2em;
	left:.5em;
	background:#06C;
	border:1px solid #444;
	color:#FFF;
	padding:1px 5px;
	z-index:10;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/*	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}*/
    h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
	h1 {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	}
h2{
	color:#0000FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	text-shadow: 2px 2px .2em #333;
	}
h3{
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	}
h5{
	color:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style: italic;
	text-align:center;
	text-shadow:Black;
	background-color: #FFF;
	}
h6 {
    color: #0000FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
h7 {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
}

h8{
	color:#0000FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;

}

#contenttable {
	border: 0px;
	align: center;
}
    p {
        margin:.4em 0 .8em 0;
        padding:0;
    }
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		min-width:935px;
		border-bottom: 6px solid #333;
		-moz-border-radius-topleft: 40px;
	    -webkit-border-top-left-radius: 40px;
		background: #06C; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr=#0066CC''); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#06C)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #06C); /* for firefox 3.6+ */

    }
	#header h1 {font-size:xx-large}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
		color: #CCC;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background: 06C;
		border-top: 0px solid #06C;
		margin:0;
		padding:6px 15px !important;
		
	}
	#menu
{	padding:0;
	margin:0;
	float: right;
	color: #009;
	display: inline;
	font: arial, helvetica, sans-serif #FFF;
	white-space:nowrap;
	list-style-type: circle;
	
}
#menu li {display:inline;}
#menu li a
{
padding:0.2em 1em;
font-weight: bold;
color:#009;
text-decoration:none;
}
#menu li a:hover
{
color: #009;
text-shadow: 0px 0px .6em #FFF;
}

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		min-width:935px;
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background: #333;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-15px; 	/* Width of right column */
        position:relative;
        right:100%;
		
        background:#fff;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
		margin-left:-50%;
        position:relative;
        left:215px;         	/* Left column width + right column width */
        background: #06C;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 55px 0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		min-width:450px;
		
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
		
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	.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. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.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 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
		background:#00F;
		text-decoration:none;
		color: #FFF;
		font-size: 110%;
		min-width: 935px;
    }
	#footer a {
	color:#FFF;
	}
	#footer a:hover{
	color: #CCC;
	text-shadow: 0px 0px .3em #666;
	}

    #footer p {
        padding:10px;
        margin:0;
    }
    /* --> */
	
	/* --Goodies-->*/
	.amp {
font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
font-style: italic;
font-weight: normal;
}

.shadow {
  box-shadow: 5px 5px 5px #333;
  -moz-box-shadow: 5px 5px 5px #333;
  -webkit-box-shadow: 5px 5px 5px #333;
}

a.help {  
 cursor: help;  
}
#content{
	border-collapse:collapse;
	border: 0px solid #036;
	width: 100%;
	height: 100%;
	background:#FFF;
	list-style-type: circle;
	
}

#bullet {list-style-type:circle; font-weight:bold;}
#price
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#price td, #prices th 
{
font-size:1em;
border:1px solid #309;
padding:3px 7px 2px 7px;
}
#price th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color: #00F;
color:#ffffff;
}
#price tr.alt td 
{
color:#000000;
background-color:#CFF;
}
/*<--*/

.pullquote {
	width: 20%;
	float:right;
	font-size:125%;
	line-height:140%;
	margin:10px;
	background: url(../Images/closequote.gif) no-repeat bottom right    !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
}
.pullquote:first-letter {
	background: url(../Images/openquote.gif) no-repeat left top    !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
.img
  {
  position:relative;
  margin: 2px;
  border:4px outset #036;
  background:#069;
  height:298px;
  width:232px;
  float:left;
  text-align:center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  
  }


.img img
  {
  align: center;
  display:inline;
  margin:15px;
  border:1px solid #ffffff;
  cursor:url(../magnify.cur) , -moz-zoom-in; 
 
  }
.img a:hover img
  {
  border:1px solid #333;
  box-shadow: 5px 5px 5px #333;
  -moz-box-shadow: 5px 5px 5px #333;
  -webkit-box-shadow: 5px 5px 5px #333;
   
 }
.desc
  {
  position: absolute;
  bottom:2px;
  text-align:center;
  font-weight:bold;
  width:100%;
  margin:2px;
  color:#CCC;
  
  }
  #price
{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#price td, #prices th 
{
font-size:1em;
border:1px solid #309;
padding:3px 7px 2px 7px;
}
#price th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color: #00F;
color:#ffffff;
}
#price tr.alt td 
{
color:#000000;
background-color:#CFF;
}

.red {
	color: red;
	font-weight: bold;
}
	
	
   
	    <!--[if lt IE 7]>
    .col1 {
	    width:100%;
	}
    <!--[endif]-->