﻿/* reset */
html, body {margin:0; padding: 0; border: 0;
               background: transparent; font-size: 10px;}
               
div, span, article, aside, footer, header, hgroup, nav, section, 
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	background: transparent;
	}

img { margin: 0; padding: 0; border: 0 }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align:baseline;
	background:transparent;
	}
	
table { border-collapse: collapse; border-spacing: 0; }

input, select, textarea, form, fieldset {
	margin: 0; padding: 0; border: 0; 
	}
	
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
	}
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul {list-style: none; }

/* global */
html		{	}
/*body		{ background-color: #eeeeee;}*/

body {  background-color: #FFFFFF;
/*background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, rgba(125,185,232,0)),
				color-stop(1,  rgba(30,87,153,1) 100%))
			);
			/*background: rgb(184,225,252); /* Old browsers */
			/*background: -moz-linear-gradient(top,rgba(125,185,232,0) 0%, rgba(30,87,153,1) 100%); /* FF3.6+ */
			/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
			/*background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(30,87,153,1)100%); /* Chrome10+,Safari5.1+ */
			/*background: -o-linear-gradient(top, rgba(125,185,232,0)  0%, rgba(30,87,153,1)100%); /* Opera 11.10+ */
			/*background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%); /* IE10+ */
			/*background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(30,87,153,1) 100%); /* W3C */
			/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799007db9e8',GradientType=0 ); /* IE6-8 */

	 }
			


/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000 }

