/*
Theme Name: Custom Base Theme
Theme URI: 
Description: Key Design Websites custom built theme
Version: 1.0
Author: Key Design Websites
Author URI: http://www.keydesignwebsites.com
*/
@font-face {
	font-family: 'MuseoSlab500';
	src: url('font/museo_slab_500-webfont.eot');
	src: local('?'), url('font/museo_slab_500-webfont.woff') format('woff'), url('font/museo_slab_500-webfont.ttf') format('truetype'), url('font/museo_slab_500-webfont.svg#webfontnI4ruq7r') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSans500';
	src: url('font/museosans_500-webfont.eot');
	src: local('?'), url('font/museosans_500-webfont.woff') format('woff'), url('font/museosans_500-webfont.ttf') format('truetype'), url('font/museosans_500-webfont.svg#webfont6zbJa5eA') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 { 	font-family: 'MuseoSlab500'; }

#col1 h2 {padding-top:0; margin-top: 0; }


body { margin:0; padding:0;
background:url(images/mainbg.gif);
font-family: 'MuseoSans500', Arial, Sans;}

a { color:#5584C7; text-decoration: none;}

img {border:none;}

a:hover img {
 filter: alpha(opacity=80);
  opacity:0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  
  }


#wrap {
	width:960px;
	margin:0 auto;
	background:url(images/content-bg.jpg);
-webkit-box-shadow: 0px 0px 6px  #454545;
-moz-box-shadow: 0px 0px 6px #454545;
box-shadow: 0px 0px 6px #454545; }

#header {
	background:url(images/header.jpg) no-repeat;
	height:197px;
	postion:relative;
}

#slide-container {
	height: 419px;}

ul#slides { margin: 0; padding: 0;}
ul#slides li { margin: 0; padding: 0; list-style: none;}

#content {
	padding:10px;
}

#contentinner {
	padding:10px;
	background:url(images/innerbg.jpg);
}


#col1 {
	width:556px;
}

#col2 {
	width:363px;
}

#col3 {
	width:650px;}


#sidebar {
	width:265px;
	background: #F5F6E1;}
	
#sidebar #searchform {
	width:260px;
	height: 40px;
	background: #99D3B6;
	margin-left: -15px;
	padding-left:15px;
	padding-top: 15px;
	}	

#sidebar ul {
	padding: 10px 15px;}	
	
#sidebar li {
	list-style-image: url(images/leaf.png);
	}	
	

#quickcontact {
	background:#9AB9D0;
	color:#000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
}

#infotop {
	background:url(images/info_top.png);
	height:45px;
	text-align:center;
	font-size:0.55em;
	padding-top:10px;
}


#info {
	margin-top:-17px;
	background:#F5F6E1;
	padding:0 5px;
	text-align:left;
	font-size:14px;
}


#footer {
	clear:both;
}

#legal {
	width: 960px;
	margin: auto;
	font-size: 12px;
	
}

/* main menu */

#menu{
	background:#fff;
	border-bottom:3px #758C20 solid;
	border-top:3px #758C20 solid;
	position:absolute;
	top:120px;
	width:830px;
	margin:0 auto;
	display:block;
	height:45px;
	padding-left: 130px;
	font-size:18px;

	}	


#menu ul {
	position:relative; 
	z-index:300;
	margin:0 auto;
	padding:0 10px;

	}
	
#menu ul li a {	
	padding:12px 15px;
	margin: 0;
	color: #c64773;
	display:block;
	text-decoration:none;
	font-family: 'MuseoSlab500';
	}
	
#menu ul li a:hover {	
	color:#fff;
	text-decoration:none;
	background:#7ED6B5;
	}
	
#menu ul li {
	float:left; 
	position:relative; 	
	list-style-type: none;
	padding:0 10px;
	}
	
#menu ul ul {
	position:absolute; 
	display:none; 
	margin:0;
	padding:0; 
	background:#fff;
	z-index: 99999;
}

#menu ul li ul { padding:0;  display: none; position: absolute; z-index:999; line-height:24px;}
#menu ul li ul li {padding:0;}
#menu ul li ul a { height:auto; float:left; color:#224b88; padding:4px 10px; height:auto;  border-top:#ccc 1px dotted;}
#menu ul li ul a:hover {color:#aaa;height:auto; border:none; border-radius:none !important;}
#menu ul ul ul {top:auto; padding:0;}
#menu ul li ul ul {left:12em; margin:0 0 0 20px; top:auto;}
#menu ul li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none; border:none; }
#menu ul li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}


#menu ul li.current_page_item a {
	color:#224b88;
}

#menu ul li.current_page_item li a {
	color:#224b88;
	
}

#menu ul li li a {
	color:#224b88;
}

#menu ul li li a:hover {
	color:#fff;

}

#menu ul li.current_page_item li a:hover {
	color:#fff;
}




/*---------------------------------------------------------------------------*/
/*###########   Float Classes ###########*/
.left {float:left;}
.right {float:right;}
.clear {clear:both;}