html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
}
img {
	border: none;
}
a:focus {
	outline:none;
}
form {
	margin: 0;
	padding: 0;
}
.page,
.page-inside {
	float: left;
	width: 100%;
	background-color: #314047;
	min-height: 100%;
	min-width: 805px;
}
.page-inside {
	background-color: #fff;
}
* html .page {
	height: 100%;
}
* html .page-inside {
	height: 100%;
}
#main {
	margin: 0 auto;
	width: 805px;
	position: relative;
}
/* header page start */
#header {
	width: 805px;
	height: 197px;
	float: left;
	background: url(../images/menu-bg.gif) no-repeat 2px 153px;
	position: absolute;
	left: 0;
	top: 0;
}
.page-inside #header {
	background: url(../images/menu-bg-2.gif) no-repeat 2px 153px;
	height: 201px;
}
/* logo */
.logo {
	background: url(../images/logo.gif) no-repeat;
	width: 191px;
	height: 107px;
	position: absolute;
	top: 19px;
	left: 25px;
	text-indent: -9999px;
	overflow: hidden;
}
.page-inside .logo {
	background: url(../images/logo-2.gif) no-repeat;
}
/* slogan */
#header strong {
	position: absolute;
	height: 50px;
	border-left: 3px solid #24688d;
	left: 257px;
	top: 45px;
	color: #24688d;
	font: bold 22px Arial, sans-serif;
	padding: 21px 0 0 37px;
}
/* main nav start */
#header ul {
	margin: 167px 0 0;
	padding: 0 0 0 23px;
	float: left;
}
#header ul li {
	float: left;
	display: inline;
	font: bold 14px "Trebuchet MS", trebuchet, Arial, sans-serif;
	padding: 0 39px 0 0;
}
#header ul li a {
	color: #fff;
	text-decoration: none;
}
#header ul li a:hover {
	text-decoration: underline;
}
/* main nav end */
/* form start */
.form {
	float: right;
	margin: 166px 0 0;
	padding: 0 18px 0 0;
}
.form input {
	float: left;
}
.form div {
	float: left;
	background: url(../images/input-left-bg.gif) no-repeat;
	height: 20px;
	padding: 0 6px 0 3px;
}
.form div input {
	float: left;
	background: url(../images/input-bg.gif) repeat-x;
	height: 16px;
	border: none;
	padding: 4px 0 0 3px;
	font: 11px Verdana, Arial, sans-serif;
	width: 148px;
}
/* form end */
/* header page end */
/* main container */
.container {
	float: left;
	width: 805px;
	margin: 197px 0 0;
}
.page-inside .container {
	margin-top: 201px;
}
/* black-white box */
.black-white-box {
	float: left;
	background: url(../images/black-white-box.gif) no-repeat;
	width: 800px;
	height: 246px;
	margin: 0 0 0 2px;
	display: inline;
}
/* features box */
.features-box {
	float: left;
	width: 393px;
}
.image-box {
	position: relative;
	float: left;
	width: 393px;
}
/* image */
.image-box img {
	position: absolute;
	top: 64px;
	left: 98px;
}
/* text near image */
.image-box span {
	position: absolute;
	color: #ec9236;
	font: bold 12px "Trebuchet MS", trebuchet, Arial, sans-serif;
	text-transform: uppercase;
}
/* text position */
.basecamp {
	top: 113px;
	left: 28px;
}
.saleforce {
	top: 44px;
	left: 48px;
}
.jira {
	top: 44px;
	left: 200px;
}
.php {
	top: 113px;
	left: 261px;
}
/* text box under image */
.features-box .text {
	float: left;
	margin: 159px 0 0 145px;
	display: inline;
}
.features-box .text h2 {
	margin: 0;
	padding: 0 0 4px;
	color: #ec9236;
	font: 21px "Trebuchet MS", trebuchet, Arial, sans-serif;
}
.features-box .text h2 strong {
	color: #fff;
}
.features-box .text h2 strong span {
	color: #0b5881;
}
.features-box .text p {
	margin: 0;
	padding: 0;
	color: #959595;
	font: 11px/13px Arial, sans-serif;
}
/* upcoming releases box start */
.upcoming-releases-box {
	float: left;
	width: 328px;
	padding: 34px 0 0 76px;
}
.upcoming-releases-box h1 {
	margin: 0;
	padding: 0;
	color: #0b5881;
	font: bold 22px Arial, sans-serif;
}
/* numbers list */
.upcoming-releases-box ul {
	margin: 0;
	padding: 15px 0 0 25px;
	float: left;
}
.upcoming-releases-box ul li {
	float: left;
	display: inline;
	width: 148px;
	height: 69px;
	padding: 10px 0 0;
}
/* number */
.upcoming-releases-box ul li .number {
	float: left;
	color: #ec9236;
	font: bold 50px Arial, sans-serif;
	text-align: right;
	padding: 0 3px 0 0;
	width: 31px;
}
.upcoming-releases-box ul li a {
	color: #ec9236;
	font: bold 12px/13px Arial, sans-serif;
	text-decoration: none;
	margin: 10px 0 0;
	display: block;
	float: left;
}
.upcoming-releases-box ul li a:hover {
	text-decoration: underline;
}
.upcoming-releases-box ul li p {
	margin: 0;
	padding: 0;
	color: #a3a3a3;
	font: 11px/13px Arial, sans-serif;
	width: 113px;
	float: left;
	position: relative;
}
/* upcoming releases box end */
/* white box start */
.white-box {
	float: left;
	background: url(../images/white-box-bg.gif) repeat-y;
	width: 800px;
	margin: 18px 0 0 2px;
	display: inline;
}
.white-box-top-bg {
	width: 800px;
	float: left;
	background: url(../images/white-box-top.gif) no-repeat;
}
.white-box-bottom-bg {
	width: 800px;
	float: left;
	background: url(../images/white-box-bottom.gif) no-repeat 0 100%;
	padding: 0 0 14px;
}
/* anouncing box */
.anouncing {
	float: left;
	width: 460px;
	padding: 14px 0 0 16px;
}

