@charset "utf-8";
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	text-decoration: none;
	color: #D6040D;
}
a:visited {
	color: #CC3300;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #333;
}

.top-curve {
	background-image: url(../layout/slices/top-red-curve.png);
	background-repeat: no-repeat;
	height: 111px;
	width: 232px;
	position: fixed;
	left: 0px;
	top: 0px;
}
.top {
	background-image: url(../layout/slices/red-block.png);
	background-repeat: repeat;
	height: 40px;
	margin-left: 232px;
	position: fixed;
	width: 100%;
	top: 0px;
}
.top-gear-curve {
	background-image: url(../layout/slices/gear-shape.png);
	height: 130px;
	width: 298px;
	position: fixed;
	top: 40px;
	right: 10%;
}
.top-block-right {
	background-color: #D6040D;
	background-image: url(../layout/slices/red-block.png);
	background-repeat: repeat;
	position: fixed;
	height: 125px;
	width: 10%;
	top: 40px;
	right: 0px;
}
.menu-block {
	height: 432px;
	width: 550px;
	position: fixed;
	top: 28px;
	right: 10%;
	margin-right: -22px;
}
.menu-links {
	z-index: 1000;
	position: absolute;
	height: 315px;
	width: 317px;
	top: 115px;
	visibility: hidden;
}

.gear-big {
	position: absolute;
	height: 228px;
	width: 230px;
	top: 0px;
	right: 170px;
	z-index: 700;
}
.gear-big-ani {
	position: absolute;
	height: 228px;
	width: 230px;
	top: 0px;
	right: 170px;
	visibility: hidden;
	z-index: 600;
}
.gear-big-over {
	position: absolute;
	height: 72px;
	width: 72px;
	top: 77px;
	right: 250px;
	visibility: hidden;
	z-index: 1111;
}
.gear-medium {
	height: 140px;
	width: 139px;
	position: absolute;
	top: 26px;
	right: 53px;
	z-index: 200;
}
.gear-small {
	height: 97px;
	width: 96px;
	position: absolute;
	right: 2px;
	top: 127px;
}
.gmv-logo {
	position: absolute;
	left: 14%;
	top: 55px;
	height: 135px;
	width: 305px;
}
.gmv-contact {
	height: auto;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	margin-top: 11px;
	margin-left: 33%;
}





/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/
.content {
	margin-right: auto;
	margin-left: auto;
	width: 65%;
	margin-top: 280px;
	border: 1px solid #999;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	min-width: 700px;
	max-width: 1500px;
	box-shadow: 2px 3px 10px 1px #707796;




	20px; #999;
	background-image: url(../layout/slices/block-white-45.png);
	margin-bottom: 111px;
}
.title_page {
	height: 59px;
	margin-top: -51px;
	margin-left: -63px;
}
.title_gear {
	position: absolute;
	height: 59px;
	width: 62px;
	background-image: url(../layout/title-page/title-gear.png);
	float: left;
}
.title_block {
	height: 59px;
	background-image: url(../layout/title-page/title-block.png);
	background-repeat: repeat-x;
	margin-left: 62px;
	width: auto;
	position: absolute;
	font-size: 20px;
	font-weight: bolder;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 17px;
	padding-left: 11px;
	padding-right: 11px;
	letter-spacing: 1px;
}
.title_curve {
	height: 59px;
	width: 46px;
	background-image: url(../layout/title-page/title-curve.png);
	background-repeat: no-repeat;
	top: 0px;
	float: right;
	margin-right: -46px;
	margin-top: -17px;
}

.bolt {
	height: 73px;
	width: 51px;
	left: 100px;
	bottom: 11px;
	position: fixed;
	z-index: 500;
}
.bee {
	left: 27px;
	bottom: 17px;
	position: fixed;
	z-index: 500;
	font-size: 9px;
	color: #000;
	width: 100px;
}
.bottom-block-left {
	height: 66px;
	width: 77px;
	left: 0px;
	bottom: 45px;
	background-image: url(../layout/slices/grey-block-bottom.png);
	background-color: #5E6C7E;
	position: fixed;
}
.bottom-curve {
	height: 66px;
	width: 72px;
	left: 77px;
	bottom: 45px;
	background-image: url(../layout/slices/grey-curve-bottom.png);
	position: fixed;
	background-repeat: no-repeat;
}
.bottom-banner {
	height: 45px;
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(../layout/slices/grey-block-bottom.png);
	background-color: #5E6C7E;
	position: fixed;
}


/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.mySlides {
	display: block;
}
.img-space {
	margin-top: 20px;
}