/*--------------------------------------------------------------------------------
  Theme base CSS
--------------------------------------------------------------------------------*/

/*
 * Reset Page 
 */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, label, table, th, tr, td, embed, object { margin: 0 0 0 0; padding: 0 0 0 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img, a img, a:link img, a:visited img { border: 0; }
address ,caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after {	content: ''; }
embed, object {	display: block; }
#main .error { color: red; }

/* NN6/7 min-width is needed for scrollability when wrapper is centered */
body { min-width: 770px; }

/* Use wrapper for Left Faux Column */
#wrapper { text-align: left; margin: 0 auto 0 auto; }
#header, #navigation-container-upper, #footer {	clear: both; width: 100%; }

/* Use main for Right Faux Column */
#main {	width: 100%; }

#contact_business {
	display: none;
}


/* ------------------------------------------------------------------------------------------
Based on:
YUI Base CSS - http://developer.yahoo.com/yui/base/
YUI Fonts CSS - http://developer.yahoo.com/yui/fonts/
Richard Rutter's: How to Size Text in CSS - http://www.alistapart.com/articles/howtosizetextincss
------------------------------------------------------------------------------------------ */

html {
	
}

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:75%; /* assuming base font size of 16px. 16 * .75 = 12 */
	line-height:1.125em;
	background:url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/body.jpg) top repeat-x #ebc57a;
	color:#351400;
}

pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	font-size:108%;
	line-height:99%;
}

a:link,
a:visited {
	text-decoration:underline;
	outline:none;
	color:#000000;
}

a:hover,
a:active {
	text-decoration:none;
	outline:none;
	color:#000000;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	}

#navigation-container-upper {
	text-align:center;
}

	#main-navigation {
	padding:15px 41px 15px 41px;
    line-height:1.5em;
	font-weight:bold; 
	}

	#main-navigation li {
		display:inline;
		padding-left:10px;
		padding-right:30px;
		}
	
	#main-navigation li.first {
	
	}

	#main-navigation a:link,
	#main-navigation a:visited {
		text-decoration:none;
	}

	#main-navigation a:hover,
	#main-navigation a:active {
		text-decoration:underline;
	}

	#main h1 { font-size:1.8em; }
	#main h2 { font-size:1.5em;	}
	#main h3 { font-size:1.4em;	}

#content {
	float:left;
	margin:0;
}

#content h1, #main #right h2 {
padding: 18px 0 0 0;
margin-top:0;
}

	#content abbr,
	#content acronym {
		border-bottom-style:dotted;
		border-bottom-width:1px;
		cursor:help;
	}

	#content blockquote,
	#content ul,
	#content ol,
	#content dl {
		margin:1em;
	}

	#content ol,
	#content ul,
	#content dl {
		margin-left:2em;
	}

	#content ol li {
		list-style: decimal outside;
	}

	#content ol li  {
		list-style: decimal outside;
	}

	#content ul li ol li {
		list-style: decimal outside;
	}

	#content ul li {
		list-style: square outside;
	}

	#content dl dt {
		font-weight:bold;
	}

	#content dl dd {
		margin-left:1em;
	}

	#content th,
	#content td {
		border-style:solid;
		border-width:1px;
		padding:.5em;
		border-color:#CFBEBE;
	}

	#content th {
		font-weight:bold;
		text-align:center;
	}

	#content caption {
		margin-bottom:.5em;
		text-align:center;
	}

	#content h1,
	#content h2,
	#content h3,
	#content h4,
	#content h5,
	#content h6,
	#content p,
	#content fieldset,
	#content table {
		margin-bottom:1em;
	}



#right {
	float:right;
	margin:0;
	padding:0;
	margin-bottom:100px;
}

	#right h2, #right h3, #right p {
	margin:0 0 10px 23px
	}
	
#right form {
	width:204px;
	padding-top:15px;
	}

	
#right form, #right p, #right h3 {
	margin-left:22px;
	margin-top:10px;
	}
	
