/* color palette 

red d11242
yellow f6f0b5
maroon 820053
dk brown 6f3750
other brown 9f8971
tan e5ccbc
olive c5c19d
pink e0b4bd
purple b29bc9

*/

/* universal styles */

*	{ margin: 0; padding: 0; }
body { background-color: #f6f0b5; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size: 85.7%; }

#main-body	{ margin: auto; width: 840px;  }

#banner	{ width: 890px; height: 150px; margin-left: -60px; }

#logo	{ float: right; padding-top: 80px; }

.menu {position: relative; width: 100%; margin: 0 auto 0 auto; padding-left: 250px; font-size: 1.2em; letter-spacing: 2px; text-transform: uppercase; list-style: none; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}

.menu li {float:left; position:relative;}
.menu li a { float: left; padding: 15px 10px; text-decoration: none; color: #9f8971; }
.menu li a:hover { color: #d11242; }
.menu li a:active { color: #999; }
.menu li a.on { color: #d11242; }
.menu ul { list-style: none; }
.menu ul ul {padding-top: 0; margin: 0px; width:149px; font-size: .75em; letter-spacing: 2px; text-transform: uppercase; list-style: none; }
.menu ul ul li a:hover { color:#d11242}
.menu ul ul ul {padding-top: 0; margin: 0px; width:149px; font-size: 1em; letter-spacing: 2px; text-transform: none; list-style: none; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:# url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:# url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:# url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:75px;t\op:76px;}
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#f6f0b5; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.menu ul ul a:hover{color:#000; background:#fff;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#f6f0b5;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


#content_top	{ float: left; width: 835px; background:#f6f0b5 url(../images/content_top.gif) no-repeat top left; }

#content	{ float: left; width: 835px; background:#f6f0b5 url(../images/content_mid.gif) repeat-y left; padding-top:30px; }
#content ul	{ padding: 20px 0 20px 70px;  }


#footer	{ clear:both; float: left; width: 835px; font-size: 1.em; letter-spacing:1px; color: #d11242; text-transform:uppercase; text-align: center; background:#f6f0b5 url(../images/content_btm.gif) no-repeat bottom; padding: 35px 0 0 0; min-height:40px; }
#footer a	{ color: #d11242; text-decoration:none; }

#bottom	{ clear: both; margin-top: 20px;  }


/* page specific styles */

#badges	{ margin: auto; text-align: center; }
#badges img {padding: 20px 40px;}

#testimonials p	{ padding-bottom: 25px; }

#indexLeft	{ width: 45%; float: left; padding: 0; margin: 0 20px; background-color: #f0e0d2; }
#indexLeft	p { padding: 5px 15px; }
#indexLeft	h2 { padding: 5px 15px; }

#indexRight	{ width: 40%; float: right;padding: 18px; margin: 0 20px; background-color: #f0e0d2; }
#indexRight p	{ padding: 5px 15px; }
#indexRight h2	{ padding: 5px 15px; }

#sidebar { font-size: .85em; width: 400px; float: right; margin: 0 20px 0 20px;  padding-bottom: 20px; background-color: #f0e0d2; }
#sidebar img { margin-left: 50px; }

#contact	{  width: 90%; margin-top: 20px; margin-left: 40px; }


/* text and image styles */


h1, h2, h3, h4, p	{ padding-left: 40px; padding-right: 40px; }
h1	{ font-size: 2.5em; font-weight: normal; color: #d11242; text-align: right; padding-top: 10px; text-transform: lowercase;  }
h2	{ font-size: 1.5em; color:#820053; padding-top: 25px; padding-bottom:3px; line-height: 150%; font-weight:normal; font-family: Century Gothic, Zapfino, Verdana, Arial, Helvetica, sans-serif; }/* font-weight must be normal for zapfino to work */
h3	{ font-size: .9em; }
h4	{ color:#820053; text-decoration:none; padding-bottom: 25px; padding-top: 25px; }
p	{ font-size: 1em; line-height:170%; padding-bottom: 6px; margin-top:0; }
a	{ color:#820053; text-decoration:none; }
a:hover	{ color:#d11242; text-decoration:underline;  }

img	{ border: 0; }
.float_right	{ float: right; margin: 0 0 15px 30px; border: 1px solid #820053; }
.float_left	{ float: left; margin: 35px 30px 15px 0; border: 1px solid #820053; }





.note	{ background-color: #6f0; }

.list { margin: 10px 0 20px 75px; }