@import "css/styles.css";

/* hide these
----------------------------------------------- */
#header,
#sidebar {
display: none;
}


body {
	background: #fff;
	font: 70% verdana,arial,helvetica,sans-serif;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
}
#wrapper {
	padding: 0;
	margin: 0 auto;
	background: #fff;
}

/* main
----------------------------------------------- */
#main {
	margin: 20px 0;
	*margin: 25px 0 20px -1px;
	_margin: 20px 0 -10px 0;

}
#mainbox {
	border: 1px solid #959595;
	margin: 0;
	padding: 10px 20px 20px 20px;
}
#mainbox-noborder { 
	margin: 0;
	padding: 10px 20px 0 20px;
}

/* content
----------------------------------------------- */
#content { margin: 0; }
#main_top_home,
#main_top {
	border: 1px solid #959595;
	height: 163px;
	margin: 0 0 10px 0;
	background: #A2C9D8;
}
#main_top_home { 
	background: #A2C9D8 url(img/main_top.jpg);
	height: 188px;
}

/* two boxes - left and right 
----------------------------------------------- */
#twoboxes { margin: 20px 25px 0 25px; }
#twoboxes #basic { float: right; }
#twoboxes .twoboxes-container,
#twoboxes #basic .twoboxes-container {
	width: 235px;
	height: 129px;
	*height: 119px;
	padding: 30px 0 0 10px;
	*padding: 40px 0 0 10px;
}
#twoboxes #basic .twoboxes-container {
	background: url(img/box_basic.jpg) no-repeat;
	position: relative;
}
#twoboxes .twoboxes-container { background: url(img/box_premium.jpg) no-repeat; }
#twoboxes .twoboxes-container .indent { list-style-image: url(img/arrow_red.gif); }
#twoboxes .twoboxes-container .indent li {
	padding: 0 0 5px 0; 
	margin: -5px 0 5px 0;
	*margin: -12px 0 12px 0;
	font-size: 1em;
}

/* content - left box
----------------------------------------------- */
#leftbox {
	border: 1px solid #959595;
	width: 368px;
	height: 210px;
	padding: 10px 20px 10px 20px;
	*padding: 10px 20px 8px 20px; /* IE7 */
}

/* content - left - buttons
----------------------------------------------- */
.buttons {
	height: 34px;
	padding: 0;
	margin: 20px 0 2px 0;
	_margin: 17px 0 2px 0; /* IE6 */
	text-align: center;
}
.buttons_left {	
	float: left; 
	_padding: 6px 0 0 0; /* IE6 */
}
.buttons_right { 
	float: right; 
	_padding: 6px 0 0 0; /* IE6 */
}

/* content - right boxes
----------------------------------------------- */
#rightboxes {
	float: right;
	display: block;
	width: 198px;
	*position: relative;
}
.rightbox { margin: 0 0 4px 0; }
.rightbox .floatright {
	float: right;
	margin: 5px 5px 5px 20px;
}

/* footer
----------------------------------------------- */
#footer {
	margin: 10px 0;
	_padding: 10px 0 0 0;
	clear: both;
	color: #898989;
	*height: 50px; /* IE7 */
}
#footer a {
	color: #898989;
	text-decoration: none;
}
#footer a:hover { color: #000; }
#footer .privacy { margin: 5px 0 0 0; }