@import url("reset.css"); /* Mass reset */

/* BASE */
body { margin:0; padding:0; background:white; color:black;
		font-family: "Trebuchet MS", sans-serif; font-size: 13px;}
a:link {color: #1e4bba;}
a:visited {color: #1e4bba;}
a:hover {color: #26e;}
h1 {font-size: 21px; font-weight: bold; color: #259;
		font-family: arial,  sans-serif;
		letter-spacing: -1px;	margin: 5px 0 15px 0;}
h2 {font-size: 18px; font-weight: bold; color: #259;
		font-family: arial,  sans-serif;
		letter-spacing: -1px;	margin: 10px 0 15px 0;}
h3 {font-size: 15px; font-weight: bold; color: #000;
		font-family: arial,  sans-serif;
		margin: 3px 0 6px 0;}
h4 {font-size: 13px; font-weight: bold; color: #000;
		font-family: arial,  sans-serif;
		margin: 3px 0 1px 0;}
p  {margin-bottom: 9px;}
tr, td { margin: 0; padding: 0; vertical-align: top;}
h2 sup {font-weight: normal; font-size: .7em;}


/* CONTAINER */
#container {min-width: 750px;}


/* HEADER, LOGO & MENU */
#header {position:relative; height:90px;
		background-color: #e4ebf5; background-image: url(/images/h-bg.jpg); background-repeat: repeat-x;
		border-bottom: 1px solid #888; border-top: 1px solid #888;}

#logo {width:400px; height:58px; position:absolute; bottom:15px; left:27px;}
#slogan {margin: 0 0 15px 30px;}

#nav {position:absolute; margin:0; bottom: 0px; right:50px;
		font-family:verdana, "Trebuchet MS",sans-serif; white-space:nowrap; z-index: 100;}

#search {position:absolute; margin:0; bottom: 47px; right:0px;
		font-family:verdana,"Trebuchet MS",sans-serif;}
#search input {border: 1px solid #888; padding: 2px;
		/*background: #FFFFFF url(http://www.google.com/coop/images/google_custom_search_watermark.gif) left no-repeat;*/}
#search .search_button {visibility: hidden; display: none;}

#nav li {display:block; float:left; list-style:none; margin-left: 5px;  margin-bottom: 0px;
		border-top: 1px solid #888; border-left: 1px solid #888; border-right: 1px solid #888;
		font-size: 13px; font-weight: bold; text-transform: lowercase;}
#nav li .item_section {display:block; color: #25b; background-color: #e8ecf0;}

#nav li a {display:block; padding: 5px 10px;}
#nav li a:link {text-decoration: none; color: #d80;}
#nav li a:visited {text-decoration: none; color: #d80;}
#nav li a:hover {background-color: white;}

#nav li #active_section {display:block; margin-bottom: -2px;
	background-color: white; border-bottom: 2px solid white;}
#nav li #active_section a:link {color: #259;}
#nav li #active_section a:visited {color: #259;}
#nav li #active_section a:hover {background-color: white;}


/* CONTENT LAYOUT */
#body {border-top: 1px solid #ccc;}

/*
#sidebar {width: 30%; background-color: #e8e8e8; border-right: 1px solid #999; padding: 10px 10px 10px 30px;}*/
#sidebar {width: 30%; background-color: #eff2f5; border-right: 1px solid #999; padding: 10px 10px 10px 30px;}
.sidebar-border {width: 1px; background-color: #ccc;}
.sidebar-border div {width: 1px; height: 1px;}
.sidebar-block {margin-bottom: 20px;}

#sidebar h1 {font-weight: bold; color: #e90; /*text-transform: lowercase;*/}
#sidebar h2 {font-weight: bold; color: #e90; /*text-transform: lowercase;*/}


#content {padding: 10px 50px 10px 20px; margin: 5px;}

#news h3 {font-size: 11px; font-weight: bold; font-family: arial, sans-serif; color: #b70;
		margin: 0; padding-top: .4em;}

.product, .product-download, .product-order {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #888;}
.product img.product-logo {margin-bottom: 10px;}
.product-links {padding: 0 10px 10px 0;}

.helplink {margin: 4px 6px 4px 0; font-size: 85%; font-weight: bold;}
.helplink a {padding: 4px;
		color: #d80; background-color: #e2e8ee; border: 1px solid #d3dae2; text-decoration: none;}
.helplink a:hover {
		color: #d80; background-color: #eff3f6;  border: 1px solid #d80;  text-decoration: none;}
.helplink a:visited {
		color: #d80;}

strong {font-weight: bold;}
small {font-size: 85%; color: #555;}
.red {color: #b00;}
.center {text-align: center; vertical-align: middle;}

.ul-clean li {margin: 5px 0px 5px 15px; display: list-item; list-style-type: disc;}

.ul-docs li  {margin: 2px 0px 2px 0px;}
.ul-docs li li {margin: 2px 0px 2px 15px;}

.docs-body li  {margin: 2px 0px 2px 15px; display: list-item; list-style-type: disc;}
.docs-body h1, .docs-body h2 {text-transform: none;}
.docs-body table {width: 90%;}
.docs-sidebar h1 {font-size: 20px;}

.product-download a {font-weight: bold;}
.product-download table {background-color: #e8e8e8; margin: 5px 0 20px 0; width: 100%;}
.product-download td {padding: 4px; border: 2px solid white; font-size: 90%;}

/**/
.product-download .product-logo {float: left;}
.product-download .first-download {margin: 0 0 30px 0;}
.product-download .first-download img {margin-right:30px;}
.product-download h2 {text-transform: none; padding: 15px 0 0 0; margin: 0;}
.product-download h3 {clear: both;}
/**/

.product-order a {display: block;}
.product-order table {background-color: #e8e8e8; margin: 5px 0 20px 0; width: 100%;}
.product-order td, .product-order th {padding: 4px; border: 3px solid white;}
.product-order th {font-size: 16px; font-weight: bold; color: #000;
		font-family: arial,  sans-serif;}
.fb {padding: 2px; color: #d80; background-color: #feb; border: 1px solid #d80;}


table.hosting {background-color: #e8e8e8; margin: 5px 0 20px 0; width: 100%;}
.hosting td, .product-order th {padding: 4px; border: 3px solid white;}
.hosting th {font-size: 16px; font-weight: bold; color: #000; font-family: arial,  sans-serif;
		padding: 4px;}
	
.toright {float: right;}

/* FOOTER */
#footer {clear:both; padding: 5px 30px;
		background-color: #dee5eb; border-top: 1px solid #888;
		font-size: 85%; color: #888;}