@charset "utf-8";
/* CSS Document */

html {
	height: 100%;
	background-color: #5078b3;
	color: #000;
}
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #012d6b;
	/*background-image: url(../images/bg/bodyBG.png);*/
	background-repeat: repeat-y;
	background-position: center top;
	font-size: 14px;
	line-height: 16px;
}
*a:link {
	cursor: pointer;	
}
a img  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.brightBlue {
	color: #002869;
}
.bold {
	font-weight: bold;	
}


.darkBlue {
	color: #011e40;
}
.babyBlue {
	color: #6baadf;
}

.orange {
	color: #cf481b;
}
.brown {
	color: #98765c;
}
.farLeft {
	height: auto;
	width: auto;
	padding: 0px;
	clear: left;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
}
.farRight {
	height: auto;
	width: auto;
	padding: 0px;
	clear: right;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;	
	display: block;
}
.imageBorder {
	border: 1px solid #CCC;
}
.buttonAsText {
    background:none;
    border:none;
    margin:0;
    padding:0;
}
.hideForm {
	display: none;	
}
p.readMore {
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}
p.readMore a:link {
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #3f990d;
	text-decoration: none;
}
p.readMore a:visited {
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #3f990d;
	text-decoration: none;
}
p.readMore a:hover {
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
}
.readMore a:active {
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #3f990d;
	text-decoration: none;
}




p.readMoreSmall a:link {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #3f990d;
	text-decoration: none;
    margin:0;
    padding:0;
}
p.readMoreSmall a:visited {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #3f990d;
	text-decoration: none;
    margin:0;
    padding:0;
}
p.readMoreSmall a:hover {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #000000;
	text-decoration: none;
    margin:0;
    padding:0;
}
.readMoreSmall a:active {
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #3f990d;
	text-decoration: none;
    margin:0;
    padding:0;
}








p {
	padding: 0px;
	font-size: 14px;
	color: #17254e;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
ul {
	color: #d72027;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
ul li {
	color: #000000;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: normal;
	text-decoration: none;
}
ul li a:link {
	color: #012d6b;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: normal;
	text-decoration: none;
}
ul li a:visited {
	color: #012d6b;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: normal;
	text-decoration: none;
}
ul li a:hover {
	color: #000000;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: normal;
	text-decoration: none;
}
ul li a:active {
	color: #012d6b;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: normal;
	text-decoration: none;
}
ol {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 45px;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;	
}
ol li{
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;	
}
.bold {
	font-weight: bold;	
}
.italic {
	font-style: italic;	
}
.underline {
	text-decoration: underline;	
}
.clearBoth {
	clear: both;
}
.center {
	height: 20px;
	padding: 0px; 
	clear: both;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

a:link {
	color: #3f990d;
	text-decoration: none;
}
a:visited {
	color: #3f990d;
	text-decoration: none;
}
a:hover {
	color: #000000; /*c0bf61 A5A541*/
	text-decoration: none;
}
a:active {
	color: #3f990d;
	text-decoration: none;
}
#pageErrorMessage {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background-color: #F00;
	padding: 5px;
	height: auto;
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	clear: both;	
}
#pageSuccessMessage  {
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	background-color: #0C3;
	padding: 5px;
	height: auto;
	width: 600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
p .thank_you {
	color: #ffffff;
}
#headerWrapper {
	background-color: #012d6b;
	margin: 0px;
	padding: 0px;
	height: 37px;
	width: 100%;
	position: relative;
	/*background-image: url(../images/bg/headerTop.png);*/
	background-repeat: no-repeat;
	background-position: center top;
	color: #ffffff;
}
#headerBottom {
	background-color: #404042;
	color: #ffffff;
	z-index: 800;
	width: 100%;
	height: 6px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	/*background-image: url(../images/bg/headerBottom.png);*/
	background-repeat: no-repeat;
	background-position: center top;

}
#headerMenu {
	color: #ffffff;
	z-index: 900;
	width: 1080px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* [disabled]background-color: #F00; */
}
#headerWrapper #headerMenu ul {
	color: #ffffff;
	font-size: 14px;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
	display: block;
	text-align: left;
}
#headerWrapper #headerMenu li {
	color: #ffffff;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	list-style-position: inside;
	list-style-type: none;
	display: inline;
}
#headerWrapper #headerMenu #headerMenuUL a:link {
	color: #ffffff; /*c0bf61*/
	font-size: 16px;
	text-decoration: none;
}
#headerWrapper #headerMenu #headerMenuUL a:visited {
	color: #ffffff; /*c0bf61*/
	font-size: 16px;
	text-decoration: none;
}
#headerWrapper #headerMenu #headerMenuUL a:hover {
	color: #3f990d; /*c0bf61*/
	font-size: 16px;
	text-decoration: none;
}
#headerWrapper #headerMenu #headerMenuUL a:active {
	color: #ffffff; /*c0bf61*/
	font-size: 16px;
	text-decoration: none;
	/* [disabled]background-color: #9F0; */
}
#headerWrapper #headerMenu #headerMenuUL  a.selected {
	color: #3f990d;
}
#wrapper {
	padding: 0px;
	width: 1080px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* [disabled]min-height: 624px; */
	overflow: visible;
	/* [disabled]background-color: #F00; */
	position: relative;
	background-image: url(../images/bg/homePageLogo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentWrapper {
	z-index: 900;
	width: 1080px;
	min-height: 650px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	color: #5c5d5d;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	/* [disabled]background-color: #0F0; */
}
#contentWrapper p {
	z-index: 900;
	/* [disabled]width: 640px; */
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contentWrapper h1  {
	z-index: 900;
	color: #cecfd0;
	font-size: 65px;
	font-style: normal;
	line-height: 65px;
	font-weight: 700;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	font-family: 'Oswald', sans-serif;
}
#rightContent {
	padding: 0px;
	clear: right;
	float: right;
	width: 500px;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rightContent2 {
	padding: 0px;
	clear: right;
	float: right;
	width: 200px;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#onPageSlideShow {
	padding: 0px;
	height: 300px;
	width: 500px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftContent {
	padding: 0px;
	clear: left;
	float: left;
	width: 500px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../images/bg/tripleGearsLarge.png);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 520px;
}
#leftContentAbout {
	padding: 0px;
	clear: left;
	float: left;
	width: 500px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-image: url(../images/bg/AboutSidegears.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 520px;
}
#leftContent2 {
	padding: 0px;
	clear: left;
	float: left;
	width: 500px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 520px;
}
#leftContent #innerPageGearSlideShow {
	position: absolute;
	left: 170px;
	top: 130px;
	z-index: 700;
	width: 300px;
	height: 300px;
}
#leftContent #leftGear {
	position: absolute;
	left: 90px;
	top: 60px;
	z-index: 900;
	width: 448px;
	height: 448px;
}




 

