@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-image:url(images/body_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Arial, Verdana, Tahoma, sans-serif;
	font-size:12px;
	color:#223845;
}
img, a img {
	border:none;
}
img, a img, div {
	margin:0;
	padding:0;
}
td {
	vertical-align:top;
}
p {
	margin:5px 0 15px 0;
	padding:0;
}
a {
	color:#7DAD03;
}
h1 {
	color:#286EAA;
	font-size:18px;
	font-weight:normal;
	line-height:25px;
	margin:0 0 10px 0;
	padding:0;
	border-bottom:2px solid #E5E5E5;
	text-transform:capitalize
}
#footer, #footer a {
	color:#223845;
	text-decoration:none
}
#footer a:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
	font-size:2px;
	line-height:2px;
}

/* layout elements */
#header {
	width:798px;
	height:137px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	margin: 9px auto 0 auto;
}
#logo {
	float:left;
	width:361px;
	margin:25px 0 0 0;
}
#menu_container {
	float:left;
	width:430px;
	height:100px;
	margin:30px 0 0 0;
}
#footer {
	width:798px;
	height:40px;
	margin:0 auto;
	background-image:url(images/footer_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:bottom;
	text-align:center;
	font-size:10px;
	line-height:60px;
}
#content_wrapper {
	width:798px;
	margin:0 auto;
	background-image:url(images/content_bg.gif);
	background-repeat:repeat-y;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#content {
	padding:20px 45px;
}
#content_small {
	float:right;
	width:560px;
}

/* panels */
.panel_small {
	/*margin:20px 15px 20px 0;*/
	margin:10px 0 10px 0;
}
.small_margin  {
	margin-right:12px;
}
.panel_big {
	margin:20px 0 20px 4px;
}
.panel_small .top, .panel_small .bottom {
	background-image:url(images/p_small_top.jpg);
	background-repeat:no-repeat;
	height:15px;
	width:274px;
}
.panel_small .bottom {
	background-image:url(images/p_small_bottom.jpg);	
}
.panel_small .middle_out {
	width:274px;
	background-image:url(images/p_small_bg.jpg);
	background-repeat:repeat-y;
}
.panel_small .middle, .panel_big .middle {
	background-image:url(images/panel_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FCFCFC;
	padding:0px 20px;
	margin:0 2px;
	min-height: 240px;
	height: auto !important;
	height: 240px;
}
.panel_big .top, .panel_big .bottom {
	background-image:url(images/p_big_top.jpg);
	background-repeat:no-repeat;
	height:15px;
	width:415px;
}
.panel_big .bottom {
	background-image:url(images/p_big_bottom.jpg);	
}
.panel_big .middle_out {
	width:415px;
	background-image:url(images/p_big_bg.jpg);
	background-repeat:repeat-y;
}
.panel h1 {
	color:#7DAD03;
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	border-bottom:2px solid #E5E5E5;
	line-height:22px;
	text-transform:none;
}
.panel h2 {
	color:#445359;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	margin:5px 0 10px 0;
	padding:0;	
}
.panel p {
	margin:0;
	padding:0 0 10px 0;
}
.panel .frame {
	border:1px solid #BDC3C5;
}
.panel_link {
	font-weight:bold;
	text-decoration:none;
}
#contact_us {
	float:left;
	width:285px;
	background-image:url(images/watermark.jpg);
	background-repeat:no-repeat;
	background-position:100px 145px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
.input {
	width:200px;
	padding:2px 5px;
	margin:0;
	font-size:10px;
}
.button1 {
	border:1px solid #C1C1C1;
	background-color:#FFFFFF;
	background-image:url(images/btn_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:2px 10px;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
.button1:hover {
	border-color:#333333;
}

/* menu left */
#menu_left {
	float:left;
	margin-bottom:20px;
}
#menu_left .top {
	height:12px;
	width:130px;
	background-image:url(images/menu_top.jpg);
	background-repeat:no-repeat;
	line-height:1px;
	font-size:1px
}
#menu_left .bottom {
	height:17px;
	width:130px;
	background-image:url(images/menu_bottom.gif);
	background-repeat:no-repeat;
}
#menu_left .middle_out {
	min-height: 263px;
	height: auto !important;
	height: 263px;
	width:130px;
	background-color:#CFDFE6;
	background-image:url(images/menu_bg.jpg);
	background-repeat:repeat-x;
}
#menu_left .middle {
	padding:0 10px;
}
#menu_left p {
	margin:0;
	padding:5px 0 10px 0;
}
#menu_left .title {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	border-bottom:2px solid #FFFFFF;
	color:#FFFFFF;
	margin:0 0 5px 0;
	text-transform:lowercase;
	text-align:center;
}
#menu_left ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#menu_left li {
	border-bottom: 1px solid #E6F2F9;
	padding:5px;
	margin:0;
}
#menu_left a {
	color:#223845;
	text-decoration:none;
}


/* menu top */
#menu {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu li {
	float:left;
	width:70px;
	margin:20px 0 0 15px;
	padding:0px 0 0 0;
	background-repeat:no-repeat;
}
#menu li a {
	display:block;
	margin:0;
	padding:50px 0 0 0;
	text-align:center;
	font-size:14px;
	color:#171411;
	text-decoration:none;
}
#menu li a:hover {
	color:#902619;
}
#home		{	background-image:url(images/i_home.jpg); 		background-position:5px 0		}
#about_us	{	background-image:url(images/i_about_us.jpg); 	background-position:-3px 0;	}
#products	{	background-image:url(images/i_products.jpg);	background-position:5px 0;	}
#support	{	background-image:url(images/i_support.jpg);		background-position:5px 0;	}
#contact	{	background-image:url(images/i_contact.jpg);		background-position:-2px 0;}

/* Hax (don't look here) */
.clearfix:after { 
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* END: Hax (don't look here) */