/**********************|
|********LAYOUT********|
|**********************/

html, body {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF url(image/bg.png) repeat-y center;
	background-attachment:fixed;
	font-size: 9pt;
	margin:0px;
	padding:0px;
	height:100%;
}

#container {
        position:relative;
	width:952px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	min-height:592px;
}

#tutorials_container {
        position:relative;
	width:952px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	min-height:620px;
}

#banner {
        position:absolute;
	width:952px;
	height:200px;
	margin-right:auto;
	margin-left:auto;
	background:url(image/header.png);
}

#headerdiv {
        position:absolute;
        top:200px;
	height:50px;
	width:952px;
	background:url(image/menu_background.png);
	margin-right:auto;
	margin-left:auto;
}

.home {
    position:absolute;
    top:17px;
    left:137px;
    height:33px;
    width:132px;
    background:url(image/home_out.png);
}

a.home:hover {
    background:url(image/home_over.png);
}

.projects {
    position:absolute;
    top:17px;
    left:269px;
    height:33px;
    width:128px;
    background:url(image/projects_out.png);
}

a.projects:hover {
    background:url(image/projects_over.png);
}

.downloads {
    position:absolute;
    top:17px;
    left:397px;
    height:33px;
    width:128px;
    background:url(image/downloads_out.png);
}

a.downloads:hover {
    background:url(image/downloads_over.png);
}

.tutorials {
    position:absolute;
    top:17px;
    left:525px;
    height:33px;
    width:128px;
    background:url(image/tutorials_out.png);
}

a.tutorials:hover {
    background:url(image/tutorials_over.png);
}

.about_us {
    position:absolute;
    top:17px;
    left:653px;
    height:33px;
    width:132px;
    background:url(image/about_us_out.png);
}

a.about_us:hover {
    background:url(image/about_us_over.png);
}

#hrule {
        position:absolute;
        top:250px;
	height:15px;
	width:952px;
	background:url(image/hrule.png);
	margin-right:auto;
	margin-left:auto;
}

#maincontent{
	position:absolute;
	top:275px;
	float:left;
}

#content_top{
	position:absolute;
	top:265px;
	background:#FFFFFF url(image/content_top.png) no-repeat;
	height:50px;
	width:747px;
}

#news_header{
	position:absolute;
	top:265px;
	background:#FFFFFF url(image/news_header.png) no-repeat;
	height:50px;
	width:747px;
}

#content{
        position:absolute;
        top:315px;
	height:222px;
	z-index:1;
	width:737px;
	background-color:#E8E8E8;
	margin-left:4px;
	border-left: 1px solid #e2e0e0;
	border-right: 1px solid #e2e0e0;
}

#tutorial_content{
        position:absolute;
        top:315px;
	height:250px;
	z-index:1;
	width:942px;
	background-color:#E8E8E8;
	margin-left:4px;
	border-left: 1px solid #e2e0e0;
	border-right: 1px solid #e2e0e0;
}

#content_bottom {
	position:absolute;
	top:537px;
	z-index:1;
	height:15px;
	width:750px;
	background:#FFFFFF url(image/content_bottom.png) no-repeat;
	margin-left:4px;
}

#tutorial_bottom {
	position:absolute;
	top:565px;
	z-index:2;
	height:15px;
	width:944px;
	background:#FFFFFF url(image/project_bottom.png) no-repeat;
	margin-left:4px;
}

.sidemenutop {
        position:absolute;
        top:265px;
        left:752px;
        border:thick solid black;
	width:200px;
	height:30px;
	border: none;
}

.sidemenu {
        position:absolute;
	display:block;
        top:295px;
        left:756px;
	background-color:#E8E8E8;
	width:190px;
	height:229px;
	z-index:1;
	border-left: 1px solid #e2e0e0;
	border-right: 1px solid #e2e0e0;
}

#sidemenubottom {
        position:absolute;
        top:524px;
        z-index:1;
        left:752px;
	background:url(image/box_bottom.png);
	width:200px;
	height:30px;
}

