body{margin:0;font-family:"Trebuchet MS",Arial,sans-serif;}
form,fieldset,img{margin:0;padding:0;border:0;display:block;}
h1,h2,h3,h4,h5,h6{padding:0; margin:0;}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
body{background:url(../img/bg-body.png) repeat-x 0 0;}
#page{
	width:1074px;
	margin:0 auto;
	position:relative;
	z-index:99;
	border-bottom:1px solid #E2E2E2;
}
#page form .text{
	padding:2px 0 2px 3px;
	border:1px solid #ccc;
	margin:0;
	font:14px/18px "Trebuchet MS",Arial,sans-serif;
}
#page form input.text{height:18px;}
#header{
	width:1039px;
	padding:13px 0 0;
	margin:0 17px 0 18px;
	overflow:hidden;
}
#header div.top{
	width:100%;
	float:left;
}
#header ul.contact-login{
	float:right;
	padding:0 0 11px;
	margin:0 -16px 0 0;
}
#header ul.contact-login li{
	float:left;
	padding:0 17px 0 20px;
	margin:0 -1px 0 0;
	font:12px/23px "Trebuchet MS",Arial,sans-serif;
	color:#fff;
	background:url(../img/sep-contact-login.gif) no-repeat 100% 50%;
}
#header ul.contact-login li a{
	color:#fff;
	text-decoration:none;
}
#header ul.contact-login li a:hover{text-decoration:underline;}
#header ul.contact-login li fieldset{float:left;}
#header ul.contact-login li label{
	float:left;
	padding:0 20px 0 0;
}
#header ul.contact-login li input{float:left;}
#header ul.contact-login li input.text{
	width:98px;
	margin:0 13px 0 0;
}
#page h1{
	position:absolute;
	z-index:100;
	left:34px;
	top:109px;
}
#page h1 a{
	float:left;
	width:285px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/logo.png) no-repeat 0 0;
}
#header div.main-menu{
	float:right;
	width:730px;
	overflow:hidden;
}
#header ul.main-menu{
	float:right;
	margin:0 -4px 0 0;
}
#header ul.main-menu li{
	float:left;
	padding:0 3px 0 3px;
	margin:0 -1px 0 0;
	font:18px/48px "Trebuchet MS",Arial,sans-serif;
	background:url(../img/sep-main-menu.gif) no-repeat 100% 30px;
}
#header ul.main-menu li a{
	float:left;
	padding:30px 30px 26px 29px;
	text-decoration:none;
	color:#15345c;
}
#header ul.main-menu li a:hover{background:url(../img/bg-main-menu-hover.png) repeat-x 0 0;}
#header ul.main-menu li.active a{background:url(../img/bg-main-menu-active.png) repeat-x 0 0;}
#header ul.main-menu li.active a:hover{background:url(../img/bg-main-menu-active.png) repeat-x 0 0;}
#main{
	width:1039px;
	padding:11px 17px 0 18px;
	margin:-11px 0 0;
	font:12px/22px Arial,Helvetica,sans-serif;
	overflow:hidden;
	background:url(../img/bg-main.png) no-repeat 0 0;
}
#main p{color:#666;}
#main h1{
	font:bold 40px/46px "Trebuchet MS",Arial,sans-serif;
	letter-spacing:-1px;
}
#main h2{font:bold 24px/30px "Trebuchet MS",Arial,sans-serif; color: #13374D;}
#main h3{font:bold 14px/19px "Trebuchet MS",Arial,sans-serif;}
#main h4{font:normal 23px/33px "Trebuchet MS",Arial,sans-serif;}
#main h5{
	font:14px/20px "Trebuchet MS",Arial,sans-serif;
	color:#8ca826;
}
#main h6{
	font:bold 16px/17px "Trebuchet MS",Arial,sans-serif;
	color:#204e82;
}
#main a{
	text-decoration:none;
	color:#83a116;
}
#main a:hover{background:url(../img/link-hover-green.gif) repeat-x 0 100%;}
#main a.download:hover,
#main a.download{
	float:left;
	font:14px/25px "Trebuchet MS",Arial,sans-serif;
}
#main a.download:hover{background:none;}
#main a.download:hover span span{
	background:url(../img/link-hover-green.gif) repeat-x 0 100%;
}
#main a.download span span{
	padding:0;
	background:none;
}
#main a.download span{
	padding:3px 0 3px 30px;
	background:url(../img/bg-download.png) no-repeat 0 0;
}
#main p.more{
	width:100%;
	font-size:14px;
	overflow:hidden;
}
#main p.more a{
	display:inline;
	float:right;
	cursor:pointer;
}
#main p.more a strong{
	float:left;
	padding:0 11px 0 0;
	font-weight:normal;
}
#main p.more a span{
	float:left;
	width:38px;
	border:1px solid #e1e1e1;
	text-indent:-9999px;
	background:#fff url(../img/link-more.png) no-repeat 0 0;
}
#main p.more a:hover{background:none;}
#main p.more a:hover span{background-position:0 -22px;}
#main div.triangle{background:url(../img/bg-triangle.gif) no-repeat 0 0;}
#main div.side-bar{
	position:relative;
	display:inline;
	float:left;
	width:296px;
	margin:66px 0 0 20px;
	color:#fff;
}
#main div.side-bar div.gradient1{background:#163660 url(../img/bg-gradient1.png) repeat-x 0 0;}
#main div.side-bar div.gradient2{background:#215086 url(../img/bg-gradient2.png) repeat-x 0 0;}
#main div.side-bar div.gradient3{background:#214f85 url(../img/bg-gradient3.png) repeat-x 0 0;}
#main div.side-bar div.triangle{
	padding:12px 18px 0;
	margin:0 0 20px;
	overflow:hidden;
	background-position:100% 0;
}
#main div.side-bar div.triangle h4{
	padding:0 0 7px;
	color:#7d92a9;
}
#main div.side-bar div.triangle h4 span{color:#fff;}
#main div.side-bar div.triangle p{color:#fff;}
#main div.side-bar div.gradient1 div.triangle{padding-bottom:29px;}
#main div.side-bar div.triangle div.map{
	float:right;
	padding:0 3px 3px 15px;
	margin:22px 0 0;
}
#main div.side-bar div.gradient2 div.triangle div.cont{
	float:left;
	width:155px;
	margin:12px 0 0;
}
#main div.side-bar div.gradient2 div.triangle{padding-bottom:8px;width:260px;padding-top:0;}
#main div.side-bar div.gradient2 div.triangle p{
	margin:7px 0 0;
	line-height:17px;
}
#main div.side-bar div.gradient3 div.triangle{padding-bottom:12px;}
#main div.side-bar div.triangle div.form ul{
	width:100%;
	overflow:hidden;
}
#main div.side-bar div.triangle div.form ul li{
	float:left;
	width:100%;
	padding:12px 0 5px;
}
#main div.side-bar div.triangle div.form ul li label{
	float:left;
	width:60px;
	padding:0 18px 0 0;
	font:bold 14px/19px "Trebuchet MS",Arial,sans-serif;
	text-align:right;
}
#main div.side-bar div.triangle div.form ul li .text{
	float:left;
	width:174px;
	padding:3px 0 3px 3px;
	font-size:12px;
}
#main div.side-bar div.triangle div.form ul li .focus,
#main div.side-bar div.triangle div.form ul li .text:focus{background:#e7e7e7;}
#main div.side-bar div.triangle div.form ul li input.phone{
	width:39px;
	margin:0 15px 0 0;
}
#main div.side-bar div.triangle div.form ul li input.phone-big{
	display:inline;
	width:55px;
	margin:0 0 0 1px;
}
#main div.side-bar div.triangle div.form ul li textarea.text{height:55px;overflow:auto;}
#main div.side-bar div.triangle div.form ul li select.text{width:179px;padding:0;}
#main div.side-bar div.triangle div.form ul li div.border{
	float:right;
	display:inline;
	width:58px;
	border:1px solid #ccc;
	margin:16px 2px 0 0;
	padding:0;
}
#main div.side-bar div.triangle div.form ul li input.submit{
	display:block;
	width:58px;
	height:24px;
	padding:0;
	border:0;
	margin:0;
	font:14px/18px "Trebuchet MS",Arial,sans-serif;
	cursor:pointer;
	color:#204d82;
	background:url(../img/bg-submit.gif) repeat-x 0 0;
}
#main div.side-bar ul.spons{
	width:100%;
	overflow:hidden;
}
#main div.side-bar ul.spons li{
	display:inline;
	float:left;
	width:125px;
	border:1px solid #ccc;
	margin:0 8px 20px 12px;
}
#main div.content{
	position:relative;
	float:left;
	width:685px;
	margin:20px 0 0 19px;
	overflow:hidden;
}
#main div.content ul li.gray{background:#f9f9f9;}
#main div.content div.slogan{
	position:relative;
	width:684px;
	padding:0 0 6px;
	float:left;
}
#main div.content div.slogan ul.slider{
	width:9999px;
	overflow:hidden;
}
#main div.content div.slogan ul.slider li{
	position:relative;
	float:left;
}
#main div.content div.slogan ul.slider li h1{
	position:absolute;
	left:39px;
	top:173px;
	color:#fff;
}
#main div.content div.slogan ul.slider li h2{
	position:absolute;
	left:111px;
	top:226px;
	color:#fff;
}
#main div.content div.slogan ul.slider-links{
	position:absolute;
	left:14px;
	bottom:23px;
	width:650px;
	overflow:hidden;
}
#main div.content div.slogan ul.slider-links li{
	float:left;
	margin:0 9px 0 0;
}
#main div.content div.slogan ul.slider-links li a{
	float:left;
	width:12px;
	height:12px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	background:url(../img/slider.png) repeat 0 0;
}
#main div.content div.slogan ul.slider-links li.active a,
#main div.content div.slogan ul.slider-links li a:hover{background:url(../img/slider-active.png) repeat 0 0;}
#main div.content ul.products{
	position:relative;
	width:100%;
	margin:0 0 17px;
	float:left;
	border-bottom:1px solid #e1e1e1;
	background:url(../img/bg-product-list.gif) repeat-y 0 0;
}
#main div.content ul.products li{
	float:left;
	padding:0 0 23px;
	margin:0 20px 0 0;
}
#main div.content ul.products li.administration{
	width:219px;
}
#main div.content ul.products li.administration p.more{right:466px;}
#main div.content ul.products li.administration div{
	background:#fff url(../img/bg-administration.png) no-repeat 0 0;}
