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

* {
	margin:0;
	padding:0;
	}

body {
	background:#427500 url(../media/background.jpg) no-repeat;
	margin:0;
	padding:0;
	}

#wrap {	
	display:table;
	margin:0 auto;
	width:850px;
	}

#top {
	display:block;
	width:850px;
	height:15px;
	background:url(../media/top.gif) bottom no-repeat;
	}
	
#nav {
	display:block;
	float:left;
	width:850px;
	height:20px;
	background:url(../media/nav-bkgd.png) repeat;
	}
	
#home-north {
	display:block;
	float:left;
	width:850px;
	height:auto;
	background:#FFFFFF url(../media/background-gray.png) right repeat-y;
	}
	
#home-north-alt {
	display:block;
	float:left;
	width:850px;
	height:auto;
	background:#fff;
	}

#header {
	display:block;
	background:#fff;
	height:82px;
	width:850px;
	font-family: Arial;
	}

#header h1 {
	display:block;
	float:left;
	margin:0;
	padding:2px 0 15px 45px;
	}
	
#header h2 {
	display:block;
	float:right;
	margin:0;
	padding:15px 30px 0 0;
	width:550px;
	}

#header .call {
	font-size:22px;
	font-style:italic;
	text-align:right;
	color:#427500;
	text-transform:uppercase;
	}
	
#header .tag {
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#002c72;

	}
	
#nav ul {
	display:block;
	list-style:none;
	margin:0 0 0 60px;
	height:20px;
	}
	
#nav li {
	float:left;
	display:block;
	font-size:11px;
	font-family: Tahoma, "Myriad Pro";
	font-weight:bold;
	height:18px;
	padding:2px 53px 0 5px;
	}

#nav a {
	color:#fff;
	text-decoration:none;
 	width:auto;
	}

#nav a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
#intro {
	display:block;
	float:left;
	height:240px;
	width:850px;
	background:url(../media/landscape.jpg) no-repeat;
	border-bottom:1px solid #002c72;
	}

#home-content {
	display:block;
	float:left;
	width:850px;
	}
	
.column-wide {
	display:block;
	float:left;
	width:425px;
	height:217px;
	background: #0071BC url(../media/gradient-large.png) repeat-x ;
	color:#fff;
	}

.column-narrow {
	float:left;
	display:block;
	width:405px;
	height:207px;
	padding:5px 5px 5px 15px;
	color:#000;
	background:#fff;
	}

.sub {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin:10px 5px 2px;
	text-decoration:underline;
	text-transform:uppercase;
	}
	
.text {
	font-family:Arial;
	font-size:11px;
	margin:2px 5px;
	line-height:1.4em;
	}

.home {
	font-family:Arial;
	font-size:13px;
	margin:15px 25px 0 20px;
	line-height:1.8em;
	}
	
.home a {
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	}

#home-south	{
	display:block;
	float:left;
	height:155px;
	width:850px;
	margin:5px 0 25px 0;	
	}
	
#south-left {
	display:block;
	float:left;
	width:166px;
	}

#south-center {
	display:block;
	width:166px;
	float:left;
	margin-left:5px;
	}

#south-right {
	display:block;
	float:left;
	width:166px;
	margin-left:5px;
	background:
	}

#col-left {
	display:block;
	float:left;
	width:330px;
	background:#fff;

	}

#col-left img {
	padding:30px 0 0 0;
	margin:0px 0 0 30px;
	}

#col-left2, #col-left3 {
	display:block;
	float:left;
	width:300px;
	background:#fff;
	padding:50px 0 50px 30px;
	font-family: Tahoma, "Myriad Pro";
	}

#col-left2 img {
	display:block;
	float:left;
	border:1px solid #427500;
	padding:3px;
	}

#col-left3 img {
	display:block;
	padding:0;
	margin:0 0 10PX 0;
	}
	
#col-left2 ul, #col-left3 ul {	
	float:left;
	width:240px;
	list-style:none;
	font-size:10px;
	margin:0 0 0 10px;
	}
	
#col-left2 li, #col-left3 li {
	margin:0 0 5px 0;
	}

#col-left2 li a, #col-left3 li a {
	color:#333;
	text-decoration:none;
	}
	
#col-left2 li a:hover, #col-left3 li a:hover {
	color:#427500;
	text-decoration:underline;
	}
	
.title-bar {
	display:block;
	float:left;
	height:18px;
	width:242px;
	background:#ccc;
	font-size:11px;
	font-weight:bold;
	color:#333;
	padding:2px 0 0 10px;
	margin:15px 0 5px 0;
	}
	
.title-bar-short {
	display:block;
	float:left;
	height:18px;
	width:218px;
	background:#ccc;
	font-size:11px;
	font-weight:bold;
	color:#333;
	padding:2px 0 0 10px;
	margin:5px 0 5px 0;
	}