.title {
	font-weight:bold;
	font-size:16px;
	padding-left:10px;
	margin-top:10px;
}

.project_title {
	font-weight:bold;
	font-size:18px;
	padding-left:4px;
}

.subtitle {
	font-weight:bold;
	font-size:14px;
	padding-left:4px;
}


.news{
	padding-left:10px;
}

#copyright {
    position:absolute;
    bottom:3px;
    z-index:2;
    padding-left:4px;
    margin:0px;
    padding-bottom:0px;
    padding-top:0px;
    width:956px;
    height:35px;
}

#footer{
    position:absolute;
    bottom:0px;
    margin-left:-24px;
    margin-top:0px;
    margin-bottom:0px;
    width: 1000px;
    height:50px;
    background-image: url(image/footer.png);
    padding:0px;
 }

#tutorial_copyright {
    position:absolute;
    top:263px;
    z-index:2;
    margin:0px;
    padding-bottom:0px;
    padding-top:0px;
    width:956px;
    height:35px;
}

#tutorial_footer{
    position:absolute;
    top:265px;
    margin-left:-29px;
    margin-top:0px;
    margin-bottom:0px;
    width:1000px;
    height:50px;
    background-image: url(image/footer.png);
    padding:0px;
 }
 
.morenews {
    width:75px;
    height:20px;
    position:absolute;
    top:205px;
    left:110px;
    z-index:2;
    background: url(image/more_news.png);
}

a.morenews:hover {
    background: url(image/more_news_over.png);
}

.more_downloads {
    width:75px;
    height:20px;
    position:absolute;
    top:205px;
    left:110px;
    z-index:2;
    background: url(image/download_out.png);
}

a.more_downloads:hover {
    background: url(image/download_over.png);
}
/***********************|
|*****PROJECT PAGE******|
|***********************/

#project_browser {
    position:absolute;
    width:944px;
    height:150px;
    top:268px;
    left:4px;
    background-image:url(image/project_browser.jpg);
}

#bound_text {
    position:absolute;
    top:125px;
    left:15px;
    font-variant:small-caps;
}

#ms_text {
    position:absolute;
    top:125px;
    left:-5px;
    font-variant:small-caps;
}

#ls_text {
    position:absolute;
    top:125px;
    left:-23px;
    font-variant:small-caps;
}

#calc_text {
    position:absolute;
    top:125px;
    left:-18px;
    font-variant:small-caps;
}

#dp_text {
    position:absolute;
    top:125px;
    left:-30px;
    font-variant:small-caps;
}

#libra_text {
    position:absolute;
    top:125px;
    left:20px;
    font-variant:small-caps;
}

