﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img {
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}
td{
	vertical-align: top;
}

html,body {
	width: 100%; height: 100%; background: #f5f6f7;
	font-family: Georgia; font-size: 12pt; color: #454647; text-align: center; line-height: 1.2em;
}
a{ color: #336699; }
a.georgian { font-size: 14pt; font-family: Georgia; }
a img{ vertical-align: middle; }
strong{ font-weight: bold; }

body#Main{
	background: #f5f6f7 url(../images/tile_left_blue.jpg) repeat-x left top;
}
body#Inner{
	background: #f5f6f7 url(../images/inner_bg.png) repeat-x center top;
}
body.allwaysscroll{
	overflow-y: scroll;
}

p{ margin: 0 0 10px 0; }

ol{ margin: 0 0 10px 0; }
ol li { margin: 0 0 5px 45px; list-style: decimal; }
dl dt { margin: 0 0 5px 0; }
dl dd{ margin: 0 0 10px 0; font-size: 9pt; }

h1 { font-family: Georgia; font-weight: normal; font-size: 19pt; line-height: 21pt; }
h2 { font-family: Georgia; font-weight: normal; font-size: 14pt; color: #111; margin-bottom: 12px; } 
h3 { font-weight: normal; font-size: 11pt; color: #111; margin-bottom: 5px; }

input,textarea {
	font-size: 12pt; font-family: Tahoma; padding: 2px;
}
select{
	font-size: 11pt; font-family: Tahoma;
}
label{
	display: block; margin: 2px 0;
	color: #41464a; font-size: 10pt;
}

cite { 
	font-family: Georgia, Times New Roman;font-size: 14pt; line-height: 17pt; color: #454647; text-align: left;
	display: block;
	margin: 7px 0; padding: 0 10px;
}
.big{ font-size: 10pt; }
.spacer10{ height: 10px; overflow: hidden; }
.spacer20{ height: 20px; overflow: hidden; }
.spacer30{ height: 30px; overflow: hidden; }
.clear{ clear: both; }
.right{ text-align: right; }
.white{ background: #fff; }
.padded10{ padding: 10px; }
.padded20{ padding: 20px; }
label.error{ font-family: Tahoma; font-size: 9pt; color: red; }
.comments {font-size: 8pt; color: #333; font-style: italic; }
.small { font-size: 9pt; }
.hidden{ display: none; }
.px300 { width: 280px; }
.px600{ width: 600px;}
.fleft{ float: left; }
.fright{ float: right; }
.rmargin{ margin-right: 20px; }
.lmargin{ margin-left: 20px; }
.noborder { border: 0 !important; }
#Wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}
#Push,#Footer {
	height: 55px;
}
#RightBg{
	position: absolute; width: 50%; right: 0; height: 402px; background: #f5f6f7 url(../images/tile_right_purple.jpg) repeat-x right top; 
}
#Content {
	 width: 900px; margin: 0 auto; text-align: left;
}

#Header { margin: 0; position: relative; z-index:2; }
#Header h1{ position: absolute; top: 80px; left: 0; color: #fff; font-size: 20pt; }
#Header h2{ position: absolute; top: 150px; left: 0; color: #fff; font-size: 14pt;  }

#InnerHeader{ margin: 38px 0; }
#InnerHeader h1 { color: #fff; }

#Menu{
	height: 34px; z-index: 1; position: relative;
}
#Menu li {
	float: left;
}
#Menu a{ display: block; text-decoration: none; height: 35px; background: url(../images/menu.png) no-repeat; margin: 0 12px 0 0; z-index: 2; }

#Menu a#mldefault{ width: 65px; }
#Menu a#mlabout{ background-position: -65px 0; width: 51px;}
#Menu a#mlfeatures{ background-position: -117px 0; width: 106px; }
#Menu a#mltour{ background-position: -224px 0; width: 75px; }
#Menu a#mldemo{ background-position: -300px 0; width: 100px; }
#Menu a#mlbuy{ background-position: -400px 0; width: 58px; }
#Menu a#mlclients{ background-position: -458px 0; width: 71px; }
#Menu a#mlcontacts{ background-position: -529px 0; width: 80px; }
#Menu a#mldocumentation{ background-position: -609px 0; width: 110px;}
#Menu a#mlproject { background-position: -721px 0; width: 81px;}

