/*------------------------------------------------reset-------------------------------------------------*/
* {
	margin:   0;
	padding:  0;
	outline:  none;
}
ul, li, ol{
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
a img {
	border: 0;
}
a, a:hover{
	text-decoration:none;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*--------------------------------------------------layout------------------------------------------------------*/
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #CCC;
	margin: 0;
	padding: 0;
	color: #000;
}

#container {
	width: 750px;
	height:500px;
	background: #FFF;
	border:#FFF 1px solid;
	margin: 15px auto 0 auto;
	-moz-border-radius: 5px;
    border-radius: 5px;
	behavior: url(js/PIE.htc);
}
.content {
	width:680px;
	height:435px;
	/*------------------------------------------------------------background color for content area*/
	background:#f1f1f1;/*lt grey*/
	/*---------------------------------------------------------------------------------------------*/
	margin: 15px auto 0 auto;
	-moz-border-radius:20px 20px 0 0 ;
    border-radius: 20px 20px 0 0 ;
	-moz-box-shadow: 0px 0px 20px #999999;
    -webkit-box-shadow: 0px 0px 20px #999;
    box-shadow: 0px 0px 20px #999;
	behavior: url(js/PIE.htc);
}
header{
	width:680px;
	height:85px;
	/*------------------------------------------------------------background color for header area*/
	background:#006892;/*blue*/
	/*---------------------------------------------------------------------------------------------*/
	-moz-border-radius:20px 20px 0 0 ;
    border-radius: 20px 20px 0 0 ;
	behavior: url(js/PIE.htc);
}
header h1{
	font:20px/20px Arial, Helvetica, sans-serif;
	/*----------------------------------------------------------------------header title text color*/
	color:#FFF;/*white*/
	/*---------------------------------------------------------------------------------------------*/
	padding:20px 0 0 60px;}
header h2{
	font: italic 14px/14px Georgia, "Times New Roman", Times, serif;
	/*----------------------------------------------------------------------header description text color*/
	color:#b9dff6;/*lt blue*/
	/*---------------------------------------------------------------------------------------------*/
	padding:10px 0 0 60px;
}

/*--------------------------------------------------------------------------pyramid holder area*/
#pyramidHolder{
	width:355px;
	height:290px;
	background:#f1f1f1;/*lt grey*/
	margin:25px 0px 0 40px;
	float:left;
}
/*--------------------------------------------------------------------------textBox area*/
#textBox{
	width:240px;
	height:290px;
	background:#FFF;
	float:right;
	margin:22px 40px 0 0px;
	display:none;
}
#textBox p{
	font: 14px/24px Arial, Helvetica, sans-serif;
	padding:10px 15px 10px 15px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}