/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: Arial;
	vertical-align: baseline;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, ol, 
fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-family: Arial;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {	list-style: none; height:1%; display:block;}
table {

}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* mac hide \*/
html,body{height:100%}
/* end hide*/

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	font-size:120%
}
h1{font-size:140%}
h3{margin:1em 0 .5em 0;}
h2{	
	color:#fff;
	text-align:center;
	font-size:110%;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
.clear {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
.to-top{clear:both;margin:1em 0;}
body{
	font-family: Arial;
	background:#e0dfe3 ;
	color:#000;
	font-size: 13px; 
}
#outer{
	width:90%;
	margin:0 0 0 4.5%;
	text-align:left;
	color:#000;
	min-height:100%;
  float:left;
	display:inline;
	background:#809900;
}
#content{
	float:right;
	width:100%;
	color:#000;
}
#content p {line-height:1.4em;}
#main{	
	margin:0 .7em 0 18em;
	padding:0 0 1em 0;	
	position:relative;
}
#header{
	background:url(../images/arkaplan.gif) ;
	position:relative;
	margin:0 0 1em 16em;
	height:90px;
 	overflow:hidden;
}
h1#logo{
	color:#d2da9c;
	font-size:200%;
	margin:0;
	white-space:nowrap;
	text-align:right;
	padding-right:20px;
}
h1#logo a{
	padding:37px 0 0 240px;
 display:block;
 color:#4c7300;
	text-decoration:none;
	height:71px;
 position:relative;
}
h1#logo a span{
	position:absolute;
	bottom:43px;
	left:225px
}
#middle-part #midtext p {text-align: left;padding:15px 15px 0px 15px; margin-bottom:0px; line-height:1.3em; font-size:12px;font-weight:bold;}
#middle-part #midtext ul {padding-left:30px; padding-right:15px; }
#middle-part #midtext ul li {text-align: left; margin-bottom:0px; line-height:1.5em; font-size:12px;font-weight:bold; list-style-type: disc;}
#right-side{
	float:left;
	width:221px;
	height:212px;
	margin: 4px 0px;	
}
#right-side #text {background-color:#d9f3f0;text-align: left; height:144px;}
#right-side #text p {padding:15px 8px 0px 8px; margin-bottom:0px; line-height:1.3em; font-size:11px;}
#right-side #text a {color:#ff9900; text-decoration:none;}
#left-side{
	float:left;
	width:175px;
	margin-top:4px;
}
#left-side #item { background-color:#ffffff;}
#left-side #item { width:161px; float:left; margin:0px 4px 4px 0px; padding: 10px 0px 0px 10px; background:url(../images/itembg.gif); height:22px; text-align:left ; font-size:11px; line-height:11px; font-weight:bold;}
#left-side #item-selected{ width:161px; float:left; margin:0px 4px 4px 0px; padding: 10px 0px 0px 10px; background:url(../images/itembgselected.gif); height:22px; text-align:left ; font-size:11px; line-height:11px; font-weight:bold;}
#left-side #item a { text-decoration:none;  color:#002e5f; height:1%; }
#left-side #item a.selected { color:#ffffff; }
#left-side #item-selected a { text-decoration:none;  color:#002e5f; height:1%; }
#left-side #item-selected a.selected { color:#ffffff; }
#subheader #nav { padding-right:20px; padding-top:6px; font-size:13px; font-weight:bold; float:left;}
#subheader #nav a { text-decoration:none;  color:#ffffff;}
#subheader #nav a.selected { text-decoration:underline; }
#news{
	float:left;
	width:280px;
	height:105px;
	margin-bottom:10px;
	margin-top:10px;
	border-right:thick solid #002e5f;
	border-right-color:#002e5f;
	text-align:left;
}
#news p {padding:10px 20px; margin-bottom:0px; line-height:1.3em; font-size:11px;}
#news a {color:#ff9900; text-decoration:none;}
.newsticker li {padding:10px 20px; margin-bottom:0px; line-height:1.3em; font-size:11px;}
.newsticker a {color:#ff9900; text-decoration:none;}
#video{
	float:left;
	width:155px;
	height:105px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:left;
}
#video p {padding:10px 20px; margin-bottom:0px; line-height:1.3em; font-size:11px;}
#video a {color:#ff9900; text-decoration:none;}
#prod{
	float:left;
	width:357px;
	height:105px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:left;
	font-size:10px;
	display:block;
}
#middle-part {
	float:left;
	width:400px;
	height:212px;
	margin:4px 4px 4px 0px;
	background-color:#d9f3f0;
	vertical-align:middle;
}
#large-middle-part {
	float:left;
	display:block;
	width:625px;
	overflow:hidden;
	height:212px;
	margin:4px 0px 4px 0px;
	background-color:#d9f3f0;
}
#content1{
	height: 212px;
	width: 384px;
	float:left;
	overflow:hidden;
}
#content2{
	height: 197px;
	float:left;
	display:block;
	width:625px;
}
#content1 p{
	margin: 0px;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	line-height:1.3em;
	padding:15px;
}
.product-text{
	float:left;
	width:200px;
	height:197px;
	padding-right:10px;
	padding-left:10px;
	padding-top:15px;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	line-height:1.3em;
}
#content2 img{
	padding-right: 5px;
	float:left;
}
#content2 p{
	width:2000px;
}
.handle-vert{
	height: 32px;
	width: 15px;
	background: url(../images/scroller.jpg) no-repeat;
}
.scrollbar-vert{
	background-color: #002e5f;
	height: 212px;
	width: 15px;
	float:left;
}
.scrollbar-hor{
	background-color: #002e5f;
	height: 15px;
	width:625px;
	float:left;
}
.handle-hor{
	height: 15px;
	width: 32px;
	background: url(../images/scroller_h.jpg) no-repeat;
}

/* vertical center page */
#xinner #header{
	position:relative;
	margin:0px;
	height:90px;
 	overflow:hidden;
	width:800px;
}
#subheader{
	margin:0 0 0 0;
	height:25px;
	background-color:#4bc8b6;
 	overflow:hidden;
	position:relative;
	list-style-type: none;
	padding-left:179px; 
	text-align:left;
}
#xinner h1#logo a{
	background:url(../images/logo_org.gif) no-repeat left;
	padding:37px 0 0 100px;
 	display:block;
	color:#003333;
	text-decoration:none;
	height:55px;
	font-size:22px;
	font-weight:normal;
}

#subheader2{
	margin:0 0 0 0;
	height:25px;
	background-color:#002e5f;
 	overflow:hidden;
}
#bottom-side{
	margin:0 0 0 0;
	height:125px;	
	background-color:#bfcbd7;
 	overflow:hidden;
	width:800px;
}
#content-slider {
  width: 625px;
  height: 15px;
  margin: 0px;
  background: #002e5f;
  position: relative;
}

.content-slider-handle {
  width: 30px;
  height: 15px;
  position: absolute;
  top: 0px;
  background: url("../images/scroller_h.jpg") no-repeat;
}

#content-scroll {
  width: 625px;
  height: 197px;
  overflow: hidden;
}

#content-holder {
  height: 197px;
}

.content-item {
  height: 197px;
  float: left;
  padding-right:4px;
}