/*----------------------------------------------------------------------- 
   Base styles
 ------------------------------------------------------------------------ */

 * { margin: 0; padding: 0; }

 body {
 color: #666666;
 font-family: arial, lucida grande, verdana, sans serif;
 font-size: 12px;
 line-height: 18px;
 background-color: #FFFFFF;
 min-width: 750px;
 text-align: center;
 }

 h1 { font-family: georgia, serif; font-size: 18px; font-weight: normal; padding-bottom: 16px; }

 h2 { font-size: 15px; margin-bottom: 3px; } 
 
 h3 { font-size: 12px; text-transform: uppercase; }
 
 h4 { font-size: 12px; padding: 10px 10px 0 10px; }
 
 h5 { font-size: 12px; font-weight: normal; font-family: georgia, Trebuchet MS, serif; font-style: italic; margin-bottom: 18px; }

 h1.products { color: #777; font-family: helvetica, arial, sans, serif; font-size: 24px; font-weight: bold; padding: 80px 10px 10px 10px; border-bottom: 5px solid #8cc73f; }
 
 a:link { color: #669900; font-weight: bold; text-decoration: none; }
 a:visited { color: #669900; font-weight: bold; text-decoration: none; }
 a:hover { color: #ff6600; font-weight: bold; text-decoration: none; }
 a:active { color: #669900; font-weight: bold; text-decoration: none; }
 
 h1 a { font-weight: normal; }
 
 img { border: 0; }

 p { padding-bottom: 14px; }
 
 ol {
 margin-left: 14px;
 margin-right: 0px; 
 padding-left: 14px; 
 padding-right: 0px;
 margin-bottom: 14px; 
 }

 ul {
 margin-left: 8px;
 margin-right: 0px; 
 padding-left: 8px; 
 padding-right: 0px;
 margin-bottom: 14px; 
 }
 
 li {
 padding: 1px 0 1px 0;
 }
 
hr {
display:none;
}
 

/*----------------------------------------------------------------------- 
   Layout styles
 ------------------------------------------------------------------------ */

 #frame {
	width: 750px;
	text-align: left;
	background: url(images/top_logo.jpg) top center no-repeat;
	padding-top: 90px;
	margin: 0 auto 0 auto;
 }

 #nav {
	float: left;
	width: 570px;
	height: 31px;
	background: url(images/nav.gif);
	margin: 0;
	padding: 0;
 	position: relative;
	top: 0px;
 }

 #nav span { display: none; }

 #nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

 #nav li, #nav a { height: 31px; display: block; }
 #nav1 { left: 0px; width: 95px; }
 #nav2 { left: 95px; width: 95px; }
 #nav3 { left: 190px; width: 95px; }
 #nav4 { left: 285px; width: 95px; }
 #nav5 { left: 380px; width: 95px; }
 #nav6 { left: 475px; width: 95px; }

 #nav1 a:hover { background: transparent url(images/nav.gif) 0px -31px no-repeat;}
 #nav2 a:hover { background: transparent url(images/nav.gif) -95px -31px no-repeat;}
 #nav3 a:hover { background: transparent url(images/nav.gif) -190px -31px no-repeat;}
 #nav4 a:hover { background: transparent url(images/nav.gif) -285px -31px no-repeat;}
 #nav5 a:hover { background: transparent url(images/nav.gif) -380px -31px no-repeat;}
 #nav6 a:hover { background: transparent url(images/nav.gif) -475px -31px no-repeat;}

/*----------------------------------------------------------------------- 
   Quote styles
 ------------------------------------------------------------------------ */

 quote{ padding-left: 40px; padding-right: 30px; display: block; margin-bottom: 1em;}
 quote.mark{ background: transparent url("images/quote.gif") 0px 0px no-repeat; }


/*-----------------------------------------------------------------------
   Home styles
 ------------------------------------------------------------------------ */

 #home-content {
 width: 750px;
 background: transparent url(gfx/bg_news.gif) repeat-y;
 clear: both;
 }

 #header-home { 
 width: 750px;
 height: 148px;
 margin: 0;
 padding: 10px 0 0 0;
 border: 0;
 }

/*----------------------------------------------------------------------- 
   Standard Layout
 ------------------------------------------------------------------------ */

.contentFrame {
	background-image: url(images/nav/standard_left_bg.gif);
	background-repeat: repeat-y;
}

.sideBar {
	float: left;
	width: 160px;
	padding: 15px;
	background-image: url(images/nav/standard_left_bg.gif);
	background-repeat: repeat-y;
}

.sideBar ul {
	list-style-type: none;
	list-style-image: url(images/nav/arrow-miniorange.gif);
	line-height: 18px;
}

.content {
	float: left;
	width: 520px;
	padding: 15px;
} 

.searchFrame {
	
}

/*----------------------------------------------------------------------- 
   Calendar Frame
 ------------------------------------------------------------------------ */

.calendarFrame {
	background-image: url(images/nav/standard_left_bg.gif);
	background-repeat: repeat-y;
	padding: 15px;	
}

/*----------------------------------------------------------------------- 
   Search and form styles
 ------------------------------------------------------------------------ */
 
 #search {
 float: left;
 width: 180px;
 height: 31px;
 background: url(images/nav/search.gif) no-repeat;
 }
 
 #search input {
 color: #555555;
 font-family: arial;
 font-size: 12px;
 width: 102px;
 background: url(gfx/bg_search.gif) no-repeat;
 background-color: #e5e5e5;
 padding: 2px 0px 2px 5px;
 margin: 5px 0 0 60px; 
 border: 0;
 }
 
 form { display: inline; }
 
 select {
 width: 120px;
 background: url(gfx/bg_search.gif) no-repeat;
 padding: 0px 0px 1px 3px;
 background-color: #e5e5e5;
 border: 0;
 }
 
 /*
 input {
 color: #666;
 font-family: arial;
 font-size: 12px;
 font-weight: bold;
 width: 150px;
 background: url(gfx/bg_search.gif) no-repeat;
 background-color: #e5e5e5;
 padding: 2px 0px 1px 5px;
 margin: 5px 0 10px 0px; 
 border: 0;
 }
 */
 