#right form p {
	margin:0 0 0 0;
	}
	
input.submit {
	clear:left;
}
	
	#quick-contact input,
	#quick-contact textarea {
		border:1px solid #CFBEBE;
		font-size:.97em;
		line-height:1.1em;
		margin-bottom:.75em;
		margin-top:.25em;
		padding:.3em;
		width:90%;
		vertical-align: middle;
		background-color:#fff !important;
		color:#000000;
		font-family: Arial, Helvetica, sans-serif;
		
	}
	
	#contact_message {height:150px;}
	
	#quick-contact input.button {
		width: auto;
	}
	
	#footer {
	text-align:center;
	font:12px/16px Arial, Helvetica, sans-serif;
	}

	#footer-navigation {
	}
	
	#footer a:link,
	#footer a:visited {
		color:#000;
		text-decoration:none;
	}

	#footer a:hover,
	#footer a:active {
		color:#000;
		text-decoration:underline;
	}
	
	#footer-navigation li {
		display:inline;
		border-left:1px solid #000;
		padding:0 10px 0 10px;
	}
	
	#footer-navigation li.first {
	border:none;
	}	

	#footer p.copyright {
	padding-bottom:20px;
	padding-top:15px;
	}

#optional-footer-container-1 {
	height:26px;
	}


/* setting line height for every element we set a font size on */

#main h1,
#main h2,
#main h3 {
	line-height:1.125em;
	font-weight:normal;
}

#optional-center-container-1 {
height:100px;
}

#navigation-container-upper {
	background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/navigation-container-upper.jpg") repeat-y;
	}

	#main-navigation a:link,
	#main-navigation a:visited {
		color:#7E3730;
		font-size:12px;
	}

	#main-navigation a:hover,
	#main-navigation a:active {
		color:#7E3730;
	}
	
