body{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	background-image: url(../images/background-repeat.jpg);
	background-repeat: repeat-x;
	color: #3f341c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
img{
	border: none;
	}
i {
padding:0px;
margin:0px
	}

.left{
	float: left;
	padding: 0 10px 5px 0;
	margin: 0;
	}

.right{
	float: right;
	padding: 0 0 5px 10px;
	margin: 0;
	}

/*---------------------------------Wacko background image centered-------------------*/
#centered-background-image{
	width: 100%;
	height: 615px;
	background-image: url(../images/background-image.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	
	}

/*----------------------------------------Position Main Interface-------------------*/

#interface {
	margin: 0px auto;
	width: 760px;
	}
	
	#container {
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 760px;
		background-image: url(../images/background-header.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #cad1d7;
		}
	
		
	/*----------------------------------------Header-------------------------------*/	
		#header {
			float: left;
			width: 760px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			}
		#header ul, #header li{
			list-style: none;
			margin: 0;
			padding: 0;
			}
					
				#header-logo{	
					float: left;
					width: 497px;
					height: 141px;
					padding: 0;
					margin: 0;
					}
					#header-logo a{	
						float: left;
						background: transparent;
						color: #05242F;
						text-decoration: none;
						font-size: 170%;
						}
					#header-logo img{
						padding: 0;
						margin: 0;
						border: none;
						}
					#header-logo a:hover, #header-logo a:active, #header-logo a:focus{	
						text-decoration: underline;
						}
			#header-account{
				float: right;
				width: 263px;
				height: 141px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				background-image: url(../images/carol-barwick-full-logo.jpg);
				background-position: bottom right;
				background-repeat: no-repeat;
				background-color: #cad1d7;
				}
				#header-account a{
					float: right;
					background: transparent;
					color: #dedede;
					text-decoration: none;
					font-size: 70%;
					padding: 0 30px 0 0;
					background-image: url(/templates/images/icons/my-account.gif);
					background-repeat: no-repeat;
					background-position: 0 7px;
					}
				#header-account a:hover, #header-account a:active, #header-account a:focus{
					text-decoration: underline;
					}
		
	/*----------------------------------------Horizontal menu-------------------------------*/	
		#top-container{
				float: left;
				padding: 0 0 0 10px;
				width: 740px;
				background-repeat: repeat-x;
				background-position: top left;
				border-top: 1px solid #cad1d7;
				border-bottom: 1px solid #cad1d7;
				}
				#top-nav{
					list-style: none;
					margin: 0;
					padding: 0 0 0 10px;
					float: left;
					background-color: #fff;
					width: 730px;
					}
									
					#top-container #top-nav li{
						float: left;
						list-style: none;
						color: #ff9d02;
						padding: 7px 12px 7px 11px;
						margin: 0 0 0 0px;
						background-color: #fff;
						background-image: url(../images/list-icon.gif);
						background-repeat: no-repeat;
						background-position: 5px 13px;
						}
				
								
					#top-nav li a{
						float: left;
						color: #ff9d02;
						text-decoration: none;
						padding: 0 0 0 3px;
						margin: 0;
						font-size: 100%;
						font-weight: normal;
						}
					
					#top-nav li a:hover, #top-nav li a:active, #top-nav li a:focus {
						text-decoration: underline;
						}
				
	
	/*---------------------------------------Wrapper-----------------------------*/
		#content-width{
			float: left;
			width: 750px;
			margin: 0 0 0 0;
			padding: 0 0 0 10px;
			}
			#content-container{
				float: left;
				width: 740px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				background-color: #fff;
				}
				
				#left-container{
					float: left;
					width: 170px;
					padding: 5px 0 0 5px;
					}
					#menu-left{
						float: left;
						width: 170px;
						background-image: url(../images/content-background.jpg);
						background-repeat: repeat-x;
						background-position: top left;
						background-color: #fff;
						color: #6fa1d3;
						}
						#menu-left ul{
							padding: 42px 0 30px 7px;
							list-style: none;
							margin: 0;
							font-size: 80%;
							float: left;
							background-image: url(../images/services-bg.jpg);
							background-repeat: no-repeat;
							background-position: top left;
							}
						
						#menu-left ul li{
							float: left;
							width: 163px;
							list-style: none;
							margin: 0;
							padding: 0;
							display: block;
							}
						#menu-left a{
							padding: 0 0 8px 0;
							margin: 0;
							display: block;
							color: #6fa1d3;
							text-decoration: none;
							}
						#menu-left a:hover, #menu-left a:active, #menu-left a:focus{
							text-decoration: underline;
							}
				
				#right-container{
					float: left;
					width: 555px;
					margin: 5px 0 0 5px;
					padding: 0;
					background-image: url(../images/content-background.jpg);
					background-repeat: repeat-x;
					background-position: top left;
					}
					#extra-navigation{
							float: left;
							width: 372px;
							margin: 15px 0 30px 0;
							padding: 0 0 0 5px;
							
							}
							#extra-navigation .navigation-boxes{
								width: 115px;
								float: left;
								margin: 0 0 0 0;
								padding: 0 9px 0 0;
								list-style: none;
								}
								#extra-navigation .navigation-box-top{
									width: 115px;
									height: 114px;
									float: left;
									margin: 0;
									padding: 0 0 0 0;
									background-image: url(../images/navigation-box-top.gif);
									background-repeat: no-repeat;
									background-position: top left;
									background-color: #4a637a;
									}
								#extra-navigation .navigation-box-top img{
									width: 100px;
									height: 112px;
									float: left;
									margin: 0;
									padding: 2px 0 0 8px;
									}
								#extra-navigation .navigation-box-top a{
									color: #fff;
									text-decoration: none;
									}
								#extra-navigation .navigation-box-top a:hover, #extra-navigation .navigation-box-top a:active, #extra-navigation .navigation-box-top a:focus{
									color: #fff;
									text-decoration: none;
									}
								#extra-navigation .navigation-box-bottom{
									width: 115px;
									float: left;
									margin: 0;
									padding: 0;
									background-image: url(../images/navigation-box-repeat.gif);
									background-repeat: repeat-y;
									background-position: top left;
																		background-color: #4a637a;

									}
										#extra-navigation .navigation-box-bottom a{
											width: 105px;
											float: left;
											margin: 0;
											padding: 2px 0 17px 10px;
											background-image: url(../images/navigation-box-bottom.gif);
											background-repeat: no-repeat;
											background-position: bottom left;
											color: #fff;
											font-weight: bold;
											font-size: 90%;
											text-decoration: none;
											}
										#extra-navigation .navigation-box-bottom a:hover, #extra-navigation .navigation-box-bottom a:active, #extra-navigation .navigation-box-bottom a:focus{
											width: 105px;
											float: left;
											margin: 0;
											padding: 2px 0 17px 10px;
											background-image: url(../images/navigation-box-bottom.gif);
											background-repeat: no-repeat;
											background-position: bottom left;
											font-weight: bold;
											font-size: 90%;
											text-decoration: underline;
											}
					#content-wrapper{
						float: left;
						width: 360px;
						padding: 0 5px 50px 10px;
						margin: 0;
						color: #2d577e;
						}
						#content-wrapper #homepage-h1{
							font-family: Arial, Helvetica, sans-serif;
							font-size: 150%;
							font-weight: normal;
							background-image: url(../images/homepage-h1-underline.gif);
							background-repeat: no-repeat;
							background-position: bottom left;
							padding: 0 0 3px 0;
							}
						#content-wrapper h1{
							font-family: Arial, Helvetica, sans-serif;
							font-size: 150%;
							font-weight: normal;
							background-image: url(../images/h1-underline.gif);
							background-repeat: no-repeat;
							background-position: bottom left;
							padding: 0 0 3px 0;
							margin: 6px 0 0 0;
							}
						
						#content-wrapper h2{
							font-family: Arial, Helvetica, sans-serif;
							font-size: 150%;
							font-weight: normal;
							background-image: url(../images/h2-underline.gif);
							background-repeat: no-repeat;
							background-position: bottom left;
							padding: 0 0 3px 0;
							margin: 40px 0 0 0;
							}
						
					
					#right-column{
						float: right;
						width: 175px;
						padding: 0 0 0 0;
						margin: 0;
						}
			
						#testimonial-box{
							float: left;
							width: 175px;
							background-image: url(../images/testimonial-box-width.gif);
							background-repeat: repeat-y;
							background-position: top left;
							padding: 0;
							margin: 0 0 30px 0;
							}
							#testimonial-box-top{
								float: left;
								width: 175px;
								height: 10px;
								background-image: url(../images/testimonial-box-top.gif);
								background-repeat: no-repeat;
								background-position: top left;
								display: block;
								padding: 0;
								margin: 0;
								font-size: 0;
								}
								#testimonial-box-content{
									float: left;
									width: 175px;
									background-image: url(../images/testimonial-box-gradient.gif);
									background-repeat: no-repeat;
									background-position: bottom left;
									display: block;
									padding: 0;
									margin: 0;
									color: #fff;
									}
								
								#testimonial-box-content p{
									margin: 0;
									padding: 0 15px 15px 15px;
									}
							#testimonial-box-bottom{
								float: left;
								width: 175px;
								height: 20px;
								background-image: url(../images/testimonial-box-bottom.gif);
								background-repeat: no-repeat;
								background-position: top left;
								display: block;
								padding: 0;
								margin: 0;
								font-size: 0;
								}
				
				
