@charset "utf-8";

/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/

/* 1 :-------- Global Styles ------------ */

html, body{
 border: 0; 
 padding: 0; 
 margin: 0; 
 background: #fcfdfd;
 font-family: Verdana, Helvetica, sans-serif;
 font-size:.9em;
 color: #666666;
 line-height:normal; 
 background-image: url(../images/background-fade.jpg);
 background-repeat: repeat-x;
 background-position: top center;
}
html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}
#background-header-left-background {
 position:absolute;
 top:0;
 left:0;
 background-image: url(../images/background-fade.jpg);
 background-repeat: repeat-x;
 background-position: top center;
 width:50%;
 height:303px;
 overflow: hidden;
}
#background-header-left {
 position:absolute;
 right:0;
 background-image: url(../images/background-header-left.jpg);
 background-repeat: no-repeat;
 background-position: top right; 
 width:543px;
 height:303px;
 overflow:hidden; 
}
#background-header-right-background {
 position:absolute;
 top:0;
 right:0;
 width:50%;
 background-image: url(../images/background-fade.jpg);
 background-repeat: repeat-x;
 background-position: top center;
 height:303px;
 overflow: hidden; 
}
#background-header-right {
 background-image: url(../images/background-header-right.jpg);
 background-repeat: none;
 background-position: top center; 
 width:544px;
 height:303px;
 overflow:hidden; 
} 
#container {
 position: absolute;
 top: 0;
 left:50%;
 margin-left: -380px;
 width:760px;
}
html>body, html>body #container {
 height: auto;
}
#main {
 height: auto;
 padding-top: .5em;
 background: #ffffff;
 padding-bottom:10px;
}
#bodycontent {
 width: 100%;
 margin: 216px 0 0 0;
 padding: 0;
 border: 0;
 margin-right: -1px; /* this is the key to avoid the 1px jog caused by spacer */ 
}
#bodyarea {
 margin: 0px;
 width: 100%;
}
#monkey-hand {
 position: absolute;
 right:0;
 top:215px;
 width: 20px;
 height:46px;
 z-index:100;
}  

/* 2 :-------- Header ------------ */

#header{
 position: absolute;
 top: 0;
 left: 0;
 width: 760px;
 height: 180px;
 color: white;
 z-index: 50;
}
#search {
 position:absolute;
 top:188px;
 right:0;
 width: 200px;
 height:35px;
 z-index:100;
 text-align:center;
}

/* 3 :-------- Main Nav ------------ */

#navigation-fp {
 position:relative;
 background-image: url(../images/nav-fp-background.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width:170px;
 height:310px;
 overflow:visible; 
}
#navigation {
 position:relative;
 background-image: url(../images/nav-background.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 width:170px;
 height:310px;
 overflow:visible; 
}


/* 4 :-------- Content ------------ */ 

#left-column { 
 float:left;
 width:170px;
 background-image: url(../images/nav-background.jpg);
 background-repeat: no-repeat;
 background-position: top left;
 overflow:visible; 
}
#left-other {
 padding-top:15px;
 padding-bottom:15px;
 text-align:right;
} 
#right-column {
 float:right;
}
#fp-feature {
 width:590px;
 height:317px;
 background-image: url(../images/fp-feature-background.jpg);
 background-repeat: no-repeat;
}
#fp-column1 {
 float: left;
 width:170px;
 padding-left:20px;
 padding-top:8px;
 padding-bottom:30px;
 min-height:300px 
}
#fp-column2	{
 float: left;
 width:170px;
 padding-left:20px;
 padding-top:8px;
 padding-bottom:30px;
 min-height:300px 
}
#fp-column3	{
 float: left;
 width:170px;
 padding-left:20px;
 padding-top:8px;
 padding-bottom:30px;
 min-height:300px 
}
#inside-feature {
 width:570px;
 height:155px;
 padding-left:18px;
}
#inside-content {
 float:left;
 padding-top:10px;
 padding-left:20px;
 width:360px;
 padding-bottom:50px;
}
#inside-rightcolumn	{
 float:left;
 padding-top:20px;
 padding-left:20px;
 width:170px;
 padding-bottom:50px;
}

/* See content.css */

/* 5 :-------- Footer ------------ */ 

#footer{
 position: relative;
 width: 760px;
 height:69px;
 margin: 0;
 text-align: left;
} 

#footer-text {
 position:absolute;
 left: 20px;
 top:17px;
 color:#ffffff;
 z-index:5;
}