/* Initial reset
---------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, p, blockquote, form, fieldset, legend {
		margin: 0;
		padding: 0;
		font: 100%/120% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
ul {
		list-style: none;
}
fieldset, img {
		border:0;
}
input, select, textarea {
		font-size: 100%;
}
/* General
---------------------------------------------------------- */
html {
		font-size:100.01%; 
} 
body {
		background:#fff;
		font-size:13px;
		color:#333;
}
.wrapper {
		width:960px;
		margin:0 auto;
		position:relative; /* to position screenshots */
}
a {
		color:#176e99;
		text-decoration:none;
}
a:hover {
		text-decoration:underline;
		color:#20a0e0;
}
/* Header
---------------------------------------------------------- */
#header {		
		overflow:hidden;
		background:url(http://www.semonto.com/img/header-bg.gif) repeat-x top left;
}
h1 {	
		background:url(http://www.semonto.com/img/semonto-logo-b.gif) no-repeat;
		float:left;
		margin-top:11px;
}
h1 a {
		text-indent:-9000px;
		display:block;
		width:161px;
		height:60px;
		margin-bottom:12px;
}
/* Navigation
---------------------------------------------------------- */
#navigation {
		float:right;
		overflow:hidden;
		margin-top:30px;
		background:url(http://www.semonto.com/img/navigation-separate.gif) no-repeat right 4px;
		padding-right:16px;
}
#navigation li {
		float: left;
		margin:0 16px;		
}
#navigation a {
		font-size:14px;
		font-weight:bold;
		color:#444;
		display:block;	
		padding:6px 0 10px 0;	
}
#navigation a:hover {
		color:#000;
}
#navigation li.current {
		margin:0 6px;
}
#navigation li.current a {
		color:#fff;
		padding:5px 10px;
		background:#8c8c8c;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
}
#navigation li.current a:hover {
		text-decoration:none;
}
/* Secondary navigation
---------------------------------------------------------- */
#secondary-nav {
		float:right;
		overflow:hidden;
		margin-top:30px;
		margin-left:24px;
}
#secondary-nav li {
		float: left;
		margin:0 6px;	
}
#secondary-nav li a {
		font-size:14px;
		font-weight:bold;
		color:#daf3ff;		
		padding:5px 10px;
		display:block;	
		background:#56a6ce;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
}
#secondary-nav li a:hover {
		text-decoration:none;
		color:#fff;		
}
/* Welcome
---------------------------------------------------------- */
#welcome {
		overflow:hidden;
		background:url(../img/welcome-bg.gif) repeat-x top left;
		padding-top:46px;
}
#welcome h2 { /* image replacement for SEO purposes */
		background:url(../img/monitor-your-servers.gif) no-repeat;
		text-indent:-9000px;
		display:block;
		width:453px;
		height:78px;
		margin-bottom:32px;
}
#welcome h3 { /* image replacement for SEO purposes */
		background:url(../img/continuously-check-website.gif) no-repeat;
		text-indent:-9000px;
		display:block;
		width:452px;
		height:80px;
		margin-bottom:64px;
}
#screenshots {
		position:absolute;
		top:-19px;
		right:0;
		width:446px;
		height:316px;
}
#screenshots img {
		background:url(../img/screenshot-bg.gif) no-repeat left top;	
		padding:8px 13px 21px 13px;
}


