body
{
  background:#580058;
  width:90%;
  height:100%;
  background:url(images/background.jpg);

background-attachment:fixed;
}
#image
{
 position:absolute;
 top:270px;
 left:210px;
 width:100px;
 height:100px;
}

#contact
{
position:absolute;
   left:1040px;
   top:370px;
   width:30px;
   font-size:10px;
   height:90px;
   padding-top:10px;
   padding-left:0px;
   padding-bottom:10px;
   
  
    
	 
	  cursor:pointer;

}
 
#box
{    

    width:800px;
   height:400px;
   position:absolute;
	top:740px;
	left:150px;
    background:url(images/footer.png) no-repeat ;

}
#footer
{
    position:absolute;
	font-size:16px;
	top:1100px;
	left:490px;
    font:#FFFFFF;	
}
#name{
    position:absolute;
	margin-top:100px;
	margin-left:200px;
	font:#FFFFFF;
}
#footer_menu

{
  position:absolute;
  margin-top:50px;
  margin-left:160px;
  font-size:18px #8B008B;
  font:#8B008B arial;
}
hr{
 width:20%;
 margin-top:120px;
 margin-left:200px;
 color:#FFFFFF;
}
ul.nav
{ 
  position:absolute;
  
   margin-left:2px;
}
 li
{
    font:#FFFFFF;
   list-style:none;
}
li a
{
 text-decoration:none;
   font:#FFFFFF;

}
li a hover
{
font:#FFFFFF;
 background-color:#2f2e28;
}
#h1
{
  width:50%;
 margin-top:2px;
 margin-left:-4px;
 color:#FFFFFF;
}
#footer_menu1{
    border-left: 1px solid #2f2e28;
	position:absolute;
  margin-top:50px;
  margin-left:390px;
  font:18px #8B008B;
  
}
#h2
{
    width:80%;
 margin-top:2px;
 margin-left:20px;
 color:#FFFFFF;
}
#footer_menu2{
    border-left: 1px solid #2f2e28;
	position:absolute;
  margin-top:50px;
  margin-left:610px;
  
  
}
#h3
{
    width:50%;
 margin-top:2px;
 margin-left:20px;
 color:#FFFFFF;
}
ul#navigation {

    position: fixed;
    margin: 20px;
    padding: 0px;
    top: 190px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;    
    background-color:#FFF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
ul#navigation .home a{
    background-image: url(images/products.png);
}
ul#navigation .about a      {
    background-image: url(images/services.png);
}
ul#navigation .search a      {
    background-image: url(images/clients.png);
}
ul#navigation .photos a      {
    background-image: url(images/ABOUT.png);
}

.cube {
        position: relative;
        top: 250px;
         left:1030px;
		width:75px;
}

.rightFace,
.leftFace,
.topFace div {
        
        padding: 10px;
        width: 80px;
        height: 50px;
}

.rightFace,
.leftFace,
.topFace {
        position: absolute;
		width:90px;
		top:15px;
		height:50px;
		 -webkit-box-shadow: inset 0 0 1px #333;
    -moz-box-shadow: inset 0 0 1px #333;
    text-shadow: 0 -1px 1px black;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
		
}

.leftFace {
        -webkit-transform: skewY(30deg);
        -moz-transform: skewY(30deg);
        background-color: #ccc;
		left:5px;
		 -webkit-box-shadow: inset 0 0 1px #333;
    -moz-box-shadow: inset 0 0 1px #333;
    text-shadow: 0 -1px 1px black;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.rightFace {
        -webkit-transform: skewY(-30deg);
        -moz-transform: skewY(-30deg);
        background-color: #ddd;
        left:114px;
		font-size: 17px;
}

.topFace div {
        -webkit-transform: skewY(-30deg) scaleY(1.16);
        -moz-transform: skewY(-30deg) scaleY(1.16);
        background-color: #eee;
        font-size: 15px;
	    width:90px;
		height:90px;
		 -webkit-box-shadow: inset 0 0 1px #333;
    -moz-box-shadow: inset 0 0 1px #333;
    text-shadow: 0 -1px 1px black;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.topFace {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        top: -64px;
		left:90px;
			
		 -webkit-box-shadow: inset 0 0 1px #333;
    -moz-box-shadow: inset 0 0 1px #333;
    text-shadow: 0 -1px 1px black;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
#header
{
   position:absolute;
   top:0%;
   left:12%;
   width:65%;
  
   
}
#Conta
{
   position:absolute;
   width:300px;
   margin-left:10px;
   margin-left:20px;
}

#cont { height:300; position:absolute;padding:20px 0 20px 0 ;  top:800px; left:205px;}
#cont .box { float:left; width:250px; background:#6D7B8D; margin-right:27px; border:1px solid #e9e9e9; padding-bottom:11px; display:inline;border:1px #2f2e28;
-webkit-border-radius:5px;color:#ffffff;
-webkit-box-shadow:2px 2px 2px #ffffff;   }
#cont .last { margin-right:0; position:relative;  }
#cont h3 { padding:14px 0 6px 0; border-bottom:1px solid #c8c7c7 ; margin:0 16px;   }
.content { padding:9px 16px 0 16px; height:164px;   }
.content img { float:left; margin-top:3px; margin-right:7px; border:2px solid #a9a9a9;  }
.content p, .content a.gray { color:#ffffff; }

a.button-small { margin-left:16px;  cursor:pointer;   }
a.button-small span,
a.button-small { float:left; height:25px; background:url('images/button-small.gif') no-repeat 0 0; padding:0 0 0 17px; color:#fff; font-size:11px; line-height:25px; text-decoration:none; }

a.button-small span { background-position: right 0; padding:0 16px 0 0; }