body {

background: #fdfdfd url(../images/bg-tile.jpg) repeat-x;
font: 11px/140% Verdana, Tahoma, sans-serif;
color: #333;

}

html * {

margin: 0;
padding: 0;

}

img {

border: none;

}

a {

font-weight: bold;
color: #E86B06;

}

a:hover {

font-weight: bold;
color: #666;
text-decoration: none;

}



p {

padding: 0 0 12px 0;

}

p.contentheader {

font-weight: bold;
font-size: 13px;

}

#col1 ul {

padding: 0 0 0 14px;


}


/* Container
-------------------*/

#container {

margin: 0 auto;
background: #fff url(../images/container-bg.gif) repeat-y;
width: 726px;

}

/* Header
-------------------*/

#header {

width: 726px;
height: 81px;
background: #fff url(../images/header-bg.jpg) no-repeat;

}

		#header #logo {
		
		margin: 0 -3px 0 0;
		float: left;
		width: 186px;
		height: 41px;
		
		}
		
				#header #logo img {
				
				margin: 28px 0 0 12px;
				
				}
		
		#header #topsubnav {
		
		width: 510px;
		margin: 0 0 0 195px;
		text-align: right;
		padding: 50px 18px 0 0;
		
		}
		
		html>body #header #logo { margin: 0; }
		html>body #header #topsubnav { margin: 0 0 0 198px; }
		
				#header #topsubnav ul li {
		
				list-style: none;
				display: inline;
				
				}
								
				#header #topsubnav ul li a {
		
				color: #fff;
				font-size: 10px;
				text-decoration: none;
				padding: 0 6px 0 6px;
				border-right: solid 1px #fff;
				
				}
				
				#header #topsubnav ul li a.last {
		
				padding: 0 0 0 6px;
				border-right: none;
				
				}
				
				#header #topsubnav ul li a:hover {
				
				color: #E86B06;
				
				}
		
/* HeaderNav
-------------------*/

#headernav {

width: 722px;
height: 33px;
background: #fff url(../images/headernav-bg.gif) repeat-y;
padding: 0 0 0 4px;

}

			#headernav ul {
			
			width: 718px;
			background: url(../images/headerlist-bg.jpg) repeat-x;
			height: 33px;
			
			}
			
			#headernav ul li {
			
			display: inline;
			list-style: none;
			
			}
			
			#headernav ul li a {
			
			display: block;
			float: left;
			height: 33px;
			text-indent: -9999px;
			text-decoration: none;
			}
			
			#headernav ul li#about a {
			
			background: url(../images/about-link.jpg) no-repeat;
			width: 96px;
			
			}
			
			#headernav ul li#news a {
			
			background: url(../images/news-link.jpg) no-repeat;
			width: 72px;
			
			}
			
			#headernav ul li#netcam a {
			
			background: url(../images/netcam-link.jpg) no-repeat;
			width: 93px;
			
			}
			
			#headernav ul li#partners a {
			
			background: url(../images/partners-link.jpg) no-repeat;
			width: 86px;
			
			}
			
			#headernav ul li#faq a {
			
			background: url(../images/faq-link.jpg) no-repeat;
			width: 64px;
			
			}
			
			#headernav ul li#about a:hover, #headernav ul li#news a:hover, #headernav ul li#netcam a:hover, #headernav ul li#partners a:hover, #headernav ul li#faq a:hover {
			
			background-position: 0px -33px;
			
			}
			
			
			
					#headernav ul li form img {
					
					padding: 2px 0 0 0;
					line-height: 1;
					margin: 0;
					float: left;
										
					}
					
					
					
					#headernav ul li form input.searchinput {
					
					padding: 2px 1px 2px 3px;
					font-size: 10px;
					vertical-align: middle;
					margin: 2px 11px 0 12px;
					border: solid 1px #333;
					width: 150px;
					background: #fff url(../images/input-bg.jpg) repeat-x;
										
					}
					
					#headernav ul li form input.submit {
						vertical-align: middle;
						line-height: 1;
						margin: 2px 0 0 0;
					}
					
					
			
			

/* Homeimg
-------------------*/

#homeimg {

width: 722px;
height: 123px;
background: #fff url(../images/homeimg-bg.jpg) no-repeat;
padding: 19px 0 0 4px;

}



/* Homeportal
-------------------*/

#homeportal {

