/**************** Body and tag styles ****************/
* {
		padding: 0; 
	margin: 0 ;

}

body{

padding: 0; 
margin: 0 ;
font:86% Arial,Verdana,Tahoma,sans-serif;
line-height:1.4em;
background:#fff;
margin-bottom:50px

}

a{
color:#FFF;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#FFF; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.2em 0;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------------------------------------------------------------------- */


/**************** Header and navigation styles ****************/



#container{

width:500px;
margin:40px auto;
padding:0px 0;



color:#fff;
font-size:13px;

}



/**************** Header ****************/



#header{
height:100px;

margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;


color:#ffffff;

}


.buttons {
    display: block;
    width: 102px;
    height: 100px;
    float: right;
}

#button1 {
    background: url(../images/button1.png) no-repeat;
}
#button1:hover {
    background: url(../images/button1_hover.png) no-repeat;
}

#button2 {
    background: url(../images/button2.png) no-repeat;
}
#button2:hover {
    background: url(../images/button2_hover.png) no-repeat;
}


/**************** Content styles ****************/

#content{
padding-top:140px ;
width:500px;
height:526px;
color:#777;
background: url(../images/bg_1.gif) no-repeat;
text-align:center;
}



/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */