/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail:Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com

	  #CD0920 Red
	  #0055A5 Blue
	  #D8D9DA Light Grey
	  #BABCBE Dark Grey
	  
*/

#wrapper_outer { 
	margin:0 auto;
	width:1003px;
	background-color:white;
	position:relative;
}
#wrapper_header {
	width:auto;
	height:131px;
	padding:0px;
	margin:0px;
	background:transparent url('/images/bg_header.png') 0px 0px no-repeat;
}
	#wrapper_header #top_nav {
		position:absolute;
		top:82px;
		left:10px;
		width:490px;
		height:30px;
	}
		#wrapper_header #top_nav ul {
			color:white;
			margin:0;
		}
			#wrapper_header #top_nav ul li {
				display:inline;
				height:30px;
				line-height:30px;
			}
				#wrapper_header #top_nav ul li a {
					font-size:110%;
					font-weight:bold;
					color:#0061A3;
					padding:5px 2px 5px 5px;
					border-left:1px solid #B2B3B9;
					text-decoration:none;
				}
				#wrapper_header #top_nav ul li a.selected {
					color:#42464F
				}
				#wrapper_header #top_nav ul li:first-child a {
					border-left:0px;
				}
				#wrapper_header #top_nav ul li a:hover {
					text-decoration:underline;
				}
	#wrapper_header #logo {
		position:absolute;
		top:45px;
		left:756px;
		width:193px;
		height:68px;
	}
	#wrapper_header #telephone {
		position:absolute;
		top:85px;
		left:510px;
		width:213px;
		height:26px;
	}
	#wrapper_header #breadcrumbs {
		position:absolute;
		top:30px;
		left:30px;
		font-size:90%;
		color:#B2B3B9;
	}
		#wrapper_header #breadcrumbs a {
			text-decoration:none;
			text-transform:uppercase;
			font-size:90%;
			color:#B2B3B9;
		}
		#wrapper_header #breadcrumbs a:hover {
			text-decoration:blink ;
		}

#wrapper_column_left_style1 {
	margin-top:10px;
	padding-right:0px;
	float:left;
	width:300px;
}
#wrapper_column_body_style1 {
	margin:10px 10px 10px 0px;
	float:right;
	width:410px;
}
	#wrapper_column_body_style1 p {
		padding-bottom:10px;
	}

#wrapper_column_left_style2 {
	margin-top:10px;
	padding-right:0px;
	float:left;
	width:205px;
	font-size:90%;
}
	#wrapper_column_left_style2 p {
		padding:0px 0px 10px 20px;
	}
	#wrapper_column_left_style2 h3 {
		color:#0061A3;
		padding:0px 0px 0px 20px;
		margin:0px;
	}
	#wrapper_column_left_style2 ul {
		margin:0px 0px 0px 20px;
		padding:0px;
		list-style:none;
	}
		#wrapper_column_left_style2 ul li {
			background:transparent url('/images/bullet3.gif') 0 .4em no-repeat;
			padding:1px 5px 8px 15px;
		}
			#wrapper_column_left_style2 ul li a {
				color:white;
				font-size:85%;
				text-decoration:underline;
			}
#wrapper_column_body_style2 {
	margin:10px 10px 10px 0px;
	float:right;
	width:485px;
}

#wrapper_column_body_style3 {
	margin-top:10px;
	padding:0px 0px 0px 20px;
	float:left;
	width:700px;
	font-size:110%;
}
	#wrapper_column_body_style3 p.bigger {
		padding:20px 20px 0px 0px;
		font-size:120%;
		font-weight:bold;
	}

