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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}/*remembertodefinefocusstyles!*/:focus{outline:0;}/*remembertohighlightinsertssomehow!*/ins{text-decoration:none;}del{text-decoration:line-through;}/*tablesstillneed'cellspacing="0"'inthemarkup*/table{border-collapse:collapse;border-spacing:0;}

/* additional globals */
body	{
	background: url(../img/bg-pattern.jpg) left top repeat;
	color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.container	{
	margin: 0 auto;
	padding: 11.25em 0;
	width: 800px;
}

	.container	p	{
		font-size: 1.125em;
		line-height: 1.4em;
		margin-bottom: 1em;
	}
	

h2	{
	font-size: 3.125em;
	font-weight: normal;
	margin-bottom: 1em;
	text-align: center;
}
	
#faqs	h2	{
	color: #333;
}

h3	{
	font-size: 1.75em;
	font-weight: normal;
	margin-bottom: 0.5em;
}

#faqs	h3	{
	color: #333;
	cursor: pointer;
	font-size: 1.25em;
	margin-bottom: 0.875em;
}

/* structural elements */
.clear-both		{ clear:both; }
.clear-left		{ clear:left; }
.clear-right	{ clear:right; }


/* nav */	
#nav	{
	background-color: #fff;
	border-bottom: 5px solid #b7b7b7;
	height: 44px;
	padding-top: 28px;
	position: fixed;
	text-align: center;
	width: 100%;
}

	#nav	ul	{ }
	
		#nav	li	{
			display: inline;
			padding: 0 1.25em;
		}
		
			#nav	li	a:link,
			#nav	li	a:visited	{
				color: #444;
				font-size: 1.25em;
				text-decoration: none;
			}
			
			#nav	li	a:active,
			#nav	li	a:focus,
			#nav	li	a:hover		{
				color: #042097;
			}


/* intro */
#intro	{
	background: url("main-image2.png") center top no-repeat #111;
	height: 182px;
	padding-top: 536px;
}

	#intro	.container	{
		margin: 0 auto;
		padding: 0;
		width: 800px;
	}

		#intro	h1	{
			background-image: url("");
			display: block;
			height: 96px;
			overflow: hidden;
			text-indent: -9999px;
			width: 460px;
		}
	


/* about */
#about	{
	background: url("bg-pattern.jpg") left top repeat;
}


/* forms */
#forms	{
	background-color: #111;
}

	.form-box	{
		border-bottom: 1px solid #172f55;
		margin-bottom: 3.5em;
		padding-bottom: 3.5em;
		text-align: center;
	}
	
	.form-box.last	{
		border: none;
	}
	
		.form-box	h3	{
			margin-bottom: 1.5em;
		}

		.download-btn	{
			background-color: #162e52;
			color: #86b6ff;
			display: block;
			font-weight: bold;
			margin: 0 auto;
			padding: 0.875em 0;
			text-align: center;
			text-decoration: none;
			width: 200px;
		}
		
		.download-btn:hover	{
			background-color: #295ca7;
		}


/* faqs */
#faqs	{
	background-color: #ccc;
	text-align: center
}

	#faqs	.instructions	{
		margin-bottom: 1.75em;
	}

	#faqs	.container	p	{
		color: #333;
		font-size: 1em;
		line-height: 1.5em;
	}
	
	.faq-question	{
		margin-bottom: 1.5em;
	}
	
	#faqs	.container	ul	{
		list-style: disc;
		margin: 0 0 1em 1.5em;
	}
	
	#faqs	.container	ol	{
		list-style: decimal;
		margin: 0 0 1em 1.5em;
	}
	
		#faqs	.container	li	{
			color: #333;
			font-size: 1em;
			line-height: 1.5em;
			margin-bottom: 0.5em;
		}
		
			#faqs	.container	li	li	{
				font-size: 0.875em;
			}
			
	#faqs	.container	a:link,
	#faqs	.container	a:visited	{
		color: #295ca7;
	}
	
	#faqs	.container	a:active,
	#faqs	.container	a:focus,
	#faqs	.container	a:hover		{
		text-decoration: none;
	}

	#faqs	.answer	{
		background-color: #ddd;
		display: none;
		margin-bottom: 1.5em;
		padding: 1.25em 1.25em 0.5em;
		text-align: left;
	}

/* contact */
#contact	{
	background: url("bg-pattern-footer (1).jpg") left top repeat;
}

	#contact	a:link,
	#contact	a:visited	{
		color: #fff;
		text-decoration: none;
	}
	
	#contact	a:active,
	#contact	a:focus,
	#contact	a:hover		{
		color: #162e52;
	}

	#contact	.phone	{
		background: url("icon-phone.png") left top no-repeat;
		float: left;
		font-size: 1.25em;
		padding: 20px 0 24px 89px;
		width: 311px;
	}
	
	#contact	.email	{
		background: url("icon-email.png") left top no-repeat;
		display: block;
		float: right;
		font-size: 1.25em;
		padding: 20px 0 24px 89px;
		width: 311px;
	}
	

@media only screen and 
(min-width: 768px) and 
(max-width: 1024px) and 
(orientation: portrait)	{

}

	
@media only screen and 
(min-width: 320px) and 
(max-width: 767px)	{

.container	{
	padding: 6em 4%;
	width: 92%;
}

h2	{
	font-size: 2.875em;
}

	h2	span	{
		font-size: 0.4em;
	}
	
h3	{
	line-height: 1.25em;
}



/* intro */
#intro	{
	background: url(../img/main-image_mobile.jpg) center top no-repeat #18140e;
	height: 110px;
	padding-top: 370px;
}

	#intro	.container	{
		padding: 0 0 0 3%;
		width: 97%;
	}

		#intro	h1	{
			background-image: url(../img/bruce-birk-md_mobile.png);
			display: block;
			height: 60px;
			overflow: hidden;
			text-indent: -9999px;
			width: 278px;
		}

	
	#nav	li	{
				display: inline;
				padding: 0 0.5em;
			}
	
/*faqs */
	#faqs	.faq-question	{
		border-bottom: 1px solid #999;
		margin-bottom: 1em;
		padding-bottom: 1em;
	}
	
/* contact */
	#contact	h2	{
		text-align: center;
	}

	#contact	.phone	{
		background: url("Icon_Phone.png") center top no-repeat;
		float: none;
		font-size: 1.25em;
		margin: 0 auto 1em;
		padding: 80px 0 24px;
		text-align: center;
		width: 260px;
	}
	
	#contact	.email	{
		background: url("Icon_Email.png") center top no-repeat;
		float: none;
		font-size: 1.25em;
		margin: 0 auto;
		padding: 80px 0 24px;
		text-align: center;
		width: 260px;
	}

}