/* APP Stylesheet - Produced by Shire Websites - August 2008 */

* {
		margin: 0px;
		padding: 0px;
	}
	
	a {
   		outline: none;
	}
	
	body {
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		background: url(../images/background.jpg) repeat-x;
	}
	
	div#container {
		width: 950px;
		margin: 0px auto;
		text-align: left;
	}
	
	div#top {
		background: url(../images/top.jpg) no-repeat;
		width: 950px; height: 143px;
	}
	
	div#top-nav {
		background: url(../images/top_nav_bg.gif) repeat-x;
		width: 950px; height: 45px;
	}
	
	div#top-nav ul.nav {
		list-style: none;
		height: 44px;
		float: left;
		padding-left: 150px;
	}
	
	ul.nav li {
		float: left;
	}
	
	ul.nav li a {
		display: block;
		text-indent: -654321px;
		height: 44px;
		background-repeat: no-repeat;
	}
	
	ul.nav li a:hover {
		background-position: bottom;
	}
	
	ul.nav li.b_home a {
		width: 85px; background-image: url(../images/top_btn_home.gif);
	}
	
	ul.nav li.b_about a {
		width: 106px; background-image: url(../images/top_btn_about.gif);
	}
	
	ul.nav li.b_products a {
		width: 109px; background-image: url(../images/top_btn_products.gif);
	}
	
	ul.nav li.b_services a {
		width: 103px; background-image: url(../images/top_btn_services.gif);
	}
	
	ul.nav li.b_projects a {
		width: 108px; background-image: url(../images/top_btn_projects.gif);
	}
	
	ul.nav li.b_contact a {
		width: 126px; background-image: url(../images/top_btn_contact.gif);
	}
	
	ul.nav li a.selected {
		background-position: bottom;
	}
	
	div.home-promo {
		border: 1px solid #CCCCCC;
		width: 440px;
		height: 355px;
		padding: 10px;
	}
	
	div.home-promo div.pause {
		position: relative;
		top: -30px;
		left: 20px;
	}
	
	div#content {
		width: 910px;
		padding: 40px 20px 40px 20px;
	}
	
	div#content div.left {
		float: left;
		width: 450px;
		margin-right: 40px;
	}
	
	div#content div.right {
		float: left;
		width: 400px;
	}
	
	div#footer {
		width: 100%; height: 95px;
		background: url(../images/footer_bg.gif) repeat-x;
		text-align: center;
	}
	
	div#footer div {
		margin: 0 auto;
		width: 950px;
		height: 95px;
		font-size: 11px;
		text-align: right;
	}
	
	div#footer div span.logo {
		width: 70px; height: 44px;
		float: left;
		background:url(../images/footer_APP.gif) no-repeat;
		margin-top: 6px;
	}
	
	div#footer div span.credits {
		float: right;
		margin-top: 20px;
		color: #243E90;
	}
	
	div#footer a, div#footer a:visited {
		color: #243E90;
		text-decoration: none;
	}
	
	div#footer a:hover {
		border-bottom: 1px dotted #243E90;
	}
	
	div.spacer {
		clear: both;
	}
	
	p {
		font-size: 12px;
		color:#666666;
		margin-bottom: 15px;
	}
	
	p.intro1 {
		font-size: 13px;
	}
	
	p.intro2 {
		font-size: 14px;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	
	p.intro3 {
		font-size: 14px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	
	h1 {
		text-indent: -54321px;
		height: 21px;
		line-height: 21px;
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}
	
	h2 {
		font-size: 15px;
		font-weight: bold;
		color: #243E90;
		margin-bottom: 10px;
		margin-top: 25px;
	}
	
	h2.contactus {
		margin-top: 10px;
		font-size: 14px;
	}
	
	h2.projects {
		margin: 0px;
	}
	
	h2.products {
		margin: 0px;
		font-size: 16px;
	}
	
	h3 {
		font-size: 14px;
		font-weight: bold;
		color: #243E90;
		margin-bottom: 10px;
	}
	
	h1.home-welcome {
		background-image: url(../images/header_home_welcome.gif); width: 414px;
	}
	
	h1.home-advantages {
		background-image: url(../images/header_home_advantages.gif); width: 332px;
	}
	
	h1.about {
		background-image: url(../images/header_aboutapp.gif); width: 98px;
	}
	
	h1.products {
		background-image: url(../images/header_products.gif); width: 80px;
	}
	
	h1.services {
		background-image: url(../images/header_services.gif); width: 74px;
	}
	
	h1.projects {
		background-image: url(../images/header_projects.gif); width: 72px;
	}
	
	h1.contactus {
		background-image: url(../images/header_contactus.gif); width: 107px;
	}
	
	ul.home-services {
		color: #666666;
		list-style-image:url(../images/bullet_arrow_right.gif);
		margin-left: 20px;
		font-size: 15px;
		margin-bottom: 15px;
	}
	
	ul.home-services li {
		margin-bottom: 10px;
	}
	
	ul.list1 {
		color: #333333;
		list-style-image:url(../images/bullet_arrow_right_sml.gif);
		margin-left: 20px;
		font-size: 13px;
		margin-bottom: 15px;
	}
	
	ul.list1 li {
		margin-bottom: 10px;
	}
	
	div#content a, div#content a:visited {
		color: #243E90;
		text-decoration: none;
		border-bottom: 1px dotted #243E90;
	}
	
	img.floatright {
		float: right;
		margin-left: 20px;
		margin-top: 10px; margin-bottom: 10px;
		padding: 8px;
		border: 1px solid #CCCCCC;
	}
	
	img.floatleft {
		float: left;
		margin-right: 20px;
		margin-top: 10px; margin-bottom: 10px;
		padding: 8px;
		border: 1px solid #CCCCCC;
	}
	
	div#content div.contact-col1 {
		width: 300px;
		float: left;
	}
	
	div#content div.contact-col2 {
		width: 250px;
		float: left;
	}
	
	div#content div.contact-col3 {
		width: 350px;
		float: left;
	}
	
	table.timeline {
		font-size: 12px;
		color: #333333;
	}
	
	table.timeline td {
		padding-bottom: 10px;
	}
	
	div.about-slides {
		border: 1px solid #CCCCCC;
		width: 300px;
		height: 200px;
		padding: 10px;
		float: right;
		margin-left: 20px;
		margin-bottom: 40px;
	}
	
	div.services-slides {
		border: 1px solid #CCCCCC;
		width: 350px;
		height: 250px;
		padding: 10px;
		float: right;
		margin-left: 20px;
		margin-bottom: 40px;
	}




