/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Activate custom.css file in theme admin panel
	2. Open style.css file and find any clasess you want to override
	3. Copy classes to override in this file, put them outside green commented area


START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */
body{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background:#ffffff; color:#525252 }

.front { background:#fbfbfb; border:1px solid #E1DFDA }
h2.title, h1.title { background:#f6f6f5 url(images/title-bg-trans.png) no-repeat left bottom; padding:8px 20px; margin:0 0 20px 0; border-bottom:1px solid #E1DFDA; color:#000000; font-size:26px }


.sf-menu li:hover li a { color:#000000 }
.sf-menu li:hover { background:#9fc3d9}

.sf-menu li ul  { position:absolute; left:-999em; width:180px; background:#bdd4e4}
.sf-menu li ul li:hover  { background:#9fc3d9}

.search-spot .search{ width:268px; height:35px; position:relative; margin:20px 0 0 0 }
.search-spot .search input{ color:#707070; font-size:1.25em; height:20px; width:220px; padding:8px 5px 8px 15px; margin:0; background:url(images/search-form1.png) no-repeat 0 0; outline:0; border:0; float:left }
.search-spot .search button{ border:0; padding:0; margin:0; cursor:pointer }
.search-spot .search button span{ position:absolute; width:47px; height:35px; top:0; right:0; background:url(images/search-form1.png) no-repeat 100% 0%}

.container_12, .container_16{margin-left:auto; margin-right:auto; width:1040px;}
.container_12 .grid_4 {width: 380px;}