#Menu a#mldefault:hover{ background-position: 0 -35px; }
#Menu a#mlabout:hover{ background-position: -65px -35px; }
#Menu a#mlfeatures:hover{ background-position: -117px -35px; }
#Menu a#mltour:hover{ background-position: -224px -35px; }
#Menu a#mldemo:hover{ background-position: -300px -35px; }
#Menu a#mlbuy:hover{ background-position: -400px -35px; }
#Menu a#mlclients:hover{ background-position: -458px -35px; }
#Menu a#mlcontacts:hover{ background-position: -529px -35px; }
#Menu a#mldocumentation:hover{ background-position: -609px -35px; }
#Menu a#mlproject:hover { background-position: -721px -35px; }

#Menu a#mldefault.selected{ background-position: 0 -70px; }
#Menu a#mlabout.selected{ background-position: -65px -70px; }
#Menu a#mlfeatures.selected{ background-position: -117px -70px; }
#Menu a#mltour.selected{ background-position: -224px -70px; }
#Menu a#mldemo.selected{ background-position: -300px -70px; }
#Menu a#mlbuy.selected{ background-position: -400px -70px; }
#Menu a#mlclients.selected{ background-position: -458px -70px; }
#Menu a#mlcontacts.selected{ background-position: -529px -70px; }
#Menu a#mldocumentation.selected{ background-position: -609px -70px; }
#Menu a#mlproject.selected { background-position: -721px -70px; }

#DemoSplash{ position: absolute; top: 275px; left: 0; width: 240px; height: 60px; background: url(../images/demosplash.png) no-repeat; text-decoration: none;}
#DemoSplash:hover{ background: url(../images/demosplash.png) 0 60px; }

#AboutSplash{ position: absolute; top: 280px; right: 20px; background: url(../images/play.gif) no-repeat; width: 43px; height: 43px; text-decoration: none; }
#AboutSplash:hover{ background: url(../images/play.gif) 0 43px; }

#NewsAndFeatures{
	margin-top: 25px; float: left;
}

#News{
	font-family: Georgia; font-size: 9pt; color: #565758; line-height: 12pt;
}
#News dl{ font-size: 9pt; }
#News dd {
	margin: 3px 0 10px 0;
}
#News .date {
	font-style: italic; font-weight: bold; font-size: 8pt;
}

#Overview{
	text-align: center;
}

.sheet {
	 width: 600px; background: #fff; border:1px solid #dcdcdc; border-bottom: 0; padding: 0; margin: 0; float: right; overflow: hidden;
}
.sheetbot
{
	height: 15px; width: 602px; background: url(../images/sheetbot.png) no-repeat; 
}
.sheetpad{
	margin: 10px 20px;
}
#Features{
	color: #555; font-family: Tahoma,Arial; font-size: 10pt; 
}
#Features .overview { font-family: Tahoma, Arial }
#Features td{
	font-size: 9pt;
}
#Document #Features td{
	padding: 5px ;
}
#Features .overview img {
 float: left; margin: 10px 7px 5px 0;
}
#Features h3{
	padding: 7px 0 0 0;
}
#Features .overview p {
	font-size: 8pt; margin: 3px 0 10px 40px;
}
#Features .overview p.big {
	font-size: 10pt; margin: 5px;
}
#Features .feature
{
display: table-cell;
}

.smallscreenshot{
	 float: left; margin: 7px 18px 7px 0; border: 3px solid #b0deea;
}
.screenshot {
	margin: 0 0 10px 0;
}
#Appliances{
	font-family: Georgia;
}
#Appliances p{ font-size: 12pt; line-height: 14pt; }

#Clients{
	position: relative; float: left;
	margin: 5px 0 25px 0;
	padding: 15px 0;
	width: 890px;
}
#Clients img{
	text-align: left; float: left; vertical-align: middle; margin: 7px 20px;
}
.author{
	font-style: italic; text-align: right; color: #565758;
}

#DemoAndPrices{
	margin: 10px 0 35px 0; float: left;
}

#DemoButton{
	margin: 10px;
}

