::selection      { background: #414F54; color: white; }
::-moz-selection { background: #414F54; color: white; }

header, footer, section, aside, nav, article, figure { display: block;, padding: 0; margin: 0; }

html {
	margin: 0; padding: 0;
	min-height: 100%; 
}
	
	body {
		margin: 0; padding: 0;
		background: #1A1819 url(../images/background.jpg) repeat-x fixed left top;
	}


	#notification {
		position: absolute;
		position: fixed;
		top: 0;
		float: left;
		width: 100%;
		color: #ffffff;
		background: #cccccc;
		font-size: 16px;
		margin: 0 0 10px 0; padding: 0;
		-webkit-box-shadow: 0px 0px 5px #000000;
		-moz-box-shadow: 0px 0px 5px #000000;
		box-shadow: 0px 0px 5px #000000;
		-webkit-box-shadow-top: none;
		-moz-box-shadow-top: none;
		box-shadow-top: none;
	}
	
		#notification p {
			padding: 10px; margin: 0 auto;
			width: 900px;
			text-align: center;
		}
		
		#notification a {
			color: #000000;
		}

		#wrapper {
			margin: 42px auto;	padding: 0 10px 100px 10px;
			width: 960px;
		}
		
		#wrap {
			float: left;
			border: 8px solid #000000;
			background: #ffffff url(../images/asktomLogo.jpg) no-repeat 710px 20px;
			padding: 0 0 30px 0;
		}
		
			#wrap header {
				float: left;
				width: 970px;
				margin: 0; padding: 0;
			}

				#wrap header h1 {
					width: 930px;
					font-size: 53px;
					font-family: times;
					font-weight: normal;
					font-weight: thin;
					line-height: 20px;
					padding: 20px 0 0 30px;
					text-align: left;
					text-shadow: 0 0 5px #464646;
				}
				
					#wrap header h1 a {
						color: #000000;
						text-decoration: none;
					}
					
					#wrap header h1 a:hover {
						color: #000000;
						text-decoration: none;
					}
					

				#wrap header h2 {
					width: 930px;
					font-size: 23px;
					font-family: times;
					font-weight: normal;
					font-weight: thin;
					line-height: 20px;
					padding: 0 0 0 30px;
					text-align: left;
				}
				
				
				#searchbox {
					width: 960px;
					text-align: center;
					padding: 0;
				}

					#searchbox input[type="search"] {
						width: 550px;
						font-size: 15px;
						margin: 0 0 0 10px; padding: 5px;
					}

					#searchbox input[type="submit"] {
						position: relative; top: 2px;
						color: #000; font-size: 24px;
						font-weight: normal;
						margin:  0 0 5px; padding: 12px 15px;
					}

			#container {
				float: left;
				width: 970px;
				margin: 0; padding: 0;
				overflow: hidden;
			}


				nav {
					text-align: left;
					float: left;
					width: 200px;
					margin: 30px 0 0 10px;
				}

					nav ul {
						list-style: none;
						margin :9px 0 0 1px;
						padding: 0;
					}


					nav ul ul{
						margin: 0;
					}

						nav li a {
							color: #dc2332;
							font-size: 13px;
							text-shadow: 0 0 1px #fff;
							text-decoration: none;
							display:block;
							padding: 4px 0 4px 4px;
							margin: 0;
							overflow:hidden;
							border-right: 8px solid #dcdcdc; /* dcdcdc */
						}
/*
						nav li a:active {
							position: relative;
							top: inherit; left: inherit;
							margin: inherit; padding: inherit;
						}
*/						
						nav li a:visited {

						}

						nav li ul li a {
							padding: 4px 0 4px 14px;
							background: transparent;
						}

						nav li ul li a:before {
							font-size: 8px;
							color: #dcdcdc;
							content: '+ ';
						}
						nav li ul li a:visited {

						}

				nav li a:hover {
					color: #fff;
					background: #414F54;
					border-right: 8px solid #414F54;
				}


#print_email,
#quickcontact {
	float: left;
	margin: 50px auto;
	text-align: center;
	clear: both;
}

#quickcontact em {
	text-align: left;
}
/*
---------------------------------------
content area
---------------------------------------
*/

#content {
	text-align: left;
	float: left;
	width: 680px;
	padding: 80px 40px 40px 20px;
}

.clear {
	clear: both;
}

.center {
	text-align:center;
}

.left {
	float: left;
	padding: 0 15px 0 5px;
}

.right {
	float: right;
	padding: 0 5px 0 15px;
}

.strong {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.highlight {
	font-weight: bold;
	background: #ff0000;
	padding: auto 5px;
}





#popup {
	position: fixed;
	top: 30px;
	left: 100px;
	visibility: hidden;
	background: #1A1819;
	padding: 10px;
	border: 4px solid #ff0000;
}

.galleryThumb {
	float: left;
	margin: 0px 5px 5px 5px;
}

.galleryThumb a {
	float: left;
	background: #ffffff;
	margin: 0px;
	padding: 5px;
}

