/* CSS Document */
body,html{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#414142;
	height:100%;
}

img{border:0;}

.header{
	width:758px;
	height:166px;
	background-image:url('images/siteBg.gif');
	background-position:center;
	background-repeat:repeat-y;
}
.headerImg{
	width:752px;
	height:166px;
	margin-left:3px;
	margin-right:3px;
	background-image:url('images/header_image.jpg');
	background-repeat:no-repeat;
	background-position:330px 0px;
}

.headerImg h2{
	position:absolute;
	top:90px;
	left:50%;
	margin-left:-160px;
	color:#999999;
	font-size:18px;
	font-style:italic;
}

.headerImg .buttons{
	position:absolute;
	top:40px;
	right:50%;
	margin-right:-375px;
}

.nav{
	height:60px;
	background-image:url('images/siteBg.gif');
	background-position:center;
	background-repeat:repeat-y;
	vertical-align:top;
}
.navColor{
	width:100%;
	height:30px;
	background-color:#cddc2b;
}
.titleColor{
	width:100%;
	height:30px;
	background-color:#cddc2b;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
}
.titleColor strong{
	font-size:20px;
	margin-left:301px;
}

.site{
	width:758px;
	height:expression('100%');
	background-image:url('images/siteBg.gif');
	background-position:center;
	background-repeat:repeat-y;
	vertical-align:top;
}

.siteWrapper{
	width:752px;
	margin-left:3px;
	background-color:#7abdff;
	height:100%;
}

.siteImg{
	width:300px;
	height:300px;
	background-color:#FFFFFF;
	margin-left:3px;
	margin-top:0px;
	position:absolute;
	text-align:center;
	vertical-align:middle;
	top:226px;
	top:expression('227px');
	left:50%;
	margin-left:-376px;
	margin-bottom:0px;
	padding-bottom:0px;
}
.siteContent{
	width:432px;
	min-height:280px;
	height:expression('300px');
	background-color:#ffffff;
	margin-left:300px;
	padding:10px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#414142;
}
.siteContent td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#414142;
}

.sitePrice{
	width:752px;
	height:86px;
	background-color:#c1e0ff;
}
.siteSearch{
	width:142px;
	height:152px;
	background-color:#ffffff;
	position:relative;
	bottom:0px;
	left:50%;
	margin-left:-376px;
}

.sitePrice span{
	display:block;
	margin-left:500px;
	padding-top:20px;
	font-size:22px;
	font-weight:bold;
}

.footer{
	height:30px;
	background-color:#cddc2b;
	text-align:right;
	vertical-align:top;
}

.footer div{
	margin-right:-360px;
	position:absolute;
	right:50%;
	padding-top:6px;
	white-space:nowrap;
}
.footer div a{
	color:#414142;
	text-decoration:none;
	font-weight:bolder;
	padding-left:5px;
	padding-right:5px;
}

.footer div a:hover{
	color:#eaeaea;
	text-decoration:none;
	font-weight:bolder;
}

	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
		margin-left:15px;
		padding-top:5px;
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #414142;
		background-color:#e6ed95;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		background-color:#cddc2b;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:1px solid #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #414142;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		
		
	}
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#cddc2b;
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#414142;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#cddc2b;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#cddc2b;
	}