table.prices {
	border: 2px solid #a5a6a7; background: #fff;
}
table.prices tr.grey {
	background: #f2f3f4;
}
table.prices td{
	border: 1px solid #a5a6a7; margin: 0; padding: 7px; font-size: 10pt;
	text-align: center;
}
table.prices td.left_p{
	text-align: left; background: #f1f9e6;
}

#Document{
	margin: 50px 0 25px 0; font-family: Georgia, Times New Roman; line-height: 14pt;
}

.touritem{
	padding: 5px 0; margin-bottom: 20px;
}
.tourimage{
	background: #fff; padding: 10px; margin: 10px 0;
}
.tourimage img{
	margin: 5px 0 15px 0;
}
.tourimage p{
	margin-left: 25px;
}

#DemoForm {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #edf2f6;
	padding: 20px;
}
#DemoForm input.text{
	width: 400px;
}
#DemoForm select,#DemoForm textarea{
	width: 500px;
}

div.field{
	margin: 0 0 10px 0;
}

#Footer {
	clear: both; background: #333; padding: 0; text-align: center;
}
#FooterContent{
	 width: 900px; margin: 0 auto; padding: 10px 0;
}
#FooterContent a{
	color: #fff;
}
#FooterContent td{ color: #fff; font-size: 8pt; font-family: Tahoma,Arial; }

#ClientResponses{
	
}

#ClientResponses td{
	padding: 10px 10px 35px 10px; 
}
#ClientResponses .logo{
	background: #fff; padding: 15px; text-align: center; width: 250px;
}
#ClientResponses cite{
	color: #555657; font-size: 12pt; margin: 15px 0 0 15px;
}
#ClientResponses li{
	margin: 0 0 5px 10px;
}

#SubmitFeedback{ width: 167px; height: 40px; background: url(../images/submitfeedback.gif) no-repeat; border: 0; margin: 0; cursor: pointer; }
#SubmitFeedback:hover{ width: 167px; height: 40px; background: url(../images/submitfeedback.gif) no-repeat 0 -39px; border: 0; margin: 0; cursor: pointer; }
#SubmitDemo{ width: 167px; height: 40px; background: url(../images/submitdemo.gif) no-repeat; border: 0; margin: 0; cursor: pointer; }
#SubmitDemo:hover{ width: 167px; height: 40px; background: url(../images/submitdemo.gif) no-repeat 0 -39px; border: 0; margin: 0; cursor: pointer; }

#FeaturesMenu {}
#FeaturesMenu ul { width: 260px; }
#FeaturesMenu ul li.menu a{ height: 40px; width: 260px; display: block; } 
#FeaturesMenu ul li.submenu {
	font-size: 8pt;
	font-family: Arial,Tahoma;
	padding-left: 40px;
	margin-bottom: 10px;
}
#FeaturesMenu ul li.submenu  ul {
	width: 240px;
}
#FeaturesMenu ul li.submenu ul li {
	padding: 7px 0 0 0;
}
#FeaturesMenu ul li.submenu ul li a{
	color: #777; text-decoration: none;
}
#FeaturesMenu ul li.submenu ul li.selected a{
	color: #00c0ef;
}

a#fmservicedesk{ background: url(../images/features/menu.png) no-repeat; }
.selected a#fmservicedesk{ background: url(../images/features/menu.png) no-repeat -266px 0; }
a#fmincidents{ background: url(../images/features/menu.png) no-repeat 0 -38px; }
.selected a#fmincidents{ background: url(../images/features/menu.png) no-repeat -266px -38px; }
a#fmsla{ background: url(../images/features/menu.png) no-repeat 0 -76px; }
.selected a#fmsla{ background: url(../images/features/menu.png) no-repeat -266px -76px; }
a#fmkb{ background: url(../images/features/menu.png) no-repeat 0 -114px; }
.selected a#fmkb{ background: url(../images/features/menu.png) no-repeat -266px -114px; }
a#fmci{ background: url(../images/features/menu.png) no-repeat 0 -152px; }
.selected a#fmci{ background: url(../images/features/menu.png) no-repeat -266px -152px; }

.screenshot { text-align: center; }

#Documentation .document{ margin-bottom: 20px; font-family: Tahoma, Arial; }
#Documentation .document a{ font-size: 11pt; }
#Documentation .document p{ font-size: 9pt; }
#Documentation .icon64{width: 64px; height: 64px; vertical-align: top; float: left; }