#main div.content ul.products li.development{
	width:210px;
}
#main div.content ul.products li.development div{
	background:#fff url(../img/bg-development.png) no-repeat 0 0;
}
#main div.content ul.products li.development p.more{right:236px;}
#main div.content ul.products li.software{
	width:216px;
	margin:0;
}
#main div.content ul.products li.software div{
	background:#fff url(../img/bg-software.png) no-repeat 0 0;
}
#main div.content ul.products li.software p.more{right:0px;}
#main div.content ul.products li div{height:66px;padding:22px 0 0 17px;}
#main div.content ul.products li h3 a span{color:#e0eaf0;}
#main div.content ul.products li h3 a strong{color:#83a116;}
#main div.content ul.products li h3 a:hover{background:none;}
#main div.content ul.products li h3 a:hover span{background:url(../img/link-hover-white.gif) repeat-x 0 100%;}
#main div.content ul.products li h3 a:hover strong{background:url(../img/link-hover-green.gif) repeat-x 0 100%;}
#main div.content ul.products li p{
	margin:20px 0 0;
	padding:0 16px 26px;
}
#main div.content ul.products li p.more{
	position:absolute;
	bottom:0;
	width:210px;
	padding:0;
	margin:0 0 -1px;
}
#main div.content ul.products li p.more a span{
	position:relative;
	border-bottom:0;
}
#main div.content div.latest-blog{
	width:100%;
	padding:0 0 7px;
	float:left;
}
#main div.content div.latest-blog div.left{
	float:left;
	width:450px;
	padding:0 20px 0 0;
}
#main div.content div.latest-blog h4{
	padding:0 0 12px;
	color:#204f84;
}
#main div.content div.latest-blog h4 span{color:#83a116;}
#main div.content div.latest-blog div.left ul.latest-housecall{
	width:100%;
	overflow:hidden;
}
#main div.content div.latest-blog div.left ul.latest-housecall li{
	float:left;
	width:100%;
	padding:0 0 13px;
	margin:0 0 15px;
}
#main div.content div.latest-blog div.left ul.latest-housecall li div.lt{
	float:left;
	width:410px;
	padding:0 0 0 20px;
	margin:12px 0 0;
}
#main div.content div.latest-blog div.left ul.latest-housecall li div.lt h5{padding:0 0 7px;}
#main div.content div.latest-blog div.left ul.latest-housecall li div.lt p{
	font-family:"Trebuchet MS",Arial,sans-serif;
	color:#999;
}
#main div.content div.latest-blog div.left ul.latest-housecall li div.lt div.pict-link{
	width:100%;
	margin:9px 0 0;
	overflow:hidden;
}
#main div.content div.latest-blog div.left ul.latest-housecall li div.lt div.pict-link img{
	float:left;
	padding:0 15px 0 0
}
#main div.content div.latest-blog div.left ul.latest-housecall li div.lt div.pict-link a.download{margin:16px 0 0;}
#main div.content div.latest-blog div.left ul.latest-housecall li div.rt{
	float:left;
	width:210px;
	padding:0 0 0 18px;
	margin:12px 0 0;
}
#main div.content div.latest-blog div.left ul.latest-housecall li div.rt p{
	line-height:21px;
	padding:0 0 5px;
}
#main div.content div.latest-blog  p span{
	font-size:11px;
	color:#83a116;
}
#main div.content div.latest-blog div.left ul.latest-housecall li div.rt p.more{line-height:22px;}
#main div.content div.latest-blog div.left ul.latest-housecall li div.rt p.more a{margin:0 15px 0 0;}
#main div.content div.latest-blog div.right{
	float:right;
	width:215px;
}
#main a.rss{
	float:right;
	width:20px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/rss-link.png) no-repeat 0 0;
}
#main a.rss:hover{background:url(../img/rss-link.png) no-repeat 0 0;}
#main div.content div.latest-blog div.right a.rss{margin:6px 0 0;}
#main div.content div.latest-blog div.right ul.blog{
	width:180px;
	padding:16px 17px 6px 16px;
	border:1px solid #e1e1e1;
	overflow:hidden;
}
#main div.content div.latest-blog div.right ul.blog li{
	float:left;
	width:100%;
	padding:0 0 10px;
}
#main div.content div.latest-blog h6 a{color:#204e82;}
#main div.content div.latest-blog h6 a:hover{background:none;}
#main div.content div.latest-blog h6 a:hover span{background:url(../img/link-hover-blue.gif) repeat-x 0 100%;}
#main div.content div.latest-blog div.right ul.blog li p.more{margin:5px 0 0;}
#footer{
	padding:18px 0 103px;
	font:12px/18px "Trebuchet MS",Arial,sans-serif;
	color:#999;
	width: 515px;
	margin-right:auto;
	margin-left:auto;
}
#footer div.content{
	/*width:964px;     Commented out to fix page overflow*/
	margin:0 auto;
	overflow:hidden;
}
#footer p{
	float:left;
	padding:0 30px 0 0;
}
#footer ul{
	float:left;
	margin:0 0 0 -5px;
	overflow:hidden;
}
#footer ul li{
	float:left;
	padding:0 8px 0 7px;
	margin:0 0 0 -2px;
	background:url(../img/sep-footer.gif) no-repeat 0 50%;
}
#footer a{
	text-decoration:none;
	color:#999;
}
#footer a:hover{background:url(../img/link-hover-gray.gif) repeat-x 0 100%;}