* { outline:0; }

html { background: transparent; height:100.5% }

body {margin:0; padding:0;color:#454545; background:#eee url(../images/bg.png) repeat-x; font:13px/1.25 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;}
a { text-decoration:none; }
a:link { color:#382c76; text-decoration:none; }
a:visited { text-decoration:underline; }
a:hover { color:#666; text-decoration:underline; }
a:active { color:#6a6a6a; text-decoration:none; }

/*layout*/
.twoColLayout #primaryContent {width:620px;margin:0 340px 0 0;}
.twoColLayout #secondaryContent {width:340px;margin:0 0 0 -340px;}
.twoColLayout #secondaryContent .innerpad{padding-left:20px;}
.twoColLayout #main #secondaryContent .innerpad {margin-right:0; padding-top: 0;}
#main {padding-bottom: 20px;}
#wrapper {background: transparent;}

/* base typography
--------------------------------------------------*/
h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 18px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}
h2 { font-family:Helvetica, Arial; font-size:28px; margin:8px 0; }
h2, h3, h4, h5 { margin-bottom:8px; color:#11304b;}

/*typography elements*/
hr { display:none; }
ol {list-style: decimal;}
ul {list-style: square;}


/*Header*/
#header { text-align:center; padding:0; background:transparent url(../images/header_bg.gif) bottom center no-repeat ;}
#header h1{ margin:48px 0 70px 238px; width:462px; height:67px; text-indent: -9999em; background:transparent url(../images/vc_logo.png) top left no-repeat;}
#header h1 span {font-size:18px;margin-left:10px;}

#pageTitle{margin:4px 0 0 0; text-align:center;}
#pageTitle h2{text-indent: -9999px; background: url(../images/tagline.jpg) top center no-repeat; width:956px; height:88px;  font-weight: normal; padding-left: 10px; }

#footerwrap {margin-top: 20px;}
#footer { padding:0; height:80px; font-size:12px; color:#999; border-top:1px solid #dedede; background:#11324e url(../images/footerbg.png) top left repeat-x; text-align:center; }
#footernav {margin-top:20px;}
#footer a { color:#fff; text-decoration:none; padding:0 12px;}
#footer a:hover { color:#eee; text-decoration:underline; }

.callout { padding: 10px 20px 2px 20px; margin:0 0 10px 0; background:#7f8d9a url(../images/calloutcap.png) top center no-repeat; color:#eee;}
.firstcap{background:#7f8d9a url(../images/firstcalloutcap.png) top center no-repeat;}
.callout h3 {color:#eee; border-bottom:3px solid #eee; margin-top: 0; text-shadow: 1px 1px #626d77;}
.callout p { font-size:11px; padding:5px; margin:0; line-height:14px; }
.calloutwrap{padding: 0 0 5px 0; margin-bottom:12px; background:url(../images/calloutbottom.png) bottom left no-repeat;}

/*callouts*/
#datasheet h3 { display:block; width:310px; height:58px; padding:0; margin:0 0 10px 0; text-indent:-9999px; background: url(../images/datasheet.png) top left no-repeat; }
#datasheet h3 a{display:block; width:310px; height:58px; padding:0; margin:0; text-indent:-9999px; background: url(../images/datasheet.png) top left no-repeat; }
#demo h3 { display:block; width:310px; height:58px; padding:0;  margin:0 0 10px 0; text-indent:-9999px; background: url(../images/demo.png) top left no-repeat; }
#demo h3 a{display:block; width:310px; height:58px; padding:0; margin:0; text-indent:-9999px; background: url(../images/demo.png) top left no-repeat; }
#solutionschart h3 { display:block; width:310px; height:58px; padding:0;  margin:0 0 10px 0; text-indent:-9999px; background: url(../images/solutionchart_callout.png) top left no-repeat; }
#solutionschart h3 a{display:block; width:310px; height:58px; padding:0; margin:0; text-indent:-9999px; background: url(../images/solutionchart_callout.png) top left no-repeat; }
#featureschart h3 { display:block; width:310px; height:58px; padding:0;  margin:0 0 10px 0; text-indent:-9999px; background: url(../images/featurechart_callout.png) top left no-repeat; }
#featureschart h3 a{display:block; width:310px; height:58px; padding:0; margin:0; text-indent:-9999px; background: url(../images/featurechart_callout.png) top left no-repeat; }

#search { margin-top:10px; }
#search input#site-search { border:1px solid #999; }
#search input#site-search-submit { border:0; background:transparent; color:#999; }

/* Navs 
--------------------------------------------------*/
/*primary nav*/	
#nav {background:#666;padding: 0;}
#nav ul {list-style:none;float:left;margin:0; }
#nav ul li {list-style:inherit;display:inline;font-size:14px ;}
#nav ul li a {display:block;float:left;color:#fff;padding:12px 20px;font-weight:700;text-decoration:none;border-right:1px solid #515151; border-left:1px solid #858585;}
#nav ul li a:hover {text-decoration:none;background-color: #333;color:#fff;}
#nav li a.current {background: #fff; color:#616161; border-left: none;} 

/*utility nav*/	
#utilnav { font-size:10px; background-color: transparent; color:#fff; padding: 6px 10px; }
#utilnav li {margin-left:5px; color:#dedede;}
#utilnav li a { text-decoration:none; color:#fff;color:#e0e0e0;}
#utilnav li a:hover { text-decoration:underline;}

/* Features*/
#features, #comparisonsection, #screenshots{border-top:1px solid #11304c;margin: 22px 0 0 0;}
#features h3 {margin-bottom: 20px;}
.featurescol{width:290px; float:left;}
#featurescolright {width:290px; float:left; margin-left: 20px;}
.feature{margin-bottom: 24px;}
.feature h4, .feature p {padding-left:58px; margin:0;}
.safe{background:url(../images/safe.png) top left no-repeat;} 
.chart{background:url(../images/chart.png) top left no-repeat;} 
.distribution{background:url(../images/distribution.png) top left no-repeat;} 
.configure{background:url(../images/configure.png) top left no-repeat;} 
.reporting{background:url(../images/reporting.png) top left no-repeat;} 
.automated{background:url(../images/automated.png) top left no-repeat;} 
.auditing{background:url(../images/auditing.png) top left no-repeat;} 
.chartviewer{background:url(../images/chartviewer.png) top left no-repeat;} 
.visit{background:url(../images/visit.png) top left no-repeat;} 
.security{background:url(../images/security.png) top left no-repeat;} 



/*secondary nav*/
#secondarynav ul {list-style-type: none; text-indent: none; margin: 0 12px;}
#secondarynav ul li{list-style-type: none;  background:#dedede;}
#secondarynav ul li a{list-style-type: none; line-height:12px; display: block; padding:8px; background:#dedede; list-style: none; text-decoration: none; font-weight: bold; border-top:1px solid #fff; padding:14px 10px 10px 10px; height:1%;}
#secondarynav ul li a:hover {background:#444;color:#dedede;}

#signup form {width:270px;}
#signup input {display:inline; margin-right: 3px; padding:2px;}
#signup span input{padding:2px; width:140px;}
#signup form div {width: 270px;}
#signup form div span {display: inline; width: 500px; padding-bottom:12px; margin-bottom:12px;}
#signup form div label{padding-right: 5px; }



/*Comparison Table*/
.clear {clear: both;}
table {border-collapse: collapse;width: 610px; border: 1px solid #cbcbcb;}
td, th{border: 1px solid #a6a6a6;}
col {border-right: 1px solid #cbcbcb;}
col#albumCol {border: none;}
thead {background: #ccc; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; line-height: 13px; }
tr th {font-weight: normal;text-align: center; padding: 12px 8px; font-weight: bold;}
#playlistPosHead {text-indent: -1000em;}
th, td {padding: 6px 6px;text-align: center;}
tr td.feature{text-align: left;}
.odd {background-color:#e3eaf1;}
tr:hover {background-color:#dedede;}
thead tr:hover {background-color: transparent;color: inherit;}
table tr td span.yes{display:block; width:100%; height:28px; text-align:center; text-indent: -9999px; background:url(../images/yes.png) top center no-repeat; }
table tr td span.no{display:block; width:100%; height:28px; text-align:center; text-indent: -9999px; background:url(../images/no.png) top center no-repeat; }
table tr td span.maybe{display:block; width:100%; height:28px; text-align:center; text-indent: -9999px; background:url(../images/maybe.png) top center no-repeat; }
caption{font-size: 12px; font-style: italic;}

#comparisonwrap{width:700px; margin-left:20px;}

/*Gallery*/
/*#gallery{width:600px; padding:21px; background:#d0d4d7;}*/
#gallery{width:600px; padding:21px;}
#gallery img{display:inline; float:left; margin-right:17px;}
#gallery img.last{margin-right:0;}
#screenshots{padding-bottom:21px;,margin-top:21px;}

/*Form Page*/
#formwrap {width: 500px; padding:20px;}
#form{margin:0 auto; padding:0;color:#454545; background:#eee}