/* -------------------------------------------------------------------------------- General */

body {
	background: #2e322e url(../images/bg_page.jpg) repeat-x;
	text-align: center; font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; padding: 0 0 20px 0;
}

a {
	color: #3cba0c; font-weight: bold;
}

a:hover {
	text-decoration: none;
}

p {
	line-height: 16px; margin: 0;
}

p.intro {
	font-weight: bold;
}

div#container {
	width: 910px; margin: 0 auto; text-align: left;
}

div#header {
	background: url(../images/bg_header.jpg);
	width: 100%; height: 118px;
}

div#footer {
	background: url(../images/bg_footer.jpg) no-repeat;
	width: 870px; height: 66px; clear: both; margin: 20px 0 0 -10px;
	padding: 0 20px; 
}

/* ----------------------------------------------------------------------------- Navigation */

div#nav {
	float: right; margin: -23px 0 0;
}

div#nav_home {
	float: right; height: 36px; width: 70px;
	background: url(../images/nav_home.jpg);
	cursor: pointer;
}

div#nav_company {
	float: right; height: 36px; width: 89px;
	background: url(../images/nav_company.jpg);
	cursor: pointer;
}

div#nav_examples {
	float: right; height: 36px; width: 155px;
	background: url(../images/nav_examples.jpg);
	cursor: pointer;
}

div#nav_products {
	float: right; height: 36px; width: 168px;
	background: url(../images/nav_products.jpg);
	cursor: pointer;
}

div#nav_contact {
	float: right; height: 36px; width: 87px;
	background: url(../images/nav_contact.jpg);
	cursor: pointer;
}

div#nav_home_active, div#nav_home:hover {
	float: right; height: 36px; width: 70px;
	background: url(../images/nav_home_hover.jpg);
	cursor: pointer;
}

div#nav_company_active, div#nav_company:hover {
	float: right; height: 36px; width: 89px;
	background: url(../images/nav_company_hover.jpg);
	cursor: pointer;
}

div#nav_examples_active, div#nav_examples:hover {
	float: right; height: 36px; width: 155px;
	background: url(../images/nav_examples_hover.jpg);
	cursor: pointer;
}

div#nav_products_active, div#nav_products:hover {
	float: right; height: 36px; width: 168px;
	background: url(../images/nav_products_hover.jpg);
	cursor: pointer;
}

div#nav_contact_active, div#nav_contact:hover {
	float: right; height: 36px; width: 87px;
	background: url(../images/nav_contact_hover.jpg);
	cursor: pointer;
}

/* --------------------------------------------------------------------------------- Footer */

div#footer a {
	color: #fff; font-weight: bold; text-decoration: none;
}

div#footer a:hover {
	color: #2e322e;
}

div#footer p {
	float: left; font-size: 11px; color: #fff; margin: 35px 0 0;
} 

div#footer p.right {
	float: right;
}

/* ---------------------------------------------------------------------------------- Index */

div#banner_index {
	background: url(../images/banner_index.jpg);
	width: 100%; height: 240px;
}

div#main_index {
	background: #fff url(../images/bg_main_index.jpg) no-repeat;
	width: 900px; padding: 84px 0 0 10px;
}

div#index_col1 {
	float: left; width: 296px;
}

div#index_col1 p, div#index_col3 p {
	margin: 0 27px 6px;
}
div#index_col2 {
	float: left; width: 245px; padding: 0 26px;
}

div#index_col3 {
	float: left; width: 296px;
}

/* ------------------------------------------------------------------------------ Main Page */

div#banner {
	background: url(../images/banner.jpg);
	width: 890px; height: 50px; padding: 24px 0 0 20px;
}

div#main {
	background: #fff url(../images/bg_main.jpg) no-repeat;
	width: 900px; padding: 22px 0 0 10px;
}

div#main_col1 {
	width: 294px; background: #eef4ee; float: left; margin: 0 0 0 1px;
}

div#main_col1 p {
	margin: 0 27px 14px;	
}

div#main_col1 hr {
	border: 1px solid #fff; height: 1px;
	border-bottom: 0px;
}

div#main_col2 {
	float: right; width: 500px; padding: 10px 55px 0 45px;
}

div#main_col2 h2 {
	color: #3cba0c; font-weight: bold; font-size: 14px;
	margin: 0 0 22px 0;
}

div#main_col2 h3 {
	color: #000; font-weight: bold; font-size: 12px;
	margin: 24px 0 6px 0;
}

div#main_col2 p {
	margin: 0 0 20px 0;
}

div#main img {
	border: 0; margin: 0 0 10px 0;
}

/* -------------------------------------------------------------------------------- Buttons */

a.button {
	color: #000; text-decoration: none;
}

a.button:hover {
	color: #3cba0c;
}

div.button_xl {
	background: url(../images/bg_button_xl.jpg) no-repeat;
	width: 226px; height: 20px; padding: 4px 0 0 16px;
	font-weight: bold; cursor: pointer; margin: 7px 0 0 27px;
}

div.button_xl_inline {
	background: url(../images/bg_button_xl.jpg) no-repeat;
	width: 226px; height: 20px; padding: 4px 0 0 16px;
	font-weight: bold; cursor: pointer; margin: -7px 0 0 0;
}

div.button_large {
	background: url(../images/bg_button_large.jpg) no-repeat;
	width: 169px; height: 20px; padding: 4px 0 0 16px;
	font-weight: bold; cursor: pointer; margin: 7px 0 0 27px;
}

div.button_med {
	background: url(../images/bg_button_med.jpg) no-repeat;
	width: 129px; height: 20px; padding: 4px 0 0 16px;
	font-weight: bold; cursor: pointer; margin: 10px 0 0 0;
}

div.button_small {
	background: url(../images/bg_button_small.jpg) no-repeat;
	width: 89px; height: 20px; padding: 4px 0 0 16px;
	font-weight: bold; cursor: pointer; margin: 10px 0 0 26px;
}

/* --------------------------------------------------------------------------------- Tables */

td.image {
	text-align: center; vertical-align: middle;
	height: 120px; width: 280px;
}

td.text {
	font-weight: bold;
}

/* ---------------------------------------------------------------------------------- Lists */

ul {
	margin: 0 0 0 16px;
}

li {
	font-weight: bold; list-style-type: square;
}

/* ---------------------------------------------------------------------------------- Forms */

form {
}

label {
	display: block; float: left; width: 120px; margin: 3px 0 20px;
	
}

input, textarea {
	display: block; float: right; width: 340px;
	background: #eef4ee; height: 18px; margin: 0 0 16px 0;
	border: 1px solid #a9b3a9; padding: 2px 0 0;
}

textarea {
	height: 140px;
}

input.submit {
	background: url(../images/bg_button_large.jpg); border: 0;
	width: 186px; height: 24px; text-align: left; padding: 0 0 0 16px;
	font-weight: bold; font-family: Arial, Helvetica, sans-serif;
	cursor: pointer; margin: 0 0 0 0;
}