/*----------------------------------------------------------------------- 
   Column styles - allows re-use of columns for flexible layout
 ------------------------------------------------------------------------ */
 
 .col-one { float: left; display: inline; width: 85px; margin: 0 0 0 10px; }
 
 .col-one-end { float: left; width: 75px; margin: 0 0 0 10px; padding-left: 10px; }

 .col-two { float: left; display: inline; width: 170px; margin: 0 10px 0 10px; }
 
 .col-three { float: left; width: 265px; margin: 0 10px 0 0; }
 
 .col-three-left { float: left; width: 265px; margin: 0 10px 0 10px; }
 
 .col-three-end { float: left; width: 265px; margin: 0; }
 
 .col-four { float: left; width: 360px; margin: 0 10px 0 10px; }

 .col-five { float: left; width: 445px; margin: 0 10px 0 10px; }

 .col-five-nopad { float: left; width: 445px; margin: 0; }
 
 .col-six { float: left; width: 550px; margin: 0 0 0 10px; }  
 

/*----------------------------------------------------------------------- 
   Front page styles
 ------------------------------------------------------------------------ */
 
 #header-front {
 width: 750px; 
 height: 250px;
 padding-top: 10px;
 border-bottom: 5px solid #8cc73f;
 }

 #header-flash {
 width: 750px; 
 height: 443px;
 padding-top: 10px;
 border-bottom: 5px solid #8cc73f;
 }
 
 .front-left {
 float: left;
 width: 284px;
 background-color: transparent;
 padding: 20px;
 border-right: 1px dotted #CCC;
 }
 
 .front-right {
 float: left;
 width: 385px;
 background-color: transparent;
 padding: 20px; 
 }

 #from-weblog {
 font-size: 13px;
 margin: 16px 0 0 0;
 }

 #newsScroller {
 float: left;
 width: 450px;
 font-size: 13px;
 }
 
 