#wrapper_columns, #wrapper_columns_solid {
	float:left;
	margin-bottom:0px;
	width:100%;
}
#wrapper_columns, #wrapper_columns_solid {
	background:transparent url('/images/bg_middle.png') 0px 0px repeat-y;
}
#wrapper_columns_solid {
	background:transparent url('/images/bg_middle_solid.png') 0px 0px repeat-y;
}
	#wrapper_columns #right_bottom_spacer, #wrapper_columns_solid #right_bottom_spacer {
		position:absolute;
		bottom:40px;
		right:27px;
		width:235px;
		height:15px;
		background-color:white;
	}
	#wrapper_content { 
		float:left;
		margin-left:16px;
		padding:0px;
		padding-bottom:10px;
		width:722px;
		display:inline;
		position:relative;
	}
		#wrapper_content h1 {
			color:white;
			height:35px;
			line-height:35px;
			background:transparent url('/images/bg_h1.jpg') 0 0 repeat-y;
			padding-left:20px;
		}
		#wrapper_content h2 {
			width:100%;
			color:#0061A3;
			font-size:150%;
		}
		#wrapper_content #wrapper_top_left_box { 
			position:relative;
			width:100%;
			height:232px;
			background:white url('/images/bg_left_shadow.png') 0px 0px repeat-y;
			border-bottom:2px solid #8F9199;
		}
			#wrapper_content #wrapper_top_left_box #transition { 
				position:absolute;
				width:304px;
				height:158px;
				right:0px;
				top:0px;
			}
		#wrapper_content #advert_boxes { 
			margin-left:12px;
		}
			#wrapper_content #advert_boxes .advert167 {
				float:left;
				width:167px;
				height:278px;
				margin:5px 0px 5px 8px;
			}
				#wrapper_content #advert_boxes .advert167 .frame {
					position:absolute;
					left:0px;
					top:0px;
					width:167px;
					height:278px;
					background:transparent url('/images/bg-box-167.png') 0 0 no-repeat;
				}
				#wrapper_content #advert_boxes .advert167 .find_out_more {
					z-index:1;
					position:absolute;
					right:10px;
					bottom:8px;
					width:59px;
					height:24px;
				}

			#wrapper_content #advert_boxes .style1 h3, #wrapper_content #advert_boxes .style2 h3 { 
				color:#FF8C20;
				margin:10px 0px 0px 10px;
				width:148px;
				font-weight:normal;
				font-size:150%;
			}
			#wrapper_content #advert_boxes .style1 h3 { 
				color:#FF8C20;
			}
			#wrapper_content #advert_boxes .style2 h3 { 
				color:#0061A3;
			}

			#wrapper_content #advert_boxes .style1 p, #wrapper_content #advert_boxes .style2 p {
				padding:5px 10px 10px 10px;
				font-size:85%;
			}
			#wrapper_content #advert_boxes .style1 p {
				color:white;
			}
			#wrapper_content #advert_boxes .style2 p {
				color:#42464F;
			}

			#wrapper_content #advert_boxes #advert1 {
				background:transparent url('/images/photo_globe.jpg') 0 0 no-repeat;
			}
			#wrapper_content #advert_boxes #advert2 {
				background:white url('/images/photo_sand_timer.jpg') 0 0 no-repeat;
			}
			#wrapper_content #advert_boxes #advert3 {
				background:transparent url('/images/photo_laptop.jpg') 0 0 no-repeat;
			}
			#wrapper_content #advert_boxes #advert4 {
				background:transparent url('/images/photo_meeting.jpg') 0 0 no-repeat;
			}

			#wrapper_content #body_copy {
				
			}
				#wrapper_content #body_copy #case_study {
					
				}
					#wrapper_content #body_copy #case_study h2 {
						margin:5px 0px 4px 5px;
						width:379px;
						height:15px;
