@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Techline Sports Lighting
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: none;
			text-decoration: none;
		}
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: url(../img/background.gif) top repeat-x;
			font-family: "arial";
			font-size: 14px;
		}
		
		.hidden {
			display: none;
		}
		.clear {
			height: 1%;
			clear: both;
		}
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {
			display: inline-block;
		}
		.no-background {
			background: none !important;
		}
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
		#header {
			position: relative;
			width: 940px;
			height: 174px;
			margin: 0 auto;
		}

			#header h1 {				
				position: absolute;
				top: 0px;
				left: -10px;
				width: 685px;
				height: 120px;
				margin: 0 auto;
				background: url(../img/logo.png) left top no-repeat;
			}
				#header h1 a {
					width: 245px;
					height: 120px;
					float: left;
					text-indent: -999999px;
				}
			#header p#header-info {
	width: 195px;
	float: right;
	font-size: 14px;
	text-align: left;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0;
			}
				#header p#header-info strong {
	font-size: 24px;
				}
				#header p#header-info a {
	font-size: 14px;
	color: #1f3480;
	display: block;
	font-weight: bold;
				}
					#header p#header-info a:hover {
						text-decoration: underline;
						color: #5e6782;
					}
			
			#main-nav {
				position: absolute;
				bottom: 0px;
				left: 0px;
				height: 53px;
				font-size: 15px;
				text-transform: uppercase;
				list-style-type: none;
				background: url(../img/main-nav-bg.gif) left repeat-x;
			}
				#main-nav li {
					display: inline;
					float: left;
					background: url(../img/main-nav-divider.gif) top right no-repeat;
				}
.ngg-gallery-thumbnail  img {
						background: url(../img/main-nav-current.gif) top center no-repeat #1f1a17;
					}
					#main-nav li.current_page_parent {
						background: url(../img/main-nav-current.gif) top center no-repeat #1f1a17;
					}
					#main-nav li#contact-us {
						background: none;
					}
						#main-nav li#contact-us.current_page_parent {
							background: url(../img/main-nav-current.gif) top center no-repeat #1f1a17;
						}
					#main-nav li a {
						display: block;
						height: 53px;
						padding: 0 24px 0 23px;
						float: left;
						line-height: 53px;
						color: #ffffff;
					}
						#main-nav li#contact-us a {
							padding: 0 23px 0 22px;
						}
						#main-nav li a:hover {
							color: #203682;
							background-color: #d0d4e4;
						}
							#main-nav li.current_page_item a:hover {
								color: #ffffff;
								background: url(../img/main-nav-current.gif) top center no-repeat #1f1a17; 
							}
							#main-nav li.current_page_parent a:hover {
								color: #ffffff;
								background: url(../img/main-nav-current.gif) top center no-repeat #1f1a17; 
							}


/*  ---------------------------------------
	Masthead
	- - - - - - - - - - - - - - - - - - - -  */
		#masthead {
	width: 940px;
	height: 178px;
	color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}
			#masthead h2 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 30px;
			}
			#masthead p.lead {
	width: 570px;
	padding-left: 30px;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 30px;
			}


/*  ---------------------------------------
	Sidebar
	- - - - - - - - - - - - - - - - - - - -  */
		#sidebar {
			position: relative;
			width: 220px;
			margin-top: -31px;
			float: left;
			color: #1f1917;
		}
			#sidebar ul {
				padding: 0 15px 14px 15px;
				list-style-type: none;
				background-color: #1f1a17;
			}
				#sidebar ul li {
					width: 190px;
					border-bottom: 1px solid #1f1a17;
					line-height: 30px;
					background-color: #1f1a17;
				}
					#sidebar ul li.current_page_item {
						background-color: #1f3581;
					}
					#sidebar ul li a {
						display: block;
						width: 181px;
						padding-left: 9px;
						line-height: 30px;
						color: #ffffff;
					}
						#sidebar ul li a:hover {
							color: #1f3581;
							background-color: #d0d4e4;
						}
							#sidebar ul li.current_page_item a:hover {
								color: #ffffff;
								background-color: #1f3581;
							}
			#sidebar .sidebar-title {
				font-size: 15px;
				line-height: 33px;
				text-transform: uppercase;
			}
			#sidebar-process {
				padding-top: 27px;
			}
			#sidebar-testimonials {
				padding-top: 27px;
			}
				#sidebar-testimonials .sidebar-testimonials-slideshow {
					width: 125px;
					padding-left: 92px;
					font-size: 12px;
					background: url(../img/sidebar-testimonials-bg.gif) left top no-repeat;
				}
					#sidebar-testimonials .sidebar-testimonials-slideshow div {
						width: 125px;
					}
					#sidebar-testimonials .sidebar-testimonials-slideshow div a {
	width: 125px;
	color: #21387C;
	text-decoration: underline;
	margin-top: 5px;
	display: block;
					}


/*  ---------------------------------------
	Main
	- - - - - - - - - - - - - - - - - - - -  */
		#content {
			width: 940px;
			margin: 0 auto;
		}
		
		#main {
	position: relative;
	width: 660px;
	float: left;
	margin-top: -30px;
	line-height: 20px;
	color: #333333;
	background-color: #ffffff;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 60px;
	padding-left: 30px;
		}
			#main h3 {
				font-size: 14px;
			}
			#main h4 {
	padding-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #21387C;
			}
