/* CSS Document */
body,p,h2,h3,h4 {padding:0; margin:0;}
body {font-family:Arial, Helvetica, sans-serif}
.p-fome {font-size:14px; display:block; padding:10px 0 10px;line-height:18px; height:auto;}
.p-fome span a {color:#FF0066; font-weight:bold; display:inline;}
.p-fome span a:hover,.box-fome h4.styleme:hover,#joinnow a:hover {text-decoration:none; color:#333333;}


#header-fome {background:url(../images-fome/header.jpg) no-repeat; display:block; height:98px;}
.container { width:1000px; margin:auto;}
.col1 {width:520px; float:left; margin:auto auto auto 10px;}
.col1 img,.imgborder {border:1px solid #000;}
.col2 {width:470px; float:left;}

.button {background:url(../images-fome/img.jpg) 0 -124px; width:470px; height:69px; cursor:pointer; pointer:hand; border:0;}
.button:hover {background-position: 0 -193px;}

.midbox {clear:both; display:block; width:946px; margin:10px auto;}
a.clickme {background:url(../images-fome/img.jpg) 0 0px; width:922px; height:59px; cursor:pointer; pointer:hand; border:0; display:block;}
a.clickme:hover {background-position: 0 -59px;}

#joinnow{font-family:tahoma; font-size:35px;font-weight:bold}
#joinnow a{color:#FF0066; font-weight:bold}


/* Style On Hover Effect */
.overlay-fome{ position:absolute; width:139px;height:121px; background:url(../images-fome/siteshover.png) no-repeat; display:none; cursor:pointer; left:0; top:0}
.overlay2{ position:absolute; width:206px;height:124px; background:url(../images-fome/overlay2.png) no-repeat; display:none; cursor:pointer; left:0; top:0}
.overlay3{ position:absolute; width:280px;height:240px; background:url(../images-fome/othershover2.png) no-repeat; display:none; cursor:pointer; left:0; top:0}
.box-fome{ position:relative; float:left; width:158px; height:160px; margin:0 4px 0 4px;}
.box2{ position:relative}
.box3{ position:relative}
.box-fome h4.styleme {font-size:12px; text-align:center; color:#FF01A4; text-decoration:underline;}