body {background-color:#000000;}



#container {
position:relative;
top:3pt;
margin-left:auto;
margin-right:auto;
width:963px;

}


#banner {
	position:absolute;
	border: 3px solid #fff;
	top: -5px;
	left: center;
	
}

#menu {
	font: normal 75% verdana;
	position:absolute;
	top: 102px;
	left:center;
	z-index:11;
}

#menugallery { 
font: normal 75% verdana;
position:absolute;
top:150px;
left:center;}


#bgmenu {
    position:absolute;
	border: 3px solid #fff;
	top: 118px;
	left: center;
}

#mainbox {
	font: normal 20px Garamond;
	position:relative;
	border: 3px solid #fff;
	top: 150px;
	left: center;
	height: 470px;
	width:963px;
	background-image:url(images/mbackground.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	overflow:auto;
	background-color: #000000;
}
	
#mainbox_heart {
	font: normal 20px Garamond;
	position:relative;
	border: 3px solid #fff;
	top: 150px;
	left: center;
	height: 470px;
	width:963px;
	background-image:url(images/heart_background.jpg);
	overflow:auto;}
	
#mainbox_home {
	font: normal 20px Garamond;
	position:relative;
	border: 3px solid #fff;
	top: 150px;
	left: center;
	height: 470px;
	width:963px;
	background-color:#000000;
	overflow:auto;}
	

.submenu {
	padding-left:1px;
	
	
}

#menu2 {
	width:549px;
	position:absolute;
	font:Arial, Helvetica, sans-serif;
	font-color:#CCCCCC;
	top: 626px;
	}
#signnews{
    color:#FFFFFF;
    position:absolute;
	top:626px;
	left:745px;}
#sign {
    position:absolute;
    top:645px;
	left:746px;}
	

#jmedeiros {

margin-left: 5px;
margin-top: 5px;
float:left;

}

img.JM  {/* header element float */

  float: left;

  width: 200 px;

  margin: 1em 1em 1em 1em;
  
  

  }
 

  
img.factory  {/* header element float */

  float: none;

  width: 200 px;

  margin: 2em 1em 1em 1em;
  
  border: 2px solid #000;

  }
 
#adressbox{
background-color:#D1D1D1;
position:absolute;
top:250px;
left:279px; 
text-align: center;
width:400px;
border: 2px solid #000;
padding-bottom:15px;
padding-top:10px;
}

#contacts { 
background-color:#D1D1D1;
position:absolute;
top:60px;
left:440px;
width:479px;
border: 2px solid #000;
text-align:left;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
padding-top:10px;
}



#btapply{
font:normal 18px Garamond;
position:absolute;
top:440px;
left:360px;}

#btmap{
font:normal 18px Garamond;
position:absolute;
top:440px;
left:480px;}

a.bt{
text-decoration:none;
color:#0000FF;}
a:hover.bt{
background-image:url(images/affect.png);
color:#8DACF3;}

p {
    
	margin: 30px;
	text-align: justify;
	font-size:18px;
}

.ajm{ 	
 	margin-right:30px;
	margin-left:30px;
	margin-bottom:10px;
	text-align: justify;
	font-size:18px;}

h1{margin:17px;}
h2{margin:17px;
text-indent:20px;}
h3{margin-left:30px;
margin-top:10px;}
h4{left:30px;
margin-top:10px;}




a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #0066FF;
}

a.bmenu{
 color:#CCCCCC;
 }
 
.style3 {color: #CCCCCC}

a:hover.bmenu{ color:#FFFFFF;}

#showstb{
	color:#000000;
	position:absolute;
	left:55pt;
	top:5pt;
	width: 820px;
	height: 87px;
}

#eventstb{
	color:#000000;
	position:absolute;
	left:55pt;
	top:30pt;
	width: 830px;
	height: 87px;
}

#gallery{
position:absolute;
top:30pt;
left:175pt;

}

.care1 {margin:center;
margin-top: 20px;

}

.care2{ margin-top:-15px;}

