/* page basics */ 
body {color: #ccc; background-color: #111; margin:0; padding:0; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; text-shadow: #fff 0px 0px 0px; font-size:12px; line-height:1.9em; background-image:url('../img/back.gif');}
a {text-decoration:none; opacity:1; text-transform:uppercase; color:#fff; border-bottom: #394a59 thin solid;}
a:hover {text-decoration:none; opacity:0.50; text-transform:uppercase; color:#fff; border-bottom: #394a59 thin solid;}
a.link {display:inline; color:#fff; border-bottom:1px solid #575757;  padding:0px 1px 0px 1px;
	text-decoration:none;}
a.link:hover {border-bottom:1px solid #fff;}
strong {font-weight: normal; color: #fff;}
h1 {font-size:1.3em; font-weight:bold; color:#fff; margin:0 0 0.15em 0;}
h2 {font-size:1em; font-weight:bold; color:#fff; margin:0; border-bottom:1px solid #4D4D4D;}
h3 {font-size:0.9em; font-weight:normal; color:#A1A1A1; margin:1px 0 9px 0;}
sup {color:#fff; font-size:8px;}
strong {display:inline; color:#fff; background-color:#394a59; padding:0px 2px 1px 3px;}
b {color:#fff;}

img, a img {border:0;}

/* main page styles */
#content_center { position: relative; width: 934px; margin: auto; text-align: left; }
#maincontent {float:left; background-color: #101010; border-left: 2px solid #0C0C0C; border-right: 2px solid #0C0C0C; border-bottom: 2px solid #0C0C0C;}

/* start header item */
#header {height:57px; width: 930px; background:#E4E4E4 url('../img/menu.gif'); position:relative;}
#logo_indexized {height:57px; width:250px; background:url('../img/logo_indexized.gif') no-repeat; margin:0 15px 0 0; float:left;}
#logo_and {height:57px; width:8px; background:url('../img/logo_and.gif'); float:left;}


/* menu buttons */
.bt_name {display:block; color:#1D1D1D; border-bottom:none; line-height:1em; margin:0 0 -3px 0;}
.bt_expl {display:block; color:#737373; font-size:0.8em;}

.btn {height:42px; width:180px; background:url('../img/menu.gif'); float:right; border-left:1px solid #A8A8A8;
	padding:15px 0 0 0;}
	.btn:hover {background-position:0px -57px;}
	.btn:active {background-position:0px -114px;}
	#tools {margin:3px 8px 0 32px; float:left;}
	#guides {margin:3px 10px 0 20px; float:left;}



/* subheader */ 
#subheader {float:left; background:#545454; position:relative; margin-bottom:25px;}
/* featured news */
#news_header {position:absolute; top:245px; left:0; color:#C1C1C1; padding-top:2px; height:38; width:930px;
	text-align:center; font-size:1em;}

/* start main content */ 
.features {float:left; margin-bottom:25px;}

#screenshots {width:235px; background:#262626; padding:15px 12px 15px 13px; line-height:0; -webkit-border-radius: 5px;}
	#screenshots img {width:110px; height:75px; background:; border:1px solid #909090; -webkit-box-shadow: 0 0px 2px #000;}
	#screenshots img:hover {border:1px solid #6f9dde;}
	#screenshots h3 span {color:#898989; opacity:0.3;}
.ui1, .ui2 {margin-top:5px;}
.ui1, .ui3 {margin-right:7px;}
.ui3, .ui4 {margin-top:7px;}

/* */
.line {float:left; width:880px; height:1px; margin:5px 25px;border-top:1px solid #232323;}
#feature_highlight {float:left;width:930px; color:#868686;}
#feature_highlight img {float:left; margin:6px 8px 0 0;}

/* pretty svn overview*/
#overview {background:#222; float:left; margin:5px 12px 0 25px;}
#overview p {background:#222; float:left; margin:5px 12px 0 25px; font-family: Monaco, Geneva, sans-serif; font-size: 10px; color: #717f81;}

/* column types */
.three_column {padding: 0px 25px 0px 25px; position: relative; float: left; width:260px;}
.four_column {padding: 0px 25px 0px 25px; position: relative; float: left; width:182px; background:;}

/* specifications list */ 
#spec_list {padding-top:25px; padding-bottom:35px; float:left; border-top:1px dashed #1C1C1C; position:relative;}
#scissor {width:24px; height:14px; top:-7px; left:10px; background:url('../img/scissor.gif'); position:absolute;}
ul {padding:0px 0px 10px 15px; margin:0; list-style:circle; list-style-image: url('../img/list_bullet.gif');}
ul li {margin:0; padding:1px;}

/* footer */ 
#footer {padding:20px 20px; text-align:center; font-size:0.9em; float:left; width:890px; margin:auto; 
	background:#1B1B1B url('../img/footer_shadow.gif') no-repeat; color:#4E4E4E; border-top:1px solid #151515;}
#footer a {color:#777;}
#footer:hover a {color:#A8A8A8;}
#footer a:hover{color:#fff; text-decoration:underline;}

#foot_space {height:60px; width:930px; background:; float:left;}