/*********************************************
          CrossBrowserAjax .com
              - main.css -
**********************************************/


/* Basic **********/

* {
  margin:0;padding:0;
}

table {
  border-collapse:collapse; 
}

ul {
  list-style:none;
}

html, body {
	margin:0px; padding:0px; 
	background:rgb(25,25,25);
	position:relative;
}

body {
	text-align:center;
}

a img {
  border:0px;
}

#all {
	text-align:left;
	margin:0 auto;
	width:782px;
}

.head {
	display:block;
	height:120px;
	background:#000;
	padding:1px;
}

#container {
	position:relative; 
	display:block; 
  background:#fff;
}
#inner {
	display:block;
	position:relative;
	padding:1px;
}

#center {
	position:relative; 
	display:block;
	height:1%;
	padding-bottom:70px;
}
.clear {
	clear:both;
}


.foot {
	display:block;
	height:50px;
	background:#1d1d1d;
	padding:1px;
}


/* Users Styles *******/
body {
  background-color:rgb(25,25,25);
  background-image:url('../images/body-bg.gif');
  background-repeat:repeat-y;
  background-position:center;
  /* font */
  font-family:'Trebuchet MS', Tahoma, Arial;
  font-size:14px;
}

/* Head ***************/
.head {
	background-image:url('../images/title-bg.gif');
  background-repeat:no-repeat;
}

#logo {
  float:left;
}

#logo img {
  padding:60px 360px 0px 25px;
}

#contacts {
  margin:45px 0px 0px 0px;
}

#contacts img {
  position:relative;
  top:7px;
  left:2px;
}

#contacts a {
  /* font */
  color:#999;
  font-size:12px;
  text-decoration:none;
}

#contacts a:hover {
  /* font */
  color:#bbb;
}


/* Content ************/
#center acronym {
  cursor:help;
  /* font */
  border-bottom: 1px dotted #000;
}

#center a {
  background-color:#fff;
  color:rgb(58,216,255);
  padding:1px;
  border:0px;
  text-decoration:none;
}

#center a:hover {
  background-color:rgb(58,216,255);
  color:#fff;
}

#center a acronym {
  text-decoration:none;
  padding:0;
  cursor:help;
  /* font */
  border-color: rgb(58,216,255);
}

#center a.button:hover {
  background-color:#fff;
}

#browser-statistics {
  width:721px;
  height:139px;
  padding:0px;
  margin:0px;
  border:1px solid #000;
  /* font */
  font-size:12px;
}

#browser-statistics td {
  text-align:center;
}

#browser-statistics td.info {
  height:32px;
}

#browser-statistics td.info p {
  /* font */
  position:relative;
  z-index:2;
  top:6px;
  font-weight:bold;
  text-align:left;
}

#browser-statistics .support {
  width:240px;
  background-color:#000;
  /* font */
  color:#fff;
  font-size:12px;
  text-align:center;
}

#browser-statistics .support p {
  /* font */
  font-size:68px;
}

#browser-statistics tr.values td {
  /* font */
  color:#333;
}

/* Product *******/
#product {
  margin:20px 50px 0px 70px;
  /* font */
  text-align:justify;
  color:#333;
}

#product .description p {
  margin-left:20px;
  margin-bottom:20px;
  /* font */
  font-size:16px;
}

#product .description h1 {
  margin:10px 0px 10px 20px;
  /* font */
  font-size:24px;
  color:#555;
}

#product .features p {
  margin-left:20px;
  /* font */
  font-size:11px;
  color:#444;
}

/*************************/
.content-line {
  margin:30px 0px 20px 0px;
  height:6px;
  background-image:url('../images/content-line.gif');
  background-repeat:repeat-x;
}

#content, .content-more {
  width:600px;
  margin-left:70px;
  /* font */
  color:#444;
}

h2 {
  margin-bottom:10px;
  /* font */
  color:#777;
  font-weight:normal;
}

h3 {
  margin-top:10px;
  margin-bottom:10px;
  /* font */
  color:#800;
  font-size:15px;
  font-weight:bold;
}

#content ul {
  list-style:none;
  margin-left:10px;
  line-height:23px;
}

.content-more {
  margin-top:30px;
  /* font */
  line-height:25px;
  text-align:justify;
}

.content-more ul {
  list-style:disc inside;
  margin-left:10px;
}

.content-more p {
  margin-top:15px;
}

.code {
  margin:10px;
  margin-left:15px;
  border:1px solid #aaa;
  padding:5px;
  background-color:#f5f5f5;
  /* font */
  text-align:left;
  font-size:11px;
  line-height:18px;
}

ul li span.small img {
  position:relative;
  margin-right:3px;
  top:5px;
}

ul li span.small {
  /* font */
  font-size:10px;
}

/* Footer ********/
.foot {
  color:#999;
  border-bottom:1px solid #000;
  /* font */
  font-size:11px;
}

#copyright {
  padding:12px 450px 0px 10px;
  float:left;
}

#copyright a {
  /* font */
  text-decoration:none;
  color:#999;
}

#copyright a:hover, #copyright a:hover span {
  /* font */
  text-decoration:underline;
}

#bottom-banners {
  margin-top:12px;
}

#bottom-banners a {
  color:rgb(255,113,19);
  text-decoration:none;
}

#banner_footer {
  position:absolute;
  margin:-24px 0 0 10px;
  color:#777;
  font-size:10px;
}

#banner_footer a, #banner_footer a:hover {
  color:#777;
  text-decoration:none;
  font-size:10px;
}