/* CSS Document 
MBS stagandhenclothing
Matt Clayburn - CoCreate 1.5.07
*/

html {
height:100%;
margin-bottom:1px;
}
body {
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
background-color: #00849A; 
}
img {  
display: block; 
}

#container {
	margin: 0px auto 0px auto;
	width: 810px;
}

#header {
	margin: 0px auto 0px auto;
	width: 810px;
	height: 102px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	}
#mainBody {
	margin: 0px auto 0px auto;
	width: 810px;
	background-image:url(../images/bg_strip.gif);
	background-repeat:repeat-y;
	}
	
/* ------------- 
      MENU 
------------- */
	
#menuHolder {
	width: 783px;
	height: 47px;
	margin-left: auto;
	margin-right: auto;
	background-color:#000E38;
	border-top:#FFFFFF 1px solid;
	border-bottom:#FFFFFF 1px solid;
	}
#menu {
	float:left;
	width: 521px;
	height: 47px;
}

#menu ul, li {
list-style-type: none;
margin:0;
padding:0;
}

#menu ul {
position: absolute;
float:left;
/* ppositionning for IE5 et IE5.5 */
background: url(../images/buttons.gif) no-repeat top left;
/* general menu background*/
width: 521px;
height: 42px;
padding: 0px 0px 0px 0px;
text-align: left;
}
		
#menu li {
float: left;
}

#menu li a:hover {
background: url(../images/buttons.gif) no-repeat top left;
}

#menu a#home {
/* buttons dimensions and definitions */
display: block;
/* <a> block to give it its dimensions */
height: 47px;
width: 108px;
padding: 0px 0px 0px 0px;
border-right:#FFFFFF 1px solid;
}

#menu a#hen {
/* buttons dimensions and definitions */
display: block;
/* <a> block to give it its dimensions */
height: 47px;
width: 152px;
padding: 0px 0px 0px 0px;
border-right:#FFFFFF 1px solid;
}

#menu a#stag {
/* buttons dimensions and definitions */
display: block;
/* <a> block to give it its dimensions */
height: 47px;
width: 157px;
padding: 0px 0px 0px 0px;
border-right:#FFFFFF 1px solid;
}

#menu a#contact {
/* buttons dimensions and definitions */
display: block;
/* <a> block to give it its dimensions */
height: 47px;
width: 100px;
padding: 0px 0px 0px 0px;
border-right:#FFFFFF 1px solid;
}

/* background move for each button */

#menu a#home:hover {
background-position: -521px 0px;
}

#menu a#hen:hover {
background-position: -630px 0%;
}

#menu a#stag:hover {
background-position: -783px 0%;
}

#menu a#contact:hover {
background-position: -941px 0%;
}

#menu a#flagsinAction:hover {
background-position: -1042px 0%;
}

#menu span {
display: none;
}

/* ------------- 
     CONTENT 
----------------- */

#content {
padding: 20px 20px 100px 20px;
width:742px;
min-height:609px;
margin:0px auto 0px auto;
background-image:url(../images/bg_image.jpg);
background-position:top;
background-repeat:no-repeat;
}
#content p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
line-height:16px;
margin-bottom:20px;
width:350px;
text-align:left;
}
#content h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
}
#content span{
display:none;
}
#title.hen {
background-image:url(../images/hen_title.gif);
background-position:left;
background-repeat:no-repeat;
width:700px;
height:20px;
float:left;
margin-bottom:20px;
}
#title.stag {
background-image:url(../images/stag_title.gif);
background-repeat:no-repeat;
background-position:left;
width:700px;
height:20px;
float:left;
margin-bottom:20px;
}
#buttons {
margin:0px 0px 20px 0px;
width:321px;
height:198px;
background-image:url(../images/buttons_bg.gif);
}
#buttons p{
float:right;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
line-height:16px;
margin-bottom:20px;
width:180px;
}
#buttons.left {
float:left;
}
#buttons.right {
float:right;
}
#buttons a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
line-height:16px;
margin-bottom:20px;
text-decoration:underline;
}
#buttons a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FF6600;
line-height:16px;
margin-bottom:20px;
text-decoration:underline;
}
#buttons img {
float: left;
padding:5px 10px 0px 5px;
}

#stretcher {
width: 782px;
height: 1px;
clear:both;
}
#footer {
margin:0px auto 0px auto;
display:block;
width:810px;
height:50px;
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
}

#footer p.cocreate{
margin:0;
text-align:left;
padding:0px 0px 0px 20px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#49495A;
}
#footer p.mbs{
margin:0;
text-align:left;
padding:0px 20px 0px 0px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#49495A;
}
#footer p a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#990000;
text-decoration:none;
}
#footer p a:hover{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0000;
text-decoration:underline;
}