/*
Theme Name: Speech Interface Design
Theme URI: http://www.speech-interface.com
Description: Custom WordPress theme for Speech Interface Design
Version: 1.0
Author: Derek Ashauer, ashwebstudio
*/
body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #5f5f5f url(_images/bg.gif) 0 0 repeat;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 14px;
    color: #000;
    line-height: 20px;
}
p, h1, h2, h3, h4, #content ul, #sidebar ul, #content ol, #content table, #wrapcentre ul {
	margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #743e76;
    text-decoration: underline;
}
a:hover, a:active {
    color: #ad8dae;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

img.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
img.alignleft {
	float: right;
	margin: 0 15px 10px 0;
}

/* ----------------------------------- */
/* WRAPPER
/* ----------------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: #676767;
	padding: 0 0 30px 0;
}
#container {
	width: 940px;
	margin: 0 20px;
	background: #FFF;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	height: 130px;
	overflow: hidden;
	background: transparent url(_images/top.gif) 0 0 no-repeat;
	margin: 0 0 15px 0;
}
	img#logo {
		float: left;
		display: inline;
		margin: 39px 0 0 20px;
	}

	#secondary-menu {
		margin: 13px 20px 0 0;
		height: 66px;
	}
		#secondary-menu ul {		
			float: right;
		}
		#secondary-menu li {
			float: left;
			display: inline;
			margin: 0 0 0 20px;
			font-size: 12px;
			list-style: none;
		}
		#secondary-menu a:link, #secondary-menu a:visited {
			color: #FFF;
			text-decoration: none;
		}
		#secondary-menu a:hover, #secondary-menu a:active {
			color: #a9a9a9;
		}
		li#home {
			background: transparent url(_images/icon-home.gif) 0 2px no-repeat;
			padding: 0 0 0 20px;
			margin-top: 6px;
		}
		li#news {
			background: transparent url(_images/icon-news.gif) 0 2px no-repeat;
			padding: 0 0 0 17px;
			margin-top: 6px;
		}
		li#contact {
			background: transparent url(_images/icon-contact.gif) 0 1px no-repeat;
			padding: 0 0 0 20px;
			margin-top: 6px;
		}
	
	#menu {
		float: right;
		clear: right;
		display: inline;
		margin: 0 25px 0 0;
	}
		#menu li {
			float: left;
			background: transparent url(_images/menu-divider.gif) 0 0 no-repeat;
			height: 41px;
			line-height: 41px;
			font-size: 14px;
			list-style: none;
			display: inline;
		}
			#menu a {
				height: 41px;
				line-height: 41px;
				padding: 0 10px 0 15px;
				text-decoration: none;
			}
			#menu a:link, #menu a:visited {
				color: #FFF;
			}
			#menu a:hover, #secondary-menu a:active {
				color: #a9a9a9;
			}

/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#banner {
	width: 900px;
	height: 181px;
	margin: 0 20px 35px 20px;
	background: transparent url(_images/banner.jpg) 0 0 no-repeat;
	overflow: hidden;
}
	#buttons {
		float: right;
	}
	#buttons {
		background: url(_images/buttons.jpg) top left no-repeat;					
		width: 282px;		/* Width of buttons, not entite image (or half of entire image) */
		height: 182px;		/* Height of entire image */
	}
	#buttons li span { display: none; }
	#buttons li {
		float: left;
		list-style: none;
	}
	#buttons li, #buttons a { 
		height: 91px;			/* Each button must have the same height, define it here */
		display: block;
		text-align: left;
	}

	/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
	* html #buttons li { height:1% }
	/* End */

	/* Increments of each button height defined above */
	#button1 { top:   0px }
	#button2 { top:  91px }

	/* width set here should be same width set in #menu */
	#button1, #button2 { left: 0px; width: 282px; }

	/* Changed values should match "top" numbers specified above */
	#button1 a:hover { background: transparent url(_images/buttons.jpg) -282px   -0px no-repeat; }
	#button2 a:hover { background: transparent url(_images/buttons.jpg) -282px  -91px no-repeat; }

img#partners {
	float: right;
	display: inline;
	margin: 15px 65px 0 0;
}

#welcome {
	width: 500px;
	/*width: 525px;*/
	float: left;
	display: inline;
	margin: 0 0 0 40px;
}
	#welcome p, #welcome li {
		font-size: 14px;
		line-height: 20px;
	}

#intro-events, #intro-news {
	float: right;
	width: 300px;
	margin: 0 40px 30px 0;
}