/*CONTACT FORM ELEMENTS::
================================*/

	input, textarea {
		font-size: 12px;
		color:#333333;
		font-weight: bold;
		border: 1px solid #999999;
		padding: 3px;
	}

	ul.form {
		list-style-type: none;
	}

	ul.form li span.f-label {
		float: left;
		width: 110px;
		font-size: 12px;
		font-weight: bold;
		color: #333333;
		padding-bottom: 20px;
	}

	ul.form li span.f-field {
		float: left;
	}

	ul.form li {
		clear: both;
	}

	p.notice img.floatleft {
		float: left;
		margin-right: 10px;
		margin-bottom: 25px;
		border: 0px;
		padding: 0px;
		margin-top: 0px;
	}
	
	hr.line1 {
	
		border: 0;
		height: 1px;
		background-color: #CCCCCC;
		clear: both;
		margin-bottom: 18px;
	
	}
	
	div.projects-thumb {
		width: 160px;
		height: 170px;
		float: left;
		margin-right: 20px;
		margin-top: 0px;
		padding: 3px;
		border: 1px solid #CCCCCC;
		margin-bottom: 18px;
	}
	
	div.products-thumb {
		width: 275px;
		height: 206px;
		float: left;
		margin-right: 10px;
		margin-top: 0px;
		padding: 3px;
		border: 1px solid #CCCCCC;
		margin-bottom: 18px;
	}
	
	ul.products-links {
		list-style: none;
		font-size: 12px; font-weight: bold;
		margin: 0px; padding: 0px;
	}
	
	ul.products-links li {
		float: left;
		padding-right: 10px; padding-left: 10px;
		border-left: 1px solid #CCCCCC;
	}
	
	ul.products-links li.first {
		border-left: 0px;
		padding-left: 0px;
	}