.galleryThumb a:hover {
	float: left;
	background: #ff0000;
}

.galleryThumb a img {
	float: left;
	border: none;
}




	#products-wrap {
		
	}
	
		.product-wrap {
			float: left;
			width: 240px;
			margin: 0 0 15px 0; padding: 10px;
			-webkit-box-shadow: 0px 0px 3px #aaa;
			-moz-box-shadow: 0px 0px 3px #aaa;
			box-shadow: 0px 0px 3px #aaa; 
		}
		
			.product-wrap img {
				float: left;
				margin: 0 10px 0 -3px;
			}
			
			.product-wrap h3 {
				float: left;
				display: block;
				width: 210px;
				text-shadow: 0 0 1px #aaa;
				padding: 3px 0; margin: 0;
			}
			
			.product-wrap p {
				float: left;
				display: block;
				padding: 3px 0; margin: 0;
				width: 230px;
			}
			
			.product-wrap p a {
				float: right;
				text-align: right;
			}
			
		#product-image {
			float: right;
			padding: 5px; margin: 0 0 10px 10px;
			-webkit-box-shadow: 0px 0px 3px #aaa;
			-moz-box-shadow: 0px 0px 3px #aaa;
			box-shadow: 0px 0px 3px #aaa; 
		}
		
		#product-description {
			min-height: 200px;
		}


input, 
select, 
textarea { 
	font: 1em verdana, helvetica, sans-serif; 
	color: #333; 
	padding: 0.2em; 
	margin: 0; 
}

.button a { 
	background: #ff0000; 
	border: 1px solid #000000; 
	color: #ff0000; 
	cursor: pointer; 
	width: auto; 
	padding: 0.3em; 
	margin-left: 1em; 
	margin-bottom: 1em; 
	text-decoration: none; 
}

fieldset { 
	margin-top: 1em; 
	/*background: transparent url(../images/contentBackground.gif) top left no-repeat; */
	border: 0; 
	padding: 1em 0 0.5em 1em; 
}

legend { 
	font-weight: bold; 
	padding: 0 1em 0 1em; 
	color: #666666; 
	margin-bottom: 0.3em; 
	font-size: 1.3em; 
}
label { 
	padding: 0.5em 0; 
	display: block; 
	clear: left; 
}

label .title { 
	width: 150px; 
	display: block; 
	float: left; 
}

label .input { 
	padding-right: 10px; 
}

.alert { color: #FF0000; }

label input,
label textarea, 
label select,
label option { 
	border: 1px solid #CCC; 
	background: #fafafa; 
	width: 400px; 
	margin: 0; 
}
label select { 
	width: 210px; 
}
fieldset input.button { 
	width: auto; 
	margin: 0; 
}

.date { 
	float: left; 
	margin-right: 1em; 
}
.date select { 
	width: auto; 
}

.radio, .checkbox { 
	display: block; 
	margin-bottom: 0.3em; 
}
.radio input, 
.checkbox input { 
	margin-right: 0.5em; 
	width: auto; 
	border: none; 
}

input.button { 
	background: #ff0000; 
	border: 1px solid #2c2c2c;
	color: #FFF; 
	cursor: pointer; 
	width: auto; 
	padding: 0.2em; 
}


#contact-form {
	float: right;
	width: 300px;
}


	#contact-form input[type="text"], 
	#contact-form textarea {
		width: 280px;
	}

	#contact-form textarea {
		height: 80px;
	}
	
	#contact-form input[type="submit"] {
		margin-top: 30px;
	}
	

								#enquiry-form {
									margin: 20px 0;
								}

									#enquiry-form fieldset {
										padding: 15px;
									}

										#enquiry-form legend {}

										#enquiry-form label {
											float: left;
											display: inline-block;
											width: 150px;
											text-align: right;
											padding: 3px 6px 3px 0;
											margin: 0 4px 20px 0;
											border-right: 2px solid #ffffff;
										}

										#enquiry-form label span {
											color: #ff0000;
										}

										#enquiry-form label.error {
											color: #ff0000;
											border-right: 2px solid #ff0000;
										}

										#enquiry-form input[type="text"], 
										#enquiry-form input[type="email"], 
										#enquiry-form input[type="number"] {
											width: 300px;
											font-size: 14px;
											margin-bottom: 20px;
										}

										#enquiry-form br {
											display: block;
											float: left; clear: both;
										}

										#enquiry-form textarea {
											width: 300px; height: 120px;
											margin-bottom: 20px;
										}

										#enquiry-form input[type="submit"] {
											margin: 5px 0 10px 165px;
										}

										#enquiry-form small {
											display: block;
											float: left; clear: both;
											margin: 35px 0 20px 165px;
										}
/*
---------------------------------------
footer
---------------------------------------
*/

footer {
	text-align: left;
	margin: 50px auto 10px;
	width: 940px;
	color: #464646;
	font-size: 10px;
}

	footer .col {
		float: left;
		width: 200px;
		margin: 0 0 0 10px;
	}
	
	footer .col:first-child {
		width: 510px;
		margin: 0;
	}