/* reset browser styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, fieldset, 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, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{
	display: block;
}
body 
{
	line-height: 1.2;
}
ol 
{ 
	padding-left: 1.4em;
	list-style: decimal;
}
ul 
{
	padding-left: 1.4em;
	list-style: square;
}
table 
{
	border-collapse: collapse;
	border-spacing: 0;
} 
/* end reset browser styles */

/*header
{
	background-color: white;
	height: 100px;
	max-width:100%;
	background-image: url('Pictures/Web Head 7 500x100 ps.jpg');
	background-position: center;
	background-repeat: no-repeat;
	s-resize: 
}*/

/* main picture scaling*/

/*header
{
	padding-top: 50px;
	background-image: url("Pictures/Web Head 4-3 3000x600.jpg");
	background-repeat: no-repeat;
	background-position: center;
}*/

@media handheld, only screen and (max-width: 720px)
{
	body
	{
		background-color: #cdcdcd;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

	h1
	{
		font-size: 2em;
		padding: 5px;
	}

	p
	{
		padding: 5px;
	}

	fieldset 
	{ 
	    width: 95%;
	    padding: 10px;
	    margin-bottom: 10px;
	}

	label 
	{ 
		float: left;
	    width: 75px; 
	    clear: left;
	    text-align: left; 
	    padding-right: 10px;
	    margin-top: 10px; 
	}

	input, textarea 
	{ 
		float: left;
	    margin-top: 10px; 
	    display: block;
	}

	textarea
	{
		width: 160px;
		height: 120px;
	}

	footer 
	{
		margin-top: 15px;
		font-size: .8em;	
		padding: 10px 10px 10px 10px;
		text-align: center;
		background-color: #999999;
	}
	footer 
	{
	  clear: both;	
	}

	.content
	{
		max-width: 95%;
		background-color: white;
		margin: 7px;
		padding: 5px;

		border-bottom: solid thick #666666;
		border-right: solid thick #999999;
		border-left: solid #888888;
		border-top: solid #999999;
		border-width: 1px 4px 4px 2px;
		/*float: left;*/
	}

	.EMACTitle
	{
		float: left;
		width: 60%; /* 50 */
		height: 3.125em; /* 50 */
		height: 100%;
		font-size: 1.1em; /* 24 */
		line-height: 3.1em; /* 60 (24) */
		text-align: left;/*left*/
		color: #fff;
		/*text-indent: -9999px;*/
		background-color: #bb0000;
		position: relative;
		padding-left: 5%
	}

	.callNavi
	{
		float: left;
		width: 10%; /* 50 */
		height: 3.125em; /* 50 */
		height: 100%;
		font-size: 1.5em; /* 24 */
		line-height: 2.5em; /* 60 (24) */
		text-align: right;/*left*/
		color: #fff;
		/*text-indent: -9999px;*/
		background-color: #bb0000;
		position: relative;
		padding-left: 3%;
		padding-right: 2%;
	}
	.floatLeft
	{
		float: left;
	}

	.floatCenter
	{
		float: center;
		padding: 5px;
	}

	.textAlignmentLeft
	{
		text-align: left;
	}

	.imageDescriptionsWrapper
	{
		padding: 4%;
		color: white;
	}
		.imageDescriptionsWrapper h2
		{
			padding-top: 2%;
			padding-bottom: 2%;
			font-size: 250%;
		}

		.imageDescriptionsWrapper p
		{
			font-size: 110%;
			padding-left: 2%;
			padding-right: 2%;
		}

	.imageDescriptionsBackground
	{
		background-color: #000049;
	}

	.imageDescriptions1Background
	{
		background-color: #000030;
	}

	.testimonial
	{
		background-color: #AAAAAA;
		font-size: 115%;
		font-weight: bold;
		border: solid 1px;
		margin-bottom: 15px;
	}

	#callButton
	{
		padding-top: 3.5px;
		padding-bottom: 3.5px;
	}

	#menuButton
	{
		padding-top: 3.5px;
		padding-bottom: 3.5px;
	}

	#mySubmit
	{
	    margin-top: 6%;
	    margin-left: 25%;
	}

	#HeadScaleAble {
	    max-width: 100%;
	    height: auto;
	    width: auto\9; /* ie8 */
		/*padding-bottom: 3px;*/
	}

	#ScaleableImg
	{
		padding: 2%;
		max-width: 95%;
	    height: auto;
	    width: auto\9; /* ie8 */
	}

	#largeText
	{
		font-size: 130%;
	}

	#largeText2
	{
		font-size: 170%;
	}

	#smallText
	{
		font-size: 85%;
	}

	#button
	{
		background: #bb0000;
		width: 50%;
		padding: 20px;
	}

		#button > a
		{
			text-decoration:none;
			color: #fff;
		}

		#button > img
		{
			float: left;

		}

	#button2
	{
		background: #bb0000;
		width: 45%;
		padding: 14px;
	}

	/*navigation*/
	#nav
			{
				width: 60em; /* 1000 */
				font-family: 'Open Sans', sans-serif;
				font-weight: 400;
				position: absolute;
				top: 25%;
				left: 50%;
				margin-left: -30em; /* 30 480 */
			}

				#nav > a
				{
					text-decoration: none;
					display: none;
				}

				#nav li
				{
					list-style-type: none;
					position: relative;
				}
					#nav li a
					{
						text-decoration: none;
						color: #fff;
						display: block;
					}
					#nav li a:active
					{
						background-color: #c00 !important;
					}

				#nav span:after
				{
					width: 0;
					height: 0;
					border: 0.313em solid transparent; /* 5 */
					border-bottom: none;
					border-top-color: #efa585;
					content: '';
					vertical-align: middle;
					display: inline-block;
					position: relative;
					right: -0.313em; /* 5 */
				}

				/* first level */

				#nav > ul
				{
					margin: 0;
					padding: 0;
					height: 3.75em; /* 60 */
					background-color: #000000;
				}
					#nav > ul > li
					{
						width: 25%;
						height: 100%;
						float: left;
					}
						#nav > ul > li > a
						{
							height: 100%;
							font-size: 1.5em; /* 24 */
							line-height: 2.5em; /* 60 (24) */
							text-align: center;
						}
							#nav > ul > li:not( :last-child ) > a
							{
								border-right: 1px solid #bb0000;
							}
							#nav > ul > li:hover > a,
							#nav > ul:not( :hover ) > li.active > a
							{
								background-color: #cc0000;
							}


					/* second level */

					#nav li ul
					{
						background-color: #000000;
						display: none;
						position: absolute;
						top: 100%;
					}
						#nav li:hover ul
						{
							display: block;
							left: 0;
							right: 0;
						}
							#nav li:not( :first-child ):hover ul
							{
								left: -1px;
							}
							#nav li ul a
							{
								font-size: 1.25em; /* 20 */
								border-bottom: 1px solid #bb0000;
								padding: 0.75em; /* 15 (20) */
							}
								#nav li ul li a:hover,
								#nav li ul:not( :hover ) li.active a
								{
									background-color: #cc0000;
								}

			@media only screen and ( max-width: 62.5em ) /* 1000 */
			{
				label
				{
					text-align: right;
				}
				#nav
				{
					width: 100%;
					position: static;
					margin: 0;
				}
			}

			@media only screen and ( max-width: 40em ) /* 640 */
			{

				html
				{
					font-size: 80%; /* 12 */
				}
				label
				{
					text-align: left;
				}
				#nav
				{
					position: relative;
					top: auto;
					left: auto;
				}
					#nav > a
					{
						float: left;
						width: 20%; /* 50 */
						height: 3.125em; /* 50 */
						height: 100%;
						font-size: 1.5em; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;/*left*/
						color: #fff;
						/*text-indent: -9999px;*/
						background-color: #bb0000;
						position: relative;
					}
						#nav > a:before,
						#nav > a:after
						{
							position: absolute;
							/*border: 2px solid #fff;*/
							top: 35%;
							left: 25%;
							right: 25%;
							content: '';
						}
						#nav > a:after
						{
							top: 60%;
						}

					#nav:not( :target ) > a:first-of-type,
					#nav:target > a:last-of-type
					{
						display: block;
					}


				/* first level */

				#nav > ul
				{
					margin-left: 0;
					height: auto;
					display: none;
					position: absolute;
					left: 0;
					right: 0;
				}
					#nav:target > ul
					{
						display: block;
						float: 5px;
					}
					#nav > ul > li
					{
						width: 100%;
						float: none;
					}
						#nav > ul > li > a
						{
							height: auto;
							text-align: left;
							padding: 0 0.833em; /* 20 (24) */
						}
							#nav > ul > li:not( :last-child ) > a
							{
								border-right: none;
								border-bottom: 1px solid #bb0000;
							}


					/* second level */

					#nav li ul
					{
						position: static;
						padding: 0.50em; /* 20 */
						padding-top: 0;
					}
			}
	}/**/
}