/******************************************
             JustAjax.com
              - styles -
               - main -
*******************************************/

/** main styles  */

* {
 margin:0px;
 border:0px;
 padding:0px;
 font-family:'Trebuchet MS';
 font-size:11px;
}

html, body {
  position:static !important;
  position:relative;
}

html {
  background-image:url( '../images/html-bg.gif' );
  background-repeat:repeat-x;
  background-color:rgb(10,61,63);
}

body {
  text-align:center;
  background-image:url( '../images/body-bg.gif' );
  background-repeat:no-repeat;
  background-position:16px 52px;
}


#all {
  text-align:left;
  margin:0 auto;
  width:740px;
  border-right:1px solid #000;
  border-left:1px solid #000;
  border-bottom:1px solid #000;
}

.head {
  display:block;
  height:184px;
  background:#fff;
  padding:1px;
  background-image:url( '../images/header-bg.gif' );
  background-repeat:no-repeat;
  background-position:40px 36px;
}

#container {
  position:relative; 
  display:block; 
  background:#fff;
  border-right:solid 238px #fff;
}
#inner {
  display:block;
  position:relative;
  margin-right:-238px;
  padding:1px;
}

#right {
  float:right; 
  position:relative; 
  width:210px;
  right:0px;
  text-align:left;
}
#center {
  margin-top:35px;
  margin-left:35px;
  margin-right:238px;
  border-right:1px solid #bbb;
  position:relative; 
  display:block;
  height:1%;
}
.clear {
  clear:both;
}

.foot {
  display:block;
  height:65px;
  background:#fff;
  padding:1px;
  padding-top:40px;
}

.foot a {
  font-family:'Trebuchet MS';
  font-size:11px;
  color:rgb(51,139,255);
  text-decoration:none;
}

.foot a:hover {
  color:#000;
}

/** user styles */
#center a {
  color:rgb(51,139,255);
  text-decoration:none;
}

#center a:hover {
  color:#000;
}

#title-site {
  position:relative;
  left:130px;
  top:70px;
}

#title-site img {
  margin-bottom:5px;
}

#title-site span {
  /* font */
  color:rgb(51,139,255);
  font-size:12px;
  letter-spacing:16px;
}

#title-text {
  position:absolute;
  top:0px;
  margin: 0px 520px;
  z-index:2;
  width:163px;
  height:154px;
  background:rgb(77,77,77);
}

#title-text:hover {
  background-color:rgb(51,139,255);
}

#title-text p {
  margin-top:90px;
  /* font */
  color:#fff;
  text-align:center;
  font-size:12px;
}

#menu-sections, #menu-main {
  margin-left:14px;
  margin-top:32px;
  list-style:none;
  /* font */
  font-size:14px;
  line-height:20px;
}

#menu-sections ul li {
  list-style:none;
  margin-left:10px;
  /* font */
  font-size:12px;
  line-height:16px;  
}

#menu-sections ul {
  margin-top:3px;
  margin-bottom:3px;
}

#menu-main {
  margin-top:20px;
}

#right a {
  color:rgb(51,139,255);
  text-decoration:none;
}

#right a:hover {
  color:#000;
}

#right .menu-tags {
  margin-top:20px;
  width:200px;
}


h1 {
  padding:0px;
  padding-left:30px;
  line-height:59px;
  margin-top:10px;
  margin-bottom:10px;
  background-image:url( '../images/h1-bg.gif' );
  background-repeat:no-repeat;
  /* font */
  color:rgb(74,155,255);
  font-size:22px;
}

h1:first-letter {
  font-size:38px;
  font-style:italic;
}

h2, h3, h4 {
  padding-left:30px;
  line-height:59px;
  margin-top:10px;
  margin-bottom:10px;
  /* font */
  color:rgb(74,155,255);
}

h2 {
  font-size:16px;
}

h2:first-letter {
  font-size:20px;
  font-style:italic;
}

h3 {
  font-size:14px;
}

h4 {
  font-size:12px;
}

#center p {
  margin:5px 0px 5px 0px;
  padding-left:30px;
  padding-bottom:5px;  
  padding-right:40px;
  /* font */
  color:#222;
  font-size:14px;
  line-height:24px;
  text-align:justify;
}

/*#center img {
  padding-left:30px;
}*/

.foot p {
  margin-left:64px;
  /* font */
  font-size:10px;
  color:#222;
}

.foot p .banner_footer,
.foot p .banner_footer a {
    font-size:10px;
    color:#999;
}

.foot p .banner_footer a:hover {
    color:#999;
}

.foot p a {
  color:#222;
  text-decoration:none;
}

.foot p a:hover {
  color:#000;
}

div.one-column #container {
  border-right:10px solid #fff;
}

div.one-column #right {
  width:10px;
}

div.one-column #center {
  border-right:10px solid #fff;
}

div.one-column #center p {
  width:600px;
}

#center .key-featues {
  margin-left:43px;
  position:relative;
  top:-14px;
}

#center p.detail-justajaxtable {
  text-align:left;
  margin-top:55px;
}

#center p.detail-justajaxtable u, #center p.detail-justajaxtable sup {
  text-align:left;
  color:#333;
  text-decoration:none;
  font-weight:bold;
}

#center p.detail-justajaxtable sup {
  font-size:10px;
}

#current-path {
text-align: left;
  padding-left:70px;
  color:#777;
}

#current-path a {
  font-family:'Trebuchet MS';
  font-size:11px;
  color:rgb(51,139,255);
  text-decoration:none;
}

#current-path a:hover {
  color:#000;
}

.screenshots {
  padding-top:6px;
  padding-left:28px;
  padding-right:12px;
  width:159px;
  float:left;
}

.screenshots a img {
  border:0px solid #fff;
  padding:1px solid #aaa;
  right:26px;
  position:relative;
}

.screenshots a:hover img {
  border:0px solid #fff;
}

.code {
  margin-left:32px;
  background-color:#f0f0f0;
  width:580px;
  border:1px solid #bbb;
  padding:10px;
  overflow:scroll;
}

code.select {
  background-color:#f0f0f0;
  border:1px solid #aaa;
  padding:2px;
}

body.demo #title-site {
  position:absolute;
  left:150px;
}

body.demo {
  background:#fff;
}

body.demo #center {
  border:0;
  margin:0;
  padding:0;
  height:auto;
  position:absolute;
  left:10px;
  top:155px;
}

body.demo #current-path {
  width: 650px;
  margin-left:50px;
  color:#777;
}

body.demo #center {
  width:200px;
} 

body.demo h1 {
  padding:0px;
  padding-left:30px;
  margin-left:20px;
  line-height:59px;
  margin-top:10px;
  margin-bottom:10px;
  background-image:url( '../images/h1-bg.gif' );
  background-repeat:no-repeat;
  background-position:40px 0px;
  /* font */
  color:rgb(74,155,255);
  font-size:22px;
  
}

.demofoot p {
  margin-left:64px;
  margin-top:10px;
  /* font */
  font-size:10px;
  color:#222;
}

.demofoot p .banner_footer,
.demofoot p .banner_footer a {
    font-size:10px;
    color:#999;
}

.demofoot p .banner_footer a:hover {
    color:#999;
}

.demofoot p a {
  font-family:'Trebuchet MS';
  font-size:11px;
  color:rgb(51,139,255);
  text-decoration:none;
}

.demofoot p a:hover {
  color:#000;
}