.anouncing a:link, .anouncing a:visited{
color: #0a5781;
text-decoration: none;
}

.anouncing p a:link, .anouncing p a:visited{
text-decoration: underline;
}

.anouncing a:hover{
text-decoration: underline;
}

.anouncing h2,
.jira-box h2 {
	margin: 0;
	padding: 0 0 7px;
	color: #0a5781;
	font: bold 18px Arial, sans-serif;
}
.jira-box h2 {
	padding-bottom: 4px;
}
.anouncing p {
	margin: 0;
	padding: 0 0 11px 2px;
	color: #4b4b4b;
	font: 11px Arial, sans-serif;
}
.jira-box p {
	margin: 0;
	color: #a3a3a3;
	font: bold 12px/15px "Trebuchet MS", trebuchet, Arial, sans-serif;
	padding: 0 10px 11px 2px;
}
/* jira box */
.jira-box {
	float: left;
	width: 280px;
	padding: 14px 0 0 29px;
}
.jira-box p .make-the-time,
.anouncing p .make-the-time {
	color: #ec9236;
}
.jira-box p .make-the-time span,
.anouncing p .make-the-time span {
	color: #0a5781;
}
/* link more */
.more {
	float: right;
	color: #a3a3a3;
	font: bold 12px/15px "Trebuchet MS", trebuchet, Arial, sans-serif;
	text-decoration: none;
	background: url(../images/arrow.gif) no-repeat 100% 1px;
	padding: 0 26px 0 0;
	margin: 0 6px 0 0;
	display: inline;
}
.more:hover {
	text-decoration: underline;
}
/* two black boxes start */
.two-black-box {
	float: left;
	width: 805px;
	background: url(../images/two-black-boxes-bg.gif) repeat-y;
	margin: 15px 0 0 -1px;
}
.page-inside .two-black-box {
	background: url(../images/two-black-boxes-bg-2.gif) repeat-y;
}
.two-black-box-top {
	float: left;
	width: 805px;
	background: url(../images/two-black-boxes-top.gif) no-repeat;
}
.page-inside .two-black-box-top {
	background: url(../images/two-black-boxes-top-2.gif) no-repeat;
}
.two-black-box-bottom {
	float: left;
	width: 805px;
	background: url(../images/two-black-boxes-bottom.gif) no-repeat 0 100%;
	padding: 3px 0 3px;
}
.page-inside .two-black-box-bottom {
	background: url(../images/two-black-boxes-bottom-2.gif) no-repeat 0 100%;
}
/* products box */
.products-box {
	float: left;
	width: 480px;
	padding: 0 0 0 3px;
}
.products-box .text {
	float: left;
	width: 370px;
	padding: 14px 0 0 15px;
}
.products-box .text h2,
.private h2 {
	margin: 0;
	padding: 0 0 0 15px;
	color: #0a5781;
	font: bold 18px Arial, sans-serif;
	background: url(../images/arrow-3.gif) no-repeat 0 1px;
}
.private h2 {
	background: none;
	padding: 0 0 2px;
}
.products-box .text h2 span {
	font-size: 16px;
}
/* yellow button */
.products-box .button {
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	background: url(../images/yellow-button.gif) no-repeat;
	width: 88px;
	height: 99px;
}
/* two products column */
.col-1,
.col-2 {
	float: left;
	width: 165px;
	padding: 8px 5px 0 18px;
}
.col-2 {
	padding: 8px 0 0 10px;
	width: 170px;
}
.col-1 p,
.col-2 p {
	margin: 0;
	padding: 0;
	color: #a9a9a9;
	font: 11px/13px Arial, sans-serif;
}
.col-2 p {
	color: #ec9236;
}
/* private box */
.private {
	float: left;
	width: 276px;
	padding: 13px 0 0 27px;
}
.private p {
	margin: 0;
	padding: 0 0 0 1px;
	font: bold 12px/15px Arial, sans-serif;
	color: #fff;
}
/* more link */
.more-2 {
	text-indent: -9999px;
	overflow: hidden;
	float: right;
	background: url(../images/arrow-2.gif) no-repeat 100% 0;
	padding: 0 20px 0 0;
	width: 20px;
	height: 19px;
}
/* two black boxes end */
/* footer page */
.footer {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
.footer p {
	padding: 29px 18px 0 0;
	margin: 0;
	text-align: right;
	color: #6f6f6f;
	font: 11px Arial, sans-serif;
}
/* page content */
.content {
	float: left;
	padding: 25px 0 49px 18px;
	width: 777px;
}

	.content ul{
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		color: #333;
		margin-left:25px;
		padding:0;
	}
	
	.content ul li{
		list-style-type: square;
	padding:2px;
	}
.content a {
	color: #0a5781;	
	text-decoration : none;
}

.content a:hover {	
	text-decoration : underline;
}
.content h1 {
	margin: 0;
	padding: 0 0 7px;
	color: #0a5781;
	font: bold 18px Arial, sans-serif;
}

.content h2 {
	margin: 0;
	padding: 0 0 7px;
	color: #4b4b4b;
	font: bold 20px Arial, sans-serif;
}
.content p {
	margin: 0;
	padding: 0 0 11px 2px;
	color: #4b4b4b;
	font: 11px/14px Arial, sans-serif;
}
/* padding text */
.separator {
	float: left;
	height: 26px;
	font-size: 0;
	width: 100%;
	overflow: hidden;
	clear: both;
}