/**						background:url('/images/h3_case_study.gif') no-repeat;
**/					}
					#wrapper_content #body_copy #case_study h2 span {
						color:#0061A3;
						position:absolute;
						text-indent:-5000px;
					}
					#wrapper_content #body_copy #case_study p {
						padding:8px 5px 5px 15px;
						color:#42464F;
						font-size:90%;
						line-height:95%;
					}
			.boxit2 {
				float:left;
				width:661px;
				padding:0px 0px 0px 0px;
				margin:0px 0px 5px 20px;
				background:transparent url('/images/bg_box2_middle.png') 0 0 repeat-y;
				position:relative;
			}
				.boxit2 .top {
					position:absolute;
					left:0px;
					top:0px;
					width:661px;
					height:27px;
					background:transparent url('/images/bg_box2_top.png') 0 0 no-repeat;
				}
				.boxit2 .bottom {
					position:absolute;
					left:0px;
					bottom:0px;
					width:661px;
					height:27px;
					background:transparent url('/images/bg_box2_bottom.png') 0 0 no-repeat;
				}
				.boxit2 .more {
					margin:-5px 20px 0px 0px;
					padding:0px 0px 0px 20px;
					float:right;
					width:71px;
					height:30px;
				}
			#wrapper_content .transitional {
				height:231px;				
			}
				#wrapper_content .transitional h3 {
					color:#FF8C20;
					margin:15px 0px 4px 9px;
				}
				#wrapper_content .transitional p {
					padding:8px 9px 0px 9px;
					color:white;
					font-weight:bold;
				}			
					#wrapper_content .transitional p.bigger {
						font-size:120%;
					}			
				#wrapper_content .transitional .more {
					bottom:-5px !important;
				}
			#wrapper_content #transitional1 {
				position:absolute !important;
				background-color:#42464F;
			}
			#wrapper_content #transitional2 {
				position:absolute !important;
				background-color:#0061A3;
				/* avoids flickering at the beginning */
				filter:alpha(opacity=0);
				-moz-opacity:0;
				opacity:0;
			}
			
			.boxed {
				float:left;
				padding:0px 0px 15px 0px;
				position:relative;
			}
				.boxed .top {
					position:absolute;
					left:0px;
					top:0px;
					height:23px;
				}
				.boxed .bottom {
					position:absolute;
					left:0px;
					bottom:0px;
					height:23px;
				}
				.boxed .more {
					position:absolute;
					float:none;
					right:10px;
					bottom:10px;
					width:59px;
					height:24px;
				}
			#adpromedia {
				text-align:center;
			}
			.boxit1 {
				width:125px;
				margin:0px 0px 17px 7px;
				background:transparent url('/images/bg_box1_middle.png') 0 0 repeat-y;
			}
				.boxit1 .top {
					width:125px;
					background:transparent url('/images/bg_box1_top.png') 0 0 no-repeat;
				}
				.boxit1 .bottom {
					width:125px;
					background:transparent url('/images/bg_box1_bottom.png') 0 0 no-repeat;
				}
			.boxit3 {
				clear:both;
				float:left;
				width:270px;
				margin:0px 0px 17px 20px;
				padding:0px 0px 30px 0px;
				background:transparent url('/images/bg_box3_middle.png') 0 0 repeat-y;
			}
				.boxit3 .top {
					width:270px;
					background:transparent url('/images/bg_box3_top.png') 0 0 no-repeat;
				}
				.boxit3 .bottom {
					width:270px;
					background:transparent url('/images/bg_box3_bottom.png') 0 0 no-repeat;
				}
				.boxit3 h3 {
					color:#FF8C20;
					font-size:140%;
					margin:15px 15px 4px 15px;
				}
				.boxit3 p {
					clear:right;
					padding:8px 15px 0px 15px;
					color:white;
					font-size:90%;
				}
				.boxit3 p.bigger {
					padding:20px 20px 0px 20px;
					font-size:150%;
				}			

			.boxit4 {
				clear:both;
				float:left;
				width:395px;
				margin:0px 0px 17px 5px;
				padding:0px 0px 30px 0px;
				background:transparent url('/images/bg_box4_middle.png') 0 0 repeat-y;
			}
				.boxit4 .top {
					width:395px;
					background:transparent url('/images/bg_box4_top.png') 0 0 no-repeat;
				}
				.boxit4 .bottom {
					width:395px;
					background:transparent url('/images/bg_box4_bottom.png') 0 0 no-repeat;
				}
				.boxit4 p {
					
					padding:15px;
					color:white;
					font-size:90%;
					line-height:100%;
					
				}
				.boxit4 .submit {
					margin:15px 15px 4px 15px;
					padding:3px 0px 5px 0px;
					color:white;
				}
				.boxit4 hr {
					width:90%;
					color:#8F9199;
					background-color:#8F9199;
					height:2px;
				}
				.boxit4 .checkboxes {
					width:90%;
					padding:10px;
					margin:0px 0px 0px 15px;
				}
					.boxit4 .checkboxes td {
						vertical-align:top;
						padding:2px 5px 2px 5px;
					}
					.boxit4 .checkboxes label {
						color:white;
						font-size:120%;
					}
					.boxit4 #btn_submit {
						display:block;
						position:absolute;
						bottom:15px;
						right:15px;
						width:63px;
						height:24px;
					}
			.boxit5 {
				float:left;
				width:470px;
				height:225px;
			}
				.boxit5 .frame {
					position:absolute;
					left:0px;
					top:0px;
					width:470px;
					height:225px;
					background:transparent url('/images/bg_box5.png') 0 0 no-repeat;
				}
				.boxit5 h2 {
					position:absolute;
					top:-8px;
					left:2px;
					width:245px !important;
					background-color:#0061A3;
					color:white !important;
					font-size:100% !important;
					height:35px !important;
					line-height:35px !important;
					padding-left:10px;
				}

	#wrapper_right { 
		display:inline;
		position:relative;
		margin:0px 27px 0px 0px;
		padding:0px;
		width:235px;
		float:right;
		border-top:5px solid #42464F;
	}
		#wrapper_right #customer_login {
			background-color:#42464F;
		}
			#wrapper_right #customer_login img {
				vertical-align:middle;
			}
			#wrapper_right #customer_login #btn_customer_login {
				width:63px;
				height:30px;
			}
		#wrapper_right #call_back, #wrapper_right #call_back2 {
			margin-top:10px;
			height:110px;
		}
		#wrapper_right #call_back2 {
			margin:0px 0px 20px 0px;
		}
			#wrapper_right #call_back form, #wrapper_right #call_back2 form {
				background-color:red;
			}
			#wrapper_right #call_back img, #wrapper_right #call_back2 img {
				border-top:3px solid #42464F;
				border-bottom:3px solid #42464F;
				vertical-align:bottom;
			}
			#wrapper_right #call_back #btn_request_callback, #wrapper_right #call_back2 #btn_request_callback {
				z-index:1;
				position:absolute;
				bottom:15px;
				left:10px;
				width:77px;
				height:24px;
				border-top:0px solid #42464F;
				border-bottom:0px solid #42464F;
			}

		#wrapper_right #credit_policy_guide {
			background-color:#0061A3;
			padding:7px 14px 7px 14px;
		    }
			#wrapper_right #credit_policy_guide label {
				display:block;
				color:white;
				font-weight:bold;
				font-size:150%;
			}
			#wrapper_right #credit_policy_guide #credit_policy_email {
				border:0px;
				width:100%;
				height:23px;
				margin:10px 0px 10px 0px;
			}
			#wrapper_right #credit_policy_guide #btn_credit_policy_guide {
				width:63px;
				height:24px;
			}
		#wrapper_right #web_portal {
			margin-top:15px;
		}
			#wrapper_right #web_portal a {
				display:block;
				position:absolute;
				top:0px;
				right:10px;
			}
			#wrapper_right #web_portal img {
				vertical-align:bottom;
			}

		#wrapper_right #services_links, #wrapper_right #news_links {
			margin-top:10px;
		}
		#wrapper_right #news_links {
			padding-bottom:10px;
		}
			#wrapper_right #news_links #newsFlash {
				height:125px;
			}
		#wrapper_right #design_by {
			padding:5px 5px 0px 0px;
			text-align:right;
			color:#92B6D8;
			font-size:85%;
		}
			#wrapper_right #design_by a {
				color:#92B6D8;
			}
			#wrapper_right #design_by a:hover {
				text-decoration:underline;
			}

		#wrapper_right #benefit_calculator {
			margin-bottom:15px;
			background-color:#0061A3;
			width:235px;
			padding-bottom:12px;
		}
			#wrapper_right #benefit_calculator h3 {
				padding:12px 12px 0px 12px;
				color:white;
				font-size:140%;
			}
			#wrapper_right #benefit_calculator p {
				padding:5px 12px 0px 12px;
				color:white;
				width:130px;
				line-height:1.4em;
				background-color:red;
				background:transparent url('/images/arrow1.gif') bottom right no-repeat;
			}
			#wrapper_right #benefit_calculator a {
				display:block;
				position:absolute;
				bottom:12px;
				right:10px;
			}

		#wrapper_right #portal_registration {
			background-color:#6D7079;
			width:100%;
		}
			#wrapper_right #portal_registration h2 {
				background-color:#42464F;
				color:white;
				font-weight:bold;
				font-size:125%;
				height:36px;
				line-height:36px;
				margin:0px;
				padding-left:12px;
			}
			#wrapper_right #portal_registration form {
				padding:10px;
			}
				#wrapper_right #portal_registration a {
					color:red;
				}
				#wrapper_right #portal_registration .required_field {
					margin-top:5px;
					color:red;
					font-size:90%;
					float:right;
				}
				#wrapper_right #portal_registration label {
					display:block;
					color:red;
					font-size:95%;
				}
					#wrapper_right #portal_registration label.terms {
						float:right;
						width:188px;
					}
				#wrapper_right #portal_registration .txt {
					width:100%;
					background-color:red;
					border:1px solid #A2A4AB !important;
					margin-bottom:5px;
				}
		#wrapper_right #client_testimonial {
			margin-top:15px;
		}

