@import url("reset.css");


html {
	background-color: #f6f6f6;
	height: 100%;
}

body {
	font: 0.8125em Verdana, sans-serif;
	color: #333;
	background: url('img/bkg.png') center top repeat-y;
	min-height: 100%;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover, a.active {
	color: #a80000;
}

a.button {
	display: block;
}

a.button span {
	display: none;
}

.clear:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility:hidden;
}

.clear {
	min-height: 0;
	height: 1%;
}

form {
	padding: 15px 0px;
	font-size: .88em;
}

form fieldset {
	margin: 0 0 10px 0;
	border: none;
}

form fieldset legend {
	padding: 0 2px;
	font-weight: bold;
}

form fieldset ol li label {
	display: inline-block;
	line-height: 1.8em;
	vertical-align: top;
}

form fieldset ol {
	list-style-type: none;
	margin: 0 0 10px;
}

form fieldset ol li {
	padding: 5px 5px 10px 0px;
}

form fieldset ol li fieldset {
	border: none;
	margin: 3px 0px 0px;
}

form fieldset ol li fieldset legend {
	padding: 0px 0px 5px;
	font-weight: normal;
}

form fieldset ol li fieldset label {
	display: block;
	width: auto;
}

form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

form label {
	width: 120px;
}

form fieldset ol li fieldset label
{
	margin: 0 0 0 123px;
}

form input[type=text] {
	width: 200px;
}

form textara {
	width: 200px;
}

form select {
	width: 200px;
}

div#content p.error {
	color: #a80000;
}


div#wrapper {
	width: 1023px;
	margin: 0 auto;
	padding: 8px 0 37px 0;
}

div#header div#logo {
	height: 60px;
	width: 138px;
	background: url('img/maestro_logo.png') left top no-repeat;
	float: left;
	margin: 15px 0 0px 56px;
}

div#header div#logo a {
	display: block;
	height: 100%;
	width: 100%;
}

div#header div#logo a span {
	display: none;
}

div#header div#contact {
	float: right;
	margin: 0 56px 0 0;
	color: #989898;
	font-size: .75em;
}

div#header div#contact a {
	color: #989898;
}

div#header div#contact a:hover {
	color: #a80000;
}

div#header div#navigation {
	clear: both;
	//background: url('img/navigation_top_bkg.png') left top repeat-x;
	padding: 0 0 19px;
}

div#header div#navigation ul {
	padding: 0px 63px 0 0px;
	float: right;
	margin: -12px 0 0 0;
	
}

div#header div#navigation ul li {
	float: left;
	font-size: 1em;
	margin: 0 0 0 35px;
}

div#content {
	padding: 0px 0 80px 0;
}

div#content div.content-block {
	margin: 0 0 20px 0;
}

div#content h1, h2, h3 {
	color: #a80000;
	margin: 0 0 10px 0;
	line-height: 1.6em;
	font-weight: normal;
}

div#content h1 {
	font-size: 1.5em;
}

div#content h2 {
	font-size: 1.4em;
}

div#content h3 {
	font-size: 1.4em;
}

div#content h4 {
	font-weight: normal;
	font-size: 1.4em;
	margin: 0 0 10px 0;
}

div#content p {
	color: #333;
	line-height: 1.8em;
	font-size: .88em;
	margin: 0 0 15px;
}

div#content object, div#content embed {
	margin: 0 0 15px;
}

div#content ul {
	list-style: disc;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
}

div#content ul li {
	line-height: 1.6em;
	font-size: .88em;
	margin: 0 0 10px 0;
	list-style-image: url('img/bullet.png');
	padding: 0 0 0 5px;
}

div#content #slideshow {
	margin: 0 0 33px 0;
}

div#content div.header {
	width: 1024px;
	margin: 0 0 33px 0;
	background: url('img/headerbar.jpg') left top no-repeat;
}

div#content div.header h1 {
	font-weight: bold;
	color: #fff;
	line-height: 36px;
	vertical-align: middle;
	padding: 0 0 0 63px;
	margin: 0px;
}

div#content div.headline {
	margin: 0 0 37px;
	padding: 0 63px;
	font-size: 1.2em;
}

div#content div.headline strong {
	font-size: 1.1em;
}

div#content div.col {
	float: left;
}

div#content div.three-col {
	margin: 0 -63px 0 63px;
	padding: 0 63px 0 0;
}

div#content div.two-col {
	margin: 0 -63px 0 63px;
	padding: 0 63px 0 0;
}

div#content div.one-col {
	padding: 0 63px;
}

div#content div.two-col div.col {
	width: 33.3%;
}

div#content div.two-col div.col:first-child {
	width: 66.6%;
}

div#content div.two-col div.col:first-child h2, div#content div.two-col div.col:first-child p, div#content div.two-col div.col:first-child ul {
	width: 584px;
}

div#content div.two-col div.col {
	width: 270px;
}


div#content div.three-col div.col {
	width: 270px;
	margin: 0 44px 0 0;
}

.home div#content div.three-col div.col h2 {
	
}

div#content div.three-col div.col p {
	//width: 270px;
}

div#content div.testimonial {
	margin: 0 0 35px 0;	
}

div#content div.testimonial p {
	margin: 0 0 5px 0;
}

div#content div.testimonial p.source {
	text-align: right;
}

div#content div.testimonial p.source span {
	color: #a80000;
}

div#content div.case-study {
	margin: 25px 0 25px 0;
}

div#content div.case-study ul {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0px;
}

div#content div.case-study ul li {
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

div#content div.case-study div.col h4 {
	margin: 25px 0px 10px 0px;
}

div#content div.case-study div.col img {
	display: block;
	border: 1px solid #5b5b5b;
}


div#content div.case-study div.col {	
	width: 568px;
	padding: 0px 15px 0 0;
	margin: 0px;
}

div#content div.case-study div.col:first-child {
	width: 296px;
}

a.button.learn-more {
	width: 96px;
	height: 31px;
	background: url('img/buttons_sprite.png') left top no-repeat;
}

a.button.free-demo {
	width: 270px;
	height: 88px;
	background: url('img/freedemo.png') left top no-repeat;
}

a.button.free-trial {
	width: 96px;
	height: 31px;
	background: url('img/buttons_sprite.png') left top no-repeat;
	background-position: -101px, 0px;
	
	background-position-x: -101px;
	background-position-y: 0px;
}

a.button.buy-now {
	width: 68px;
	height: 31px;
	background: url('img/buttons_sprite.png') left top no-repeat;
	background-position: -203px, 0px;
	background-position-x: -203px;
	background-position-y: 0px;
}

div#footer {
	padding: 0 63px;
	font-size: .75em;
}

div#footer div.contact {
	float: left;
}

div#footer div.social {
	float: right;
}

div#footer div.social span {
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	margin: 0 0 0 15px;
}

div#footer div.social span a {
	height: 16px;
	vertical-align: middle;
	margin: 0 0 0 20px;
	
}

div#footer span.twitter {
	background: url('img/twitter_icon.png') left top no-repeat;
}

div#footer span.facebook {
	background: url('img/facebook_icon.png') left top no-repeat;
}

div#footer span.youtube {
	background: url('img/youtube_icon.png') left top no-repeat;
}

div#footer span.linkedin {
	background: url('img/linkedin_icon.png') left top no-repeat;
}