@charset "UTF-8";
/* www.ajtlabfurniture.co.uk */

*, body  {
	margin: 0;
	padding: 0;
}

html {
	background: #fff url(../img/gradient_bg.jpg) repeat-x fixed;
}

body {
	color: #616161;
	font: normal 12px Arial, Helvetica, sans-serif;
	background: url(../img/body_bg.gif) repeat-y center top;
	width: 100%;
	display: table;
}

/*label,
select,
input,
textarea {
	color: #333;
	font: normal 11px Verdana, Helvetica, sans-serif;
}*/

fieldset {
	border: none;
}

img {
	border: none;
}

a {
	outline: none;
}

div.container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

	/* Header */
	
	div.header {
		width: 980px;
		float: left;
		background: url(../img/header_bg.gif) left bottom no-repeat;
		background: none !ie;
	}
	
	/* Top Navigation Left */
	
	div.top-nav-left {
		font: 12px Verdana, sans-serif;
		height: 22px;
		float: left;
	}
	
		div.top-nav-left a {
			color: #0083d7; 
			text-decoration: none;
			border-right: 1px solid #95d0FF;
			padding: 4px 10px 6px; 
			display: block; 
			float: left;
		}
		
			div.top-nav-left a:hover { 
				color: #f30;
			}
			
				div.top-nav-left a.home { 
				background: #cde7f7 url(../img/top_nav_left.gif) left bottom no-repeat; 
			}

				div.top-nav-left a.home:hover { 
					background: #ffebe6 url(../img/top_nav_left_hover.gif) left bottom no-repeat;
				}

				div.top-nav-left a.contact-us { 
					background: #cde7f7 url(../img/top_nav_right.gif) right bottom no-repeat; 
					border: none;
				}

					div.top-nav-left a.contact-us:hover { 
						background: #ffebe6 url(../img/top_nav_right_hover.gif) right bottom no-repeat;
					}
	
	/* Top Navigation Right */
	