/* Buttons
---------------------------------------------------------- */
.buttons {
		overflow:hidden;
		height:100%;
		padding-bottom:16px;
}
.buttons-homepage {
		padding-bottom:30px;
}
a.button {
		float:left;
		font-size:12px;
		line-height:12px;
		font-weight:bold;
		color:#333;				
		background:url(../img/button-right.gif) no-repeat top right;	
		padding-right:18px;
		height:30px;
		text-decoration: none;
		margin-right:20px;
}
a.button span {
		background:url(../img/button-left.gif) no-repeat top left;	
		display:block;	
		padding:9px 0 9px 18px;
}
a.button:hover {
		background:url(../img/button-right.gif) no-repeat bottom right;	
		text-decoration:none;
		color:#333;
}
a.button:hover span {
		background:url(../img/button-left.gif) no-repeat bottom left;	
} 
a.color {
		color:#fff;				
		background:url(../img/button-color-right.gif) no-repeat top right;	
}
a.color span {
		background:url(../img/button-color-left.gif) no-repeat top left;	
}
a.color:hover {
		background:url(../img/button-color-right.gif) no-repeat bottom right;	
		color:#fff; 
}
a.color:hover span {
		background:url(../img/button-color-left.gif) no-repeat bottom left;	
} 
/* Contents
---------------------------------------------------------- */
#contents {
		overflow:hidden;
		height:100%;
		padding-top:30px;
}
p {
		line-height:150%;
		padding-bottom:12px;
}
#contents h2 {
		font-size:24px;
		font-weight:bold;
		margin-bottom:20px;
}
#contents h3 {
		font-size:15px;	
		line-height:150%;
		margin-bottom:24px;
		background:#e4f2fa;
		border:1px solid #d6e7f1;
		padding:14px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
}
#contents h6 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:2px;
		margin-top:12px;
}
#contents h6:first-child {
		margin-top:0;
}
/* Main-content
---------------------------------------------------------- */
#main-content {
		float:left;
		overflow:hidden;
		width:630px;
		margin-right:30px;
}
#main-content .column {
		float:left;
		width:300px;
}
#main-content .odd {
		margin-right:30px;
}
#contents .full-width {
		float:none;
		overflow:hidden;
		width:960px;
		margin-right:0;
}
#main-content .simple-box {
		overflow:hidden;
		height:100%;
		background:#f4f4f4;
		padding:20px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
}	
#contents .full-width .column {
		width:440px;
}
#main-content h4 {
		font-size:18px;
		font-weight:bold;
		margin-bottom:6px;
		margin-top:12px;
}
#main-content h4:first-child {
		margin-top:0;
}
#main-content ul {
		padding:6px 0 6px 24px;
}
#main-content ul li {
		background:url(../img/list-bullet.gif) no-repeat 0 6px;	
		padding-left:10px;
		margin-bottom:8px;
}
#main-content ol {
		padding:6px 0 6px 42px;
}
#main-content ol li {
		margin-bottom:8px;
}
#main-content blockquote p {
		font-style:italic;
		background:#f4f4f4;
		padding:20px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		margin:12px 0;
		font-family:"Trebuchet MS", "Times New Roman", Times, serif
}
/* Features
---------------------------------------------------------- */
.feature {
		overflow:hidden;
		height:100%;
		margin-bottom:20px;
}
.feature img {
		float:left;
		padding:10px 10px 10px 0;		
}
.feature h4 {
		font-size:16px;
		font-weight:bold;
 		float:right;
		width:570px;	
		margin-bottom:4px;
}
.feature p {
 		float:right;
		width:570px;	
}
.feature h5 {
		font-weight:bold;
		color:#5f9722;
 		float:right;
		width:570px;	
		margin-bottom:6px;
}
.feature .thumbnails {
		float:right;
		width:570px;	
}
.feature .thumbnails img {
		float:none;
		padding:4px;
		background:#fff;
		border:1px solid #cdcdcd;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;	
		margin-right:12px;	
}
.feature .thumbnails img:hover {
		background:#cdcdcd;
		border:1px solid #cdcdcd;
}
/* Features Homepage
---------------------------------------------------------- */
.column .feature {
		width:300px;
}
#main-content .column .feature h4 {
		font-size:14px;
		width:240px;	
}
.column .feature p {
		width:240px;	
}
/* Table
---------------------------------------------------------- */
table {
		width:959px;
		border:1px solid #ddd;
		border-collapse:collapse;
		background:#fff;
		margin-left:1px; /* to correct weird border table bug in FF */
		margin-bottom:24px;
}
td {
		border-top:1px solid #ddd;
		border-right:1px solid #ddd;
		padding:10px;
		vertical-align:top;
		text-align:center;
		width:120px;
}
tr.odd td {
		background:#f8f8f8;
}
td.definition {
		text-align:left;
		width:240px;
}
thead th {
		font-weight:normal;
		background:#ededed;
		padding:8px 10px 7px 10px;
		border-right: 1px solid #ddd;
		text-align:center;
}
thead h4 {
		font-size:20px;
		font-weight:bold;
		display:block;
		margin-bottom:8px;
}
thead strong {
		font-size:16px;
		font-weight:bold;
		color:#467f08;
}
thead span {
		color:#555;
}
table a.button {
		margin-right:0;
		margin-left:16px;
}
table .buttons {
		padding-bottom:0;
}
/* Forms
---------------------------------------------------------- */
form {
		padding:20px 20px 0 20px;
		border:1px solid #ddd;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
}
form fieldset {
		padding-bottom:10px;
		margin-bottom:16px;
		border-bottom:1px solid #ddd;
}
form fieldset div {
		overflow:hidden;
		width:100%;
		margin-bottom:10px;
}
form fieldset.last {  
		margin-bottom:0;
		border-bottom:none;
}
form fieldset div span {
		font-size:11px;
		color:#666;
		display:block;
		margin:2px 0 0 104px;
}
form input, form select, form textarea {
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		vertical-align:middle;
		width:260px;
}
form select {
		width:264px;
}
form textarea {
		overflow:auto;
}
form h4 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:16px;
}
form label {
		float:left;
		text-align:right;
		margin-right:4px;
		padding-top:3px;
		width:100px;
}
form input.checkbox {		
		width:auto;
		margin-left:104px;
}
form label.checkbox {		
		float:none;
		vertical-align:middle;
}
form input.form-button {
		margin-left:104px;
		width:auto;
}
/* Sidebar
---------------------------------------------------------- */
#sidebar {
		float:right;
		width:300px;
}
.box {
		font-size:14px;
		padding:20px;
		border:1px solid #dfdfdf;
		background:#f8f8f8;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		margin-bottom:16px;
}
#sidebar h5 {
		font-size:18px;
		font-weight:bold;
		margin-bottom:6px;
}
.box strong.bigger{
		font-size:16px;
}
#address p {
		line-height:150%;
		padding-bottom:0;
}
#address h6 {
		margin-bottom:0;
}
#sidebar .video {
		margin-bottom:20px;
}
#sidebar .video img {
		padding:4px;
		background:#fff;
		border:1px solid #cdcdcd;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;	
}
#sidebar .video img:hover {
		background:#cdcdcd;
		border:1px solid #cdcdcd;
}
/* Footer
---------------------------------------------------------- */
#footer {
		background:#ededed;
		margin-top:30px;
		padding:24px 0 12px 0;
}
#footer p {
		font-size:12px;
		color:#666;
		text-align:center;
}