/* ::. In The Name of ALLAH The Most Beneficient oF The Most Merciful .:: */
body {
	padding: 0;
	margin: 0;
	background: black; font:
	background: -moz-linear-gradient(top, black -600px, #1E4858);
	background: -webkit-gradient(linear, left top, left bottom, from(black), to(#1E4858));
	background-position: center top;
}
h1 {
    font:bold 15px Arial, Helvetica, sans-serif;
    text-align:center;
    background:#1E4858; 
	background: -moz-linear-gradient(top, #1E4858 15px, black);
	background: -webkit-gradient(linear, left top, left bottom, from(#1E4858), to(black));
    padding:10px 0 10px 0;
    margin:0 0 10px 0;
	border-radius:10px 10px 0 0;  
}
h2 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#1C4352;
	width:100%; 
	float: left;
	margin:10px;

}
h3 {
	color:#282828;
	font:bold 15px Arial, Helvetica, sans-serif;
}
h4 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#F0002D;
	width:100%; 
}
p {
	font:13px Arial, Helvetica, sans-serif;
	color:black;
	margin: 0; 
	padding: 0; 
	line-height:20px;
}
#Main-Wrapper {
	width: 997px;
	margin:auto;
	position: relative;
	text-align: left;
	background-color:#1E4858;
	border: 0px solid white;
}
#Top-Wrapper {
	width: 977px;
	height: auto;
	background: #FFF;
	margin:0px 10px;
	position: relative;
	float: left;
	text-align: left;
	color: white;
	border: 0px solid red;
}
/* Head */
.Header {
	width: 977px;
	height: 135px;
	float: left; 
	background: url(../images/header.jpg);
	border: 0px solid green;
}
.Nav-Horizontal {
	width: 450px;
	height: 40px;
	float: right;
	margin: 10px;
	border: 0px yellow solid;
}
.Nav-Horizontal ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px solid orange;
}
.Nav-Horizontal ul li {
	width: 80px;
	display: inline;
	text-align: center;
	float: left;
	background: #AB0101;
	border-radius: 10px 10px 0px 0px;
	border: 0px solid green;
	margin: 0 2px;
}
.Nav-Horizontal ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 8px 12px 8px 12px;
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
}
.Nav-Horizontal ul li a:hover {
	border-radius: 10px 10px 0px 0px;
	background-color: red;
}
.Slider-Section {
	width: 977px;
	height: 350px;
	float: left;
	border: 0px solid orange;
}
/* Head End */
/*Footer*/
#Footer {
	width: 977px;
	height: 290px;
	margin:0 10px;
	background: -moz-linear-gradient(top, black 50px, #1E4858);
	background: -webkit-gradient(linear, left top, left bottom, from(black), to(#0E232B));
	background-position: bottom;
	clear: both;
	border: 0px solid yellow;
}
/* Navigation Vertical Start */
.Nav-Vertical {
	width: 200px;
	height: 210px;
	float: left;
	margin: 10px 30px;
	border: 0px groove white;
}
.Nav-Vertical a {
	color: #FFF;
	font: 14px arial;
	text-align: left;
	text-decoration: none;
	display: block;
	margin: 5px 10px 0px 15px;
	padding: 5px 15px;
	border-bottom: solid 1.5px #4A798B;
}
.Nav-Vertical a:hover {
	background-color: #4a798b;
}
.Nav-Vertical h1 {
	font: bold 18px georgia;
	text-align: left;
	color: white;
	background:none;
	margin-left: 15px;
}
/* Navigation Vertical End */
/* Social link */
.Social-Link {
	width: 200px;
	height: 40px;
	float: left;
	margin: 20px 0px;
	border: 0px solid white;
}
.Social-Link img {
	width: 40px;
	height: 40px;
	margin-left: 5px;
}
/*Contact form Start*/
div.Contact-Form {
	width: 300px;
	height: 250px;
	float: right;
	margin: 10px 30px;
	border: 0px solid white;
}
div.Contact-Form h1 {
	font: bold 18px georgia;
	text-align: left;
	color: white;
	background:none;
	margin-left: 10px;
}
div.maindiv {
	width: 280px;
	height: auto;
	margin: 0 5px;
	padding: 3px;
	border: 0px solid white;
}
div.Contact-Form label {
	color: #FFFFFF;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
}
div.Contact-Form input[type="text"] {
	width: 275px;
	height: 18px;
	color: #FFFFFF;
	background: #50778a;
	margin: 5px 0 10px 0;
	border: #8eb1c2 1px solid;
}
div.Contact-Form textarea {
	width: 275px;
	height: 85px;
	color: #FFFFFF;
	background: #50778a;
	margin: 5px 0 10px 0;
	border: #8eb1c2 1px solid;
}
div.Contact-Form input[type="submit"] {
	width: 80px;
	height: 20px;
	background: #DC8102;
	background: -moz-linear-gradient(top, #228eb3 1px, #15b3d8);
	background: -webkit-gradient(linear, left top, left bottom, from(#228eb3), to(#15b3d8));
	color: white;
	margin: 0 10px;
	font: bold 13px Arial, Helvetica, sans-serif;
	border-radius: 5px;
	border: green;
}
div.Contact-Form input[type="submit"]:hover {
	background: green;
	background: -moz-linear-gradient(top, #15b3d8 0px, #228eb3);
	background: -webkit-gradient(linear, left top, left bottom, from(#15b3d8), to(#228eb3));
	color: white
}
	/* Contact Form End */
/* Footer End */

.Content-Area {
	width: 957px;
	min-height:300px;
	float: left;
	margin: 10px;
	background:#F3F3F3;
	border:0px solid green;
}
.Introduction {
	width:907px;
	min-height:200px;
	float:left;
	margin:10px;
    padding:15px;
    background:#1E4858;
    border-radius:10px;
	background: -moz-linear-gradient(top, #1E4858 150px, #50778A);
	background: -webkit-gradient(linear, left top, left bottom, from(#1E4858), to(#50778A));
	border:0px solid black;
}
.Introduction h2 {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:white;
	line-height: 50px;
	margin:0; padding:0;
}
.Introduction p {
	color:white;
	font:14px "Berlin Sans FB";
	line-height: 20px;
}
.Home-Products {
	width: 306px;
	height: 150px;
	float: left;
	margin:5px;
	border:0px solid black;
}
.Home-Products img {
	width:130px;
	height:130px;
	float:left;
	margin:10px;
	border:2px solid #999999;
}
.Home-Products img:hover {border:2px solid red;}
.Home-Products h3 {
	color:#282828;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:65px 0 0 0;
}
/* Side bar */
.Side-Bar {
	width:200px;
	min-height:400px;
	float:left;
	border:0px solid black;
}
.Side-Bar a {
    color:white;
    font:14px Arial, Helvetica, sans-serif;
	display:block;
    text-decoration:none;
    padding:5px 0 5px 10px;
    background:#1E4858; 
	background: -moz-linear-gradient(top, #1E4858 5px, black); 
	background: -webkit-gradient(linear, left top, left bottom, from(#1E4858), to(black));
    border-bottom:1px solid #4A798B;
	
    
}
.Side-Bar a:hover {
    background:red;
    color:white;
}
.Side-Bar h1 {
    font:bold 15px Arial, Helvetica, sans-serif;
    text-align:center;
    background:black; 
	background: -moz-linear-gradient(top, #1E4858 10px, black);
	background: -webkit-gradient(linear, left top, left bottom, from(#1E4858), to(black));
    padding:10px 0 10px 0;
    margin:0;
	border-radius:10px 10px 0 0;
}
.Product-Area {
	width:720px;
	height:auto;
	float:right;
	margin:0 15px 0 0;
	border:0px solid black;
}
.Product-Area .Products  {
	width:170px;
	height:210px;
	float:left;
  margin:0 3px 10px 3px;
	background: #FFFFFF;
	border:2px solid #686868;
}
.Product-Area .Products img {
	width:170px;
	height:170px;
}
.Product-Area .Products .Name {
	width:170px;
	height:auto;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
	float:left;
	border:0px solid green;
}
.Product-Horizental {
	width:720px;
	height:200px;
	float:right;
	margin:10px 0;
	border:0px solid black;
}
.Product-Horizental img {
	width:170px;
	height:170px;
	float:left;
	margin:15px;
}
.Product-Horizental .Detail {
	width:515px;
	height:170px;
	float:right;
	margin:15px 0;
	border:0px solid red;
	}
div.Inquiry-Form {
	width: 400px;
	min-height: 250px;
	margin: 50px auto;
	border: 0px solid black;
}
div.maindiv {
	width: 380px;
	height: auto;
	margin: 0 5px;
	padding: 3px;
	border: 0px solid white;
}
div.Inquiry-Form label {
	color:black;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
}
div.Inquiry-Form input[type="text"] {
	width: 375px;
	height: 20px;
	color: black;
	margin: 5px 0 10px 0;
	border:#1E4858 1px solid; border-radius: 5px;
}
div.Inquiry-Form textarea {
	width: 375px;
	height: 85px;
	color: black;
	margin: 5px 0 10px 0;
	border: #1E4858 1px solid;
}
div.Inquiry-Form input[type="submit"] {
	width: 80px;
	height: 20px;
	background: #DC8102;
	background: -moz-linear-gradient(top, #228eb3 1px, #15b3d8);
	background: -webkit-gradient(linear, left top, left bottom, from(#228eb3), to(#15b3d8));
	color: white;
	margin: 0 10px;
	font: bold 13px Arial, Helvetica, sans-serif;
	border-radius: 5px;
	border: green;
}
div.Inquiry-Form input[type="submit"]:hover {
	background: green;
	background: -moz-linear-gradient(top, #15b3d8 0px, #228eb3);
	background: -webkit-gradient(linear, left top, left bottom, from(#15b3d8), to(#228eb3));
	color: white
}
/* Inquiry Form End */
.Contact {
	width:600px;
	height:auto;
	margin:0 auto;
	border:0px solid red;
}
.Contact img {
	float:right;

}