img, div { behavior: url(images/iepngfix.htc) }

body {
background:url(images/bg.jpg) top center no-repeat;
background-color: #3380a2;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 11px;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}


/* ----------container to center the layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}


/* -----------------content--------------------- */
#content {
	background:url(images/bg.png) top center no-repeat;
width: 850px;
height:700px;
padding: 0px;
margin-left: 0px;
margin-right: 0px;
}

#buttons{
	width:627px;
	height:357px;
	padding: 240px 20px 0px 200px;}

p {
padding: 5px 10px;
margin:0px;
}



/* -----------footer--------------------------- */
#footer {
	background:url(images/grass.png) top center repeat-x;
	height:242px;
clear: both;
margin: 10px auto 0px auto;
padding: 0px;
text-align: center; }

#package{
	width: 244px;
	height:307px;
	background:url(images/package1_bg.png) top center no-repeat;
	line-height:15px;
	float:left;
	margin-top:0px;
	}
#package2{
	width: 256px;
	height:307px;
	background:url(images/package2_bg.png) top center no-repeat;
	line-height:15px;
	float:left;
	margin-top:0px;
	}
	
#package3{
	width: 254px;
	height:307px;
	background:url(images/package3_bg.png) top center no-repeat;
	line-height:15px;
	float:left;
	margin-top:0px;
	}
	
#package4{
	width: 246px;
	height:307px;
	background:url(images/package4_bg.png) top center no-repeat;
	line-height:15px;
	float:left;
	margin-top:0px;
	}	
	

.boxgrid{  
    width: 100px;  
    height: 150px;  
    margin:10px;  
    float:left;  
    background:#161613;    
    overflow: hidden;  
    position: relative;  
	top: 40px;
	left:18px;
 }  
 
  .slideup{  
    width: 244px;  
    height: 231px;    
    overflow: hidden;  
    position: relative;
	top:40px;
	left:0px;
	float:left;
 }  
 
  .slideup2{  
    width: 164px;  
    height: 98px;   
    overflow: hidden;  
    position: relative;
	top:19px;
	left:41px;
	float:left;
 }  
 
   .slideup a{ color:#FFFFFF;  }
   .slideup a:hover { color: #3679FF;  }
   
   .slideup2 a{ color:#FFFFFF;  }
   .slideup2 a:hover { color: #3679FF;  }
 
 
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
 }  
 
 .slideup img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
 }  
 
  .slideup2 img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
 }  
 
.boxcaption{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
 } 
 
.captionfull .boxcaption {  
    top: 260;  
    left: 0;  
 }  
.caption .boxcaption {  
    top: 220;  
    left: 0;  
}