html,body{margin:0;padding:0;

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

}

h1 {

position: relative;
letter-spacing: 1px; /* This will push it together giving us a nice 3D vibe */
color: rgba(0,0,255,0.5); /* This will give us a blue at 50% opacity */
}

select {
   color:white;
   font-weight:bold;
   background: red;
   border: none;
      -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
   border-radius: 13px;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

body{
	font: 76% arial, helvetica, sans-serif; text-align:justify;
	
		line-height:19px;
	}

p{margin:0 10px 10px}

a{padding:5px; text-decoration:none; color:#000000;}


div#header{background-color:#F3F2ED; height:20px; }

div#header12{float:left; width:1300px;height:183px; margin:0 auto}
div#header1{float:left; width:800px;height:183px; margin:0 auto}
div#header2{float:left; width:500px;height:183px; margin:0 auto}

div#container{text-align:left}

div#content p{line-height:1.4}

div#offer {
	background:#9AF89E; 
	height:250px;
	}

div#news {background:#9AF89E; }

div#home {height:35px; 
 line-height: 35px;
 text-align:center; 
 border-radius:35px; 
 background:yellow; 
  }

div#posttitle {height:100px; 
 line-height: 50px;
 text-align:center; 
 border-radius:10px; 
 background:purple; 
 color:red;} 
 
div#extra{background:lightgrey;}   /** # CCC8B3 **/

div#singpost{background:#CCC8B3; width:570px; margin:  10px auto;}

div#footer{background:#BFBD93;}

div#footer p{margin:0;padding:5px 10px}

div#container{width:1300px;margin:0 auto}

/** div#navigation{background:#F6F0E0;} **/

div#navigation{float:left;width:195px; 
border-top:1px solid black;
border-radius: 5px;
background-color:lightgrey;



}

div#navigation ul{margin:15px 0; padding:0; list-style-type:none;}
div#navigation li{margin-bottom:5px;}


div#banner2{float:left;width:250px;  padding:1px; 
border:1px solid black;
border-radius: 5px;

background-color: lightgrey;

}

div#banner1{float:left;width:250px; background-color: lightgrey; padding:1px; 
border:1px solid black;
border-radius: 5px;
}

div#extra{float:left;width:595px; border:1px solid black; border-radius: 5px; }


div#extraset{ margin:5px; border-radius: 12px;
background-color:#EFEBEB;

-webkit-box-shadow: 0px 0px 15px 3px rgba(148,148,148,1);
-moz-box-shadow: 0px 0px 15px 3px rgba(148,148,148,1);
box-shadow: 0px 0px 15px 3px rgba(148,148,148,1);

}

div#footer{clear:both;width:100%;}


a:hover, a:active  {
		background-color: red;
		color:white;
	    text-decoration: underline;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: red;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
	
	border-radius: 5px;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;
	border-radius: 5px;
}

ul.pagination li a:hover:not(.active) {background-color: #dfd; border-radius: 5px;}



div#readmore {
    background-color: green;
    text-color: yellow;
    padding: 1px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 12px;
	font-weight:bold;
    transition: 0.4s;
}

div#bidartitle {
    background-color: yellow;
    padding: 1px;
	text-align:center;
    width: 99.5%;
    font-size: 12px;
	font-weight:bold;
    transition: 0.4s;
}