a.bound {
    position:absolute;
    top:7px;
    left:10px;
    width:72px;
    height:129px;
    background-image:url(image/bound.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#b5b5b5;
}

a.bound:hover {
    position:absolute;
    top:7px;
    left:10px;
    width:72px;
    height:129px;
    background-image:url(image/bound.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#727272;
}

a.ms {
    position:absolute;
    top:7px;
    left:180px;
    width:72px;
    height:129px;
    background-image:url(image/ms.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#b5b5b5;
}

a.ms:hover {
    position:absolute;
    top:7px;
    left:180px;
    width:72px;
    height:129px;
    background-image:url(image/ms.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#727272;
}

a.ls {
    position:absolute;
    top:7px;
    left:350px;
    width:100px;
    height:129px;
    margin-right:90px;
    background-image:url(image/lemonstand.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#b5b5b5;
}

a.ls:hover {
    position:absolute;
    top:7px;
    left:350px;
    width:100px;
    height:129px;
    background-image:url(image/lemonstand.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#727272;
}

a.calc {
    position:absolute;
    top:7px;
    left:520px;
    width:100px;
    height:129px;
    margin-right:90px;
    background-image:url(image/calc.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#b5b5b5;
}

a.calc:hover {
    position:absolute;
    top:7px;
    left:520px;
    width:100px;
    height:129px;
    background-image:url(image/calc.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#727272;
}

a.dp {
    position:absolute;
    top:7px;
    left:690px;
    width:110px;
    height:129px;
    background-image:url(image/dp.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#b5b5b5;
}

a.dp:hover {
    position:absolute;
    top:7px;
    left:690px;
    width:110px;
    height:129px;
    background-image:url(image/dp.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#727272;
}

a.libra {
    position:absolute;
    top:7px;
    left:863px;
    width:79px;
    height:129px;
    margin-right:90px;
    background-image:url(image/libra.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#b5b5b5;
}

a.libra:hover {
    position:absolute;
    top:7px;
    left:863px;
    width:79px;
    height:129px;
    background-image:url(image/libra.png);
    background-repeat:no-repeat;
    text-decoration:none;
    color:#727272;
}

#project_overview {
    position:absolute;
    top:485px;
    z-index:1;
    width:942px;
    background-color:#E8E8E8;
    margin-left:4px;
    border-left: 1px solid #e2e0e0;
    border-right: 1px solid #e2e0e0;
}

#about_us_content {
    position:absolute;
    top:315px;
    z-index:1;
    width:942px;
    background-color:#E8E8E8;
    margin-left:4px;
    border-left: 1px solid #e2e0e0;
    border-right: 1px solid #e2e0e0;
}

#project_header {
    position:absolute;
    top:435px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/projects_header.png);
    z-index:2;
}

#about_us_header {
    position:absolute;
    top:265px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/about_us_header.png);
    z-index:2;
}

#download_header {
    position:absolute;
    top:435px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/download_header.png);
    z-index:2;
}

#project_bottom {
  background-image: url(image/project_bottom.png);
  height:15px;
  width:944px;
  position:absolute;
  bottom:-15px;
  left:-1px;
  z-index:1;
}

#project_footer{
    position:absolute;
    left:-29px;
    bottom:-1px;
    margin-top:0px;
    margin-bottom:0px;
    width: 1000px;
    height:50px;
    background-image: url(image/footer.png);
    padding:0px;
}

#project_copyright {
    position:relative;
    left:-1px;
    bottom:3px;
    z-index:2;
    margin:0px;
    padding:0px;
    width:956px;
    height:35px;
}

#project_container {
        position:relative;
	width:952px;
	height:1200px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding:0px;
}

#about_us_container {
        position:relative;
	width:952px;
	height:1000px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding:0px;
}

#bound_container {
        position:relative;
	width:952px;
	height:900px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding:0px;
}

#whole_footer {
  position:relative;
  top:56px;
  border:0px;
  padding:0px;
  margin:0px;
}

#bound_header {
    position:absolute;
    top:438px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/bound_header.png);
    z-index:2;
}

#ms_header {
    position:absolute;
    top:438px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/ms_header.png);
    z-index:2;
}

#ls_header {
    position:absolute;
    top:438px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/ls_header.png);
    z-index:2;
}

#calculator_header {
    position:absolute;
    top:438px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/calculator_header.png);
    z-index:2;
}

#dp_header {
    position:absolute;
    top:438px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/dp_header.png);
    z-index:2;
}

#libra_header {
    position:absolute;
    top:438px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/libra_header.png);
    z-index:2;
}

#bound_logo {
    background-image:url(image/bound_logo.png);
    position:relative;
    height:250px;
    width:200px;
    float:left;
    margin-right:10px;
}

#bound1 {
    background-image:url(image/bound1.png);
    position:relative;
    height:200px;
    width:256px;
    float:right;
    margin-top:-5px;
}

#ms1{
    background-image:url(image/ms_level.png);
    position:relative;
    height:200px;
    width:256px;
    float:left;
    margin-right:10px;
}

#ls1{
    background-image:url(image/lemonade_stand.png);
    position:relative;
    height:135px;
    width:256px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