#wrapper_footer { 
	position:relative;
}
	#wrapper_footer #container { 
		width:961px;
		margin-left:15px;
		background:#0061A3 url('/images/bg_left_shadow.png') 0px 0px repeat-y;
		height:40px;
		line-height:40px;
	}
		#wrapper_footer #container #bottom_nav {
			float:left;
		}
			#wrapper_footer #container #bottom_nav ul {
				color:white;
				margin:0;
			}
				#wrapper_footer #container #bottom_nav ul li {
					display:inline;
				}
					#wrapper_footer #container #bottom_nav ul li a {
						font-size:100%;
						color:white;
						padding:5px 20px 5px 5px;
						text-decoration:none;
					}
					#wrapper_footer #container #bottom_nav ul li a.selected {
						font-weight:bold;
					}
					#wrapper_footer #container #bottom_nav ul li a:hover {
						text-decoration:underline;
					}
		#wrapper_footer #container #copyright { 
			float:right;
			color:#5695C1;
			margin-right:10px;
		}


.links1 {
	background-color:#4481B9;
	width:100%;
}
	.links1 h2 {
		background-color:#0061A3;
		color:white;
		font-weight:bold;
		font-size:125%;
		height:36px;
		line-height:36px;
		margin:0px;
		padding-left:12px;
	}
	.links1 p {
		clear:right;
		padding:5px 10px 5px 10px;
		color:white;
		font-size:90%;
	}
	.links1 ul {
		margin-left:10px;
		padding:10px 0px 15px 0px;
		list-style:none;
	}
		.links1 ul li {
			background:transparent url('/images/bullet1.gif') 0 .5em no-repeat;
			padding:1px 5px 1px 12px;
		}
			.links1 ul li a {
				color:white;
				font-size:85%;
				text-decoration:none;
			}
				.links1 ul li a:hover {
				        text-decoration:underline;
				}