#col-nav {
	display:block;
	float:right;
	width:160px;
	background:#dcddde;
	font-family:Verdana;
	font-size:11px;
	min-height:850px;
	height:auto !important;
 	height:850px;
	}

#col-nav ul {
	margin:80px 0 0 10px;
	list-style:none;
	text-decoration:underline;
	text-transform:uppercase;
	color:#666;
	}

#col-nav li a {
	display:block;
	font-size:10px;
	color:#666;
	text-decoration:none;
	padding:5px 0 10px 0;
	}

#col-nav li a:hover {
	color:#002c72;
	text-decoration:underline;
	}
	
#col-right {
	display:block;
	float:left;
	width:320px;
	padding:25px 30px 20px 10px;
	font-family:Verdana;
	}
	
#col-right h1 {
	font-size:12px;
	color:#002C72;		
	margin:10px 0 5px 0;
	}

#col-right h2 {
	display:block;
	font-size:11px;
	color:#002C72;
	margin:15px 0 5px 0;
	}
	
#col-right h3 {
	width:320px;
	float:left;
	font-size:11px;
	color:#2C4C02;
	margin:15px 0 0 0;
	text-decoration:underline;
	}

#col-right h3 a {
	color:#2c4c02;
	}
#col-right h3 a:hover {
	color:#002c72;
	}

#col-right h4 {
	width:320px;
	float:left;
	font-size:11px;
	color:#2C4C02;
	margin:5px 0 0 0;
	}

#col-right .blue {
	color:#002c72;
	}

#col-right p {
	font-size:11px;

		}

#col-right img {
	display:block;
	float:left;
	margin:5px 0;
	padding:3px;
	border:1px solid #2c4c02;
	}
	
#col-right .list {
	margin:0 0 5px 0;
	}	
	
#col-right .text {
	display:block;
	float:left;
	width:320px;
	padding:0;
	margin:0 0 5px 0;
	}

#col-right ul {
	list-style:none;
	float:left;
	font-size:10px;
	width:150px;
	margin:5px 0 0 0;
	}

#col-right li {
	margin:0 0 5px 0;
	}

#col-right li a {
	text-decoration:none;
	color:#666;
	}

#col-right li a:hover {
	text-decoration:underline;
	color:#002C72;
	}

.breadcrumbs {
	font-size:9px;
	color:#002c72;
	}

.breadcrumbs a {
	color:#002c72;
	text-decoration:none;
	}
	
.breadcrumbs a:hover {
	color:#002c72;
	text-decoration:underline;
	}
	
#footer {
	display:block;
	float:left;
	width:850px;
	height:20px;
	background:url(../media/img-footer.png) no-repeat;
	margin:0 0 40px 0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
#footer a {
	color:#fff;
	text-decoration:none;
	}

#footer a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
#footer p {
	margin:3px 0 0 0;
	text-align:center;
	}
	
#splash {
	display:block;
	width:400px;
	margin:100px auto;
	}
	
#splash p {
	width:200px;
	margin:15px 0 0 60px;
	padding:0;
	font-family:Tahoma;
	font-size:14px;
	}
	
	
/*------forms -----*/	

#contact-form {
display:block;
float:left;
min-width:400px;
max-width:400px;
width:400px;
height:auto;
margin:20px 0 0 0;
padding:10px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
border-top:dotted #999999 1px;
}

#contact-form ul {
display:block;
list-style:none;
}

form {
margin: 0;
padding: 0;
font-size: 100%;
}

form fieldset {
clear: both;
font-size: 100%;
padding: 0;
margin: 0 0 0 0;
border:0;
}

form fieldset legend {
font-size: 100%;
font-weight: normal;
color: #ffffff;
margin: 0 0 0 0;
padding: 0;
}

label {
font-size: 100%;
}

label u {
font-style: normal;
text-decoration: underline;
}

input, select, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000000;
}

textarea {
overflow: auto;
}

form div {
clear: left;
display: block;
height: expression('1%');
margin: 5px 0 0 0;
padding: 0;
}

form div fieldset {
clear: none;
margin: 0;
padding: 0;
}


form div fieldset legend {
font-size: 100%;
padding: 0;
}

form div.required fieldset legend {
font-weight: bold;
}

form div label {
display: block;
float: left;
width: 130px;
padding: 3px 0;
margin: 0 0 5px 0;
text-align: left;
}

form div.optional label, label.optional {
font-weight: normal;
}

form div.required label, label.required {
font-weight: bold;
color:#002C72;
}

form div.multiselect label, label.multiselect {
font-weight: bold;
color:#002C72;
padding:3px 0 60px 0;
margin:0 0 5px 0;
}

form div label.labelCheckbox, form div label.labelRadio {
float: none;
display: block;
width: 250px;
height: expression('1%');
padding: 0;
margin: 0 0 5px 142px;
text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
margin: 0 0 5px 0;
width: 170px;
}

