@charset "utf-8";
/* Head */
body{
	width: 1000px;
	/*width: 100vw;*/
	margin: auto;
	border-style: hidden;
	border-color: #FC6;
	background-color: #a2bffe;
	font-family: Tahoma, Geneva, sans-serif;
}

/**  Start Top Area  **/
/*#Top-width-background{
	width:100vw;
	height: 90px;
	background-color: #F00;
}
*/
#Top {
	background-color: #F00;
	margin: auto;
	height: 90px;
	width: 1000px;
}
#Top #Logo-area-left {
	margin: auto;
	width: 240px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#Top #Com-name-right {
	float: right;
	width: 740px;
	margin: auto;
	font-weight: bold;
	font-style: normal;
	font-size: 70px;
	text-align: center;
	color: #FFF;
	height: 100px;
	font-family: "Times New Roman", Times, serif;
	
}
/**  End Top Area  **/

/****** Menu Area ******/

.menu {
	height: 30px;
	width: 980px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: auto;
	background-color: #1B1564;	
}

.menu ul{
	list-style: none;
	float: right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}

.menu ul li {
	 float:left;
	 border-left:1px solid #27bd89;
	 border-right:1px solid #155c43;
	 position:relative;
	 z-index:100;
	 /*background:#f12b35;*/
}

.menu ul li:first-child{
	border-left:0px solid
}

.menu ul li:last-child{
	border-right:0px solid
}

.menu ul li a {
	color:#f3f546;
	display:block;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	text-decoration:none;
	font-size:18px;
}

.menu ul li a:hover {
background:red;
/*z-index:100;*/
}

/** End Manu **/


/** Drop Down Manu **/

.menu ul li ul{
	position:absolute;
	left:-99999px;
}

.menu ul li:hover ul{
	left:0px;
}

.menu ul li ul{
	background:#1B1564;
}
/** 1st drop down menu wide and others **/
.menu ul li ul li{
	width:215px;
	border-left:0px;
	border-right:0px;
	border-top:2px solid #27bd89;
	border-bottom:2px solid #27bd89;
	position:relative;
}

.menu ul li ul li a{
	padding:10px;
}

.menu .d-down-manu{
width: 350px;
}

.menu .d-down-manu li{
	border-top:2px solid #27bd89; width:350px;
	border-bottom:2px solid #27bd89; width:350px;
}

.menu .d-down-manu li a{
	width: 350px;
}

.menu .d-down-manu li a:hover {
background:red;
width: 330px;
}

/** Sub Drop Down Manu **/
.submenu_1{
	position:absolute;
	top:-99999px;

}
/** Sub manu width when hover**/
.menu ul li ul li:hover ul{
	top:-0px;
	left:215px;
}

.submenu_1 li{
	background:;
}
/****** End Drop Down Manu ******/


/** Start Picture Slider area **/

#wrapper {
	display: block;
	height: 720px;
	width: 960px;
	margin: auto;
}

#wrapper #container {
	background-color: #FFC;
	display: block;
	float: left;
	height: 720px;
	width: 960px;
	overflow: auto;
}

#wrapper #container #prev {
	background-image: url(Image/Previous%20Arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 720px;
	width: 100px;
	float: left;
	position: absolute;
	z-index: 99;
}
#wrapper #container #next {
	background-image: url(Image/Next%20Arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: right;
	height: 720px;
	width: 100px;
	position: relative;
	z-index: 99;
}
#wrapper #container #slider {
	display: block;
	float: left;
	height: 720px;
	width: 960px;
	overflow: hidden;
	position: absolute;
}

/** End Picture Slider area **/

/** Start Picture Box area **
#picture-box {
	background-color: #3FF;
	height: 400px;
	width: 900px;
	overflow: auto;
	float: none;
	margin: auto;
}

#picture-box #Left-Panel {
	background-color: Green;
	height: 400px;
	width: 300px;
	overflow: auto;
	float: left;
}

#picture-box #right-Panel {
	background-color: #F0F;
	height: 400px;
	width: 300px;
	float: right;
}

** End Picture Box area **/


/** Start Scroll Text area **/
.ScrollText {
	font-style: normal;
	font-weight: bold;
	font-family: "Comic Sans MS", cursive;
	color: #F00;
}
.FooterDevelopCom {
	color: #FFF;
}
/** End Scroll Text area **/

/** Start Product area**/
.product-name-text-decoration{
font-weight:bold;
color: #1B1564;
}

.product-image-box:hover{
border:1.5px solid green;
}

#Contact-us{
	padding-top:50px;
}

#Contact-us #Google-map {
	margin: auto;
	width: 800px;
	height: 600px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	position: relative;
}

#Contact-us #contact-info {
	width: 750px;
	height: 200px;
	background-color:;
	position: absolute;
	bottom: -100px;
	left: 0px;
	right:0px;
	margin:auto;
}

#Contact-us #contact-info #column-left {
	width: 30%;
	height: 200px;
	background-color:#1B1564;
	float:left;
}

#Contact-us #contact-info #column-center {
	width: 38.2%;
	height: 200px;
	background-color:#1B1564;
	float:left;
}

#Contact-us #contact-info #column-right {
	width: 30.5%;
	height: 200px;
	background-color:#1B1564;
	float:left;
}
/** Contact area for left **/
#contact-info #column-left h3{
		font-size:30px;
		text-align:center;
		color: #FFF;
}

#contact-info #column-left h1{
	font-size:20px;
	text-align:center;
	color: #FFF;
}

#contact-info #column-left h2{
	font-size:15px;
	text-align:center;
	color: #FFF;
}
/** Contact area for center **/
#contact-info #column-center h3{
		font-size:30px;
		text-align:center;
		color: #FFF;
}

#contact-info #column-center h1{
	font-size:20px;
	text-align:center;
	color: #FFF;
}

#contact-info #column-center h2{
	font-size:15px;
	text-align:center;
	color: #FFF;
}
/** Contact area for Right **/
#contact-info #column-right h3{
		font-size:30px;
		text-align:center;
		color: #FFF;
}

#contact-info #column-right h1{
	font-size:20px;
	text-align:center;
	color: #FFF;
}

#contact-info #column-right h2{
	font-size:15px;
	text-align:center;
	color: #FFF;
}