.links2 {
	
	width:100%;
}
	.links2 h2 {
		background-color:#0061A3;
		color:white;
		font-weight:bold;
		font-size:140%;
		height:36px;
		line-height:36px;
		margin:0px;
		padding-left:12px;
	}
	.links2 ul {
		margin-left:10px;
		padding:10px 0px 15px 0px;
		list-style:none;
	}
		.links2 ul li {
			
			padding:1px 5px 1px 12px;
		}
			.links2 ul li a {
				color:white;
				font-size:85%;
				text-decoration:underline;
			}




.list_item_left {
	border-top:1px solid #8F9199;
	padding:15px 0px 15px 0px;
}
	.list_item_left h3, .list_item_left h3 a {
		color:#42464F;
		margin-bottom:0;
		text-decoration:none;
	}
	.list_item_left h3 a:hover {
		text-decoration:underline;
	}
	.list_item_left h4 {
		color:#0061A3;
		font-size:100%;
	}
	.list_item_left p {
		font-size:95%;
		padding-bottom:10px;
	}
	.list_item_left a {
		color:#0061A3;
		text-decoration:underline;
	}
.list_item_right {
	margin-top:30px;
	margin-left:15px;
	line-height:1.5em;
	color:white;
}
	.list_item_right h3, .list_item_right h3 a {
		color:white;
		margin:5px 0px 2px 0px;
		text-decoration:none;
	}
	.list_item_right h3 a:hover {
		text-decoration:underline;
	}
	.list_item_right a {
		color:#FF8C20;
		text-decoration:none;
	}
	.list_item_right a:hover {
		text-decoration:underline;
	}

.colour1 {
	background-color:#42464F !important;
}
.colour2 {
	background-color:#0061A3 !important;
}