@charset "ISO-8859-1";
		

/*------------------------------------------------right--------------------*/
/*------------------------------------------------body--------------------*/
/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:800px;
	height:225px;
	background:url(../images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
	color:#fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 40px;
}
li#special{
	display:block;
	height:25px;
	line-height:0;
	padding: 0px;
	margin-bottom: 5px;
}

#news{
	width:300px;
	float:right;
	margin-right: 15px;
}
#news h2{
	display:block;
	background:url(images/arrow_red.gif) 0 0 no-repeat;
	font:bold 17px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#news h3{
	display:block;
	width:250px;
	height:17px;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974d04;
	background-color:inherit;
	background-image: url(images/date_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-transform:uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#news ul{
	padding:0;
	margin:0;
	display:block;
}
#news ul li{
	display:block;
	height:25px;
	line-height:0;
	padding: 0px;
	margin-bottom: 5px;
}
#news ul li a{
	display:block;
	background:url(images/arrow_white.gif) 0 7px no-repeat;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	height: 25px;
}
#news ul li a:hover{
	color:#974D04;
	background:url(images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	text-decoration:none;
}


#service{
	width:300px;
	float:left;
	margin-right: 15px;
	background-position: left;
}
#service h2{
	display:block;
	background:url(images/arrow_red.gif) 0 0 no-repeat;
	font:bold 17px/16px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#service h3{
	display:block;
	width:250px;
	height:17px;
	font:bold 11px/17px Arial, Helvetica, sans-serif;
	color:#974d04;
	background-color:inherit;
	background-image: url(images/date_bg.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-transform:uppercase;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#service ul{
	padding:0;
	margin:0;
	display:block;
}
#service ul li{
	display:block;
	height:20px;
	line-height:0;
	padding-bottom: 0px;
	margin-bottom: 2px;
}
#service ul li a{
	display:block;
	background:url(images/arrow_white.gif) 0 7px no-repeat;
	font:normal 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:underline;
	height:20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#service ul li a:hover{
	color:#974D04;
	background:url(images/arrow_white_hover.gif) 0 7px no-repeat #DDDDCB;
	text-decoration:none;
}
#li.special{
	height:0px;
	padding: 0px;
	margin-bottom: 5px;
}



/*------------------------------------------------bodyBottom--------------------*/
/*------------------------------------------------footer--------------------*/
#footer{
	width:979px;
	height:125px;

	margin:0 auto;
	background:#323232 url(../images/footer_bg.gif) repeat-x;
	color:#fff;
	position:relative;
	visibility: visible;
}
#footer ul{
	width:587px;
	position:absolute;
	left:11px;
	top:27px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#D4D4C6;
	background-color:#D76E08;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#D76E08;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:49px;
}
#footer img{
	position:absolute;
	left:880px;
	top:51px;
	width:84px;
	height:26px;
}
#footer p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#C5BE25;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:85px;
}
#footer p.design a{
	color:#FFFFFF; background-color:inherit; text-decoration:none;
	}
#footer p.design a:hover{
	color:#C5BE25; background-color:inherit;
	}
/*------------------------------------------------footer--------------------*/



/*------------------------------------------------end of menu--------------------*/

/* CSS Document */
body{
	padding:0 0 0;
	margin:0;
	background-color:#efefdf;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
div.float-left {
  float: left;
  }
  
div.float-left p {
   text-align: center;
   }
   
   div.float-right { position: relative; float: right; margin: 5px 10px 10px; }
  
div.float-right p { color: #b22222; font-size: 11px; font-family: sans-serif, Helvetica, Geneva, Arial, SunSans-Regular; text-align: center; margin-top: 5px; }

table#box {
	width: 750;
	border: 0;
	padding: 10px;
	margin-bottom: 20px;
}

td#box {
	width: 75;
	border: 0;	
}


/*------------------------------------------------body--------------------*/
/*------------------------------------------------header--------------------*/
#header{
	background-image: url(../images/header-com.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	width:979px;
	height:272px;
	position:relative;
	visibility: visible;
	margin:0 auto;
}
#header h1{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width:484px; height:32px; position:absolute; left:411px; top:108px; text-indent:-10000px; }
#header p{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	position:absolute;
	left:20px;
	top:182px;
	width: 945px;
}
#header p span.txt1{
	color:#fff;
	background-color:#1E6887;
}