div.top-nav-right { 
	font: 12px Verdana, sans-serif;
	height: 22px;
}

	div.top-nav-right a { 
		color: #0083d7; 
		text-decoration: none;
		border-right: 1px solid #95d0FF;
		padding: 4px 10px 6px; 
		display: block; 
		float: right;
	}

		div.top-nav-right a:hover { 
			color: #f30;
		}
	
			div.top-nav-right a.en-form { 
				background: #cde7f7 url(../img/top_nav_left.gif) left bottom no-repeat; 
			}

				div.top-nav-right a.en-form:hover { 
					background: #ffebe6 url(../img/top_nav_left_hover.gif) left bottom no-repeat;
				}

				div.top-nav-right a.call-us { 
					background: #cde7f7 url(../img/top_nav_right.gif) right bottom no-repeat; 
					font-weight: bold; 
					border: none;
				}

					div.top-nav-right a.call-us:hover { 
						background: #ffebe6 url(../img/top_nav_right_hover.gif) right bottom no-repeat;
					}
					
		div.ajt-logo {
			float: left;
			margin: 60px 0 45px 53px;
			margin-top: 65px !ie;
		}
		
		div.header-intro {
			float: left;
			position: relative;
			top: 52px;
			top: 62px !ie;
			left: 63px;
		}
		
			div.header-intro h1 {
				font-size: 25px;
				line-height: 2em;
				border: #98cdef dotted 2px;
				padding: 5px;
				display: inline;
			}
			
				div.header-intro h1 strong {
					color: #8c866c;
				}
				
					div.header-intro h1.second-line {
						font-size: 18px;
						font-weight: normal;
						border: #98cdef dotted 2px;
						padding: 5px;
						display: inline;
					}
					
						div.header-intro h1.second-line strong {
							color: #f30;
							font-weight: normal;
						}
		
		/* Main Navigation */
	
	div.main-nav {
		width: 980px;
		/*height: 40px;*/
		float: left;
		clear: left; /* do I need? */
		background: #0083d7 url(../img/m_nav_bg.jpg) left top repeat-x;
		margin-top: 55px !ie;
	}
	
		div.main-nav ul {
			list-style: none;
			font-size: 18px;
			/*letter-spacing: -0.01em;*/
			margin-left: 12px;
		}
		
			div.main-nav ul li {
				float: left;
				display: inline;
				margin-left: 0;
				background: url(../img/m_nav_line_bg.gif) left bottom no-repeat;
			}
			
				div.main-nav ul li a {
					color: #fff;
					text-decoration: none;
					display: block;
					padding: 10px 18px 8px;
					/*background-color: #ccc;*/
				}
				
				div.main-nav ul li a:hover {
					color: #fff;
					background: url(../img/m_nav_hover_bg.gif) center bottom no-repeat;
				}
				
				div.main-nav ul li a.active,
				div.main-nav ul li a.active:hover {
					color: #f30; /* was #69c */
					/*padding: 10px 12px 8px;*/
					background: url(../img/m_nav_active_bg.gif) center 5px repeat-x;
				}
		
				
	/* Content */
	
	div.content {
		width: 980px;
		float: left;
		/*display: inline;*/
		margin-top: 30px;
	}
	
		div.m-page-images {
			width: 750px;
			float: left;
			margin: 0 0 30px 30px;
		}
		
			div.m-page-images img {
				float: left;
			}
			
		/* Col 1 */
	
		div.col-1 {
			width: 200px;
			float: left;
			/*display: inline;*/
			min-height: 330px;
		}
		
			/* Sub Navigation */
			
				div.col-1 ul {
					font-size: 14px;
					width: 200px;
					margin-bottom: 40px;
				}
				
					div.col-1 ul li {
						list-style-type: none;
					}
					
						div.col-1 ul li a {
							color: #69c;
							font-weight: bold;
							text-decoration: none;
							display: block;
							padding: 4px 0 0 9px;
							margin-bottom: 5px;
							background: url(../img/s_nav_bg.gif) no-repeat;
							min-height: 25px;
						}
						
							div.col-1 ul li a:hover {
								color: #fff;
								background: url(../img/s_nav_hover_bg.gif) no-repeat;
							}
							
							div.col-1 ul li a.active,
							div.col-1 ul li a.active:hover {
								color: #69c;
								background: url(../img/s_nav_active_bg.gif) no-repeat;
							}
							
							/* // Sub Navigation */
							
		/* Col 3 */
		
			div.col-3 {
				width: 200px;
				float: left;
				display: inline;
				margin-left: 0;
				padding-top: 8px;
			}
					
/* Col 1, Col 3 Boxes*/
				