/*----------------------------------------------------------------------- 
   Our Products styles
 ------------------------------------------------------------------------ */

 #header-products { 
 width: 750px;
 height: 188px;
 margin: 10px 0 0 0;
 border-top: 5px solid #8cc73f;
 }
 
 #products-content {
 width: 750px;
 background-color: #edede9;
 padding-top: 25px;
 }

 .product {
 float: left;
 width: 375px;
 text-align: center;
 }

 .product span {
 visibility: hidden;
 }

 .product a.launcher {
 display: block;
 width: 375px;
 height: 271px;
 background: url(gfx/products_enso_launcher_main.gif) 0 0 no-repeat;
 }

 .product a.words {
 display: block;
 width: 375px;
 height: 271px;
 background: url(gfx/products_enso_words_main.gif) 0 0 no-repeat;
 }

 .product a:hover.launcher, .product a:hover.words {
 display: block;
 width: 375px;
 height: 271px;
 background-position: -375px 0;
 }

 a.reader {
 display: block;
 width: 60px;
 height: 60px;
 background: url(gfx/labs_reader_main.gif) 0 0 no-repeat;
 }

 a.contractify {
 float: left;
 display: block;
 width: 60px;
 height: 60px;
 background: url(gfx/labs_contractify_main.gif) 0 0 no-repeat;
 margin-right: 65px;
 }

 a.processmanager {
 float: left;
 display: block;
 width: 60px;
 height: 60px;
 background: url(gfx/labs_processmanager_main.gif) 0 0 no-repeat;
 }

 a:hover.reader, a:hover.contractify, a:hover.processmanager {
 display: block;
 width: 60px;
 height: 60px;
 overflow: hidden; 
 background-position: -60px 0;
 }

 .lab {
 float: left;
 width: 355px;
 padding: 10px;
 text-align: left;
 margin-bottom: 10px;
 }

 .lab-left {
 float: left;
 width: 65px;
 }

 .lab-right {
 float: left;
 width: 275px;
 padding: 0;
 }

 .lab-right h1 {
 padding: 8px 0px 3px 0px; 
 }

 .lab p { margin-bottom: 10px; }

 #header-products-main {
 width: 750px;
 height: 90px;
 }
 
 .enso { 
 background: url(gfx/bg_products_enso.gif) top left no-repeat; 
 }
 
 .col-two-products { 
 float: right; 
 width: 170px; 
 border-top: 5px solid #888887;
 margin: 0; 
 }
 
 .col-two-products p {
 padding: 10px; 
 }
 
 #screenshots {
 width: 750px;
 background-color: #d3d3cb;
 border-top: 1px solid #a9a9a7;
 padding: 22px 0 14px 0;
 }
 

div.right-side{ position: relative; left: 380px;}
div.left-side{ position: relative;  text-align: right; left: -130px; _left: -490px;}
div.note p{ position: absolute; left: auto; width: 110px; }
.name{ width: 115px; float: left; display: inline; text-align: right; padding-right: 10px; }
.description{ width: 220px; float:left; display: inline; margin-bottom: 3px;}
.divider{ width: 360px;height: 3px;}


/*----------------------------------------------------------------------- 
   Image Template styles (for screenshots, etc)
 ------------------------------------------------------------------------ */

 #image-template {
 color: #FFF;
 background: #333;
 margin: 0 auto 0 auto;
 text-align: center;
 }

 #image-template-nav {
 width: 100%
 height: 60px;
 background: url(gfx/bg_image_humanized.gif) no-repeat center #8CC73F;
 padding: 0 0 15px 0;
 margin: 0 auto 0 auto;
 }

 .screenshot {
 background-color: #e9e9e9;
 padding: 15px;
 margin-top: 30px;
 }
 
 	

