﻿/*General Properties*/

*{outline: none;}
img{border: none;}

*{
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
}

body{
	background-color:white;
}

a, a:link , a:visited , a:active {
	text-decoration:none;
}


a:hover{
	cursor:pointer;
}

label{
	color:red;
}


.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.center{
	width:1000px;
	margin:auto;
}

ul{
	list-style:none;
}

/*--------------------------------*/

#header{
	width:1000px;
	margin:auto;
	border-bottom:3px black solid;
}

#header .left{
	width:400px;
	padding:30px 0px;
}

#header .right ul li{
	list-style:none;
	float:left;
}

#header .right a{
	color:black;
	font-size:14px;
	font-weight:400;
	display:block;
	text-align:center;
	padding:40px 26px;
}

#header .right a:hover{
	background-color:black;
	color:white;
}
/*--------------------------------*/

#banner{
	width:100%;
	margin:auto;
	background-image:url('../images/banner.jpg');
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;

	background-repeat:no-repeat;
	height:600px;
	color:white;
	text-align:center;
}

#bannerin{
	width:100%;
	margin:auto;
	background-color:rgba(0,0,0,0.5);
	height:600px;
}

#banner .center{
	padding-top:180px;
}

#banner span{
	display:block;
}

#banner span{
	font-size:70px;
	font-weight:700;
}

#banner p{
	font-size:25px;
	margin-top:20px;
}

#banner a{
	display:inline-block;
	color:white;
	padding:10px 40px;
	font-size:18px;
	margin-top:30px;
	border:5px white double;
}

#banner a:hover{
	background-color:white;
	color:black;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
}

/*--------------------------------*/

#middle{
	width:1000px;
	margin:auto;
	height:600px;
	padding-top:70px;
}

#middle .left{
	width:450px;
	text-align:center;
}

#middle .right{
	width:500px;	
}

#middle .right h2{
	font-size:40px;
	font-weight:400;
	border-bottom:3px black solid;
}

#middle .right p{
	font-size:18px;
	font-weight:400;
	text-align:justify;
	margin:10px 0px;
	line-height:25px;
}

#middle .right a{
	background-color:black;
	color:white;
	display:block;
	text-align:center;
	width:250px;
	padding:10px 0px;
	font-size:20px;
	font-weight:400;
	margin:50px 0px;
}
/*--------------------------------*/

#about{
	width:100%;
	margin:auto;
	background-image:url('../images/11janFinal Images/low/home.jpg');
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;

	background-repeat:no-repeat;
	height:650px;

}

#aboutin{
	width:1000px;
	margin:auto;
	text-align:center;
}

#aboutin h2{
	font-size:50px;
	font-weight:400;
	color:white;
	border-bottom:3px white solid;
	display:inline-block;
	margin-top:100px;
}

#aboutin p{
	font-size:20px;
	font-weight:400;
	text-align:justify;
	margin:40px 0px;
	line-height:30px;
	color:white;
}

/*--------------------------------*/

#products{
	width:1000px;
	margin:auto;
	height:600px;
	text-align:center;
}

#products h2{
	font-size:40px;
	font-weight:400;
	border-bottom:3px black solid;
	display:inline-block;
	margin-top:100px;
}

#products a{
	width:250px;
	text-align:center;
	float:left;
	margin:40px 0px;
	color:black;
	padding:50px 0px;
}

#products a img{
	width:200px;
	height:200px;
	border-radius:50%;
}

#products p{
	margin:5px 0px;
}
/*--------------------------------*/

#bottom{
	width:100%;
	margin:auto;
	background-color:black;
}

#bottomin{
	width:1000px;
	margin:auto;
	height:400px;
}

#bottomin .left{
	width:500px;
}

#bootmin .left ul{
	margin:20px 0px;
}

#bottomin .left ul li{
	list-style:none;
	color:white;
	font-size:15px;
	font-weight:400;
	margin:35px 0px;
}

#bottomin .left ul li img{
	float:left;
	width:25px;
	height:25px;
}

#bottomin .left ul li span{
	display:inline-block;
	margin-left:10px;
	margin-top:3px;
}

#bottomin .right{
	margin:20px 0px;
}

/*--------------------------------*/

#footer{
	width:1000px;
	margin:auto;
	padding:20px 0px;
	border-top:3px white solid;
	color:white;
	font-size:12px;
	font-weight:400;
}

#footer a{
	color:white;
}

#footer a:hover{
	text-decoration:underline;
}

/*--------------------------------*/

#container{
	padding:30px 0;
	min-height:400px;
}

#container h2{
	text-align:center;
	font-size:40px;
	font-weight:400;
	background-color:black;
	color:white;
	padding:15px 0;
}

#aboutcon{
	margin:50px 0;
}

#aboutcon .left{
	width:300px;
}

#aboutcon .left img{
	width:300px;
	height:300px;
	border-radius:50%;
}

#aboutcon .right{
	width:650px;
}

#aboutcon .right p{
	font-size:14px;
	line-height:22px;
	text-align:justify;
	margin-bottom:20px;
}

/*--------------------------------*/

.layer{
	border-bottom:1px black solid;
	padding:40px 0;
}

.layer:last-child{
	border-bottom:none;
}

.layer .left{
	width:200px;
}

.layer .left img{
	width:200px;
	height:200px;
	margin-top:20px;
	border-radius:50%;
}

.layer .right{
	width:750px;
}

.layer h3{
	font-size:25px;
}

.layer p{
	font-size:14px;
	line-height:20px;
	text-align:justify;
	margin:20px 0;
}

.layer a{
	background-color:black;
	color:white;
	font-size:14px;
	display:inline-block;
	padding:5px 20px;
}

/*--------------------------------*/

#contactform{
	padding:30px 0;
}

#contactform .left ul li{
	font-size:15px;
}

#contactform .left ul li:nth-child(odd){
	font-weight:700;
}

#contactform .left ul li input[type=text]{
	width:400px;
	padding:7px 5px;
	margin:10px 0 30px;
}

#contactform .left ul li textarea{
	width:400px;
	padding:7px 5px;
	height:100px;
	margin:10px 0 30px;
}

#contactform .left ul li input[type=submit]{
	background-color:black;
	color:white;
	border:none;
	padding:10px 50px;
	cursor:pointer;
}

#contactform .right{
	width:340px;
}

#contactform .right ul li{
	float:left;
	width:160px;
	font-size:14px;
	margin:10px 0;
}

#contactform .right ul li:nth-child(odd){
	font-weight:700;
}

#contactform .right ul li:nth-child(even){
}

#contactform .right ul li img{
	width:25px;
	height:25px;
	float:left;
}

#contactform .right ul li span{
	display:inline-block;
	margin-top:3px;
	margin-left:3px;
}

/*--------------------------------*/

#productsin{
	width:1000px;
	margin:auto;
	text-align:center;
	border-top:3px black solid;
}

#productsin a{
	width:250px;
	text-align:center;
	float:left;
	color:black;
	padding-top:50px;
}

#productsin a img{
	width:200px;
	height:200px;
	border-radius:50%;
}

#productsin p{
	margin:5px 0px;
}
/*--------------------------------*/