/*------------------------------------Clients List----------------------------*/

#clients-list{
	float: left;
	list-style: none;
	padding: 0;
	margin: 20px 0 20px 0;
	}

#clients-list li{
	float: left;
	width: 342px;
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	background-color: #88a0b5;
	}

#clients-list .top-list{
	float: left;
	width: 342px;
	height: 4px;
	font-size: 0;
	background-image: url(../images/clients-list-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
	margin: 0;
	display: block;
	}

#clients-list .client{
	float: left;
	width: 335px;
	background-image: url(../images/clients-list-repeat.gif);
	background-repeat: repeat-y;
	background-position: top left;
	list-style: none;
	padding: 2px 0 2px 7px;
	margin: 0;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	}


#clients-list .bottom-list{
	float: left;
	width: 342px;
	height: 4px;
	font-size: 0;
	background-image: url(../images/clients-list-bottom.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0;
	margin: 0;
	}	


/*----------------------------Testimonials------------------------------------*/
.testimonials{
	float: left;
	width: 350px;
	margin: 20px 0 5px 0;
	padding: 0 0 0 0;
	background-color: #fff;
	background-image: url(../images/testimonials-repeat.gif);
	background-repeat: repeat-y;
	background-position: top left;
	}
	.testimonials-top{
		float: left;
		width: 350px;
		height: 2px;
		margin: 0;
		padding: 0;
		background-color: #fff;
		background-image: url(../images/testimonials-top.gif);
		background-repeat: no-repeat;
		background-position: top left;
		font-size: 0;
		}	
	.testimonials-bottom{
		float: left;
		width: 350px;
		height: 2px;
		margin: 0;
		padding: 0;
		background-color: #fff;
		background-image: url(../images/testimonials-bottom.gif);
		background-repeat: no-repeat;
		background-position: top left;
		font-size: 0;
		}	
	
	.testimonials .testimonials-title{
		float: left;
		padding: 0 0 0 2px;
		width: 346px;
		}
	
	.testimonials .testimonials-title .title{
		float: left;
		padding: 3px 0 3px 5px;
		width: 341px;
		color: #fff;
		font-size: 100%;
		font-weight: bold;
		background-color: #3a5066;
		background-image: url(../images/testimonials-title.gif);
		background-repeat: no-repeat;
		background-position: top left;
		}
	
	.testimonials-content{
		float: left;
		padding: 5px 0 0 7px;
		width: 339px;
		}
	.testimonials-content p{
		float: left;
		padding: 0 0 10px 0;
		margin: 0;
		width: 339px;
		}
	
	.testimonials-signature{
		float: left;
		padding: 10px 0 5px 7px;
		margin: 0;
		width: 334px;
		text-align: right;
		color: #5e8dbc;
		font-size: 90%;
		}
