html {
	font: 12px/14px "Century Gothic", "Apple Gothic","Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	}
a {color: #4F84B8; text-decoration: none;}
a:hover, a:active { outline: none; }
img {border:none;}

#wrap {
	width:850px;
	margin:0 auto;
	background:#fff;
    }
	
#main {
	float:left;
	width:625px;
	background:#fff;
    }
	
#sidebar {
	float:right;
	width:225px;
	background:#fff;
    }

#map_canvas { width: 600px; height: 400px; border: 1px solid silver; margin-bottom:10px;}

/* CSS3 buttons courtesy http://www.red-team-design.com */
.button {
	margin: 0px;
    text-decoration: none;
    font: bold 1.0em "Century Gothic", "Apple Gothic","Helvetica Neue", Arial, Helvetica, sans-serif; /*Change the em value to scale the button*/
    display: inline-block;
	cursor: pointer;
    text-align: center;
    color: #fff;
	vertical-align:baseline;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	}

.button, .button span {
    -moz-border-radius: .3em;
    border-radius: .3em;
	}

.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;

    /* The background pattern */
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;
	}

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
	}

.button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
	}

.button-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
	}

.button-blue:hover {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
	}

.button-blue:active {background: #4477a1;}

.button-black {
	background: #141414;
	background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414) );
	background: -moz-linear-gradient(-90deg, #656565, #141414);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414');
	}
	
.button-black:hover {
	background: #656565;
	background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565) );
	background: -moz-linear-gradient(-90deg, #141414, #656565);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565');
	}
	
.button-black:active {background: #141414;}                
  
#searchList {margin: 0px 2px 0px 0px;}
#searchBox {height:14px; width: 187px; margin: 0px 2px 0px 0px;}

#filters {width:582px; margin-bottom:10px; height: 60px; background: #eeeeee; padding:10px;} 
#filters label {font-weight: bold; margin:0px;}
  
#LeftSearch {
	width: 250px;
	height: 50px;
	float: left;
	}
	
#RightSearch {
	width: 240px;
	height: 50px;
	float: left
	}

#separator {
	font-weight:bold;
	margin-left:20px;
	margin-top:20px;
	font-size:12px;
	width: 55px;
	float:left;
	}
  
#logos {float:left; margin:10px 0 20px 0;}
.logoleft {float:left; display:inline;}
.logoright {float:right; display:inline; margin-left:25px;margin-top:7px}  

#credits p {
  padding-top: 10px;
  padding-bottom: 10px;
  }

/* Used for the Switch effect, thanks to devgrow.com */  
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(img/switch-new.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch input { display: none; }
.switch label { cursor: pointer; padding-bottom:0px; margin-bottom:10px;}
  
 /* Fancy radio buttons courtesy of www.maratz.com */ 
#box        {
font-size:8pt;
color:#fff;
width: 190px;
padding: 15px;
margin-bottom: 25px;
background: #4f84b8 url(img/box-grad.png) repeat-x 0 0;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;
box-shadow: 0 5px 12px rgba(0,0,0,.4); -webkit-box-shadow: 0 5px 12px rgba(0,0,0,.4); -moz-box-shadow: 0 5px 12px rgba(0,0,0,.4); -khtml-box-shadow: 0 5px 12px rgba(0,0,0,.4);
}

.smallprint {
font-size: 9px;
}
  
fieldset { border: 0; padding: 0px; outline:none;}
label { display: block; cursor: pointer; line-height: 30px; }
#box input { margin-right:8px; outline:none; }
    