﻿body {
	margin:0;
	color:#666;
	background:#e1e2e3 url(../images/bg-page.gif) repeat-x;
	font-family: Arial, Verdana, "Tahoma sans-serif";
	font-size: 12px;
}
embed{display: block;}
form,fieldset{
	margin:0;
	padding:0;
	border:0;
}
img {border:0;}
a{
	color:#39c;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
#social{
	float:left;
	position:fixed;
	padding-top: 120px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	z-index:5;
}
#wrapper{
	width:825px;
	padding:354px 37px 0 43px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/bg-wrapper.png) repeat-y;
	position:relative;
}
/* header */
#header{
	position:absolute;
	left:43px;
	top:0;
	width:825px;
}
#header span.logo{
	display:block;
	width:186px;
	height:50px;
	background:url(../images/logo.gif) no-repeat;
	margin:44px 0 0;
	overflow:hidden;
	text-indent:-9999px;
}
#header span.logo a{
	height:100%;
	display:block;
}
#menu{
	float:right;
	width:600px;
	margin-top: -12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
}
#menu li{
	float:left;
	list-style:none;
	margin:0 0 0 17px;
	padding:0 0 10px;
	line-height:17px;
	position:relative;
	z-index:2;
	display:inline;
}
#menu a{
	color:#868686;
}
#menu a:hover, #menu li.active a{
	text-decoration:none;
	color:#cd0025;
	
}
#menu ul{
	margin:0;
	padding:8px 0 4px;
	position:absolute;
	left:0;
	top:21px;
	background:#b8f1f9;
	display:none;
}
#menu ul li{
	float:none;
	display:block;
	width:139px;
	background:#b8f1f9;
	margin:0;
	padding:5px 0 5px 10px;
	font-size:10px;
	line-height:12px;
}


#menu li:hover ul, #menu li.hover ul{display:block; }
#menu ul ul, #menu li:hover ul ul, #menu li.hover ul ul{
	left:100%;
	top:-8px;
	padding:8px 0 4px;
	display:none;
	
	
}
#menu li.services ul ul{
	left:-120px!important;
}
#menu ul li:hover ul, #menu ul li.hover ul{
	display:block;
}
#menu ul ul li{
	width:110px;
	line-height:11px;
}
#menu ul a{
	color:#231f20;
	width:100%;
}
#menu ul li.hover, #menu ul li:hover, #menu ul a:hover{color:#ffffff;	background:#24a8d6;
}
#menu ul ul a{
	text-transform:none;
	font-size:12px;

}
.container{
	overflow:hidden;
	width:100%;
	clear:both;
	background:url(../images/bg-container.jpg) repeat-y 100% 0;
	position:relative;
	background-image: url(../images/bg-container.jpg);
}
.container img{float:left;}

.containerindex{
	overflow:hidden;
	width:100%;
	clear:both;
	position:relative;
}
.containerindex img{float:left;}

strong.interstate{
	position:absolute;
	right:40px;
	top:55px;
	color:#fff;
	font-weight:bold;
	font-size:113px;
}
.leftblock{
	float:left;
	width:326px;
	padding:17px 0 0;
}
.leftblock p{
	font-size:28px;
	color:#868686;
	margin:6px 0 0;
}
.leftblock h2{
	font-size:16px;
	color:#6d6d6d;
	margin:0;
}
#submenu{
	margin:0;
	padding:0 0 0 2px;
}
#submenu li{
	list-style:none;
	padding:2px 0 0;
}
#submenu a{
	text-transform:uppercase;
	color:#6d6d6d;
	font-size:11px;
	font-weight:normal;
}
#submenu li.active a, #submenu a:hover{
	color:#38a8d6;
	text-decoration:none;
}
#submenu ul{
	margin:0;
	padding:0 0 0 4px;
	display:none;
}
#submenu li.active ul{display:block;}
#submenu ul a{
	text-transform:none;
	padding:0 0 0 18px;
}
#submenu ul li.active a, #submenu ul a:hover{
	background:url(../images/bg-submenu.gif) no-repeat 0 0;
}
/* main */
#main{
	overflow:hidden;
	width:100%;
	padding:0 0 30px;
}
/* content */
.slogan{
	float:left;
	width:294px;
	margin:16px 0 0;
}
.slogan p{
	font-size:14px;
	color:#868686;
	margin:0;
}
.news{
	float:left;
	width:322px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
}
.news h2{
	float:left;
	width:100px;
	font-size:27px;
	color:#868686;
	margin:0;
	overflow:hidden;
}
.news ul{
	margin:0;
	padding:0;
	height:1%;
	overflow:hidden;
	font-size:13px;
}
.news li{
	padding:0 0 9px;
}
.news h3{
	margin:0;
	font-size:18px;
	color:#00b3dd;
}
.news p{	margin:0;}
.news p a{color:#5a5a5a;}
.news p a:hover{
	color:#333;
	text-decoration:none;
}

#content{
	float:left;
	width:416px;
	margin:26px 0 0 246px;
	display:inline;
	overflow:hidden;
}
#content p{margin:0 0 17px;}
#content h1{
	font-size:18px;
	color:#231f20;
	margin: 0;
}
#content h6{
	font-size:17px;
	color:#666666;
	margin: 0;
}
#content h4{
	font-size:12px;
	margin:0;
	color:#333;
}
#content h5{
	font-size:11px;
	font-weight:normal;
	margin:30px 0 0;
}


