/*
CSS for Heavy Riders M.C.
Produced by Apachemedia
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #323232;
	
}
#main {
	width: 898px;
	height: 800px;
	margin: auto;
	background: url(../images/bgr_pyro_artificii.jpg) center top no-repeat;
	position: relative;
}
#logo {
	background: url(../images/logo_artificii.jpg) center top no-repeat; 
	width: 450px;
	height: 253px;
	top: 0px;
	left: 120px;
	z-index: 2;
	position: absolute;
}

#content {
	position: absolute;
	top: 310px;
	left: 20px;
	z-index: 2;
}
#contentm {
	position: absolute;
	top: 325px;
	left: 50px;
	z-index: 2;
}
#galerie {
	position: absolute;
	top: 200px;
	left: 700px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #CCCCCC;
	text-align: left
}

#menu {
	position: absolute;
	left: 50px;
	z-index: 2;
	top: -12px;
}

#footer {
	position: absolute;
	left: 55px;
	top: 780px;
	width: 820px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #d3cbb4;
}

#copyright {
	float: left;
	text-align: left;
}

#designby {
	float: right;
	text-align: right;
}

#designby a {
	color: #d3cbb4;
	text-decoration: none;
}

#designby a:hover {
color: #c7711c;
	text-decoration: none;
}

A {
  color: #d3cbb4;
  text-decoration: none;
}

A:hover {
  color: #c7711c;
  text-decoration: none;
}

#contact {
	position: absolute;
	left: 715px;
	top: 20px;
	width: 200px;
	line-height: 17px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #202020;
	float: left;
	text-align: left;
}

#meniu {
	position: absolute;
	left: 140px;
	top: 274px;
	width: 420px;
	z-index: 2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	float: left;
	text-align: left;
	color: #d3cbb4;
}
.rosu {
	FONT-SIZE: 11px; 
	COLOR: #c7711c; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold; 	
}
.rosu:hover {
  color: #202020;
  text-decoration: none;
}
.link {
  color: #d3cbb4;
  text-decoration: none;
}

.link:hover {
  color: #c7711c;
  text-decoration: none;
}
.linkcrem {
  color: #c7711c;
  text-decoration: none;
}

.linkcrem:hover {
  color: #202020;
  text-decoration: none;
 }
.newsTitle1{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
	color: #c7711c;
	float:left;
	padding: 0 5px 0 5px;
}

.newsTitle2{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #c7711c;
	float:left;
	padding: 0 5px 0 5px;
}


.newsData1{
	text-align:right;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #6e6e6e;
	margin-bottom:3px;
	padding: 0 5px 0 5px;
}
	
.newsData2{
	text-align:right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #6e6e6e;
	margin-bottom:3px;
	padding: 0 5px 0 5px;
}
	
.newsResume1{
	text-align: justify;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #202020;
	margin-bottom:10px;
	padding: 0 5px 0 5px;
}
.newsResume2{
	text-align: justify;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #202020;
	margin-bottom:10px;
	padding: 0 5px 0 5px;
}

.newsContent{
	width:550px;
	float:left;
	clear:left;
	margin-right:0px; 
	padding:2px;
}
.news{
	margin:0 20px 0 20px;
	float:left;
}
	
.news img{
	width:100px;
	height:75px;
	margin: 2px 0 0 0 ;
	/*border: 1px solid #000;*/
}
	
.news span{
	padding:250px 20px 0 20px;
	text-align:right;
}
	
.news p{
	margin-bottom:10px;
	text-align: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	border-bottom: 2px dotted #aaa;
	color:#eb7c22;
}
#header{
z-index: 50;
}