* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}
body{
    background:#b9deea url(images/bg.gif) repeat-x;
    font-family:"trebuchet ms", sans-serif;
    color:#000101;
    font-size:13px;
    line-height:18px;
}
a{
    color:#10536a;
    text-decoration: underline;
}
a:hover{
    text-decoration:none
}
a img{
    border:0;
}
ul{list-style-type: none;}

.shell{width:970px; margin:0 auto}

#header{width:970px; background:url(images/header.jpg) no-repeat 0 bottom; height:302px}

h1#logo{
	background-image: none;
	font-size: 0;
	line-height:0;
	width:302px;
	height:80px;
	float: left;
	display: inline;
	padding:25px 0 0 27px;
}
h1#logo a{
	display: block;
	text-indent: -4000px;
	height:80px;
	background:url(images/logo.gif);
}

h2{font-size: 26px; font-weight: normal; color:#0592c4; line-height: 28px; padding-bottom:15px; font-family: "myriad pro" , "trebuchet ms", sans-serif;}
h2 strong{color:#10536a}
h4{font-size: 19px; color:#5b8a38; font-weight: normal;}
h4 strong{font-size: 22px; color:#325b14; text-transform: uppercase;}


#nav{width:960px; height:44px; background:url(images/nav.gif); margin:12px 0 }
#nav ul{height:44px; }
#nav li{height:44px; float: left; display: inline; }
#nav li a{height:44px; float: left; display: inline; text-indent: -4000px; line-height: 0; font-size: 0; }
#nav li.about a{width:155px}
#nav li.service a{width:138px}
#nav li.product a{width:142px}
#nav li.contact a{width:160px}
#nav li a.active, #nav li a:hover{background-image:url(images/nav.gif); background-repeat: no-repeat;}
#nav li.about a.active, #nav li.about a:hover{background-position: 0 bottom;}
#nav li.service a.active, #nav li.service a:hover{background-position: -155px bottom;}
#nav li.product a.active, #nav li.product a:hover{background-position: -293px bottom;}
#nav li.contact a.active, #nav li.contact a:hover{background-position: -435px bottom;}

#content{width:964px; background:url(images/rep.png) repeat-y;}
#content .top{width:964px; background:url(images/top.gif) no-repeat;}
#content .bottom{width:964px; background:url(images/bottom.gif) no-repeat 0 bottom; padding-bottom:25px}

#main{width:515px; float: left; display: inline; padding-left:48px; padding-top:35px}

.article{background:url(images/article.gif) no-repeat; padding-top:23px}
.article p{padding-bottom:15px}
.article strong{color:#12546c}

.article-content{background:url(images/article.gif) no-repeat; padding-top:23px}
.article-content p{padding-bottom:15px}
.article-content strong{color:#12546c}
.article-content ol{padding-left:25px}
.article-content ul{list-style-type:disc; padding-left:20px;}

a.learn{background:url(images/learn.gif); width:209px; height:44px; line-height: 44px; padding-left:20px; display: block; text-decoration: none; font-size: 16px; margin-bottom:20px}

.article .accordion_toggle p{padding-bottom:0;}
.accordion_toggle {
	display: block;
	height: 44px;
	width: 506px;
	background: url(images/accordion_toggle.jpg) no-repeat;
	padding: 0 0 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 15px;
	color: #10536a;
	cursor: pointer;
	margin: 0 0 0 0;
	margin-bottom:3px;
	line-height: 44px;
	
}
.accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat ;
	color: #10536a;
}
		
.accordion_content {
	overflow: hidden;
	display: none;
}
 #vertical_nested_container {
      
      width: 480px;
    }
.vertical_accordion_toggle {
	display: block;
	height: 26px;
	width: 480px;
	background: url(images/vertical_accordion_toggle.gif) no-repeat ;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 13px;
	color: #10536a;
	font-weight: bold;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(images/vertical_accordion_toggle_active.gif) no-repeat top right #e0542f;
	color: #10536a;
}

.vertical_accordion_content {
	color: #10536a;
	overflow: hidden;
	width:480px;
	display: none;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content p {
	
	padding: 5px 10px 0px 10px;
}
.vertical_accordion_content ul {padding-left:55px}
.vertical_accordion_content li {line-height: 26px; font-size: 13px; background:url(images/bul.gif) no-repeat 0 11px; padding-left:10px; padding-bottom:3px; float: left; width:480px}
.vertical_accordion_content li  a{margin-right:5px; float: left;}
.vertical_accordion_content li  a.acrobat{background:url(images/acrobat-icon.gif) no-repeat; width:16px; height:16px; text-indent: -4000px; line-height: 0; font-size: 0; margin-top:4px}

#right-content{width:356px; float: left; display: inline; padding-top:15px; padding-left:30px}
#right-content ul{padding-left:22px; width:303px}
#right-content li{padding:11px 0}
#right-content li p{padding-top:5px}
#right-content li.brd{border-bottom:solid 1px #c8d4bf}
#right-content .green-box{width:348px; margin-left:8px; background:url(images/green-rep.gif) repeat-y}
#right-content .green-box .top{width:348px; background:url(images/green-top.gif) no-repeat;}
#right-content .green-box .bottom{width:348px; background:url(images/green-btm.gif) no-repeat 0 bottom; padding-top:24px}
#right-content .green-box .heading{width:325px; height:70px; background:url(images/heading.gif) no-repeat ; margin-left:-9px; position:relative; padding-left:30px}
#right-content .green-box .heading h4{padding-top:10px}

a.green{float: left; display: inline; background:url(images/play.gif) no-repeat right 2px; color:#325b14; font-weight: bold; padding-right:18px; text-decoration: none;}
a:hover.green{ text-decoration: underline;}

#footer{background:url(images/ftr-bg.gif) repeat-x; padding-top:17px; margin-top:17px; font-size: 11px; color:#10536a; width:960px;padding-bottom:40px}
#footer a{color:#10536a}