#main {
background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/content.jpg") bottom no-repeat;
}


	#main h1,
	#main h2,
	#main h3,
	#main h4,
	#main h5,
	#main h6 {
	color:#7E3730;
	}

	#button-goldline {
			height:260px;
			display:block;
			background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/goldline-hover.jpg") no-repeat;
			position:relative;	
			}
			#button-goldline:hover {
					background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/goldline-hover.jpg") 0 -260px no-repeat; /* -100px = horizontal img shift, 0px = vertical shift from top */
					}
			#button-goldline a { height:260px; width:410px; left:0; top:0; position:absolute;}

	#right ul, #right container {	
		font-family:Arial,Helvetica,sans-serif;
				}

	#footer-navigation li {
		padding:0 7px;
	}


	#home-contact-logo {
		padding-right:15px;
		margin-top:-10px;
	}

	.clear {
		clear:both;
		overflow:hidden;
		height:.01em;
	}

	#header {
		background:transparent url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/header.jpg) no-repeat scroll center top;
		height:111px;
		position:relative;
		}

	#header a.home-link {
		position:absolute;
		display:block;
		width:350px;
		height:100%;
		left:30px;
		top:0px;
		}
	#header a span {
		display:none;
		}
		
	#header a:link, #header a:visited {
		font-size:20px;
		line-height:26px;
		font-weight:lighter;
		color:#ffe3c2;
		}
	#header h3#phonenum {
		display:block;
		font-size:20px;
		line-height:26px;
		font-weight:lighter;
		color:#ffe3c2;
		float:right;
		padding:40px 30px 0 0;
		}
	#header #btn-videos {
		background:url(http://s3.amazonaws.com/webgen_einsteinwebsites/public/assets/20345/btn-view-videos.gif) no-repeat;
		display:block;
		height:25px;
		width:130px;
		padding:4px 0 0 0;
		color:#7E3730;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		font-family:Georgia,"Times New Roman",Times,serif;
		text-decoration:none;
		position:absolute;
		top:81px;
		left:803px;
		}
	#header a:hover#btn-videos {
		text-decoration:underline;
		}
		
	#content {
		background: none;
		float:left;
		margin:0 0 20px 0;
		width:520px;
		}

	#masthead {
	/*	background:transparent url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/masthead.jpg) no-repeat scroll 0 0;  */
		height:400px;
		background:#FFEED9 url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/banner-nav-bg.jpg) no-repeat bottom;
		}

	#main { background:url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/main.jpg) top no-repeat; }

	ul#main-navigation {
		background:url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/nav.jpg) repeat-x;
		padding:20px 0 19px 0;
		}

	#main-navigation li {
		border-left: 1px solid #7f5933;
		padding-left:7px;
		padding-right:7px;
		}

	#main-navigation li.first {
		border-left:medium none;
		}

	#main h1 {margin:10px 0 10px 0;}		

	#wrapper {
		background:url('') repeat-y;
		width:960px;
		}

	#right {
		width:410px;
		float:left;
		margin-top:40px;
		padding-left:29px;
		}

	#right h3.logo { margin-top:-120px; clear:right; }
	#right h3 { margin-left:22px; }

	#right p, #right form p {
		margin:0 0 5px 22px;
		}

	#right form {
		padding-top:50px;
		padding-right:20px;
		width:390px;
	    height:336px;
		margin-left:0;
		clear:both;
		}
	#right form input, #right-container form input {
		margin-left:0px;
		}
	#right form label, #right-container form label {
		display:block;
		line-height:16px;
		width:60px;
		}

	#label-name, #label-city, #label-email, #label-phone, #right form #contact_name, #right form #contact_city, #right form #contact_email, #right form #contact_phone, #right-container form #contact_name, #right-container form #contact_greeting, #right-container form #contact_email, #right-container form #contact_phone	{
		margin-left:22px;
	}

	#label-state, #right-contatiner form #contact_name {
		float:right;
		clear:none;
	}
	#label-state {
		
	}
	select#contact_state {
		background:#95795B;
		width:55px;
		height:23px;
		color:#FFE3C2;
		font-family:Arial,Helvetica,sans-serif;
		font-size:0.97em;
		padding:1px;
		margin-left:4px;
	}
	
	#right form #label-message, #right-container form #label-message {
		float:right; 
		padding-right:122px;
	}

	#quick-contact textarea, #right-container #quick-contact textarea  {
		background-color:#95795B !important;
		border:1px solid #816447;
		color:#FFE3C2;
		float:right;
		clear:right;
		font-family:Arial,Helvetica,sans-serif;
		font-size:0.97em;
		height:144px;
		overflow:auto;
		width:176px;
		}

	#content { font-family:Arial,Helvetica,sans-serif; }

	#quick-contact input {
		background-color:#95795B !important;
		border:1px solid #816447;
		color:#FFE3C2;
		font-family:Arial,Helvetica,sans-serif;
		font-size:0.97em;
		width:160px;
		margin-bottom:0.35em;
		padding:0.2em;
		}

	#quick-contact input#contact_city {
		width:99px;
	}

	#contact-bg input.button, #quick-contact input.button {
		float:right;
		clear:right;
		display:inline;
		margin-top:5px;
		margin-right:136px;
		}

	#quick-contact {
		background:transparent url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/bg-form.jpg) no-repeat;
		}

		#slider {
			width:100%;
			height:283px;
			background:url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/banner-2.jpg) no-repeat;
			}
		
	/* ----------------------- banner-nav ----------------------- */
		#banner-nav { 
			background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/banner-nav.jpg") no-repeat; 
			width:960px; 
			height:117px; 
			margin:0;
			padding:0; 
			}

		#banner-nav span { display: none; }

		#banner-nav li, #banner-nav a { height:117px; display:block; } /* change height here also */

		#banner-nav li { float:left; list-style:none; _display:inline; position:relative; }

		#banner-nav-01 { width: 240px; }
		#banner-nav-02 { width: 240px; }
		#banner-nav-03 { width: 240px; }
		#banner-nav-04 { width: 240px; }
		
		#banner-nav-01 a:hover { background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/banner-nav.jpg")  0 -117px no-repeat; }
		#banner-nav-02 a:hover { background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/banner-nav.jpg") -240px -117px no-repeat; }
		#banner-nav-03 a:hover { background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/banner-nav.jpg") -480px -117px no-repeat; }
		#banner-nav-04 a:hover { background:url("http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/banner-nav.jpg") -720px -117px no-repeat; }
		

	/* ------------------------ Home Page ------------------------ */

	#special {
		background:transparent url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/special.jpg) no-repeat top;
		height:260px;
		margin:0 0 20px 0;
		}

		#special p {
			font:11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#351400;
			margin:20px 20px 0 24px;
			}

	#special h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
		color:#752b00;
		margin:25px 0 0 24px;
		font-weight:bold;
		font-size:18px;
		font-style:normal;
		}
	#special h4 {
		font:8px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#351400;
		margin:0 20px 0 24px;
		}
	#contact-bg {
		background:transparent url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/bg-form.jpg) no-repeat;
		width:410px;
		height:375px;
		float:right;
		clear:right;
		margin-left:10px;
		margin-bottom:20px;
		}

		#contact-bg form {padding-top:55px;}
		#contact-bg h3 {padding:5px 0 0 24px; margin-top:30px;}
		#contact-bg p.address {padding:0 0 0 24px;}
		#contact-bg p {margin-bottom:0;}

	#financing-home {
		background:transparent url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/financing.jpg) no-repeat top left;
		height:331px;
		width:410px;
		float:right;
		clear:right;
		margin-top:10px;
		}

		#financing-home p {
			font:11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#351400;
			margin:20px 20px 0 24px;
			}

		#financing-home h4 {
			font-family: Georgia, "Times New Roman", Times, serif;
			color:#752b00;
			margin:25px 0 0 24px;
			font-weight:bold;
			font-size:18px;
			font-style:normal;
			}

	div.clear { 
		height:.01em; 
		overflow:hidden; 
		}
	img.img-left { 
		float:left; 
		margin:2px 10px 0px 0px;
		}
	img.img-right { 
		float:right; 
		margin:5px 0px 10px 10px; 
		}

	a:link, a:visited {
		color:#351400;
		}

	#footer a:link, #footer a:visited {
		color:#351400;
		text-decoration:none;
		outline:none;
		}
	#footer a:hover, #footer a:active {
		text-decoration:underline;
		outline:none;
		}
	#ipod-give {
		background:transparent url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/ipod-giveaway.jpg) no-repeat scroll left top;
		height:211px;
		width:410px;
		margin:0 0 20px 0;
		overflow:hidden;
		}
	#right #ipod-give h2 {
		font-size:1.5em;
		line-height:1.5em;
		margin-left:31px;
		margin-right:210px;
		margin-top:61px;
		padding-top:0;
		text-align:center;
		}

#smk { 
	margin:35px 0 15px;
	background:url(http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/smk-bg.jpg) no-repeat;
	height:108px;
	width:410px;
	padding-top:10px;
	overflow:hidden;
}
#smk h3 {
	color:#752B00;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
}
#smk ul { 
	margin-left:22px;
	padding:10px 0 0 45px;
	}
#smk li {
	display:inline;
	margin:12px;
}

	/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
#slider {
	position:relative;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a.active {
	font-weight:bold;
}


.nivo-controlNav {
	margin: 0 0 0 12px;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url('http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/bullets.png') no-repeat;
	width: 16px;
	height: 16px;
	display: inline;
	float: left;
	margin: 255px 0 0 5px;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background: transparent url('http://d2agh9ata29wb8.cloudfront.net/d/dishler.com/bullets.png') no-repeat -18px 0px;
	
}

.video {
	height:292px;
	width:519px;
	margin-bottom:15px;
	background:#000;
}
.view-more {
	display:block;
	width:95%;
	background:#FFE3C1;
	padding:8px 12px;
	margin-bottom:15px;
}