width: 722px;
padding: 0 0 0 4px;

}
		
		#homeportal ul {
		
		border-top: solid 1px #858484;
		
		width: 718px;
		
		
		}
		
		#homeportal ul li {
		
		list-style: none;
		display: inline;
		background: url(../images/homelistshadow.jpg) 0px 58px repeat-x;
		border-bottom: solid 1px #858484;
		
		}
		
		#homeportal ul li h1 {
		
		text-indent: -9999px;
		height: 57px;
		border-bottom: solid 1px #858484;
		line-height: 1;
		}
		
		#homeportal ul li h1 a {
		
		display: block;
		text-indent: -9999px;
		height: 57px;
		width: 238px;
		text-decoration: none;
		
		}
		
		#homeportal ul li div.portalcontent {
		
		background: url(../images/homelistshadow-b.jpg) 0% 100% repeat-x;
		border-right: solid 1px #858484;
		height: 120px;
		padding: 16px 16px 4px 16px;
		
		}
		
		#homeportal ul li div.portalcontent p {
		
		padding: 0;
		
		}
		
		#homeportal ul li#scnet div.portalcontent {
		
		border: none;
				
		}
		
		#homeportal ul li div.portalcontent a.portallink {
		
		display: block;
		font-size: 14px;
		text-decoration: none;
		border-top: solid 1px #606060;
		padding: 6px 0 6px 20px;
		margin: 6px 0 0 0;
		color: #606060;
		background: url(../images/link-arrow.jpg) 0% 50% no-repeat;
		
		}
		
		
		
		#homeportal ul li#scltd {
		
		display: block;
		float: left;
		width: 240px;
				
		}
		
				#homeportal ul li#scltd h1 {
				
				width: 240px;
				background: url(../images/sc-ltd-home.gif) no-repeat;
				
				}
					
		
		#homeportal ul li#scdent {
		
		display: block;
		float: left;
		width: 238px;
				
		}
		
				#homeportal ul li#scdent h1 {
				
				width: 238px;
				background: url(../images/sc-dent-home.gif) no-repeat;
				
				}
				
		#homeportal ul li#scnet {
		
		display: block;
		float: left;
		width: 240px;
				
		}
		
		#homeportal ul li div.portalcontent {
		
		background: url(../images/homelistshadow-b.jpg) 0% 100% repeat-x;
		border-right: solid 1px #858484;
		
		}
		
		
				#homeportal ul li#scnet h1 {
				
				width: 240px;
				background: url(../images/sc-net-home.gif) no-repeat;
				
				}



/* Intportal
-------------------*/

#intportal {

width: 722px;
padding: 0 0 0 4px;
background: url(../images/intportal-bg.gif) no-repeat;
height: 57px;

}
		
		#intportal ul {
		
		border-top: solid 1px #858484;
		
		width: 718px;
		
		
		}
		
		#intportal ul li {
		
		list-style: none;
		display: inline;
		
		}
		
		#intportal ul li h1 {
		
		text-indent: -9999px;
		height: 57px;
		border-bottom: solid 1px #858484;
		line-height: 1;
		}
		
		#intportal ul li h1 a {
		
		display: block;
		text-indent: -9999px;
		height: 57px;
		width: 238px;
		text-decoration: none;
		
		}
		
		#intportal ul li#scltd {
		
		display: block;
		float: left;
		width: 240px;
				
		}
		
				#intportal ul li#scltd h1 {
				
				width: 240px;
				background: url(../images/sc-ltd-home.gif) no-repeat;
				
				}
				
				#intportal ul li#scltd h1.active {
				
				background: url(../images/scltd-link-active.jpg) no-repeat;
				
				}
					
		
		#intportal ul li#scdent {
		
		display: block;
		float: left;
		width: 238px;
				
		}
		
				#intportal ul li#scdent h1 {
				
				width: 238px;
				background: url(../images/sc-dent-home.gif) no-repeat;
				
				}
				
				#intportal ul li#scdent h1.active {
				
				background: url(../images/scdent-link-active.jpg) no-repeat;
				
				}
				
		#intportal ul li#scnet {
		
		display: block;
		float: left;
		width: 240px;
				
		}
		
		
		
				#intportal ul li#scnet h1 {
				
				width: 240px;
				background: url(../images/sc-net-home.gif) no-repeat;
				
				}
				
				#intportal ul li#scnet h1.active {
				
				background: url(../images/scnet-link-active.jpg) no-repeat;
				
				}
				
