/* ------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Site
-------------------------------------------------------------- */

#page {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:900px;
	}

body {background: top left repeat-x url(../images/bg.gif);}
body.home {background: top left repeat-x url(../images/bg-home.gif);}

h1.logo a {
	text-decoration:none;
	text-indent:-2200px;
	display:block;
	width:318px;
	height:83px;
	background: transparent url(../images/logo.gif) no-repeat scroll left top;
	}
	
h1.logo {
	position:absolute;
	top:-19px;
	left:-28px;
	}

#header p {
	position:absolute;
	top:-14px;
	right:0px;
	color:#dae4f1;
	font-family: verdana;
	font-size:120%
	}
body.home #mast {
	position:relative;
	margin-bottom:18px;
	top:17px;
	height:292px;
background: url(../images/mast-ss.jpg) no-repeat bottom right;
}
body.home #mast a.download-button {
text-decoration:none;
text-indent:-2000px;
display:block;
width:301px;
height:64px;
background:transparent url(../images/button-download.gif) no-repeat scroll left top;
position:absolute;
bottom:20px;
}

body.home #mast p.description {
font-family:arial;
font-size:195%;
line-height:130%;
color:#2e5582;
width:340px;
position:absolute;
top:70px
}

body.home #mast p.description a {
font-size:70%;
}

body.home #content {
padding-top:0;
}	

body #content {
padding-top:80px;
}	

#nav ul li,
#footer ul li {
	float:left;
	list-style:none;
	}
	
#nav ul,
#footer ul {
	margin:0;
	}

#nav ul li {
margin-right:15px;
}

#footer ul li {
margin-right:10px;
}

#nav ul li a {
font-family:verdana;
font-size:150%;
color:#888;
text-decoration:none;
}

#nav ul li a:hover {
text-decoration:underline;
}

#footer ul li a {
color:#888
}
	
#nav {
	position:absolute;
	top:25px;
	right:0;
	}

#features {
float:right;
}

#features ul li {
list-style:none;
background: url(../images/check.jpg) left no-repeat;
line-height:180%;
font-size:140%;
padding-left:35px;
color:#2e5582;
}

#features ul {
margin-right:0;
margin-top:12px;
}

#features a {
font-size:140%;
position:relative;
left:52px;
top:-15px;
}

#testimonials blockquote p {
font-size:160%;
font-family:georgia;
color:#2e5582;
}

#testimonials blockquote {
padding-top:12px;
}

#testimonials cite {
position:relative;
top:-23px;
left:17px;
color:#888;
}

#testimonials p a {
font-size:140%;
position:relative;
left:16px;
top:-15px;
}

body.support h4 {
cursor:pointer;
font-size:13px;
color:#a20101;
font-weight:normal;
background: transparent no-repeat scroll left center url(../images/tree_closed.gif);
padding-left:12px;
}

#footer {
	padding-top:15px;
	border-top: 2px solid gray;
	}
	
#footer ul {
	padding-bottom:5px;
	}
	
#footer .right {
	float:right;
}
	
#footer .left {
	width:500px;
	float:left;
}

#footer h4 {
	font-size:12px;
	margin-bottom:0;
	}
	
div.sidebox {
	width:325px;
	float:right;
border: 1px solid #c9c9c9;
background:#f3f0ec;
padding: 3px 10px;
margin: 10px 0 10px 15px;
	}

div.sidebox h2 {
font-size:150%;
margin-bottom:0.3em;
}

div.sideboxwrap{
	width:360px;
	float:right;
}

div.sidebox p {
margin-bottom:0.5em
}

div.sidebox350 {
	width:350px;
	float:right;
border: 1px solid #c9c9c9;
background:#f3f0ec;
padding: 3px 10px;
margin: 10px 0 10px 15px;
	}

div.sidebox350 h2 {
font-size:150%;
margin-bottom:0.3em;
}

div.sidebox350wrap{
	width:385px;
	float:right;
}

div.sidebox350 p {
margin-bottom:0.5em
}

body.home a#fancy {
display:block;
width:196px;
height:43px;
background: url(../images/watch-demo.png) top left no-repeat;
text-indent:-2000px;
position:absolute;
top:240px;
right:52px;
}

#content ul li {
    margin-bottom:8px;
}

#content ul li ul,
#content ul li ol {
    margin-top: 9px;
}

#content ul.left {
	width:395px;
	float:left;
	}

#content ul.right {
	width:395px;
	float:right;
	}

#content .cur {
	text-align:right;
	padding-right:12px;
	}

#content .clear {
	clear:both;
	}
	
cite {
	margin-left: 40px;
	position:relative;
	top:-10px;
}

#output {
	min-height:375px;
}

.hideme {
	display:none;
	}

.video-menu-container {
    float:left;
}

.video-menu-container ul {
    border-top: 2px solid gray;
    margin:0;
    float:left;
    border-right: 1px solid gray;
    height:550px;
}

.video-menu-container ul li {
    list-style:none;
    border-bottom:1px solid gray;
    padding:4px;
    width:160px;
    margin-bottom:0px !important;
    cursor:pointer;
    background: url(../images/play_6x8l.png) no-repeat 95% 50%;
}

.video-menu-container ul li:hover {
	background-image: url(../images/play_6x8.png);
	}

.video-container {
    float:right;
    border-top: 2px solid gray;
    padding:10px;
	width:540px;
}

.video-menu-container .selected {
    background: #C2D9EF url(../images/play_6x8.png) no-repeat 95% 50%;
}

img.firstframe {
	border:0;
}

a.secretlink {
	color:#D3D3D3;
	}
	
label.error {
	color: red;
	display:block;
	clear:both;
	float:none;
	text-align:left;
	margin-left:205px !important;
	}

#customer-search label.error {
        position:absolute;
        margin-left:5px !important;
    top:290px;    
}

input.error {
	border: 1px solid red;
}