@import "basic.css";

div { display:block; position:relative; border:0px red solid; }

body {
	background:url("../images/back.gif") repeat-x center top;
	margin:0px;
	padding:0px;
}
#container {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-386px;
	width:775px;
	height:auto;
	background:url("../images/container_back.gif");
	overflow:hidden;
}
 #background {
	top:0px;
	width:775px;
	height:auto;
	background:url(../images/container_back2.gif) no-repeat 0px 0px;
	overflow:hidden;
} 
#header {
	position:absolute;
	top:23px;
	left:21px;
	width:733px;
	height:110px;
	background:url("../images/header_back.gif");
	clear:both;
	float:left;
}
#logo {
	width:279px;
	height:110px;
	float:left;
	background:url("../images/logo.gif");
}
#slogan {
	width:272px;
	height:110px;
	left:30px;
	float:left;
	background:url("../images/slogan.gif");
}
#menu {
	position:absolute;
	top:132px;
	left:21px;
	width:733px;
	height:39px;
	background:url("../images/menu_back.gif");
	clear:both;
	float:left;
}
#menu a {
	display:block;
	color:#003f7d;
	text-decoration:none;
	padding:10px 15px 16px 15px;
	float:left;
	text-align: center;
	font-weight:normal;
}
#menu a:hover {
	background:url("../images/menu_hover.gif");
	color:#fff;
}
#aboutus #menu_aboutus, #aboutus #menu_aboutus a:hover, 
#examples #menu_examples, #examples #menu_examples a:hover, 
#prices #menu_prices, #prices #menu_prices a:hover, 
#support #menu_support, #support #menu_support a:hover, 
#terms #menu_terms, #terms #menu_terms a:hover, 
#contactus #menu_contactus, #contactus #menu_contactus a:hover
{
	background:url("../images/menu_active.gif");
	color:#fff;
	cursor:default;
}
#menu em {
	display:block;
	float:left;
	margin-left:1px;
	width:2px;
	height:39px;
	background:url("../images/menu_divider.gif")
}
#main {
	top:200px;
	left:55px;
	width:690px;
	height:400px;
	clear:both;
	float:left;
}
html>body #main { height:auto;min-height:400px;overflow:hidden; }
#pagetitle {
	width:inherit;
	clear:both;
}
#content {
	top:0px;
	width:481px;
	height:auto;
	float:left;
}
#content p { line-height:15px; }
#box {
	width:150px;
	height:400px;
	top:-40px;
	right:0px;
	color:#666;
	padding:10px;
	padding-left:15px;
	padding-top:5px;
	float:right;
	margin-bottom:15px;
	border-left:dashed #ddd 1px;
}
html>body #box {
	min-height:400px;
	height:auto;
}
#box li span { color:#666; }
#box li { color:#96c826; }
#box ul { padding-bottom:20px; }
#footer { 
	top:200px;
	width:775px;
	height:84px;
	background:url("../images/footer.gif"); 
	clear:both;
	float:left;
	margin-bottom:200px;
	
}