#main h5 {
	font-size: 18px;
	line-height: 24px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main h5 a {
	color: #21387C;
	text-decoration: underline;
}
			#main p {
	padding-bottom: 30px;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 90px;
	margin-bottom: 0px;
	margin-left: 0px;
			}
				#main p a {
					text-decoration: none;
					color: #1f3581;
				}
					#main a:hover {
	text-decoration: underline;
	color: #993300;
					}
			#main ul {
	margin-left: 40px;
	padding-bottom: 30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 60px;
			}
					#main ul li a {
	text-decoration: underline;
	color: #1f3581;
					}
						#main ul li a:hover {
							text-decoration: underline;
						}
			#main ol {
	margin-left: 40px;
	padding-bottom: 30px;
	padding-right: 90px;
			}
					#main ol li a {
						text-decoration: none;
						color: #1f3581;
					}
						#main ol li a:hover {
							text-decoration: underline;
						}
#main hr {
	margin-top: 10px;
	margin-right: 90px;
	margin-bottom: 40px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 6px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D0D4E4;
	border-right-color: #D0D4E4;
	border-bottom-color: #D0D4E4;
	border-left-color: #D0D4E4;
}
#main #installations p {
	display: block;
	float: left;
	width: 175px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 100px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #D0D3E4;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#main p.cf-sb input #sendbutton {
	padding: 5px !important;
	height: 25px !important;
}
			.gallery-page {
				width: 620px;
				padding-top: 10px;
			}
				.gallery-page h3 {
					font-size: 14px;
					text-transform: uppercase;
				}
					.gallery-page h3 a {
						color: #1f337f;
					}
						.gallery-page h3 a:hover {
							text-decoration: underline;
						}
				.gallery-page img {
					margin-right: 20px;
					float: left;
				}
				.gallery-page p {
					display: none; /*Wordpress 'extra p tag' fix*/
				}
					.gallery-page p.gallery-page-content {
						display: block;
						padding-top: 23px;
					}


/*  ---------------------------------------
	Galleries
	- - - - - - - - - - - - - - - - - - - -  */
	.piclenselink {
		display: none;
		}
	.ngg-galleryoverview {
	margin-top: 0px !important;
	margin-bottom: 20px;
	}
	.ngg-gallery-thumbnail-box {
	margin: 0px !important;
	padding: 0px !important;
	}
	.ngg-gallery-thumbnail {
	display: block;
	padding: 0px !important;
	float: left;
	margin-top: 0px;
	margin-right: 20px !important;
	margin-bottom: 20px !important;
	margin-left: 0px !important;
		}
	.ngg-gallery-thumbnail img {
	background: #ebeae9;
	margin: 0px !important;
	padding: 4px !important;
	}
	.ngg-gallery-thumbnail img:hover {
	background-color: #D0D3E4 !important;
}
#main .ddsg-wrapper {
	padding: 0px;
}
#main .ddsg-wrapper a{
	padding: 0px;
	text-decoration: none;
}
#main .ddsg-wrapper h2 {
	display: none;
}
#main .ddsg-wrapper p {
	display: none;
}
#main .ddsg-wrapper ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
#main .ddsg-wrapper ul li {
	font-size: 18px;
	font-weight: bold;
	list-style-type: none;
}
#main .ddsg-wrapper ul li a {
	font-size: 18px;
	font-weight: bold;
	list-style-type: none;
	color: #1F1A17;
	text-decoration: none;
}
#main .ddsg-wrapper ul ul {
	margin-bottom: 30px;
	padding-bottom: 0px;
	margin-left: 30px;
}
#main .ddsg-wrapper ul ul li {
	font-size: 14px;
	font-weight: normal;
	list-style-type: none;
}
#main .ddsg-wrapper ul ul li a {
	font-size: 14px;
	font-weight: normal;
	list-style-type: none;
	color: #1f3581;
	text-decoration: underline;
}




/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
		#footer {
			width: 940px;
			height: 123px;
			margin: 0 auto;
			border-top: 1px solid #cecdd3;
			padding-top: 37px;
		}
		#footer ul {
			font-size: 12px;
			list-style-type: none;
		}
			#footer ul li {
				height: 108px;
				border-left: 1px solid #e9e9e9;
				padding: 0 15px 0 15px;
				float: left;
			}
				#footer ul li#footer-about {
					width: 91px;
					border: none;
					padding: 0 15px 0 0;
				}
				#footer ul li#footer-products {
					width: 113px;
				}
				#footer ul li#footer-gallery {
	width: 120px;
				}
				#footer ul li#footer-services {
					width: 113px;
				}
				#footer ul li#footer-payment {
					width: 139px;
				}
				#footer ul li a {
					display: block;
					margin-bottom: 11px;
					text-decoration: none;
					text-transform: uppercase;
					color: #666666;
				}
					#footer ul li a:hover {
						text-decoration: underline;
					}
				#footer ul ul li {
					height: 18px;
					border: none;
					padding: 0;
				}
					#footer ul li#footer-payment ul li {
						width: 139px;
					}
					#footer ul ul li a {
						margin: 0;
						float: left;
						text-decoration: underline;
						text-transform: none;
						line-height: 18px;
						color: #203682;
					}
						#footer ul ul li a:hover {
							color: #666666;
						}
		#footer p {
			display: inline;
			height: 98px;
			margin-left: 53px;
			border-left: 1px solid #e9e9e9;
			padding-left: 15px;
			float: left;
			font-size: 10px;
			color: #333333;
		}
			#footer p strong {
				font-size: 14px;
				line-height: 24px;
			}
			#footer p a {
				color: #1f3581;
			}
				#footer p a:hover {
					text-decoration: underline;
					color: #666666;
				}