/*------------------------------------------------------*/
/* Glassy Template */
/* Design & Develpment By: Erik Stern */
/* Version 1.0 */
/*------------------------------------------------------*/

/*------------------------------------------------------*/
/* Reset Styles */
/*------------------------------------------------------*/
/* start reset 
------------------------------------------------------------------------*/a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0;}html,body{height:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}b,strong{font-weight:600;}img{color:transparent;font-size:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}ol,ul{list-style:none;}li{display:list-item;}table{border-collapse:collapse;border-spacing:0;}th,td,caption{font-weight:normal;text-align:left;vertical-align:top;}q{quotes:none;}q:before,q:after{content:'';content:none;}sub,sup,small{font-size:75%;}sub,sup{line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}svg{overflow:hidden;}

body {color: #fff;font-family: 'Century Gothic', Arial, Sans-Serif;font-size:13px; font-weight:normal;height:100%;line-height: 1;margin:0;padding:0;}
ol, ul {list-style: none;}
h1,h2,h3,h4 {font-weight: 300;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}

/* Set elements box sizing to border-box */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a {color:#fff;text-decoration:none;}
a:hover {color:#ccc;cursor:pointer;text-decoration:none;}

/* layout
--------------------------------------------------------*/

#container-master {
	min-height: 100%;
	position: relative;
	width: 100%;
}
	#tdfs { }

	#container-header {margin-bottom: 20px;}
		#logoBadge {
			color: #333;
			float:left;
			font-size:35px;
			font-weight:bold;
			height:75px;
			margin-right: 1%;
			padding:.25em;
			text-align:center;
			text-shadow: 1px 1px #fff;
			width:81px;
		}
			#logoBadge a {color: #333;}
			#logoBadge a:hover {color:#555;text-decoration:none;}

		#logo,
		#logo2 {
			color:#fff;
			float:left;
			font-size:35px;
			font-weight:normal;
			overflow:hidden;
			padding: .25em;
			text-shadow:1px 1px #000;
		}
		#logo a,
		#logo2 a {color:#fff;}
		#logo a:hover,
		#logo2 a:hover {color:#ccc;text-decoration:none;}
			#slogan {color:#eee;font-size:15px;height:30px;margin:10px 0 10px 0;overflow:hidden;text-indent:2px;text-shadow:1px 1px #000;}

		#container-searchbox {
			background:transparent url(/images/design/search-bg.png) no-repeat;
			background-size: 100%;
			float:right;
			height:78px;
			padding:2.1% 3.1%;
			width:32%;
		}
			#searchbox {margin-right:0px;}
				.input-search {background:none;border:none;color:#333;float:left;font-size:13px;margin-left:5px;text-transform:uppercase;width:130px;}
				.btn-search {opacity:0; cursor:pointer;float: left; height: 22px; width: 100px;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
				}


				#container-text-header {line-height: 1.35em;}
	#container-mid {
		padding-bottom: 200px;
	}
		#mid-top {background-size:100%;padding: 26px;}
			#container-related {
				border-radius:2px;
				float:left; 
				min-height:288px;
				width:40%;
			}
				#related1 {
					background:url(/images/design/left-nav-bg.png) no-repeat;
					padding: 10px 20px;
				}
					/* When CAF is unavailable these classes become valid */
					#related1 h2 {
						color: #fff;
						font-size: 22px;
						margin-bottom: .75em;
						text-transform: uppercase;
					}
					#related1 .container-related-terms {
						padding: 0 5px;
					}
						#related1 .related-term {
							font-size:22px;
							padding:.5em .25em .6em 0;
							white-space: nowrap;
							}
			#container-image {
				float:left;
				padding: 10px;
				width: 57%;
			}
				#container-image img {
					border:10px solid #3d444c;
					width: 100%;
				}
		#mid-btm {padding: 30px;}
			.smBox {
				background-size: 100% !important;
				float: left;
				margin-right:2%;
				padding: 20px;
				text-align: center;
				width: 31%;
			}
				.smBox img {
					border:2px solid #3d444c;
					width: 95%
				}
			#container-tags {
				background:transparent url(/images/design/divider-bar.png) repeat-x 0 28px;
				float:left;
				min-height:140px;
				width: 33%;
			}
				#related2 {
				}
					/* When CAF is unavailable these classes become valid */
					#related2 h2 {
						color: #fff;
						font-size: 20px;
						text-transform: uppercase;
						width: 240px;
					}
					#related2 .container-related-terms {
						margin-top:1em;
					}
						#related2 .related-term {
							font-size: 16px;
							padding:0.35em 0;
						}

			#container-ads {
				background: transparent url(/images/design/results-heading-bg.png) repeat-x;
				float: left;
				margin: 30px 0 30px;
				padding: 12px 0 0 20px;
				width: 68%;
			}
				#ads1 {margin-bottom: 20px; width: 90%;}
					#ads1 h2, #webResultsLabel {
						color:#fff;
						font-size:22px;
						font-weight:normal;
						height:29px;
						line-height:20px;
						padding:5px 0;
						text-transform:uppercase;
						text-shadow:1px 1px #333;
					}
					#webResultsLabel {
					}
					.resultsRow {
						background: url(http://afs.googleusercontent.com/dp-namemedia/bullet-arrows-gray.png) no-repeat 0 19px;
					border-bottom: 1px solid #666c73;
					padding: 1.15em 0 1.15em 35px;
				}

#caf_web_results {margin-bottom: 20px;}
					#container-ads .resultsRow h3 a, .adTopLink {font-size:24px; line-height: 30px; font-weight: 600; letter-spacing: 1px;text-decoration:underline; }
					#container-ads .resultsRow h3 a:hover, .adTopLink:hover {text-decoration:underline;}
					#container-ads .resultsRow p {color:#979797;font-size:14px;font-weight:normal;line-height:18px;margin:10px 0 3px;}
					#container-ads .resultsRow .link a {font-size:14px;font-weight:normal;}
					#container-ads .resultsRow .dividerBar {height:2px;margin:15px 0;}

			#container-related-column {
				background: transparent url(/images/design/results-sidebar-bg.png) no-repeat;
				background-size: 100% auto;
				float: right;
				height: 500px;
				margin: 20px 2% 0 0;
				padding: 25px 26px 27px 27px;
				width: 30%;;
			}

	#container-footer {
		bottom: 0;
		color:#fff;
		min-height:180px;
		padding: 40px;
		position: absolute;
		width: 100%;
	}
		#container-text-footer {padding-bottom: 1em;padding-top: 1em; line-height: 1.35em;}
		#footer-content {margin:0 auto;width:920px; max-width: 100%;}
			#container-nav-footer {float:right;}
				.container-nav-item {border-right:1px solid #fff; float: left; padding: .5em;}
				.container-nav-item:last-child {border-right: none;}

					.nav-item {
						color:#b4b4b4;
						padding:.5em;
						text-decoration:none;
					}
					.nav-item:hover {
						color:#f8f8f8;
					}




		.inner { margin: 0 auto;max-width: 960px; padding: 0 20px; width: 100%;}



/* TDFS banner container
------------------------------------------------------------------------*/
#tdfs { }
#tdfs a{ }
#tdfs a:hover{ }
	.forSale {color:#fff; font-family:arial;font-size:14px;font-weight:bold;margin:0 auto; padding:.5em;text-align:center;text-shadow:1px 1px #333;max-width:978px; width:100%;}
	.forSale a {color:#fff;}

/* `Clear Floated Elements
------------------------------------------------------------------------*/
.clearfix:before,.clearfix:after{content:'.';display:block;font-size:0;height:0;line-height:0;overflow:hidden;visibility:hidden;width:0;}.clearfix:after{clear:both;}


/* Responsive media queries
------------------------------------------------------------------------*/
@media only screen and (min-width:0) and (max-width:740px){
	#container-related { width: 100%;}
#related1 {
	background: url(/images/design/left-nav-bg-mobile.png) no-repeat right top;
	float: none;
	width: 100%;
}

	#container-ads,
	#container-related-column {
		float: none;
		margin-bottom: 0 auto;
		width: 95%;
	}
	#container-searchbox {
		padding: 4.2% 6%;
		width: 60%;
	}
	#container-image {
		width: 100%;
	}
	.smBox {
		width: 45%;
	}
	#container-tags {
		background-image: none;
		float: none;
		width: 100%;
	}
}