#animationWrapper {
	padding: 0px;
	height: 561px;
	width: 791px;
	z-index: 900;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 50px;
	top: 40px;
}
#animationGears {
/*	background-image: url(../images/bg/GearAnimate.gif);
	background-repeat: no-repeat;
	background-position: left top;
*/	
	padding: 0px;
	height: 561px;
	width: 791px;
	z-index: 900;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#animationSlideShowLeft {
	padding: 0px;
	height: 300px;
	width: 300px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 75px;
	top: 140px;
	background-color: #930;
}
#animationSlideShowRight {
	padding: 0px;
	height: 200px;
	width: 200px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 520px;
	top: 75px;
	background-color: #930;
}
#tripleGears {
	padding: 0px;
	height: 285px;
	width: 500px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 550px;
	top: 375px;
	background-image: url(../images/bg/tripleGears.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#contactgear {
	padding: 0px;
	height: 285px;
	width: 263px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 815px;
	top: 30px;
}
#contactgearLink {
	padding: 0px;
	height: 20px;
	width: 85px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 863px;
	top: 95px;
}
#contactgearLink a:link {
	font-family: 'Oswald', sans-serif;
	color: #3f990d;
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
	font-weight: 700;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
#contactgearLink a:visited {
	font-family: 'Oswald', sans-serif;
	color: #3f990d;
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
	font-weight: 700;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
#contactgearLink a:hover {
	font-family: 'Oswald', sans-serif;
	color: #000000;
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
	font-weight: 700;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
#contactgearLink a:active {
	font-family: 'Oswald', sans-serif;
	color: #3f990d;
	font-size: 20px;
	font-style: normal;
	line-height: 20px;
	font-weight: 700;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}






form input[type=text] {
	float: left;
	clear: both;
}
small {
	float: left;
	clear: both;
}

/* FORMS */

#footerWrapper {
	background-color: #012d6b;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height:167px;
	position: relative;
	clear: both;
	overflow: visible;
}



#footerGearWrapper {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height:104px;
	position: relative;
	clear: both;
	overflow: visible;
	background-image: url(../images/footerTopGear.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#footerTextWrapper { 
	background-color: #012d6b;
	margin: 23px 0px 15px 0px;
	padding: 0px;
	width: 100%;
	min-height:23px;
	position: relative;
	clear: both;
	overflow: visible;
}


#footerText {
	z-index: 900;
	width: 1080px;
	padding: 0px;
	color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-color: #012d6b;
}
#footerText p {
	margin: 0px;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
}
#footerWhiteLine {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height:4px;
}
#footerBlueLine {
	background-color: #012d6b;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height:7px;
	clear: both;
}






/*#bigBlueGearWrapper {
	position: relative;
	z-index: 900;
	left: 110px;
	top: 106px;    
		
}
#bigBlueGear {
    -webkit-animation: rotation 15s infinite linear;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}


#bigGreyGearWrapper {
	position: relative;
	z-index: 900;
	left: 530px;
	top: -406px;    
		
}
#bigGreyGear {
    -webkit-animation: rotation2 15s infinite linear;
}

@-webkit-keyframes rotation2 {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(-359deg);}
}
*/
#leftGear {
	padding: 0px;
	z-index: 900;
	margin: 0px;
	position: absolute;
	left: 75px;
	top: 140px;
}
#leftbigGear {
	padding: 0px;
	z-index: 900;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#leftbigGearText {
	padding: 0px;
	z-index: 800;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: absolute;
	left: 80px;
	top: 90px;
}
#rightGear {
	padding: 0px;
	z-index: 900;
	margin: 0px;
	position: absolute;
	left: 500px;
	top: 30px;
}
#rightRotatingGear {
	padding: 0px;
	z-index: 900;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#tripleGearsLeft {
	padding: 0px;
	height: 285px;
	width: 500px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 50px;
	top: 450px;
}
#rightGearContact {
	padding: 0px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 245px;
	top: 43px;
	border:none;
}
#rightGearAbout {
	padding: 0px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 58px;
	top: 128px;
	border:none;
}
#rightGearServices {
	padding: 0px;
	z-index: 800;
	margin: 0px;
	position: absolute;
	left: 248px;
	top: 205px;
	border:none;
}
.myImage {
	float:left;
	clear:left;
	padding-bottom: 5px;
	padding-right: 10px;
}
.myTitle {
	float:left;
	clear:both;
}