/*------------Contact us-----------------------------*/
#contact-details{
	float: left;
	margin: 30px 0 15px 0;
	padding: 0;
	width: 350px;
	/*font-size: 85%;*/
	font-size: 95%;
	}
	#contact-details ul{
		list-style: none;
		padding: 0 0 0 100px;
		margin: 0 0 20px 0;
		}
	#contact-details li{
		list-style: none;
		padding: 4px 0 0 0;
		margin: 2px 0 0 0;
		}
#contact-details #postal-address{
	background-image: url(/templates/images/icons/email_open_image.png);
	background-repeat: no-repeat;
	background-position: 75px 0;
	}
#contact-details #phone-number{
	background-image: url(/templates/images/icons/telephone.png);
	background-repeat: no-repeat;
	background-position: 75px 2px;
	}
#contact-details #fax-number{
	background-image: url(/templates/images/icons/fax.png);
	background-repeat: no-repeat;
	background-position: 75px 2px;
	}
#contact-details #email-address{
	background-image: url(/templates/images/icons/email.png);
	background-repeat: no-repeat;
	background-position: 75px 4px;
	}

#contact-details a{
	color: #3a9cfe;
	text-decoration: underline;
	}

#contact-details a:hover, #contact-details a:active, #contact-details a:focus {
	color: #3a9cfe;
	}

