/*--------------------- body ---------------------*/

* {	margin: 0; padding: 0; border: 0; }

body { 
	font-size: 62.5%; 
	font-family: Arial, Helvetica, sans-serif;
	background: #f5f5f5; }

/* to force scrollbar with centered layout */
html {
	min-height: 100%;
	margin-bottom: 1px; }
	
li p { margin-bottom: 0; }

/*----------------------- layout ----------------------------*/

#containerwrap { width: 781px; margin: 0 auto; background: #fff; }
#container { 
	width: 773px; margin: 0 auto;
	border-left: 1px dashed #000; border-right: 1px dashed #000; }
	
	#head {
		width: 773px; height: 145px; position:relative;
		border-bottom: 1px dashed #000; }
		
		#logo {
			position: absolute; top: 0; left:0; background: none;
			width: 237px; height: 145px; 
			border-right: 1px dashed #000; }
			
			#logo img {
				width: 214px; height: 63px;
				float: left;
				padding: 40px 0 0 10px; }
		
		#banner {
			float: right; top: 0; right:0; background: none;
			width: 535px; height: 25px;
			}
			
		#banner .text {
				margin-top:3px; margin-right:4px;
				text-align:right;
				}
		
		#banner .text a {
			margin-right:1px;
			text-decoration: none;
			background: #0068B4;
			text-transform: uppercase; color: #fff; font-size: 1.4em; letter-spacing: -1px; }
		
		#banner .text a img {
				margin-left: 0px;
				margin-bottom:-5px;
				padding: 1px 5px 1px 5px;
				border: 0;
				}
			
		#banner .text a:hover {
				background: #F81A0D;
				color: #fff; }
		
		#pageintro .title {
			height: 16px; margin: 4px 4px 22px 14px;
			font-size: 1.4em; line-height: 1.1em; font-weight: bold; color: #F81A0D;
			text-transform: uppercase;
			background: #F81A0D; }
			
			#pageintro .title span {
				padding: 0 50px 0px 0;
				margin-bottom:-2px; 
				line-height: 16px; 
				background: url("../img/bg_title.gif") right no-repeat #fff; }
				
		#pageintro {
			position: absolute; bottom: 0; right:0; background: none;
			width: 535px; height: 120px; 
			border-top: 1px dashed #000; }
		
	#leftcol {
		width: 136px; 
		float: left; }
		
		#nav {
			display: block;
			width: 136px;
			border-bottom: 1px dashed #000; }
		
		#leftextra { }
			
			.leftbox {
				margin: 4px 3px; padding: 8px;
				border: 1px solid #CBC9C9;
				background: #f5f5f5; }
		
	#contentwrap {
		width: 636px; 
		float: right;
		border-left: 1px dashed #000; }
		
		#pana {
			width: 636px; height: 151px;
			border-bottom: 1px dashed #000; }
			
			#pana img {
				width: 628px; height: 145px; float: left;
				padding: 3px 0 0 4px; }
			
			#main {
				width: 495px; padding: 0; float: left;
				border-right: 1px dashed #000; }
				
				#content, #content_nobg {
					min-height: 365px;
					margin: 3px 4px; padding: 14px;
					background: #EEF7FE; }
					
					#content_nobg { background: #fff; padding: 0; }
					
				#content_boxes {
					padding: 3px 4px 0;
					background: none; }
				
			#rightcol { 
				width: 132px; padding: 3px 4px; float: right; }
				
				#rightcol img {
					float: left; width: 132px;
					padding-bottom: 4px; margin-bottom: 4px;
					border-bottom: 1px dashed #000; }
					
				.rightbox {
					clear: both; padding: 4px 8px 2px; margin:0;
					border: 1px solid #CBC9C9;
					background: #f5f5f5; }
				html>body .rightbox {
					padding-top: 8px; }
		
		#foot {
			clear: both;
			border-top: 1px dashed #000; }
			
			.foothome p { height: 47px; }
			
/***** 4 boxes *****/

.nohover .box1, .nohover .box2, .nohover .box3, .nohover .box4, #cs { cursor: default; }
.nohover .box1 p, .nohover .box2 p, .nohover .box3 p, .nohover .box4 p, #cs p { cursor: text; }
.nohover .box1 h1, .nohover .box2 h1, .nohover .box3 h1, .nohover .box4 h1 { background: #2483C9 url("../img/bg_box.gif") top right no-repeat; }
#cs h1 { background: #2B9AEC url("../img/bg_box_cs.gif") top right no-repeat; }

.higher .box1, .higher .box2, .higher .box3, .higher .box4 { height: 305px; }

.box1, .box1_over, .box2, .box2_over, .box3, .box3_over, .box4, .box4_over {
	width: 148px; height: 255px; float: left; background: #F3F9FE;
	margin:0 12px 3px 0;
	cursor: pointer; }
		
	.box2, .box2_over, .box4, .box4_over {
		background: #D5E3FB; }
		
	.box4, .box4_over {
		margin-right: 0; }
		
	.box1 p, .box1_over p, .box2 p, .box2_over p, .box3 p, .box3_over p, .box4 p, .box4_over p { padding: 10px; margin: 0; color: #000; }
		
.box1 h1, .box1_over h1, .box2 h1, .box2_over h1, .box3 h1, .box3_over h1, .box4 h1, .box4_over h1 {
	width: 144px; height: 28px;
	padding: 4px 0 0 4px; margin-bottom: 4px solid #fff;
	text-transform: uppercase; color: #fff; font-size: 1em; letter-spacing: -1px; }
	
	.box1 h1 {
		background: #07538B url("../img/bg_h1arrow1.gif") top right no-repeat; }
	.box1_over h1 {
		background: #07538B url("../img/bg_h1arrow1_over.gif") top right no-repeat; }
		
	.box2 h1 {
		background: #0068B4 url("../img/bg_h1arrow2.gif") top right no-repeat; }
	.box2_over h1 {
		background: #0068B4 url("../img/bg_h1arrow2_over.gif") top right no-repeat; }
		
	.box3 h1 {
		background: #2483C9 url("../img/bg_h1arrow3.gif") top right no-repeat; }
	.box3_over h1 {
		background: #2483C9 url("../img/bg_h1arrow3_over.gif") top right no-repeat; }
		
	.box4 h1 {
		background: #2B9AEC url("../img/bg_h1arrow4.gif") top right no-repeat; }
	.box4_over h1 {
		background: #2B9AEC url("../img/bg_h1arrow4_over.gif") top right no-repeat; }

#business { background: #D5E3FB url("../img/home_business.jpg") bottom left no-repeat; }		
#smsalert { background: #F6FAFD url("../img/home_smsalert.jpg") bottom left no-repeat; }
#operational { background: #D5E3FB url("../img/business_operational.jpg") bottom left no-repeat; }
#morebusiness { background: #D5E3FB url("../img/home_business.jpg") bottom left no-repeat; }
.internet { height: 160px; background:#f5f5f5 url("../img/internet_phone.jpg") bottom left no-repeat; }
.har { height: 85px; background: #f5f5f5 url("../img/logo_ha.gif") bottom left no-repeat; }

/*--------------------- paragraphs, headings & lists ---------------------*/

h1 {  }

h2 { height: 21px; padding: 5px 0 0 10px; clear: both;
	color: #fff; text-transform: uppercase; font-size: 1.2em; font-weight: normal; 
	background: #08538C url("../img/bg_h2.gif") top right no-repeat; }
	
.light_h2 { color: #07528B; background: #D5E4FB url("../img/bg_light_h2.gif") top right no-repeat;
	text-transform: none; font-weight: bold;  }

h3, h4 { color: #0068B4; font-weight: bold; margin: 0 0 15px; font-size: 1.2em; }
h4 { color: #103958; }

p {	
	margin: 0 0 15px; 
	font-size: 1.1em; 
	line-height: 1.3em;
	color: #103958; }
	
#logo p {
	font-family: Arial, Helvetica, sans-serif; color: #4285CE; font-weight: bold; letter-spacing: 0.14em;
	float: right; padding: 5px 12px 0 0;
	margin: 0; }
	
#pageintro p {	
	margin: 0 4px 0 14px;
	color: #103958; font-size: 1.2em; font-weight: bold;
	line-height: 1.2em; }

.leftbox p, .rightbox p {
	color: #07538B;
	margin: 0 0 2px; }		

#foot p {
	margin: 0; padding: 4px 0 4px 10px;
	font-size: 1em; color: #000; }
	
/*--------------------- lists ---------------------*/

.arrowlist { margin-left: 15px; margin-bottom: 10px; }
.grey { list-style: url(../img/arrow_grey.gif); }
.lightblue { list-style: url(../img/arrow_lightb.gif); }
.blue { list-style: url(../img/arrow_blue.gif); }

	#content_boxes ul { padding: 0 10px; }
		
	.leftbox ul li, .rightbox ul li, #content_boxes ul li {
		color: #F81A0D; font-weight: bold; font-size: 1.1em; margin-bottom: 1px; }
		
	.leftbox ul li a, .leftbox ul li a:visited, .rightbox ul li a, .rightbox ul li a:visited, #content_boxes ul li a, #content_boxes ul li a:visited {
		color: #07538B; font-weight: normal; text-decoration: none; }
	.leftbox ul li a:hover, .rightbox ul li a:hover, #content_boxes ul li a:hover {
		color: #F81A0D; }

/*--------------------- images ---------------------*/

a img {
	border: 0; }
	
img.rbs { width: 110px; height: 50px; margin: 0 0 0 1px; }
	
img.rbs_prodpage { width: 110px; height: 50px; margin: 0 0 0 20px; }

img.rbs_buspage { width: 110px; height: 50px; margin: 10px 0 5px 10px; }

img.screen { width: 458px; height: 254px; }

/*--------------------- forms ---------------------*/

form label {
	cursor: pointer; }
		
fieldset {
	border: none; }
		
input, select, textarea {
	font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; }


/* ---------------------- nav ----------------------*/

a { color: #07538B; text-decoration: none; }
a:hover { color: #F81A0D; }

ul.level1 { list-style: none; margin: -2px 0 4px 3px; }

ul.level1 li { float: none; }

ul.level1 a { 
	display: block; 
	width: 123px; height: 16px;
	padding: 4px 0 0 7px; margin: 5px 0 0;
	text-decoration: none;
	background: #0068B4;
	text-transform: uppercase; color: #fff; font-size: 1em; letter-spacing: -1px; }

ul.level1 a:hover {
	background: #F81A0D;
	color: #fff; }

ul.level1 a.on, ul.level1 a.on:hover {
	background: #F81A0D url("../img/bg_nav1.gif") top right no-repeat; 
	color: #fff; }
	
ul.level2 { 
	list-style:none; clear: both;
	padding:0; margin:0; }

ul.level2 li { float: none;  }

ul.level2 a { 
	display: block;
	width: 114px; height: auto;
	padding: 4px 0 4px 16px; margin:0;
	text-decoration: none;
	background: #f5f5f5 url("../img/bg_nav2.gif") 6px 7px no-repeat;
	text-transform: uppercase; color: #4B4B4B; font-size: 1em; letter-spacing: -1px; }

ul.level2 a:hover, ul.level2 a.on, ul.level2 a.on:hover {
	color: #F81A0D; 
	background: #f5f5f5 url("../img/bg_nav2.gif") 6px 7px no-repeat; }


ul.level3 { 
	list-style:none; clear: both;
	padding:0; margin:0; }

ul.level3 li { float: none;  }

ul.level3 a { 
	display: block;
	width: 102px; height: auto;
	padding: 4px 0 4px 28px; margin:0;
	text-decoration: none;
	background: #f5f5f5 url("../img/bg_nav3.gif") 18px 7px no-repeat;
	text-transform: uppercase; color: #4B4B4B; font-size: 1em; letter-spacing: -1px; }

ul.level3 a:hover, ul.level3 a.on, ul.level3 a.on:hover {
	color: #0068B4; 
	background: #f5f5f5 url("../img/bg_nav3.gif") 18px 7px no-repeat; }

/*----------------------- MEDIA page ----------------------------*/

.blue_left { background: #D5E4FB; width: 110px; float: left; padding: 10px 10px 1px; margin-bottom: 4px; text-align: right; }
.blue_right a { color: #0168B5; font-weight: bold; }
.blue_right a:hover { color: #F81A0D; }
.blue_right { width: 337px; float: right; background: #EEF7FE; padding: 10px 10px 1px; margin: 0 0 4px; }

.lightbluebox { clear: both; background: #EEF7FE; padding: 10px 10px 1px; margin: 0 0 4px; }

.medbluebox { clear: both; background: #D5E4FB; padding: 10px 10px 1px; margin: -4px 0 0; }

.last_bb { margin-bottom:4px; } 

p.double { height: 28px; }


/***** form *****/

a.sms_alert { 
	background: url(../img/arrow_lightb.gif) no-repeat left; 
	font-weight:bold;
	font-size: 11px;
	padding-left: 10px; 
	} 
td { text-align:center; }
h2 span { text-transform:none; font-size:11px; text-align:right; margin-left: 90px; } 
h2 span a { color:#fff; text-decoration:underline; text-transform:none; }