h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */
p				{ color:#000; font-size:12px; line-height:150%; }
p .left			{margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{margin: 1.5em 1.5em 1.5em 0; padding: 0; }

a				{ }
a:link			{ color: #000; }
a:visited		{ color: #000; }
a:active		{ color: #000; }
a:focus			{ color: #000; }
a:hover			{ color: #000; }

blockquote		{ color: #000; font-size: 12px; }

strong			{ font-weight: bold; }
em				{ font-style: italic; }

/* Images */

/* list  */
ul				{	}
ol				{ list-style-type: decimal; }

ul li			{ color: #000; font-size: 12px; }
ol li			{ color: #000; font-size: 12px; }

dl				{ 	}
dt				{	}
dd				{	}

/* Tables */
table			{ width: 100%; }

tr				{	}
.odd			{ background-color: #eee; }
.even			{ background-color: #fff; }

th			    { font-weight: bold; }
thead, th		{ background: ccc; }

tbody			{	}
th, td, caption	{	}
caption			{	}

tfoot			{	}
.tfooter		{ background: #ccc; text-align: center; font-style: italic; }

caption			{ background: #efefef; }

/* Miscellaneous*/
sup, sub		{ line-height: 0; }

abbr, acronym 	{ border-bottom: 1px dotted #666 }
address			{	}
del				{ background: #FFCECE; color: #f00; }

code, pre 		{background-color: #FF9; padding: 2px 0px; margin: 4px 25px; 
 					font-family: "Courier New", Courier, monospace; font-size: 12px; font-style: italic; }
 					

/* containers */
#wrapper 			{ width: 900px; margin: 0px auto; background-color: #ffffff}

#top				{ background-color: #ffffff; width: 100%; padding: 20px 0; 
                         overflow: hidden; border-bottom: 1px #eeeeee solid }
#top h1			    {color: #ffffff; font-size: 36px; font-weight: bold;
}

#logo img			{margin: 0px 0px 10px 10px; float: left;}

#socialMedia		{ float: right; margin: 0px 10px 0px 0px; }
#socialMedia h2		{ color: #000000; font-size: 14px; margin: 4px 10px 4px 0px; }
#socialMedia p		{ color: #000000; font-size: 11px; margin: 4px 10px 4px 0px; }
#socialMedia img 	{ width: 24px; height: 24px; }
#socialMedia ul li 	{ display: inline; }

#topnav				{ background-color: #333333; clear: both }
#topnav	ul			{ width: 100%; float: left; margin: 0px;background-color: #333333; 
						border-bottom: 3px #CCCCCC solid }
#topnav	ul li		{ display: inline }
#topnav	ul li a		{ float: left; padding: 10px 20px; }

#topnav a:link		{ color: #ffffff; }
#topnav a:visited	{ color: #ffffff; }
#topnav a:active	{ color: #ffffff; }
#topnav a:hover		{ color: #ffffff; background-color: #1e5799}
#topnav a:focus		{ color: #ffffff; }

#banner				{ width: 100%;background-color: #555555; padding: 5px 0px;
                       overflow: hidden;}
#banner	img 		{ width: 100%; height: 295px; }


#subbanner			{ width: 100%; background-color: #555555; padding: 5px 0px;
                       overflow: hidden; }
#subbanner h4		{ color: #FFFFFF; font-size: 14px; font-weight: bold;
						text-align: center; }

#content			{ float: left; width: 650px; padding: 20px }
#content h1			{ margin:0 0 20px 0; font-size: 32px; border-bottom:1px #777777 solid; 
						padding: 20px 0; }
#content h2			{ margin: 20px 0 0 0; }
#content p			{ margin: 16px 0; line-height: 160%; }
#content img		{ padding: 8px; border: 1px #888888 solid; margin: 8px; margin-left: 675px }

#contentContact		{ float: left; width: 650px; padding: 20px }
#contentContact h1	{ margin:0 0 20px 0; font-size: 32px; border-bottom:1px #777777 solid; 
						padding: 20px 0; }
#contentContact h2	{ margin: 20px 0 0 0; }
#contentContact p	{ margin: 16px 0; line-height: 160%; }
#contentContact img	{ padding: 8px; border: 1px #888888 solid; margin: 8px; margin-left: 575px }


#equipWrapper ul    { float: left; width:200px; padding: 20px; list-style-type: square;}
#equipList1 ul li   { margin:0px 0px 0px 20px; }
#equipList2 ul li   { margin:0px 0px 0px 20px; }

#rightside			{ padding: 20px; margin-left: 675px }
#rightside h2		{ margin: 20px 0 10px 0; }
#rightside p        { margin: 8px 0; line-height:160%; }
#rightside img		{ padding: 4px; border: 1px #888888 solid; margin: 4px;  width: 80%;}

#machinelist ul		{margin-top: 100px; list-style-type: square;}		
#machinelist li		{margin: 0 0 5px 0;}

#rightside_drive	{ padding: 20px; margin-left: 575px }
#rightside_drive h2	{ margin: 120px 0 10px 0; }

#footer				{ clear: both; background-color:#000000; padding: 10px 0; }
#footer p			{ text-align:center; color:#ffffff; }
#footer img			{ display:block; margin:auto }

#box1				{	}

#box2				{	}

#box3				{	}

#box4			{	}

#box5			{	}

#box6			{	}

/* Layout Extra */

/* Navigation Extra */

/* Forms */
#forms			{ text-align:left; margin: 20px	}

label, submit, input, textarea { border: 0; padding: 0; margin: 0; background: none;}

label { float: left; width: 150px; text-align: right; display: block; margin-top: 5px; }

input, textarea { border: 1px #333 solid; margin-left: 10px; padding: 5px; }

input { width: 280px; margin-bottom: 16px; }

textarea { width: 280px; height: 150px; margin-bottom: 16px; }

select			{	}

buton   {margin-left:160px;}

.submit	{ width: 90px; height: 25px; margin-left: 160px; font-size: 12px; }

#contactForm ol 	{list-style-type:none; }

#directionForm label  {width: 120px; }
#directionForm input  {width: 150px; }
#directionForm .submit {width: 160px; margin-left: 10px; }



/* Miscellaneous */
.copyright-text 	{ font-size: 80%; font-style: italic; color: #333; }
.footer-text		{ font-size: 80%; font-style: normal; color: #666; }

.title				{ font-size: 18px; font-weight: bold; color: #333; }
.subtitle			{ font-size: 14px; font-style: italic; color: #333; }

.artist				{ font-size: 16px; font-weight: bold; color: #333; }
.author				{ font-size: 14px; font-weight: bold; color: #555; }
.editor				{ font-size: 14px; font-style: italic; color: #555; }

.pub-date			{ font-size: 10px; font-style: italic; color: #555; }
.article-date		{ font-size: 10px; font-style: italic; color: #555; }
.location			{ font-size: 10px; font-style: italic; color: #555; }

.float-right		{ float: right; }
.float-left			{ float: left; }
.clear				{ clear: both; }

.hide				{ display: none; }
.block				{ display: block; }
.inline				{ display: inline; }

.first				{ font-weight: bold; }
.last				{ font-weight: bold; }
.left				{ font-weight: bold; text-align: left; }
.right				{ font-weight: bold; text-align: right; }

.added				{ background: #D7D7FF; }
.removed			{ background: #FFCECE; color: #F00; }
.changed			{ background: #FFB; }

/* Success, info, notice and error/alert boxes - from Blueprint CSS Frames Framework */
.error, .alert, .notice, .success, .info { 
					padding: 0.8em; margin-bottom: lem; border: 2px solid #DDD; }

.error, .alert		{ background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; }

.notice				{ background: #FFF6BF; color: #514721; border-color: #FFD324; }

.success			{ background: #E6EFC2; color: #264409; border-color: #C6D880; }

.info				{ background: #D5EDF8; color: #205791; border-color: #92CAE4; }

.error a			{ color: #8A1F11; }
.alert a			{ color: #8A1F11; }

.notice a			{ color: #514721; }
.success a			{ color: #264409; }
.info a				{ color: #205791; }