/*----------------------------------------------------------------------- 
   Buy/Purchase styles
 ------------------------------------------------------------------------ */

 .highlight {
 background-color: #FFFFCC;
 padding: 10px 15px 0px 15px;
 border-top: 1px solid #CCC;
 }

 .customer-signin{
 float: right;
 padding: 10px 15px 0px 15px;
 text-align: right;
 }

 .customer-details {
 background-color: #FAFADB;
 padding: 10px 15px 0px 15px;
 border-top: 1px dotted #CCC;
 }

 .billing-details {
 background-color: #FBFBE8;
 padding: 10px 15px 0px 15px;
 border-top: 1px dotted #CCC;
 }

 .place-order {
 background-color: #e9e9e9;
 padding: 10px 15px 0px 15px;
 border-top: 1px dotted #CCC;
 }

 select.none {
 padding: 0px 0px 1px 3px;
 background-image: none;
 background-color: #FFF;
 border: 1px solid #999;
 }

/*----------------------------------------------------------------------- 
   Weblog styles
 ------------------------------------------------------------------------ */

 #header-weblog { 
 width: 750px;
 height: 130px;
 text-align: left;
 background: url(gfx/header_weblog.jpg) center no-repeat;
 margin: 0px 0 10px 0;
 border-top: 10px solid #FFFFFF;
 border-bottom: 5px solid #8cc73f;
 }
 
 .header-left {
 float: left;
 width: 116px;
 height: 130px;
 }
 
 .header-right {
 float: left;
 width: 600px;
 font-family: georgia, arial; 
 font-size: 24px; 
 line-height: 28px;
 color: #FFF; 
 padding: 11px 0 0 15px;  
 }
 
 .weblog-nav { width: 750px; background: url(gfx/rule_dotted.gif) bottom no-repeat; }
 
 .weblog-nav p { padding: 0; margin-bottom: 10px; }
 
 .weblog-footer { width: 750px; margin: 10px 0 0 0; }

 .weblog-footer p { padding: 0; margin-bottom: 10px; }  

 .post { width: 750px; background: url(gfx/rule_dotted.gif) bottom no-repeat; margin-top: 18px; } 
 
 .comments-head {
 border-bottom: 1px solid #CCC;
 padding: 5px 0 5px 0;
 margin-bottom: 10px;
 }
 
 .comm-left { float: left; width: 500px; }
 .comm-right { float: left; width: 250px; } 

 .col-three-left input { font-family: arial; font-size: 11px; border: 1px solid #CCC; padding: 2px; }
 
 .col-three-left textarea { font-family: arial; font-size: 12px; width: 250px; border: 1px solid #CCC; padding: 2px; }
 
 .submit { background-color: #669900; color: #FFF; border: 1px solid #669900; text-transform: uppercase; font-weight: bold; }


/*----------------------------------------------------------------------- 
   News styles
 ------------------------------------------------------------------------ */
 
 #press-contact {
 background-color: #ffffcc;
 padding: 18px 0 0 0;
 border-bottom: 1px solid #ffffcc;
 }
 


/*----------------------------------------------------------------------- 
   Privacy Policy styles
 ------------------------------------------------------------------------ */

 /* can also be used for general headers */
 #header-policy, #header-contact { 
 width: 750px;
 height: 130px;
 margin: 0 0 10px 0;
 padding: 10px 0 10px 0;
 border: 0;
 }
 
 
/*----------------------------------------------------------------------- 
   Link styles
 ------------------------------------------------------------------------ */
 
 /* jump caret */
 a.jump { background: url(gfx/caret_down.gif) center right no-repeat; padding: 0 14px 0 0; }
 
 a.screen { margin: 0 17px 0 0; }

/*----------------------------------------------------------------------- 
   Action footer styles
 ------------------------------------------------------------------------ */

 #action-footer { 
 width: 750px;
 background: url(gfx/bg_action_footer.gif) repeat-y;
 border-top: 1px solid #444;
 }

 #action-footer p { color: #FFFFFF; padding: 0px 10px 10px 10px; }

 .act-foot-one { float: left; width: 190px; }
 .act-foot-two { float: left; width: 380px; }
 .act-foot-three { float: left; width: 180px; }

 #action-footer a { color: #FFFFCC; font-weight: normal; text-decoration: none; }
 #action-footer a:hover { color: #FFFF99; font-weight: normal; text-decoration: none; }

 #action-footer ul {
 color: #fff;
 padding: 0px 10px 10px 10px; 
 margin: 0px 0px 0px 14px;
 } 
 