p.error {
background-color:#FFFFCC;
/*background-image: url(../media/icon_error.gif);*/
background-repeat: no-repeat;
background-position: 3px 3px;
color: #000000;
padding: 3px 3px 5px 27px;
border: 1px solid #000000;
margin: auto 100px;
}

form div.error {
background-color: #FFFFCC;
/*background-image: url(../media/required_bg.gif);*/
background-repeat: no-repeat;
background-position: top left;
color: #000000;
border: 2px solid #ff0000;
padding:3px;
}

form div.error p.error {
/*background-image: url(../media/icon_error.gif);*/
background-position: top left;
background-color: transparent;
border-style: none;
font-size: 88%;
font-weight: bold;
margin: 0 0 0 118px;
width: 250px;
color: #ff0000;
}

form div select, form div textarea {
width: 250px;
padding: 1px 3px;
margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
width: 250px;
padding: 1px 3px;
margin: 0 0 1px 0;
}

form div input.inputFile {
width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
width: 211px;
padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
display: inline;
height: auto;
width: auto;
background-color: transparent;
border-width: 0;
padding: 0;
margin: 0 0 0 10px;
}

form div.submit {
width: 214px;
padding: 0 0 0 125px;
}

form div.submit div {
display: inline;
float: left;
text-align: left;
width: auto;
padding: 0;
margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
background-color: #cccccc;
color: #000000;
width: auto;
padding: 0 6px;
margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
float: left;
margin: 0 0 0 5px;
}

form div small {
display: block;
margin: 0 0 5px 165px;
padding: 1px 3px;
font-size: 88%;
height: expression('1%');
}

#container {
	display:block;
	float:left;
	width:850px;
	background:#fff;
	
	}
	
#landing {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	float:left;
	width:850px;
	height:600px;
	padding:25px 0 0 0;
	background:url(../media/bg_new.jpg) bottom no-repeat;
	}

#center {
	width:400px;
	margin:0 0 0 225px;
	text-align:center;
	}

#center p {
	text-align:justify;
	line-height:1.6em;
	margin:15px 0 0 0;
	padding:0 50px;
	}	

#buttons {
	display:block;
	float:left;
	margin:25px 0 0 145px;
	}
	
#buttons #left {
	float:left;
	margin:0 104px 0 0;
	}
	
/*-- Power Products --*/

#col-right-pp {
	display:block;
	float:left;
	width:320px;
	padding:25px 30px 20px 10px;
	font-family:Verdana;
	}
	
#col-right-pp h1 {
	font-size:12px;
	color:#002C72;		
	margin:10px 0 5px 0;
	}

#col-right-pp h2 {
	display:block;
	font-size:11px;
	color:#002C72;
	margin:15px 0 5px 0;
	}
	
#col-right-pp h3 {
	width:320px;
	float:left;
	font-size:11px;
	color:#2C4C02;
	margin:45px 0 0 0;
	text-decoration:underline;
	
	}

#col-right-pp h3 a {
	color:#2c4c02;
	}
#col-right-pp h3 a:hover {
	color:#002c72;
	}

#col-right-pp h4 {
	width:320px;
	float:left;
	font-size:11px;
	color:#2C4C02;
	margin:5px 0 0 0;
	}

#col-right-pp h5 {
	width:320px;
	height:5px;
	float:left;
	color:#555555;
	padding:0;
	margin:7px 0 0 0;
	border-top:1pt dashed #555555;
	}	

#col-right-pp .blue {
	color:#002c72;
	}

#col-right-pp p {
	font-size:12px;
	text-align:justify;
		}

#col-right-pp p a {
	color:#2c4c02;
	}
	
#col-right-pp img {
	display:block;
	float:left;
	margin:5px 10px 5px 5px;
	padding:0px;

	}

		
#col-right-pp .list {
	margin:0 0 5px 0;
	}	
	
#col-right-pp .text {
	display:block;
	float:left;
	width:320px;
	padding:0;
	margin:0 0 5px 0;
	}

#col-right-pp ul {
	list-style:none;
	float:left;
	font-size:10px;
	width:150px;
	margin:5px 0 0 0;
	}

#col-right-pp li {
	margin:0 0 5px 0;
	}

#col-right-pp li a {
	text-decoration:none;
	color:#666;
	}

#col-right-pp li a:hover {
	text-decoration:underline;
	color:#002C72;
	}	

#E1 {
	margin:100px 0 0 0;
	}

#SB {
	margin:100px 0 0 0;
	}
	
#alpha {
	margin:25px 0 0 0;
	}
	
#olsun {	
	margin:25px 0 0 0;
	}

#pp {
	display:block;
	float:left;
	margin:35px 0 0 0;
	}

#pp2 {
	display:block;
	float:left;
	margin:65px 0 0 0;
	}