#ls2 {
    background-image:url(image/ls_gameplay.png);
    position:relative;
    height:415px;
    width:419px;
    float:right;
    margin-bottom:10px;
    margin-top:-5px;
}

#ms2 {
    background-image:url(image/ms_ex.png);
    position:relative;
    height:200px;
    width:256px;
    float:right;
    margin-bottom:10px;
    margin-top:-5px;
}

#calculator1 {
    background-image:url(image/calculator_logo.png);
    position:relative;
    height:135px;
    width:256px;
    float:left;
    margin-right:10px;
}

#calculator2 {
    background-image:url(image/calculator_menu.png);
    position:relative;
    height:220px;
    width:419px;
    float:right;
    margin-top:-5px;
    margin-left:4px;
}

#calculator3 {
    background-image:url(image/calculator_recall.png);
    clear:right;
    top:30px;
    position:relative;
    height:220px;
    width:419px;
    float:right;
    margin-top:-5px;
    margin-left:4px;
}

#dp_gameplay {
    background-image:url(image/dp_gameplay.png);
    position:relative;
    height:305px;
    width:395px;
    float:right;
    margin-top:-5px;
    margin-left:4px;
}

#dp_gameplay1 {
    background-image:url(image/dp_gameplay1.png);
    clear:right;
    top:30px;
    position:relative;
    height:305px;
    width:395px;
    float:right;
    margin-top:-5px;
    margin-left:4px;
    margin-bottom:30px;
}

#dp1{
    background-image:url(image/dp_logo.png);
    position:relative;
    height:135px;
    width:256px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

#libra_gameplay{
    background-image:url(image/libra.jpg);
    position:relative;
    height:265px;
    width:248px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

/***********************|
|*****DOWNLOADS PAGE****|
|***********************/

#bound_download {
    background-image:url(image/bound_download.png);
    position:relative;
    height:150px;
    width:100px;
    float:left;
    margin-right:10px;
}

#ms_download {
    background-image:url(image/ms_download.png);
    position:relative;
    height:150px;
    width:100px;
    float:left;
    margin-right:10px;
}

#ls_download {
    background-image:url(image/ls_download.png);
    position:relative;
    height:150px;
    width:100px;
    float:left;
    margin-right:10px;
}

#calc_download {
    background-image:url(image/calc_download.png);
    position:relative;
    height:150px;
    width:100px;
    float:left;
    margin-right:10px;
}

#dp_download {
    background-image:url(image/dp_download.png);
    position:relative;
    height:150px;
    width:100px;
    float:left;
    margin-right:10px;
}

#libra_download {
    background-image:url(image/libra_download.png);
    position:relative;
    height:150px;
    width:100px;
    float:left;
    margin-right:10px;
}

.download_now {
    position:absolute;
    margin-top:20px;
    left:350px;
    height:20px;
    width:75px;
    background-image:url(image/download_out.png);
}

.download_now:hover {
    position:absolute;
    margin-top:20px;
    left:350px;
    height:20px;
    width:75px;
    background-image:url(image/download_over.png);
}

.view_now {
    position:absolute;
    margin-top:20px;
    left:425px;
    height:20px;
    width:75px;
    background-image:url(image/view_now_out.png);
}

.view_now:hover {
    position:absolute;
    margin-top:20px;
    left:425px;
    height:20px;
    width:75px;
    background-image:url(image/view_now_over.png);
}

/**********************|
|****TUTORIALS PAGE****|
|**********************/

#ps_tutorial {
    background-image:url(image/ps_tutorial.png);
    height:100px;
    width:150px;
    position:relative;
    margin-top:40px;
    margin-right:10px;
    margin-bottom:30px;
    float:left;
}

.sub_nav {
    position:absolute;
    top:267px;
    left:4px;
    width:944px;
    height:35px;
    background-image: url(image/sub_nav.png);
    z-index:2;
}

#tutorials_header {
    position:absolute;
    top:265px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/tutorials_header.png);
    z-index:2;
}