/*----------------------------------------------------------------------- 
   Footer styles
 ------------------------------------------------------------------------ */

 #footer { 
 width: 750px;
 height: 160px;
 background: url(images/footer/footer.jpg) top center no-repeat;
 padding-top: 15px; 
 }

 #footer p {
	text-align: center;
	color: #FFFFFF;
	padding: 0px 45px 18px 45px;
}

 #footer a {
	color: #FFFFCC;
	font-weight: normal;
	text-decoration: none;
}
 #footer a:hover { color: #FF6600; font-weight: bold; text-decoration: none; }

#footer ul {
 margin-left: 8px;
 margin-right: 0px; 
 padding-left: 8px; 
 padding-right: 0px;
 margin-bottom: 0px; 
 }

#footer li {
font-family:'lucida grande',tahoma,sans-serif;
font-size:1.1em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#footer li a {
clear:left;
color:#FF9300;
display:block;
font-weight:bold;
padding:0.36em 0.18em;
font-family:'lucida grande',tahoma,sans-serif;
font-size:11px;
}

#footer li li a {
	background:transparent url(images/nav/arrow-miniorange.gif) no-repeat scroll left center;
	color:#EAE7D2;
	font-size:11px;
	font-weight:normal;
	line-height:1em;
	padding-left:10px;
}

#footer .column {
float:left;
width:140px;
}

#copyright {
	background:#3E362F none repeat scroll 0%;
	border:1px solid #797066;
	float:right;
	width:256px;
}

/*----------------------------------------------------------------------- 
  Text sizing and styles
 ------------------------------------------------------------------------ */

 .s { font-size: 10px; } /* small: 10px */
 .m { font-size: 11px; line-height: 16px; } /* medium: 11px */
 .xl { font-size: 15px; line-height: 22px; }
 .b { font-weight: bold; } /* bold */
 .up { text-transform: uppercase; } /* uppercase */
 .light-grey { color: #999999; } /* light grey */
 .lighter-grey { color: #ccc; } /* lighter grey */
 .red { color: #CC0000; } /* red */
 .right { text-align: right; } /* align text, right */
 .pad-l { padding: 0 0 0 10px; }
 .blue { color: #0066cc; } /* blue color */
 .rule { border-bottom: 1px solid #a9a9a7; margin: 8px 0 4px 0; }
 .top-rule-dotted { height: 1px; background: url(gfx/rule_dotted_repeat.gif) top repeat-x; padding: 10px 0 10px 0; margin-bottom: 16px; }
 .command, code { font-family: courier new, courier, sans; font-size: 13px; color: #003366; }
 
 .archive-title { font-family: georgia, arial; font-size: 26px; color: #FFF; margin: 20px 0 0 10px;  }
 
 .bg-grey { background-color: #efefef; }

 .double-rule {  margin: 2px 0 16px 0; border-top: 3px double #CCC; }

/*----------------------------------------------------------------------- 
   Branding styles
 ------------------------------------------------------------------------ */

.brand {
  font-family: Times New Roman;
  font-variant: small-caps;
  }