/* CSS Document */
body{padding:0px; margin:0px; background:#fff url(../images/b_body.jpg) 0 0 repeat-x ; color:#848484; font:14px/16px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:14px/14px Tahoma, sans-serif; color:#2bcade; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:16px/18px Arial, sans-serif; color:#849e04; font-weight:bold}
.headline2{font:14px/14px Arial, sans-serif; color:#849e04; font-weight:bold}
.subtitle{font:14px/16px Tahoma, Geneva, sans-serif; color:#42a3a5;}

#container{width:1000px; margin:0 auto; background:url(../images/b_header.jpg) 0 0 no-repeat}
#footer{margin:0 auto; height:81px; background:url(../images/b_footer.gif) 0 0 repeat-x;  margin-top:15px}

#footer p{padding: 10px 0 0 0; font:12px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:12px/14px Tahoma, Geneva, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#fff; color:#000}


/* HEADER */

#header{width:1000px; height:317px;  position:relative; }

#header img#logo{position:absolute; top:90px; left:30px}
#header img#slogan{position:absolute; top:70px; left:100px}

#header ul.btn_slogan{position:absolute; top:194px; left:623px; width:72px; height:18px; background:url(../images/b_btn1.gif) 0 0 no-repeat}
#header ul.btn_slogan li{ text-align:center; padding-top:1px}
#header ul.btn_slogan li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
#header ul.btn_slogan li a:hover{text-decoration:underline;}

/*#header ul.menu{position:absolute; top:1px; left:60px; }
#header ul.menu li{float:left; height:40px; margin-right:75px; margin-top:23px;}
#header ul.menu li a{height:40px;  text-align:center; display:block; font-size:14px; color:#003366; text-decoration:none; font-weight:bold;}
#header ul.menu li a:hover{height:40px; color:#3399cc;}*/




/*

#header ul.menu li.home a{width:87px; background:url(../images/btn_1.gif) 0 0 no-repeat; }
#header ul.menu li.home a:hover{width:87px; background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#header ul.menu li.about a{width:73px; background:url(../images/btn_2.gif) 0 0 no-repeat; }
#header ul.menu li.about a:hover{width:73px; background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#header ul.menu li.services a{width:69px; background:url(../images/btn_3.gif) 0 0 no-repeat; }
#header ul.menu li.services a:hover{width:69px; background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#header ul.menu li.solutions a{width:79px; background:url(../images/btn_4.gif) 0 0 no-repeat; }
#header ul.menu li.solutions a:hover{width:79px; background:url(../images/btn_4_over.gif) 0 0 no-repeat;}

#header ul.menu li.support a{width:69px; background:url(../images/btn_5.gif) 0 0 no-repeat; }
#header ul.menu li.support a:hover{width:69px; background:url(../images/btn_5_over.gif) 0 0 no-repeat;}

#header ul.menu li.contacts {margin-right:0}
#header ul.menu li.contacts a{width:76px; background:url(../images/btn_6.gif) 0 0 no-repeat; }
#header ul.menu li.contacts a:hover{width:76px; background:url(../images/btn_6_over.gif) 0 0 no-repeat;}
*/

/* CONTENT */

#content{width:910px; position:relative; margin:0 0 0 57px}
#leftPan{width:620px; position:relative; margin:0 30px 0 0; float:left;}
#rightPan{width:260px; position:relative; float:left;}

ul.btn_more{width:72px; height:18px; margin-left:130px; background:url(../images/b_btn2.gif) 0 0 no-repeat}
ul.btn_more li{text-align:center; padding-top:1px}
ul.btn_more li a{font:12px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
ul.btn_more li a:hover{text-decoration:underline;}

#welcome{margin-bottom:24px}
#welcome h2{height:24px; font-size:16px; position:relative; padding-left:145px; padding-top:8px; background:url(../images/h_welcome.gif) 0 0 no-repeat; color:#003366; font-style:italic;}
#welcome p.subtitle{margin-left:2px; margin-bottom:18px; text-transform:uppercase;}
#welcome img{float:left; margin:4px 9px 0 0}
#welcome p#wel_text{float:left; width:360px; margin-bottom:10px; padding-top:3px}
#welcome ul.btn_more{margin-left:500px; float:left}

#about{margin-bottom:24px}
#about h2{height:24px; font-size:16px; position:relative; padding-left:98px; padding-top:8px; background:url(../images/h_about.gif) 0 0 no-repeat; color:#003366; font-style:italic;}
#about p.subtitle{margin-left:2px; margin-bottom:18px; text-transform:uppercase; text-align:center;}
#about img{float:left; margin-right:9px}
#about p#wel_text{float:left;  margin-bottom:10px; padding-top:3px}
#about ul.btn_more{margin-left:500px; float:left}

#contact{margin-bottom:24px}
#contact h2{height:24px; font-size:16px; position:relative; padding-left:98px; padding-top:16px; background:url(../images/h_contact.gif) 0 0 no-repeat; color:#003366; font-style:italic;}
#contact h3{height:24px; font-size:16px; position:relative; padding-top:8px;  0 0 no-repeat; color:#003366; font-style:italic;}
#contact p.subtitle{margin-left:2px; margin-bottom:18px; text-transform:uppercase; text-align:left;}
#contact img{float:left; margin-right:9px}
#contact p#wel_text{float:left;  margin-bottom:10px; padding-top:3px}
#contact ul.btn_more{margin-left:500px; float:left}
#contact form{border:1px solid #003366; padding:16px 8px;}
#contact table {padding:4px;}
#contact td {padding-bottom:8px;}


#projects{margin-bottom:24px}
#projects h2{height:24px; font-size:16px; position:relative; padding-left:98px; padding-top:8px; background:url(../images/h_projects.gif) 0 0 no-repeat; color:#003366; font-style:italic;}
#projects p.subtitle{margin-left:2px; margin-bottom:18px; text-transform:uppercase; text-align:left;}
#projects img{float:left; margin-right:9px}
#projects p#wel_text{float:left;  margin-bottom:10px; padding-top:3px}
#projects ul.btn_more{margin-left:500px; float:left}
#projects table{border:none; padding:20px 0px;}
#projects td{padding-bottom:20px; vertical-align:top;}

#services{margin-bottom:24px}
#services h2{height:24px; font-size:16px; position:relative; padding-left:140px; padding-top:6px; background:url(../images/h_services.gif) 0 0 no-repeat; color:#003366; font-style:italic;}
#services p.subtitle{margin-left:2px; margin-bottom:18px; text-transform:uppercase; text-align:left;}
#services img{float:left; margin-right:9px}
#services p#wel_text{float:left;  margin-bottom:10px; padding-top:3px}
#services ul.btn_more{margin-left:500px; float:left}
#services table{border:none; padding:20px 0px;}
#services td{padding-bottom:20px; vertical-align:top;}



#achievements{margin-bottom:24px;}
#achievements h2{height:24px; font-size:16px; position:relative; padding-left:20px; padding-top:3px; background:url(../images/h_bul.gif) 0 0 no-repeat; color:#003366; font-style:italic;}
#achievements p.subtitle{margin-left:2px; margin-bottom:18px}
#achievements img{float:left; margin-right:9px}
#achievements p#ach_text{float:left; width:470px; padding-top:3px}
#achievements p#ach_text2{float:left;  padding-top:3px}


#achievements .clear{ height:13px}
#achievements ul{margin-left:30px; float:left; margin-bottom:30px;}
#achievements ul li{font:16px/16px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/check2.png) 0 3px no-repeat; padding-left:30px; padding-top:7px; height:30px}
#achievements ul li a{color:#122831; text-decoration:underline;}
#achievements ul li a:hover{color:#122831; text-decoration:none;}
#achievements p#ach_text2 img {padding:0 10px 10px 0;}


#applications h2{height:19px; position:relative; background:url(../images/h_new.gif) 0 0 no-repeat; }
#applications p.subtitle{margin-left:2px; margin-bottom:18px}
#applications img{float:left; margin-right:9px}
#applications p#app_text{float:left; width:470px; padding-top:3px}

#spotlight{margin-bottom:18px; margin-left:11px}
#spotlight h2{height:24px; font-size:16px; position:relative; padding-left:20px; padding-top:3px; background:url(../images/h_bul.gif) 0 0 no-repeat; color:#003366; font-style:italic;}
#spotlight p.subtitle{margin-left:2px; margin-bottom:18px}
#spotlight form {margin-top: 12px; padding-top: 18px; border: solid 1px #EBEBEB; }
#spotlight ul{margin-left:7px}
#spotlight ul li{font:10px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/bullet1.gif) 0 4px no-repeat; padding-left:15px; height:24px}
#spotlight ul li a{color:#122831; text-decoration:underline;}
#spotlight ul li a:hover{color:#122831; text-decoration:none;}

#featured{width:241px; padding:3px; border:#ededed 1px solid; position:relative; margin:20px 0 0 11px;}
#infeatured{background:#fbfbfb; padding-bottom:10px; padding-top:5px;}
#infeatured h2{height:24px; font-size:16px; position:relative;  padding-top:6px; color:#003366; font-style:italic; background:url(../images/h_featured.gif) 70px 0px no-repeat;}
#infeatured p.subtitle{margin-left:2px; margin-bottom:13px; width:198px; border-bottom:#e3e3e3 1px solid; padding-bottom:5px; margin-left:12px}
.featured_topic{margin-left:15px; margin-bottom:9px}
.featured_topic img{float:left; margin-right:10px}
.featured_topic p{float:left; width:144px; line-height:12px}


.box h4 {
	font-size:16px;
	color: #849E04;
}
.box h4 a{
	color: #849E04;
	font-size:16px;
	text-decoration:none;
}

.box {
	width:164px;height:149px;
	float:left;
	position:relative;
	background:url(../images/box.gif) top left no-repeat;
	padding:7px 7px 7px 7px;
	margin-right:40px;
}

.box p {
	margin:7px 0 0 0;
	line-height:125%;
	text-align:left;
}

.box img {
	border:1px solid #ccc;
	position:absolute;left:7px; 
	bottom:7px;
}



.boxcontainer {
	width:685px;
	margin-bottom:20px;
	position:relative;
}

.boxcontainer a.box {
	position:absolute;top:0;left:0;z-index:100;
	display:block;width:171px;height:156px;
	background:none;
}
.boxcontainer a#b2 {left:227px; }
.boxcontainer a#b3 {left:452px; }

/*
#header ul.menu{position:absolute; top:1px; left:60px; }
#header ul.menu li{float:left; height:40px; margin-right:75px; margin-top:23px;}
#header ul.menu li a{height:40px;  text-align:center; display:block; font-size:14px; color:#003366; text-decoration:none; font-weight:bold;}
#header ul.menu li a:hover{height:40px; color:#3399cc;}
*/

#sddm
{	margin: 0 0 0 60px;
	padding: 0;
	z-index: 30}
	
#sddm ul{
	position:absolute; top:1px; left:60px;
}	

#sddm li
{	margin: 0;
	padding: 0;
	float:left;
	margin:23px 50px 0;
	
	list-style: none;
	float: left;
	font: bold 11px arial
}

#sddm li a
{	display: block;
  text-align:center; display:block; font-size:14px; color:#003366; text-decoration:none; font-weight:bold;
}

#sddm li a:hover
{	color:#42A3A5;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0 0 0 -36px;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #cccccc}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 14px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #fff;}