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

*{ margin:0; padding:0;}

body{ margin:0; padding:0; position:relative;}

.container{ height:700px; margin:0 auto; padding:0; max-width:1400px; background:url(images/bac.jpg) no-repeat top right ;}

#logo{height:80px;
width:283px;
background:#000;
margin-left:40px;
text-align:center;
padding-top:5px;}

#logo img{ height:auto; width:auto;}

#nav{height:335px;
width:283px;
background:url(images/nav1.png) no-repeat;
background:#a7a7a8;
float:left;
margin-left:40px;
margin-top:0px;
opacity:.7;
margin-bottom:30px;
}

#nav ul li{color:#023000;
margin-top:12px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding:2px 10px 15px 0;
border-bottom:2px solid #323232;
}

#nav ul li a{
color:#fff;
margin-left:20px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
font-weight:bold;
}

#nav ul li a:hover{
margin-left:20px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.box {
		width:1200px;
		margin: 0 auto;
		padding:0 6%;
}
#content{height:auto;
width:63%;
margin-left:40px;
margin-top:365px;
}

#content h5{font-family:Arial, Helvetica, sans-serif;
font-size:42px;
color:#4f4e4e;
margin-left:5px;
}

#content h6{font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#4f4e4e;
margin-left:5px;
margin-top:10px;
}

#content p{font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#4f4e4e;
margin-left:5px;
line-height:22px;
margin-top:5px;
}

#content hr{color:#e6e6e6;
margin-top:4px;}

#footer
{
height:100%;
overflow: hidden;
bottom:0;

}

#footer p{
float:left;
margin-top:13px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;

}

#footer ul{float:right;
margin-top:8px;
}

#footer ul li{float:left;
list-style:none;
margin-left:15px;
}

.showcase {
		width:100%;
		height:467px;
		margin-bottom:20px;
		 
		 
		float:left;
}
.box {
		width:auto;
		margin: 0 auto;
}

.footer {
		width:100%;
		float:left;
		overflow: hidden;
		bottom:0;
		background:#a7a7a8;
		height:100%;
		
}


@media screen and (min-width:980px) and (max-width:1000px)
{
	body{ padding:0; margin:0;}
	
	.footer{ margin-bottom:0; height:100%; margin-top:70%;}
	
	.container{ height:900px;margin:0 auto; padding:0; max-width:1400px; background:url(images/bacs.jpg) no-repeat top right;}
	.box{width:94%;}
	}
	
	
	@media screen and (max-width:1100px) and (min-width:1001px)
{
	body{ padding:0; margin:0;}
	
	.footer{ margin-bottom:0; height:100%; }
	
	.container{height:900px; margin:0 auto; padding:0; max-width:1400px; background:url(images/bacss.jpg) no-repeat top right;}
	.box{width:94%;}
	}
	
	@media screen and (min-width:1101px) and (max-width:1200px)
{
	body{ padding:0; margin:0;}
	
	.footer{ margin-bottom:0; height:100%; }
	
	.container{ height:900px;margin:0 auto; padding:0; max-width:1400px; background:url(images/bacss2.jpg) no-repeat top right;}
	.box{width:94%;}
	}
	
	
	@media screen and (max-width:1365px) and (min-width:1200px)
{
	body{ padding:0; margin:0;}
	
	.footer{ margin-bottom:0; height:100%; }
	
	.container{ height:900px;margin:0 auto; padding:0; max-width:1400px; background:url(images/bacsss.jpg) no-repeat top right;}
	.box{width:94%;}
	}
	
	
	
	@media screen and (max-width:900px) and (min-width:800px)
	{ .container{ height:900px;margin:0 auto; padding:0; max-width:1400px; background:url(images/bacss1.jpg) no-repeat top right;}.box{width:94%;}}
	
	@media screen and (max-width:980px) and (min-width:901px)
	{ .container{ height:900px;margin:0 auto; padding:0; max-width:1400px; background:url(images/bacss3.jpg) no-repeat top right;}.box{width:94%;}}
	
	
	@media screen and (max-width:1441px) and (min-width:1367px)
	{ 
	body{ padding:0; margin:0;}
	
	.footer{ margin-bottom:0; height:100%; margin-top:3.3%; }
	
	.container{ height:900px; margin:0 auto; padding:0; max-width:1400px; background:url(images/bacsss1.jpg) no-repeat top right;}
	.box{width:94%;}
	
	}