/* Intcotainer
-----------------------*/

#intcontainer {

width: 718px;
padding: 0 0 0 4px;
background: url(../images/intcontainer-bg.jpg) right repeat-y;
margin: 0 0 2px 0;


}
				
/* Breadcrumb
-----------------------*/

#breadcrumb {

width: 706px;
height: 23px;
border-bottom: solid 1px #858484;
padding: 7px 0 0 12px;

}

		#breadcrumb ul li {
		
		list-style: none;
		display: inline;
		
		}
		
		#breadcrumb ul li {
		
		font-size: 10px;
		color: #fff;
		padding: 0 0 0 4px;
						
		}
		
		#breadcrumb ul li a {
		
		font-size: 10px;
		color: #fff;
		text-decoration: none;
		padding: 0 10px 0 0;
		background: url(../images/bc-arrow.gif) 100% 50% no-repeat;
		font-weight: bold;
		
		}
		
		#breadcrumb ul li a:hover {
		
		text-decoration: underline;
		
		
		}
		
		.bc-scltd {
		
		background: #A7B60F url(../images/scltd-bc-bg.gif) repeat-x;
		
		}
		
		.bc-scdent {
		
		background: #B16C00 url(../images/scdent-bc-bg.gif) repeat-x;
		
		}
		
		.bc-scnet {
		
		background: #B10047 url(../images/scnet-bc-bg.gif) repeat-x;
		
		}
		
		.bc-main {
		
		background: #0096B1 url(../images/main-bc-bg.gif) repeat-x;
		
		}
		
		


/* Sub Img
------------------------*/

#subimg {

width: 718px;
height: 124px;

}

/* Content
------------------------*/

#col1 {

float: left;
width: 398px;
margin: 0 -3px 0 0;
background: url(../images/col1-top.jpg) repeat-x;
padding: 25px 40px 20px 20px;

}
		#col1 h2 {

		font-size: 20px;
		border-bottom: solid 1px #e5e5e5;
		padding: 0 0 13px 0;
		margin: 0 0 13px 0;
		font-weight: normal;
		color: #333;
		
		}

#col2 {

width: 260px;
margin: 0 0 0 455px;
background: url(../images/col2-top.jpg) no-repeat;

}

		

/* Correct Margins for Good browsers */
html>body #col1 { margin: 0; }
html>body #col2 { margin: 0 0 0 458px; }


/* Subnav
------------------------*/

ul#subnav {

padding: 20px 0 0 20px;

}

ul#subnav li {

padding: 0 0 8px 0;
list-style: none;

}

ul#subnav li a {

color: #000;
font-size: 12px;
padding: 0 0 0 16px;
background: url(../images/subnav-arrow.gif) 0px 4px no-repeat;
text-decoration: none;

}

ul#subnav li a:hover, ul#subnav li a.active  {

color: #26A6BD;
background: url(../images/subnav-arrow-over.gif) 0px 4px  no-repeat;
}


		ul#subnav li ul {
		
		
		padding: 8px 0 6px 16px;
		
		}
		
		ul#subnav li ul li {
		
		
		padding: 0 0 4px 0;
		
		}
		
		ul#subnav li ul li a {
		
		padding: 0 0 0 10px;
		font-size: 11px;
		background: url(../images/subsubnav-arrow.gif) 0px 3px no-repeat;
		
		}
		
		
		ul#subnav li ul li a:hover, ul#subnav li ul li a.active {

		background: url(../images/subsubnav-arrow-over.gif) 0px 3px no-repeat;
		
		}

/* Logos
------------------------*/


#logos, #logosint {

width: 718px;
margin: 0 0 0 4px;
padding: 20px 0 10px 0;
background: #fff url(../images/logos-bg.jpg) repeat-x;
clear: both;
text-align: center;


}

#logosint {
border-top: solid 1px #fff;
margin: 0;

}

		#logos img, #logosint img {
		
		vertical-align: middle;
		
		}
				
/* Footer
------------------------*/


#footer {
clear: both;
width: 712px;
padding: 12px 0 0 14px;
background:#fdfdfd url(../images/footer-cap.jpg) no-repeat;


}

		#footer p {
		
		color: #a5a5a5;
		font-size: 9px;
		font-weight: bold;
		
		}