.care0{margin-left:230px;}
.care {margin-left: 230px;
}

#care{float:left;
margin-top:50px;
margin-right:10px;
margin-left:10px;
width:200px;
height:200px;

}


#efeito		{
		border: 4px solid #000;
		width: 200px; height: 200px;
		overflow: hidden;
		background:url(http://www.johnmedeiros.com/08/images/care.jpg) top left no-repeat;
		display:block;
		text-indent: 10000px;
		
		}
		
#efeito:hover	{
		width:683px;
		height:450px;
		background-position:left;
		}


		
.btreg	{
		position:absolute;
		margin-left: 17px;
		margin-top:20px;}
		
.reg { text-indent: -12px;}

.press {
		position:absolute;
		margin-left:88px;
		margin-top:100px;
		}


		
/* Retailer area menu */

#remenu{ font: normal 62.5% verdana;
position:absolute;
margin-top: 25px;
margin-left:5px;
z-index:2;}



ul.menubar ul.vmenu
{
   display: none;
   position: absolute;
   margin: 0px;
}

ul.vmenu,
ul.vmenu ul
{
   margin: 0;
   padding: 0;
   width: 130px; /* Width of Menu Items */
   background-color: #FFFFFF; /* IE6 Bug */
}

ul.vmenu li
{
   position: relative;
   list-style: none;
   border: 0px;
}

ul.vmenu li a
{
   display: block;
   text-decoration: none;
   border-bottom: 0px;
   color: #777;
   padding: 5px 10px 5px 5px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.vmenu li { float: left; height: 1%; }
* html ul.vmenu li a { height: 1%; }
/* End */

ul.vmenu ul
{
   position: absolute;
   display: none;
   left: 130px; /* Set 1px less than menu width */
   top: 0px;
}

ul.vmenu li.smenu ul { display: none; } /* Hide sub-menus initially */

ul.vmenu li.smenu { background: transparent url(arrow.gif) right center no-repeat;}

ul.vmenu li a:hover { color: #E2144A;
					  background-color:#E6E6E6; }
					  
/* End Retailer area menu */
					  


/*adslicks gallery*/

#adslicks {
position:absolute;
width:600px;
margin-top:10pt;
margin-left:270px;
z-index:1;
}
.contenedorfoto {
background-color:#000;
border-bottom:1px solid #A5A7AA;
border-right:1px solid #fff;
float:left;
width:115px;
height:150px;
margin:10px;
padding:5px;
text-align:center;
}
.contenedorfoto a {
text-decoration:none;
}
.contenedorfoto span {
position:absolute;
width:115px;
text-align:center;
margin-top:8px;
margin-left: -55px;
color:#000;
font-family:Garamond;
font-size:9pt;
}
/*end of adslicks gallery*/

#rank {position:absolute;
float:left;
width:720px;
margin-top:10pt;
margin-left: 150pt;
text-align: justify;
padding-bottom:30px;
}

#title { position:absolute;
margin-left:230pt;
margin-top:40pt;
font-size:300%;
}

#menubanner {position:absolute;}

.style4 {font-size: 18px}
.style6 {margin: 30px; font-size: 18px; }
.style7 {text-align: center; font-size: 18px; }
.style9 {
	font-size: 20px;
	font-family:Garamond;
	text-align:center;
	width:50px;
	font-weight:normal;
}

#album_header_div {margin:166px;

width:605px;}

.sign {
border-style:groove;
background-color:#BAB98B;}


.fb{border:none;
margin-left:500px;
margin-top:-30px}

.tw{border:none;
margin-left:538px;
margin-top:-33px}

.wp{border:none;
margin-left:573px;
margin-top:-35px}

.yt{border:none;
margin-left:610px;
margin-top:-37px}


#bg_banner{
position:relative;}

#tv_bt{
position:absolute;
margin-top:-65px;
margin-left:780px;}

#displaybox {
	z-index: 10000;
	filter: alpha(opacity=80); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* IE */
	-moz-opacity: .80; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}