#content-wrapper #registered-number{
	float: left;
	margin: 30px 0 15px 0;
	padding: 10px;
	width: 330px;
	font-size: 95%;
	background-color: #F1F5F8;
	font-size: 85%;
	border: 1px solid #DDE2E6;
	}
/*-------------------------------------Login---------------------------------*/

#login{
	width:300px;
	
	}

#login ul{
	float:right;
	list-style:none;
	display:block;
	}
#login li{
	float:right;
	}
#login #login-button{
		float: right;
		padding: 0px 0 0px 0;
		margin: 0 0 0px 0;
		color: #fff;
		background-color: #465F77;
		border: none;
		font-size: 100%;
		font-family: Arial, Helvetica, sans-serif;
		}
		
#forgotten-password{
	width:300px;
	}		
	#forgotten-password p{
		float:left;
		padding:20px 0 0 0;
	}
	
	#forgotten-password a{
		padding:5px 0 0 0;
		float:right;
		font-size:80%;
	}
	
	#forgotten-password ul{
		float:right;
		display:block;
		list-style: none;
		padding:0 0 0 0;
		margin: 0 0 0 0;
	}
		
	#forgotten-password li{
		list-style:none;
		float:right;
		padding: 0 0 10px 0;
	}
						
/*------------------------------------Footer----------------------------------*/
#footer{
	float: left;
	width: 740px;
	margin: 0;
	padding: 10px 0 10px 10px;
	font-size: 80%;
	}
	#footer-left{
		float: left;
		width: 500px;
		padding: 0 0 0 10px;
		margin: 0;
		list-style: none;
		}
		#footer-left li{
			list-style: none;
			display: inline;
			padding:0 20px 0 0;
			}
		#footer-left a{
			text-decoration: none;
			color: #3396f8;
			background-color: #cad1d7;
			font-weight: bold;
			}
		#footer-left a:hover, #footer-left a:active, #footer-left a:focus{
			text-decoration: underline;
			}
	#footer-right{
		float: right;
		width: 210px;
		padding: 0 10px 0 0;
		margin: 0;
		text-align: right;
		list-style: none;
		}
		#footer-right a{
			text-decoration: none;
			color: #fff;
			}
		#footer-right a:hover, #footer-right a:active, #footer-right a:focus{
			text-decoration: underline;
			}

/*--------------------------------------Extra Footer-----------------------------*/
		#extra-footer-container {
			float: left;
			width: 100%;
			background-image: url(../images/extra-footer-bg-repeat.jpg);
			background-repeat: repeat-x;
			background-position: bottom left;
			margin: 50px 0 0 0;
			padding: 0;
			}

		#extra-footer{
			margin: 0px auto;
			width: 760px;
			background-image: url(../images/extra-footer-bg-image.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
			padding: 200px 0 0 0;
			color: #747d85;
			font-size: 80%;
			}
		#extra-footer ul{	
			list-style: none;
			margin: 0;
			padding: 0 0 50px 0;
			}
		
			
		#extra-footer a{
			padding: 0;
			text-decoration: underline;
			color: #3a9cfe;
			background: transparent;
			}
		#extra-footer a:hover, #extra-footer a:active, #extra-footer a:focus{
			color: #006699;
		}