/* ------------------------------------------------------------- */
/* L A Y O U T													 */
/* ------------------------------------------------------------- */

/* ---------------------- GENERAL ------------------------------ */
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /*leads to basic font size of 10px*/
    background-color: #fffee9;
	color: #000;
}

* { /*all objects on page*/
	margin: 0px;
	padding: 0px; 
	border: 0px;
	font-size: 1em;
}

div.clearing {
    clear: both; 
}

div.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container { 
	left: 0px;
	width: 100%;
	/*border: 2px solid #99FFFF;*/
}

#centered { 
	position: relative;
	left: 5%;
	width: 924px;
	margin-left: 0px;
	/*border: 2px dotted #99FFFF;*/
}



/* ------------------------- intro ----------------------------- */
#intro {
	position: relative;
	width: 924px;
	height: 580px;
	/*border: 2px dotted #00FF00; /*green*/
}


/* ------------------------- pageheader ------------------------ */
#pageheader {
	position: relative;
	width: 924px;
	height: 580px;
	/*border: 1px solid #CC0000; /*red*/
}

#phbanner {
	position: relative;
	top: 7px;
	left: 0px;
	width: 930px;
	height: 256px;
	background: transparent url(../layout/pageheader.jpg) no-repeat top left;
	/*border: 1px solid #0000FF; /*blue*/
}

#phnavi1 {
	position: absolute;
	top: 189px;
	right: 0px;
	width: 500px;
	text-align: right;
	z-index: 10;
	/*border: 1px dotted #aaa;*/
}

#phnavi2 {
	position: absolute;
	top: 221px;
	right: 18px;
	width: 488px;
	text-align: right;
	z-index: 10;
	/*border: 1px dotted #aaa;*/
}

#phfooter {
}

#phfcenter {
	position: absolute;
	left: 5px;
	top: 280px;
	width: 450px;
	height: 300px;
	/*border: 1px solid #00FF00; /*green*/
}

#right_navi {
	position: absolute;
	right: 0px;
	top: 280px;
	width: 450px;
	height: 300px;
	/*border: 1px solid #FF6600; /*orange*/
}


/* --------------------------- left ---------------------------- */
#left {
}


/* -------------------------- addleft1 ------------------------- */
#addleft1 {
}

#addleft1 div.header1 {
}

#addleft3 div.header h1 {
}

#addleft3 div.header h1 span {
}

#addleft1 div.content {
}

#addleft1 div.content div.left1 {
}

#addleft1 div.content div.center {
}

#addleft1 div.content div.right1 {
}

#addleft1 .footer {
}


/* -------------------------- addleft2 ------------------------- */
#addleft2 {
}

#addleft2 div.header {
}

#addleft3 div.header h1 {
}

#addleft3 div.header h1 span {
}

#addleft2 div.content {
}

#addleft2 div.content div.left {
}

#addleft2 div.content div.center {
}

#addleft2 div.content div.right {
}

#addleft2 div.footer {
}


/* -------------------------- addleft3 ------------------------- */
#addleft3 {
}

#addleft3 div.header {
}

#addleft3 div.header h1 {
}

#addleft3 div.header h1 span {
}

#addleft3 div.content {
}

#addleft3 div.content div.left {
}

#addleft3 div.content div.center {
}

#addleft3 div.content div.right {
}

#addleft3 div.footer {
}


/* -------------------------- navileft ------------------------- */
#navileft {
}


/* -------------------------- center --------------------------- */
#center {
	position: relative;
	float: left;
	left: 0px;
	top: 25px;
	width: 670px;
	padding:10px;
	padding-right:10px;
    min-height: 510px;
    border-right: 1px solid #777;
    /*background: #f5f5f5;*/
}

#cheader {
	position:relative;
	top: -10px;
}

#cheader h1 {
}

#cheader h1 span {
}

#cheader h2 {
}

#cheader h2 span {
}

#cbox {
}

#cboxleft {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 304px;
	padding:10px;
	padding-right:10px;
    min-height: 510px;
    border-right: 1px dotted #aaa;
    /*background: #fefefe;*/
}

#cboxleft_add1 {
}

#cboxleft_add2 {
}

#cboxcontent {
}

#cboxright {
	position: relative;
	float: right;
	left: 0px;
	top: 0px;
	width: 304px;
	padding:5px;
	padding-left:15px;
    min-height: 510px;
    /*border-left: 1px dotted #aaa;*/
    /*background: #ccc;*/
}

#cboxright_add1 {
}

#cboxright_add2 {
}

#cfooter {
}


/* --------------------------- right --------------------------- */
#right {
	position: relative;
	float: right;
	top: 20px;
	width: 204px;
	min-height: 600px;
	padding-top: 0px;
	padding-left: 5px;
	margin-left: 5px;
	/*background: #fefefe;*/
}

#addright1 {
}

#addright1 div.header {
}

#addright1 div.header h1 {
}

#addright1 div.header h1 span {
}

#addright1 div.content {
}

#addright1 div.content div.left {
}

#addright1 div.content div.center {
}

#addright1 div.content div.right {
}

#addright1 div.footer {
}

#addright2 {
}

#addright3 {
}

#naviright {
}


/* ------------------------ footer ----------------------------- */
#footer { 
}

#footercontainer { 
	width: 914px;
	padding:5px;
	margin: 30px 0px;
	border-top: 1px dotted #777;
	border-bottom: 1px dotted #777;
	z-index:10;
}

#footercontainer .content {
}

#footercontainer .content span {
}

#footercontainer .foot {
}

#footercontainer .foot span {
}

