@charset "utf-8";
/* 	CSS Document 
 	Created by : Fahmy Ferdian - Flytrap Marketing - 2008
	For ThankYouFoodGift.com
*/

/*========== Global ==================*/
body{
	background:#740207;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

/*========== ID's ==================*/
#wrap{
	background:url(../images/body-bg.jpg) repeat-y;
	width:995px;
	margin:0 auto;
	padding:0 25px 0 27px;
}

#top-holder{
	background:url(../images/top-sh.jpg) no-repeat;
	width:997px;
}

.gecko #top-holder, .chrome #top-holder, .safari #top-holder{
	background:url(../images/top-sh.jpg) no-repeat;
	width:997px;
	height:170px;
}


#logo{
	background:url(../images/thankyou-logo.png) no-repeat;
	height:138px;
	width:215px;
	margin-left:30px;
	float:left;
}

#gift-box{
	background:url(../images/gift-box.png) no-repeat right;
	height:225px;
	width:742px;
	float:right;
	z-index:3;
	position:relative;
}

.ie6 #gift-box{
	background:url(../images/gift-box.gif) no-repeat right;
	height:225px;
	width:742px;


	margin:-140px 0 0 0;
}

#gift-box ul{
	list-style:none;
	color:#FFF;
	margin:20px 0 0 0;
	background:url(../images/first-ul.png) no-repeat left;
	height:34px;
	padding:0 0 0 16px;
	float:right;
}

.ie6 #gift-box ul{
	list-style:none;
	color:#FFF;
	background:url(../images/first-ul.gif) no-repeat left top;
	height:34px;
	padding:0 0 0 16px;
	margin:20px 0 0 62px;

}

#gift-box a{
	text-decoration:none;
	color:#FFF;
}

#gift-box a:hover{
	text-decoration:underline;
	color:#FFF;
}

#gift-box li{
	float:left;
	padding:0;
	margin:0;
	background:url(../images/top-menu-bg.jpg) repeat-x;
	height:34px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 10px 0 10px;
}

#inner-wrap{
	background:url(../images/inner-wrap.jpg) repeat-y;
	width:901px;
	float:left;
	position:relative;
	z-index:1;
	margin:-55px 0 0 52px;
}

.ie6 #inner-wrap{
	background:url(../images/inner-wrap.jpg) repeat-y;
	width:901px;
	float:left;
	position:relative;
	z-index:1;
	margin:-55px 0 0 26px;
}

#top-iw{
	background:url(../images/top-iw.jpg) repeat-x;
	min-height:677px;
	margin:3px 7px 0 7px;
}

.ie6 #top-iw{
	background:url(../images/top-iw.jpg) repeat-x;
	height:677px;
	margin:3px 7px 0 7px;
}

#left-wing{
	width:175px;
	float:left;
}

#left-wing ul{
	margin:0 0 0 10px;
	padding:25px 0 0 0;
	border-bottom:1px solid #df5117;
	width:165px;
}

#left-wing li{
	border-top:1px solid #df5117;
	list-style:none;
	font-weight:bold;
	font-size:12px;
	padding:5px 0;
	background:url(../images/li.png) no-repeat;

}

.ie #left-wing li{
	border-top:1px solid #df5117;
	list-style:none;
	font-weight:bold;
	font-size:12px;
	padding:0 0 5px 0;
	background:url(../images/li.gif) no-repeat;

}

#left-wing a{
	color:#600;
	text-decoration:none;
	margin-left:17px;
	border:none;
}

#left-wing a:hover{
	color:#600;
	text-decoration:underline;
}

#right-wing{
	width:710px;
	float:right;
}

#banner{
	width:679px;
	height:249px;
	border:5px solid #C00;
	margin:23px 0 0 10px;
}

#headline{
	font-size:24px;
	color:#9e070e;
	margin:15px 0 0 10px;
}

#footer{
	background:url(../images/bottom-sh.jpg) no-repeat;
	width:901px;
	height:408px;
	float:left;
	margin-top:-95px;
	position:relative;
	z-index:3;
}

#we-deliver{
	background:url(../images/we-deliver.png) no-repeat bottom;
	width:500px;
	height:406px;
	margin:2px 0 0 -52px;
	float:left;
}

.ie6 #we-deliver{
	background:url(../images/we-deliver.png) no-repeat bottom;
	width:500px;
	height:406px;
	margin:2px 0 0 -52px;
	position:relative;
	z-index:10;
}

#footer p{
	float:right;
	font-size:11px;
	color:#ffd49a;
	line-height:24px;
	text-align:right;
	margin:320px 15px 0 0;
}

#footer p a{
	color:#ffd49a;
}

#footer p a:hover{
	color:#ffd49a;
	text-decoration:none;
}

#faq{
	color:#900;
}

#faq a{
	color:#900;
	text-decoration:none;
}

#faq a:hover{
	color:#900;
	text-decoration:underline;
}

#alert{
	border:1px solid #F00;
	padding:5px;
	background:#FF9;
	margin:5px;
	font-size:12px;
	line-height:24px;
}

#alert li{
	color:#F00;
	list-style:square;
}



/*========== Classes ==================*/
.clear{
	clear:both;
}

.content{
	color:#6f7983;
	font-size:12px;
	line-height:24px;
	margin:10px 10px 0 10px;
	text-align:justify;
	position:relative;
	z-index:5;
}

.menu-sub{
	background:url(../images/top-menu-bg.jpg) repeat-x;
	height:34px;
}

ul.sub-ul{
	margin-top:-16px;
}