div.boxes {
	float: left;
	width: 200px;
	margin-bottom: 20px;
}

	div.boxes h2 {
		color: #0083d7;
		font-size: 16px;
		padding: 0 5px 5px 15px; /* New Padding Right 5px Added */
		margin: 0;
		border: 0;
	}

		div.boxes p {
			padding: 5px 20px 2px 15px;
			margin: 0;
		}

			div.boxes p.last {
				padding-bottom: 20px;
			}

				div.boxes {
					background: #f0f0f0 url(../img/box_bot.gif) left bottom no-repeat;
				}
				
					/* h2 Images*/

					div.box-title-1 h2 {
						background: url(../img/box_title1_top.jpg) top no-repeat;
						padding-top: 145px;
					}

					div.box-title-2 h2 {
						background: url(../img/box_title2_top.jpg) top no-repeat;
						padding-top: 125px;
					}
					
						/* More */

						div.boxes p a {
							color: #0083d7;
							text-decoration: none;
							padding-right: 15px;
							background: url(../img/arrow_bg.gif) right 2px no-repeat;
						}
					
							div.boxes p a:hover {
								color: #616161;
								background: url(../img/arrow_bg_hover.gif) right 2px no-repeat;
							}
							
	/* Col 2 */
		
		div.col-2 {
			width: 520px;
			float: left;
			display: inline;
			margin: 0 30px;
			overflow: hidden;
		}
		
			div.col-2 p {
				font-size: 12px;
				margin-bottom: 20px;
				line-height: 1.5em;
			}
			
				div.col-2 p strong {
					color: #f30;
				}
				
					/* Home Page Only */
					
					div.col-2 p span {
						color: #616161;
					}
					
						div.col-2 p span.name {
							font-size: 14px;
						}
						
							div.col-2 p span.name-small {
								font-size: 11px;
							}
						
							div.col-2 p span.position {
								font-size: 14px;
								color: #f30;
							}
							
								div.col-2 p span.details {
									font-style: italic;
								}
								
								/* // Home Page Only */
				
				div.col-2 p a {
					color: #f30;
					text-decoration: none;
					border-bottom: 1px dotted #f60;
				}
				
					div.col-2 p a:hover {
						color: #f60;
						border-bottom: 1px dotted #f90;
					}
		
				
					div.col-2 p.page-intro {
						color: #8c866c;
						font-size: 21px;
						font-weight: normal;
						letter-spacing: -0.5px;
						line-height: 1.2em;
						margin-bottom: 25px;
					}
					
						div.col-2 p.page-intro strong {
							color: #0083d7;
						}
					
						div.col-2 h2 {
							color: #f30;
							font-size: 18px;
							font-weight: normal;
							letter-spacing: -0.3px;
							line-height: 1.2em;
							/*padding-top: 15px;*/
							margin-bottom: 15px;
						}
					
						div.col-2 ul,
						div.col-2 ul a {
							color: #616161;
							font-size: 14px;
							margin-bottom: 30px;
							padding-left: 20px;
						}
						
							div.col-2 ul li,
							div.col-2 ul li a {
								list-style-position: outside;
								margin-bottom: 10px;
						
							}
							
								div.col-2 ul a { /* site map */
									padding-left: 0;
									text-decoration: none;
								}
								
									div.col-2 ul a:hover { /* site map */
										color: #f90;
									}
									
	/* Col 2-3 */
						
		div.col-2-3 {
			width: 710px;
			float: left;
			display: inline;
			margin-left: 45px;
			overflow: hidden;
		}
							
			div.col-2-3 p {
				font-size: 12px;
				margin-bottom: 20px;
				line-height: 1.5em;
			}
			
				div.col-2-3 p strong {
					color: #f30;
				}
				
					div.col-2-3 p span {
						color: #f90;
					}
				
				div.col-2-3 p a {
					color: #f30;
					text-decoration: none;
					border-bottom: 1px dotted #f60;
				}
				
					div.col-2-3 p a:hover {
						color: #f60;
						border-bottom: 1px dotted #f90;
					}
					
					div.col-2-3 p.contact-details {
						font-size: 16px;
						margin-left: 20px;
					}
		
				
					div.col-2-3 p.page-intro {
						color: #8c866c;
						font-size: 21px;
						font-weight: normal;
						letter-spacing: -0.5px;
						line-height: 1.2em;
						margin-bottom: 25px;
					}
					
						div.col-2-3 p.page-intro strong {
							color: #0083d7;
						}
					
						div.col-2-3 h2 {
							color: #f30;
							font-size: 18px;
							font-weight: normal;
							letter-spacing: -0.3px;
							line-height: 1.2em;
							/*padding-top: 15px;*/
							margin-bottom: 15px;
						}
						
							div.col-2-3 h3 {
								color: #0083d7;
								font-size: 18px;
								font-weight: normal;
								margin-left: 20px;
							}
					
						div.col-2-3 ul,
						div.col-2-3 ul a {
							color: #fff;
							font-size: 16px;
							margin-bottom: 30px;
							padding-left: 20px;
						}
						
							div.col-2-3 ul li,
							div.col-2-3 ul li a {
								list-style-position: outside;
								margin-bottom: 10px;
						
							}
							
								div.col-2-3 ul a { /* site map */
									padding-left: 0;
									text-decoration: none;
								}
								
									div.col-2-3 ul a:hover { /* site map */
										color: #f90;
									}
					
					/* images */
							
							img.image-left {
								float: left;
								margin: 0 24px 14px 0;
							}

								img.image-right {
									float: right;
									margin: 0 24px 14px 24px;
								}
			
			
							
						/* Contact Form */
							
							input.txt {
								width: 250px;
  								border-top: 2px solid #999;
								border-right: 1px solid #999;
								border-bottom: 1px solid #999;
								border-left: 1px solid #999;
								padding: 3px 3px;
							}
								input.btn {
  									width: 200px;
									border: none;
									background: none;
									margin-left: 185px;

								}
								
									form div {
  										clear: left;
  										margin: 0;
  										/*padding: 0;
  										padding-top: 15px;*/
										border-bottom: 1px solid #e3e3e3;
										/*padding: 8px 0 !important;*/
										padding: 10px 0 10px;
									}
									
										form div label {
											width: 25%;
  											float: left;
											font-size: 14px;
											padding-right: 18px;
										}

											fieldset {
												border-top: 3px solid #caeaf4;
  												background-color: #e9f6fb;
  												margin-top: 1.4em;
  												padding: 10px 20px;
											}
													
												/*legend {
													color: #06c;
  													font: normal 20px "Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
													letter-spacing: -1px;
													background-color: none;
												}*/
												
												/* Extra */
												
													/*form div.long {
														min-height: 40px;
													}*/
											
														form div.last {
															border: none;
														}
														
								/* Contact Form Thanks */
								
									div.contact-thanks {
										border-top: 3px solid #9c6;
										border-bottom: 3px solid #9c6;
										margin: 25px 0;
										padding: 12px 25px;
										background-color: #cf9;
									}

										div.contact-thanks p {
											font-size: 14px;
											font-weight: bold;
											margin-bottom: 0;
										}
										
										/* Contact Form Required */
										
											div.validation-errors {
												border-top: 3px solid #a66;
												border-bottom: 3px solid #a66;
												margin: 25px 0;
												padding: 12px 25px;
												background-color: #fcc;
											}

												div.validation-errors p {
													font-size: 14px;
													font-weight: bold;
												}
	
													div.validation-errors ul {
														margin-bottom: 0;
													}
														div.validation-errors li {
															color: #616161;
															font-size: 14px;
														}
				
	/* Footer */
	
	div.footer {
		width: 980px;
		float: left;
		/*display: inline;*/
		margin-top: 40px;
	}
		
		p.bottom-links {
			color: #999;
			font-size: 12px;
			line-height: 18px;
			padding-top: 8px;
			margin-bottom: 8px;
			border-top: 3px solid #c6c3b6;
		}
		
			p.bottom-links a {
				color: #999;
				text-decoration: none;
			}
			
				p.bottom-links a:hover {
					color: #f30;
				}
					
					p.footer-contact-details {
						color: #0083d7;
						line-height: 1.5em;
						border-top: 2px dotted #c6c3b6;
						padding-top: 8px;
						margin-bottom: 12px;
					}
					
					p.footer-contact-details a {
						color: #f30;
						text-decoration: none;
						border-bottom: 1px dotted #f30;
					}
					
					p.footer-contact-details a:hover {
						color: #f60;
						border-bottom: 1px dotted #f60;
					}
					
						p.copyright {
							color: #616161;
							font-size: 11px;
							margin: 8px 0 18px;
						}
							
							p.copyright a {
								color: #616161;
								text-decoration: none;
								border-bottom: 1px dotted #616161;
							}
							
								p.copyright a:hover {
									color: #f60;
									border-bottom: 1px dotted #f60;
								}
							
									p.copyright a.no-display,
									p.copyright a.no-display:hover {
										color: #616161;
										border-bottom: none;
									}
	
			
			div.clearer {
				clear: both;
				height: 0px;
				line-height: 0px;
				font-size: 0px;
			}