#tutorials_header_with_nav {
    position:absolute;
    top:317px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/tutorials_header.png);
    z-index:2;
}

#tutorial_with_nav_content {
    position:absolute;
    top:367px;
    z-index:1;
    width:942px;
    background-color:#E8E8E8;
    margin-left:4px;
    border-left: 1px solid #e2e0e0;
    border-right: 1px solid #e2e0e0;
}

#photoshop_text_header {
    position:absolute;
    top:317px;
    left:4px;
    width:944px;
    height:50px;
    background-image: url(image/photoshop_text_header.png);
    z-index:2;
}

.image1 {
    background-image:url(image/1.gif);
    margin-left:10px;
    height:213px;
    width:315px;
}

.image2 {
    background-image:url(image/2.gif);
    margin-left:10px;
    height:300px;
    width:450px;
}

.image3 {
    background-image:url(image/3.gif);
    margin-left:10px;
    height:300px;
    width:648px;
}

.image4 {
    background-image:url(image/4.gif);
    margin-left:10px;
    height:300px;
    width:655px;
}

.image5 {
    background-image:url(image/5.gif);
    margin-left:10px;
    height:300px;
    width:702px;
}

.image6 {
    background-image:url(image/6.jpg);
    margin-left:10px;
    height:300px;
    width:706px;
}

.image7 {
    background-image:url(image/7.jpg);
    margin-left:10px;
    height:300px;
    width:666px;
}

.image8 {
    background-image:url(image/8.jpg);
    margin-left:10px;
    height:144px;
    width:500px;
}

#tutorial_container {
        position:relative;
	width:952px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;
	min-height:592px;
}

/***********************|
|****TEXT FORMATTING****|
|***********************/

.beta {
    color:#FF0000;
    font-variant:small-caps;
}

.red {
    color:#FF0000;
}

.content_text {
	margin-top:0px;
	padding:0px;
	margin-left:4px;
	margin-bottom:7px;
}

.bound_content_text {
        clear:left;
	padding-top:10px;
	margin-left:4px;
	margin-bottom:7px;
}

.update_list {
	list-style-type:square;
	margin-top:0px;
}

a.content_text {
  position:relative;
  top:18px;
  color: #000000;
}

.project_name {
    font-variant:small-caps;
    font-size:14px;
}

.project_details {
    padding-left:4px;
    font-size:11px;
}

ol.project_details {
    padding-left:4px;
    font-size:11px;
    margin-left:25px;
}

ul.project_details {
    padding-left:4px;
    font-size:11px;
    margin-left:25px;
    list-style-type:square;
}

.sublist {
    padding-left:4px;
    font-size:11px;
    margin-left:10px;
}

p.sub_nav_text {
    color:#727272;
    text-decoration:none;
    font-size:10px;
    position:absolute;
    top:11px;
    left:10px;
    margin:0px;
    border:0px;
}

a.sub_nav_link {
    color:#727272;
    font-size:10px;
}

.tutorial_text {
    padding-left:10px;
}

.tutorial_copyright {
    position:relative;
    padding-top:15px;
    font-size:10px;
    padding-left:4px;
    margin-bottom:-25px;
}

/***********************|
|******LIVE SEARCH******|
|***********************/

#search {
        position:absolute;
	margin-top:223px;
	margin-left:790px;
	z-index:4;
}

.search_logo {
        position:absolute;
	padding-left:5px;
}

#searchField {
	border:1px solid #999999;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.suggestions {
	background-color:#F7F7F7;
	margin-left:1px;
	border:1px solid #E2E0E0;
	border-top:none;
	width:126px;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
}

.suggestions:hover {
	background-color:#fbab00;
}

#popups {
	position:absolute;
}

#searchField.error {
	background-color: #FFFFCC;
	border:1px solid #999999;
}

#validation {
    background-image:url(image/strict.png);
    position:relative;
    height:31px;
    width:88px;
    float:left;
    margin-top:5px;
    margin-bottom:-10px;
}