/*------------------------------------------------header--------------------*/
/*------------------------------------------------body--------------------*/
#body{
	background-color: #fff;
	background-position: 0 200px;
	width:976px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 13px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#bodyBottom{
	width:500px;
	background:url(../images/body_bottom_bg.gif) 0 0 repeat-x #B9B99D;
	color:#fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#footer{ width:979px; height:125px; margin:0 auto; background:#323232 url(../images/footer_bg.gif) repeat-x; color:#fff; position:relative; visibility: visible; }
#footer ul{
	width:587px;
	position:absolute;
	left:11px;
	top:27px;
}

}
#right p.rightTxt2{
	color:#62625C;
	background-color:inherit;
	padding:0 0 20px 38px;
	float:left;
	width:557px;
	margin:0 27px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 19px;
	font-weight: normal;
	font-variant: normal;
}

/*------------------------------------------------left--------------------*/
#left{ background-position: 0 bottom; width:340px; height: auto; float:left; }
#left img.maingraphic { background-image: url(file:///Macintosh%20HD/Users/ediethelm/Sites/Kutta_Temp/web-content/images/UAV-controlguy.jpg); background-repeat: no-repeat; position: relative; left: 0; width:375px; height:497px; clip: rect(auto auto auto auto); float:left; margin:0; padding: 0; border: 0; outline-style: none; outline-width: 0; }

img#puzzle {float: right; margin-left:5px; height:260px; width:298px;}
img#piece {float: left; margin-right:5px; height:89px; width:79px;}

/*------------------------------------------------left--------------------*/
/*------------------------------------------------right--------------------*/
#right{
	background-color: transparent;
	background-attachment: scroll;
	background-position: 0 0;
	width:900px;
	height: auto;
	float:left;
	margin-bottom: 0px;
	margin-left: 39px;
	margin-right: 39px;
	text-align:left;
}


#right h2{
	font:bold 18px/22px Arial, Helvetica, sans-serif;
	color:#900;
	margin:15px 0 16px;
	padding:0 0 0 38px;
	display:block;
}

#right h3{
	font:bold 15px/16px Arial, Helvetica, sans-serif;
	color:#000;
	margin:10px 0 5px;
	padding:0 0 0 38px;
	display:block;
}
#right p.rightTxt1{
	font:13px/18px Arial, Helvetica, sans-serif;
	color: #62625c;
	padding:0 38px 10px;
}
#right p.rightTxt1 a {
	font:13px/18px Arial, Helvetica, sans-serif;
	color:  #900;
	}
#right p.rightTxt2{
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#62625C;
	background-color:inherit;
	padding:0 0 20px 38px;
	float:left;
	width:349px;
	margin:0 27px 0 0;
}
.imgright 
{ background-image: url(file:///Macintosh%20HD/Users/ediethelm/Sites/Kutta_Temp/web-content/images/product1-small.jpg); background-repeat: no-repeat; float: right; width: 77px; height: 116px; margin: 0 10px 12px; padding-bottom: 20px; border-width: 0; display: block; }
 
 .imgright p
{ color: #666; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-size: 11px; background-position: 0 bottom; text-align: center;  }



#right p.rightPic{
	display:block;
	background:url(file:///Macintosh%20HD/Users/ediethelm/Sites/Kutta_Temp/web-content/images/right_panel_pic.gif) no-repeat;
	width:166px;
	height:212px;
	float:left;
	margin:0 0 22px;
}

#right ul{ font:bold 12px/16px Arial, Helvetica, sans-serif; color:#696969; margin-right: 20px; margin-left: 50px; padding-right: 50px; padding-left: 50px; list-style: url(file:///Macintosh%20HD/Users/ediethelm/Sites/Kutta_Temp/web-content/images/smallarrow.gif); }
		


#right ul li{
	margin-bottom: 16px;
	list-style-image: url(../images/smallarrow.gif);
	list-style-position: outside;
		}

/*------------------------------------------------right--------------------*/


/*------------------------------------------------AB--------------------*/



div#box-container{
	width:800px;
	height: auto;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	left: 100px;
}

