/* CSS Document */

body{
	padding:0px;
	margin:0px;
	background:#fff url(../graphics/b_body.jpg) 0 0 repeat-x;
	color:#FFF;
	font:10px/14px Tahoma, 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:10px/14px Tahoma, sans-serif; color:#2bcade; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

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

#container{
	width:773px;
	margin:0 auto;
	background:url(../graphics/b_header.jpg) 0 0 no-repeat;
	vertical-align: text-top;
	background-color: #000000;
}
#footer{
	margin:0 auto;
	height:81px;
	background:url(../graphics/b_footer.gif) 0 0 repeat-x;
	margin-top:0px;
	margin-left: 200px;
	margin-right: 200px;
	margin-bottom: 0px;
}

#footer p{padding: 25px 0 0 0; font:10px/14px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:10px/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:773px;
	height:280px;
	position:relative;
}

#header img#logo{position:absolute; top:145px; left:66px}
#header img#slogan{position:absolute; top:148px; left:547px}

#header ul.btn_slogan{position:absolute; top:194px; left:623px; width:72px; height:18px; background:url(../graphics/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:234px;
	left:69px;
	width:665px;
	height: 37px;
}
#header ul.menu li{float:left; height:40px; margin-right:39px}
#header ul.menu li a{height:40px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:40px;}

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

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

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

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

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

/* CONTENT */

#content{width:665px; position:relative; margin:0 0 0 57px}
#leftPan{width:405px; position:relative; margin:0 30px 0 0; float:left;}
#rightPan{width:230px; position:relative; float:left;}

ul.btn_more{width:72px; height:18px; background:url(../graphics/b_btn2.gif) 0 0 no-repeat}
ul.btn_more li{text-align:center; padding-top:1px}
ul.btn_more li a{font:10px/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; position:relative; background:url(../graphics/h_welcome.gif) 0 0 no-repeat; }
#welcome p.subtitle{margin-left:2px; margin-bottom:18px}
#welcome img{float:left; margin-right:9px}
#welcome p#wel_text{float:left; width:253px; margin-bottom:10px; padding-top:3px}
#welcome ul.btn_more{margin-left:165px; float:left}

#achievements{margin-bottom:30px}
#achievements h2{height:19px; position:relative; background:url(../graphics/h_achievements.gif) 0 0 no-repeat; }
#achievements p.subtitle{margin-left:2px; margin-bottom:18px}
#achievements img{float:left; margin-right:9px}
#achievements p#ach_text{float:left; width:253px; padding-top:3px}

#achievements .clear{ height:13px}

#achievements ul{margin-left:7px}
#achievements ul li{font:10px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../graphics/check.gif) 0 3px no-repeat; padding-left:15px; height:16px}
#achievements ul li a{color:#122831; text-decoration:underline;}
#achievements ul li a:hover{color:#122831; text-decoration:none;}

#applications h2{height:19px; position:relative; background:url(../graphics/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:253px; padding-top:3px}

#spotlight{margin-bottom:18px; margin-left:11px}
#spotlight h2{height:19px; position:relative; background:url(../graphics/h_spotlight.gif) 0 0 no-repeat; }
#spotlight p.subtitle{margin-left:2px; margin-bottom:18px}

#spotlight ul{margin-left:7px}
#spotlight ul li{font:10px/12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../graphics/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:222px; padding:3px; border:#ededed 1px solid; position:relative}
#infeatured{background:#fbfbfb; padding-bottom:10px}
#infeatured h2{height:52px; position:relative; background:url(../graphics/h_featured.gif) 12px 13px 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}