#intros {
	border-top: 1px solid #e0e0e0;
	margin: 25px 20px 0 20px;
	padding: 20px 0 0 0;
	width: 900px;
}
	.intro {
		width: 300px;
		float: left;
	}
		.intro h2 {
			height: 20px;
			text-indent: -3000px;
			padding: 0 0 10px 0;
			border-bottom: 1px solid #e0e0e0;
		}
		#intro-1 h2, #intro-news h2 { background: transparent url(_images/company-news.gif) 0 0 no-repeat; }
		#intro-2 h2 { background: transparent url(_images/our-services.gif) 20px 0 no-repeat; }
		#intro-3 h2, #intro-events h2 { background: transparent url(_images/current-events.gif) 0 0 no-repeat; }

	#intro-news li {
		clear: left;
		list-style: none;
		margin: 0 20px 0 0;
	}
	.news-date {
		width: 44px;
		background: #f0f0f0;
		text-align: center;
		float: left;
		font-size: 14px;
		color: #743e76;
		padding: 7px 0;
		margin: 0 0 10px 0;
	}
	.news-info {
		margin: 0 0 10px 55px;
		font-size: 12px;
		line-height: 16px;
	}
		.news-info a {
			font-size: 11px;
		}
	
	#intro-2 p, #intro-3 p {
		margin-left: 20px;
		margin-right: 30px;
	}

/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#header {
	width: 900px;
	margin: 0 20px;
	height: 101px;
	overflow: hidden;
	background: transparent url(_images/header.jpg) 0 0 no-repeat;
}
	#crumb {
		padding: 30px 0 0 270px;
		margin: 0 0 7px 0;
	}
		#crumb, #crumb a {
			color: #787878;
			font-size: 11px;
		}
	#header-text {
		padding: 0 0 0 270px;
	}
		#header-text h1 {
			font-size: 30px;
			color: #e1e2e3;
		}

#main {
	background: transparent url(_images/column.gif) 0 0 repeat-y;
	padding: 30px 0 0 0;
}

#content {
	width: 630px;
	float: right;
	display: inline;
	margin: 0 20px 0 0;
}
	#content.narrow {
		width: 400px;
		margin: 0 30px 0 0;
	}
	#content li {
		margin-left: 25px;
	}
	
	#content h2 {
		font-size: 20px;
	}
	#content h3 {
		font-size: 18px;
		font-weight: normal;
		color: #7c497e;
	}
	
	/* Blog posts */
	p.post-data {
		color: #666;
		margin: -10px 0 5px 0;
	}
	
	#sidebar {
		float: right;
		display: inline;
		width: 200px;
		margin: 0 20px 0 0;
	}
		#sidebar p, #sidebar h2, #sidebar li, #sidebar {
			font-size: 12px;
			line-height: 16px;
		}
		#sidebar li {
			margin-left: 15px;
		}

#side {
	width: 187px;
	float: left;
	margin: 0 0 0 40px;
	display: inline;
}
	#side h2 {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: normal;
		margin: 0 0 7px 0;
		color: #743e76;
	}
	#side ul {
		margin-bottom: 40px;
	}
	#side li {
		list-style: none;
		font-size: 14px;
		border-bottom: 1px solid #dddddd;
		padding: 5px 0;
	}
	#side li a:link, #side li a:visited {
		color: #000;
		text-decoration: none;
	}
	#side li a:hover, #side li a:active, #side li.current_page_item a {
		color: #7e4e81;
	}
	#side li.current_page_item li a {
		color: #000;
	}
	
	#side ul ul {
		margin: 3px 0 0 0;
	}
	#side li li {
		font-size: 11px;
		line-height: 14px;
		border: none;
		padding: 2px 10px;
	}

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	width: 900px;
	margin: 25px 20px 0 20px;
	border-top: 1px solid #e0e0e0;
	padding: 7px 0 10px 20px;
}
	#footer p, #footer a {
		color: #656565;
		font-size: 12px;
	}




ul#menu {
  width: 100px;
  list-style-type: none;
  border-top: solid 1px #b9a894;
  margin: 0;
  padding: 0;
}

ul#menu ol {
  display: none;
  text-align: right;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}

ul#menu li, 
  ul#menu a {
  font-family: verdana, sans-serif;
  font-size: 11px;
  color: #785a3c;
}

ul#menu li {
  border-bottom: solid 1px #b9a894;
  line-height: 15px;
}

ul#menu ol li {
  border-bottom: none;
}

ul#menu ol li:before {
  content: "- ";
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  color: #539dbc;
}

ul#menu a.active {
  color: #be5028;
}





	<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9960404-1");
pageTracker._trackPageview();
} catch(err) {}</script>