#content p strong{font-size:13px;}
.bennefits{
	width:174px;
	float:left;
	margin:0 34px 0 0;
	padding:0;
	list-style:none;
}
.bennefits li{
	background:url(../images/bg-submenu.gif) no-repeat;
	padding:0 0 0 21px;
	font-size:11px;
	line-height:13px;
	margin:11px 0 0;
}
.clients{
	width:174px;
	float:left;
	margin:0 34px 0 0;
	padding:0;
	list-style:none;
}
.clients li{
	padding:0 0 0 0px;
	font-size:11px;
	line-height:13px;
	margin:11px 0 0;
}

#lb_image{
	float:left;
	width:222px;
	padding:0 0 0 0;
	overflow:visible;
	position:absolute;
	margin-top:30px;
}


/* sidebar */
#sidebar{
	float:right;
	width:151px;
	background:url(../images/bg-sidebar.gif) no-repeat;
	padding:24px 0 0;
	overflow:hidden;
}
.sidebar-block{
	background:#00b3dd url(../images/bg-sidebar-block.gif) repeat-y;
	overflow:hidden;
	padding:15px 5px 20px 15px;
	margin:0 9px 0 0;
}
.sidebar-block p{
	margin:0;
	font-weight:bold;
	font-size:13px;
	color:#fff;
	line-height: 17px;
}
.loads{
	background:#fff url(../images/bg-sidebar-block.gif) repeat-y;
	padding:0 0 21px 8px;
	margin:0;
}
.loads div{
	background:#cbeff8;
	padding:12px 5px 32px 9px;
}
.loads span{padding:0 0 0 20px;}
.loads span.download{
	display:block;
	margin:18px 0 0;
}
.loads span.download{background:url(../images/bg-download.gif) no-repeat 0 5px;}
.loads span.download:hover, .loads span.download.hover{background:url(../images/bg-submenu.gif) no-repeat 0 5px;}
/* footer */
#footer{
	margin:0 auto;
	width:825px;
	padding:25px 37px 18px 43px;
	background:url(../images/bg-footer.png) no-repeat;
	overflow:hidden;
}
#footer a{position:relative;}
#footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
#footer .bottom-nav{
	float:right;
	overflow:hidden;
	margin:0 12px 0 0;
	display:inline;
}
.bottom-nav li{
	float:left;
	background:url(../images/bg-bottom-nav.gif) no-repeat 100% 50%;
	margin:0 -1px 0 0;
	padding:0 9px;
	font-size:13px;
}
.bottom-nav li a{color:#fff;}
.bottom-nav li a:hover{
	color:#600;
	text-decoration:none;
}
.inner{
	clear:both;
	width:100%;
	text-align:center;
	font-size:11px;
	color:#4b4b4b;
	padding:41px 0 0;
}
.inner li{
	display:inline;
	background:url(../images/bg-footer-li.gif) no-repeat 0 50%;
	padding:0 4px 0 9px;
}
.inner li a{color:#4b4b4b;}
.inner li a:hover{
	color:#cd0025;
	text-decoration:none;
}
.inner li:first-child{background:none;}
.inner p{margin:0;}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash strong.interstate {
	visibility: hidden;
	font-size:111px;
}
.sIFR-hasFlash .leftblock p {
	visibility: hidden;
	font-size:28px;
	letter-spacing:-6px;
}
.sIFR-hasFlash .leftblock p embed, .sIFR-hasFlash .leftblock p  object{display:block;}
.sIFR-hasFlash .slogan p {
	visibility: hidden;
	font-size:16px;
}
.sIFR-hasFlash .news h2 {
	visibility: hidden;
	font-size: 29px;
}
.sIFR-hasFlash .news h3{
	visibility: hidden;
	font-size:19px;
}
.sIFR-hasFlash #content h1 span{
	visibility: hidden;
	font-size:20px;
	letter-spacing: -2px;
}
.sIFR-hasFlash #content h6 span{
	visibility: hidden;
	font-size:17px;
	letter-spacing: -2px;
}
.sIFR-hasFlash  span.download span{
	visibility: hidden;
	font-size:16px;
	letter-spacing: -2px;
	border: 1px solid #cbeff8;
	display: block;
	padding: 0;
	margin: 0;
}
.main-img {
	position: relative;
}


.treeview{
	width:174px;
	float:left;
	margin:0 34px 0 0;
	padding:0;
	list-style:none;
}
.treeview ul{ /*CSS for Simple Tree Menu, <ul rel="open">*/
	margin: 0;
	padding: 0;

}
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	padding:0 0 0 21px;
	font-size:11px;
	line-height:13px;
	margin:11px 0 0;
	text-indent: 0px;
}
.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */

	
}
.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	padding-left: 10px;

}
