body{

	margin: 0;
	background-image: url("../images/bgimage-css.jpg");
	background-repeat: repeat-y;
        width:100%;
}

#bgimage {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
@media screen and (min-width: 1024px){
.header{

	background-image: url("../images/headerpng.png");
	width: 100%;
	min-width: 1300px;
	height: 149px;
	position: absolute;
	top: 0px;
	left: 0px;
	float: none;
	margin: 0px;
	background-repeat: no-repeat;
}

.footer{

	background-image: url("../images/footerpng.png");
	width: 100%;
	min-width: 1300px;
	height: 150px;
	position: relative;
	bottom: 0px;
	left: 0px;
	margin-top: 10px;
	background-repeat: no-repeat;
}

.fb
{
	position:absolute;
	height:61px;
	width:40px;
	left:600px;
	top:0px;
	background:url(../images/fbd.png) 0 0;
	background-repeat:no-repeat;
	cursor: pointer;
		
}
.fb:hover
{
	background:url(../images/fbd.png) 0 -61;
}.tw
{
	position:absolute;
	height:45px;
	width:64px;
	left:660px;
	top:5px;
	background:url(../images/twd.png) 0 0;
	background-repeat:no-repeat;
	cursor: pointer;
		
}
.tw:hover
{
	background:url(../images/twd.png) 0 -45;
}
.rs
{
	position:absolute;
	height:55px;
	width:57px;
	left:750px;
	top:0px;
	background:url(../images/rsd.png) 0 0;
	background-repeat:no-repeat;
	cursor: pointer;
		
}
.rs:hover
{
	background:url(../images/rsd.png) 0 -55;
}

.address
{
	position:absolute;
	top:0px;
	left:50px;
	color:white;
        font-family:""Trebuchet MS"";
	font-size:14px;
}
.leftfoot
{
	position:absolute;
	top:40px;
	width:350px;
	left:87px;
	height:100px;
	//border:1px solid #000;
	
}
.middlefoot
{
	position:absolute;
	top:50px;
}
.rightfoot
{
	position:absolute;
	top:40px;
	width:350px;
	left:1000px;
	height:100px;
	//border:1px solid #000;
	
}
.uppermiddle
{
	position:absolute;
	top:0px;
	height:55px;
}
.lowermiddle
{
	position:absolute;
	top:67px;
	left:470px;
	width:460px;
	height:20px;
	//border:1px solid #000;
	background-image:url(../images/dotted.png);
}
.copyright
{
	position:absolute;
	top:80px;
	left:580px;
	width:270px;
	height:20px;
	color:#6B6B6B;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.mail
{
	position:absolute;
	top:60px;
	
}
.email
{ position:absolute;
color:white;
	font-family:"Segoe UI";
	font-size:15px;
	top:70px;
	left:50px;
	font-family:"Trebuchet MS";

}

.navigation {

	position: absolute;
	min-width: 1200px;
	max-width: 100%;
	margin-left: 70px;
	top: 40px;
	min-height: 20px;
	//border: 1px solid black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.navigation li{
	display: inline;
	color: white;	
	margin-left:20px; 
	font-size: 18px;
	text-decoration: none;
}

.navigation a:link, a:visited{
	display: inline;
	color: white;	
	font-size: 18px;
	text-decoration: none;
}


.navigation a:hover, a:active{

	color: yellow;
}



.navigation ul{
	list-style-type: none;

}


.content {

	width: 1000px;
	top: 160px;
	position: relative;	
	margin: auto;
	//border: 1px solid black;
	min-height:800px;
	padding: 10px;
	
}
#blackLi {

	color: black;
	margin-left: 25px;
}


#blackLi:hover{	

	color: red;
}

#blackLiRight {

	color: black;
	//margin-left: 10px;
	margin-left:120px;
	margin-right:15px;
}


#blackLiRight:hover{	

	color: red;
}
}



@media screen and (max-width: 1024px) {

	.header{

	background-image: url("../images/header-smallpng.png");
	width: 100%;
	min-width: 1000px;
	height: 109px;
	position: absolute;
	top: 0px;
	left: 0px;
	float: none;
	margin: 0px;
	background-repeat: no-repeat;
	overflow-x: hidden;
}

.footer{

	background-image: url("../images/footer-smallpng.png");	
	width: 100%;
	min-width: 1000px;
	height: 150px;
	position: relative;
	bottom: 0px;
	left: 0px;
	margin: 0px;
	margin-top: 10px;

	background-repeat: no-repeat;
	background-position: bottom;
}



.navigation {

	position: absolute;
	width: 990px;
	margin: 0px;
	top: 15px;
	//border: 1px solid black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	overflow-x: hidden;
}

.navigation li{
	display: inline;
	color: white;	
	margin-left:17px; 
	text-decoration: none;
}

.navigation a:link, a:visited{
	display: inline;
	color: white;	
	font-size: 16px;
	text-decoration: none;
}


.navigation a:hover, a:active{

	color: yellow;
}



.navigation ul{
	list-style-type: none;

}


.content {

	width: 980px;
	top: 160px;
	position: relative;	
	margin: auto;
	//border: 1px solid black;
	min-height:800px;
	padding: 10px;
	overflow-x: hidden;
	
}
#blackLi {

	color: black;
	margin-left: 2px;
}


#blackLi:hover{	

	color: red;
}

#blackLiRight {

	color: black;
	margin-left:60px;
	margin-right:5px;
}


#blackLiRight:hover{	

	color: red;
}

.fb
{
	position:absolute;
	height:50px;
	width:33px;
	left:410px;
	top:17px;
	background:url(../images/fbsmall.png) 0 0;
	background-repeat:no-repeat;
	cursor: pointer;
		
}
.fb:hover
{
	background:url(../images/fbsmall.png) 0 -50;
}.tw
{
	position:absolute;
	height:45px;
	width:64px;
	left:470px;
	top:18px;
	background:url(../images/tw.png) 0 0;
	background-repeat:no-repeat;
	cursor: pointer;
		
}
.tw:hover
{
	background:url(../images/tw.png) 0 -45;
}
.rs
{
	position:absolute;
	height:55px;
	width:57px;
	left:560px;
	top:13px;
	background:url(../images/rs.png) 0 0;
	background-repeat:no-repeat;
	cursor: pointer;
		
}
.rs:hover
{
	background:url(../images/rs.png) 0 -55;
}

.address
{
	position:absolute;
	top:0px;
	left:50px;
	color:white;
	
	font-size:14px;
	font-family:"Trebuchet MS";
}
.leftfoot
{
	position:absolute;
	top:52px;
	width:350px;
	left:25px;
	height:100px;
}
.middlefoot
{
	position:absolute;
	top:50px;
}
.rightfoot
{
	position:absolute;
	top:60px;
	width:300px;
	left:700px;
	//height:100px;
	//border:1px solid #000;
	
	}
.uppermiddle
{
	position:absolute;
	top:0px;
	height:55px;
}
.lowermiddle
{
	position:absolute;
	top:67px;
	left:270px;
	width:420px;
	height:20px;
	//border:1px solid #000;
	background-image:url(../images/dotted.png);
}
.copyright
{
	position:absolute;
	top:80px;
	left:400px;
	width:270px;
	height:20px;
	color:#6B6B6B;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.mail
{
	position:absolute;
	top:55px;
}
.email
{ position:absolute;
color:white;
	font-family:"Segoe UI";
	font-size:15px;
	top:65px;
	left:50px;
	font-family:"Trebuchet MS";

}

}