/*----- CSS main: sections ------*/
/*----- CLEANUP ------*/
/*----- TYPOGRAPHY ------*/
/*----- COLOUR ------*/
/*----- LAYOUT ------*/
/*----- NAVIGATION ------*/
/*----- IE Hacks ------*/


/*----- CLEANUP ------*/
/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* derived from UndoHTML by Tantek Celik */

/* link underlines can make hypertext less readable */
/* I often reverse this, as users are used to underlined */
:link,:visited {text-decoration:  none;}

/* list often used for menus etc, so remove icons etc */
ul,ol {list-style: none;}

/* avoid browser default inconsistent heading font-sizes and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em;}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
body,html,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,tr {
  margin: 0;
  padding: 0;
}

pre,form,blockquote,fieldset,input {
  margin: 0;
  padding: 0;
}

/* get rid of stupid borders round linked images */
a img,:link img,:visited img {border:none}

/* de-italicize address */
address {font-style: normal}

/*----- TYPOGRAPHY ------*/

/* typographic settings for site, font typs & sizes*/
/* link styling is included here, as is line-height*/
/* and list styling */
body{font: normal small "Lucida Sans", Arial, Helvetica,  sans-serif; } /*Georgia, "Times New Roman", Times, serif; }*/
/* Arial, Helvetica, sans-serif;} */



/*--- header details ---*/
h1 {
  font-size: 225%; /*190%*/
  font-weight: bold;
  text-align: left;
  letter-spacing: -1px;
  font-family: Georgia,"Times New Roman",  serif;
}
h1 span#company {
  font-size: 120%; /*190%*/
  font-weight: bold;
  text-align: left;
  letter-spacing: -1px;
  line-height: 155%
}

h1 span{
  font-style: normal;
  font-weight: normal;
  font-size:85%;
  letter-spacing: 0;
}

h1 span#kword2{
  font-size: 60%;
  text-align: center;
}

p#strapline{
  font-size: 100%;
  font-weight: bold;
  font-style: italic;
}

#social_buttons {
  position: absolute ;
  top: 35px;
  left: -40px;
  width: 30px;
  text-align: center;
  padding-top: 5px;
  border: 1px dotted black;
  border-color: #C0C0C0 ;
  background-color:  #EFF2E3;
}

#social_buttons a {
  margin: 0 7px 5px 7px;
  display: block;
  background-color: transparent;
}

#social_buttons a:hover {
  background: transparent;
  border-bottom: 1px dotted #888;
}



/*--- content detail ---*/
h2{
  font-size: 120%;
  font-weight: bold;
}

#content h2 span.weblink a{
  font-weight: normal;
  font-size: 90%
}

h2 span.progtype{
  font-size: 80%;
  font-weight: normal;
}

h2 span.progtype_free{
  font-size: 80%;
  font-weight: bold;
  text-transform: uppercase;
}

h3{
  font-weight: bold;
  font-style: normal;
}
#pid_events h3{
  font-style: italic;
}


#content div#first_words p {
  color: black;
  font-size: 120%;
}

#content blockquote {margin-bottom: 2em;}

#content blockquote p{

  color: #444;
  font-style: italic; /*see iehack file */
}
#content blockquote.textright p{text-align: right;}

/*#content blockquote p:first-child > *:first-letter{font-size: 140%;}*/

#content blockquote p.quotesrc {text-align: right;}

#content div#comments p{font: italic 100% Verdana;}


p.para1 {font-size: 110%;}

#helps p{
  font-size: 80%;
  text-align: right;
}

#helps2 {font-size: 80%;}

#content {text-align: left;}
#content h3 {
  font-size: 120%;
}

#content p {
  font-size: 115%;
  line-height: 150%;
  text-align: justify;
}
#content p.permalink, #content p.permalink_arc,#content p.archive_link {font-size: 80%;}
#content p.localnav, #content p.prevnext{
  text-align: center;
  font-size: 90%;
  font-style: italic;
}
#content #eventcontact p {
  font-size: 90%;
  text-align: left;
  font-family: "lucida sans"
}

#content p#ln_next_prev{font-size: 130%; font-style: italic;}
#content p#ln_next_prev a{font-size: 80%;}

#contentsec, #contentsec h2, #contentsec p, #contentsec li{
  font-family: "Lucida Sans", Arial, sans-serif;
}

#contentsec #clips p {
  font-size: 80%;
}

#content p.linkstext {
  font-size: 90%;
  margin: 5px 30px;
}

#content li {
  font-size: 115%;
}

#contentsec h2 {
  font-size: 115%;
  font-variant: small-caps;
  text-align: center;
}

#contentsec ul li {
  font-size: 100%;
}

#contentsec span.undertext {
  font-size: 80%;
}

#contentsec span {
  display: block;
  font-size: 90%;
}

#contentsec span#countdown {
  font-weight: bold;
  font-style: italic;
}

#pid_books #content h3 span {
  color: black;
  font-size: 90%;
  margin-left: 20px;
}

#pid_books #content p span.amazon {
  font-size: 80%;
  font-family: "Lucida Sans";
  margin-left: 0;
  color: #888;
  display: block;
}

#rating_new p label {
  text-align: left;
}

/*--- footer detail ---*/
#footer{
  font-size: 80%;
  text-align: left;
}

#footer p#bot {text-align: center;}


/*----- COLOUR ------*/
/* Purpose: colour schemes & background pics for site */
body{
  color: black;
  /*background-color:  #E4E8CB; */
  background: #E4E8CB url(/images/osc/0css/leo8.gif) repeat-y top left fixed ;
}

#wrapper {
  /*border: 1px solid #eee;*/
  background-color: white;
}

/*--- link colouration ---*/
/*:link,:visited {text-decoration: underline}*/
a{
  text-decoration: none; /*underline;*/
  color: #526BB5;
  border-right: 1px solid transparent;
  border-bottom: 1px dotted #888;
  _border-bottom: 1px solid #888; /* IE6 hack */
}
a.rssfeed {
  background: url(/images/osc/0design/rss2feed.gif) no-repeat bottom right ;
}

a:visited  {color: #526BB5;}
a:hover {
  color: black;
  background-color: #edebd5;
  text-decoration: none;
  border-bottom: 1px solid #800;
  border-right: 1px solid #800;
}


#logo a, #logo a:link, #app_store a,#app_store a:link  {
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

  /*--- links colour secondary content ---*/
#contentsec a{
  color: #444;
  border-right: 1px solid #DB903D;
}
#contentsec a:visited{color: #444;}
#contentsec a:hover {border-right: 1px solid #a00;}

/* --- other colour stuff ---*/
#wrapper {
}
#wrapper_marg{
}

#header {
}
#header_marg {
}


h1, h1 span#company{color: #a00;}
h1 span{color: black ;}
#header h1 a {
  border-bottom: none;
  color: #a00;
}

#header h1 span#progtype_free {
  margin-left: 0.25em;
  color: black;
  background: #FF9C31 url(/images/osc/0css/free_bg.gif) repeat-x top left;
  padding: 2px 4px;
  border-top: 1px solid #EAEDD6;
  border-left: 1px solid #EAEDD6;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

#header #header_txt h1 a:hover {border-bottom: 1px solid black;}

p#strapline{
  color: #990033;
  background-color: transparent;
}

#content h2, #content h2 a{color: #a00;}
#content h2 span.weblink a{color: black;}

#content h3, #content h3 a{
  color: #a00;
}

#content p {
  color: #333;
}

#content p.para1 {color: black;}
#content p.para1 em {color: #a00;}

div.imgcen img, div.imgleft img, div.imgright img  {
  /*border: 1px solid #bbb;
  background-color: #eee;*/
}
#content div#googlemap img{
  background-color: transparent; /*crucial color images otherwise google map markers dont show!!*/
}

#content li{
  list-style: square;
  list-style-position: inside;
}

div#googlemap div#map_canvas{border: 5px solid white;}

#contentsec {
  background-color: white; /*#F4F4F4;*/
}
#contentsec_marg {
  color: #444;
  background: url(/images/osc/0css/cont_sec_back.gif) no-repeat top left;
  background-color: #E9E9E9;
}
#contentsec h2{
  color: #a00;
  border-bottom: 0px solid white;
}

#contentsec .section h2{
  background: url(/images/osc/0css/h2_sec_back.gif) no-repeat top left;
}

#contentsec h2 a, #contentsec h2 a:visited{
  color: #a00;
}

#contentsec h2 a:hover{
  border-right: 0px;
}

#contentsec ul li {
  background: url(/images/osc/0css/li_sec_ptr.gif) no-repeat 0px 0.3em;
}
#contentsec a{
  border-right: 0;
}

hr {
  color: white; /* IE6 */
  background-color: transparent;
  border: 0;
}

/*----- LAYOUT ------*/
/* layout of pages start with main sections */

/*--- main sections ---*/
body {
  min-width: 1000px;
}

#wrapper{
  position: relative;
  width: 1040px;
  left: 50%;
  margin-left: -520px;
}

#wrapper_marg {
  position: relative;
  margin: 0 20px;
}

#header {
  position: relative;
  width: 79%;
}

#content{
  position: relative;
  width: 79%; /*450px;*/
  left: 0; /*150px;*/
}


#contentsec {
  position: absolute;
  top: 120px;
  margin-top: 3em;
  left: 783px;
  width: 213px;
  z-index: 1000; /*to lift above footer */
  padding-top: 6px;
}


#logo {
  position: absolute;
  top: -15px;
  right: 0;
  text-align: center;
  width: 18%;
  z-index: 2000;
}

/*--- header details ---*/
#header_marg {
  position: relative;
  padding: 10px 0 20px 40px;
}

h1 {
  position: relative;
  padding-top: 10px;
  padding-bottom: 0.1em;
}


h1 span#kword, h1 span#kword2 {
  position: relative;
  display: block;
}

#header p#strapline{
  margin-top: 0.5em;
}

/*--- content detail ---*/
#content_marg {
  padding: 0 20px 1em 20px;
}

h2 {
  margin: 0 0 0.1em 0;
  padding: 0.9em 0 0 0;
}

#nav h2{
  margin: 0 0 0.1em 0;
  padding: 0.5em 0 0.4em 5px;
}

h3 {
  padding: 3px 0 3px 0;
}

#content p {
  margin: 0.75em 10px 1.25em 0;
}
#content + p {margin-top: 0;}

#content p.permalink {margin: 0 30px 1.75em 0;}
#content p.archive_link {padding: 0; margin: 0 30px 0 30px;}
#content p.localnav, #content p.prevnext{
  margin-bottom: 0;
  padding: 0.5em 0;
}
#content p#ln_next_prev{
  margin: 0 0 0 20px;
  padding: 0;
}
#content p#ln_next_prev span#ln_next{margin-left: 20px;}

#content div.imgleft p.upic{
    text-align:  center;
    font-style: italic;
    padding-top: 0;
    margin-top: -1em;
}

#content h2 + p, #content h2 + blockquote {margin-top: 1em;}
#content h2 + div.imgcen {margin-top: 15px;}
#content h2 span.tell_friend {
  font-size: 70%;
  color: black;
  margin-left: 10px;
}

#content ul li{
  margin: 0px 30px 10px 28px;
}

#content p + ul.no_gap {
  margin-top: -1em;
}

#content h3 {margin-top: 2em;}
#content h3 + p, #content h3 + blockquote {margin-top: 0.25em;}

#content ul li ul{
  margin: 5px 30px 5px 0px;
}

#content ul li ul li{
  margin: 3px 30px 3px 20px;
  list-style-type: disc;
}

#content blockquote {padding-top: 5px;}


div#eventcontact {
  width: 35%;
  float: right;
  padding: 0em 0 20px 40px;
}

div#googlemap{
  /*margin: 10px 30px 30px 0 ;*/
  text-align: center;
}

div.youtube {
  text-align: center;
  margin-bottom: 30px;
}

div.imgcen {text-align: center;}

div.imgleft, span.imgleft  {float: left;
  text-align: left;
  margin: 10px 10px 10px 0;
}
div.imgright, span.imgright {float: right;
  text-align: left;
  margin: 10px 0 10px 10px;
  .margin-right: 0px; /*IE6 hack */
}
div.floatleft {float: left;}

div.imgcen img, div.imgleft img, div.imgright img {padding: 3px 4px 10px 3px;}

a.rssfeed {
  padding-right: 15px;
  padding-top: 2px;
}
img.rssfeed {
  float: left;
  padding: 0;
  border: 0;
  margin-right: 10px;
}

hr {clear: both;}

.clearfloat{clear: both;}


  /*--- content secondary detailed layout---*/
#contentsec_marg {
  border-top: 1px solid #bbbb;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#contentsec div.section {
  margin-bottom: 10px;
}

#contentsec h2{
  margin-bottom: 0.25em;
  padding: 12px 0 5px 0;
}

#contentsec .section h2{
  padding: 8px 0 5px 0;
}

#contentsec p{
  margin-bottom: 0.25em;
}

#contentsec ul li {
  padding-bottom: 0.45em;
  padding-left: 10px;
}

#contentsec ul, #contentsec p {
  margin-left: 8px;
  margin-right: 5px;
}

#contentsec span.undertext {
  display: block;
  margin-top: 0;
  padding-top: 0;
}

/*--- site help links ---*/
#helps {
  position: relative;
  top: 0px;
  right: 0;
  padding: 3px 4px 4px 2px;
  margin-bottom: 0.15em;
  z-index: 1000;
}

#helps2 {
  clear: both;
  position: relative;
  margin-top: 1em;
  width: 78%; /* as per content */
  left: 0%;
}
#helps2_marg {
  padding: 2em 0 0.75em 8px;
}


/*--- footer detail ---*/
#footer {
  position: relative;
  margin-top: 1em;
  padding-top: 0px;
  width: 78%; /* as per content */
  left: 0;
}

#footer_marg {
  position: relative;
}

#footer_marg p{
  padding: 1em 0 2px 0;
  margin-bottom: 0;
}

#footer_marg ul {margin-left: 8px;}

#footer_marg ul li{
  display: block;
  float: left;
  text-decoration: none;
  margin-right: 15px;
}

#footer p#bot {
  clear: both;
  padding: 1.5em 0 1.5em 0;
}

#amazon_books {
  margin-bottom: 2em;
}

#amazon_books iframe {
  margin-right: 20px;
}



/*----- NAVIGATION ------*/
  /*--- navigation layout/font/colours in one place ---*/
#nav {
  position: relative;
  width: 100%;
  margin-top: 0.1em;
  height: 125px;
  display: block;
  text-align: left;
  font: normal bold 110%/120%;
  z-index: 2000;
}

#nav_marg {background-color: white; }

#nav ul {padding: 0 0px 1px 3px;}

#nav li {
  padding: 0;
  margin: 0;
  /*margin-right: 1px;*/
  color: white;
  display: block;
  float: left;
  width: 141px;
  border-bottom: 5px solid #A38EB1;
  border-right: 1px solid white;
  z-index: 2000;
}

#nav li a {
  display: block;
  text-align: center;
  padding: 5px 3px 5px 3px;
  margin: 0;
  border-right: 0;
  font-weight: bold;
  text-decoration: none;
  color: black;
  background-color:  #E4E8CB; /*light grey green*/
  background: url(/images/osc/0css/nav_top_bg.gif) no-repeat 0 0 ;
}

#nav li a img {
  padding: 0;
  margin: 0;
}
#nav li#navlnk_home a {background-color: #E4E8CB;}
#nav li#navlnk_predesigner a {background-color: #D9E0BB;}
#nav li#navlnk_winlens3d a {background-color:  #CFD7AB;}
#nav li#navlnk_tolerancer a {background-color:  #C4CF9C;}
#nav li#navlnk_glassmanager a {background-color:  #B8C68E;}
#nav li#navlnk_materialeditor a {background-color: #ADBE80;}
#nav li#navlnk_machvis a {background-color: #A2B56F;} /*  #BFBF99;} */

#nav li a span.sub {
  display: block;
  font-weight: normal;
  font-size: 80%;
  color: #444;
  padding-bottom: 3px;
}

/*#nav li a img{border: 1px solid #ddd;}*/

#wrapper #nav li a:hover{
  color: #FFFFAA;
  background-color: #C7BACF; /* light purple heather*/
  border-right: 0;
}

/* single page items in main nav */
#pid_home li#navlnk_home a,
#pid_predesigner li#navlnk_predesigner a,
#pid_winlens3d li#navlnk_winlens3d a,
#pid_winlens_basic li#navlnk_winlens_basic a,
#pid_tolerancer li#navlnk_tolerancer a,
#pid_glassmanager li#navlnk_glassmanager a,
#pid_materialeditor li#navlnk_materialeditor a,
#pid_machvis li#navlnk_machvis a
{
  color: #FFFFCC;
  background-color: #A38EB1; /*purple heather */
  padding-bottom: 5px;
  background: #A38EB1 url(/images/osc/0css/nav_top_bg_c.gif) no-repeat 0 0;
}

/* hover effects */
#pid_home li#navlnk_home a:hover,
#pid_predesigner li#navlnk_predesigner a:hover,
#pid_winlens3d li#navlnk_winlens3d a:hover,
#pid_winlens_basic li#navlnk_winlens_basic a:hover,
#pid_tolerancer li#navlnk_tolerancer a:hover,
#pid_glassmanager li#navlnk_glassmanager a:hover,
#pid_materialeditor li#navlnk_materialeditor a:hover,
#pid_machvis li#navlnk_machvis a:hover
{
  /*border-bottom: 5px solid #ccc;*/
  background-color: #A38EB1;
  border-right: 0;
}

#mobile_apps {
  text-align: center;
  margin-top: 2px;
}

#mobile_apps p{
  color: #FFFFCC;
  background-color: #A38EB1; /* purple heather*/
  padding-bottom: 4px;
  margin: 2px 4px 0 3px;
  font-size: 90%;
}
#mobile_apps p a{
  color: black;
  background-color: #A38EB1;
  font-style: italic;
  font-weight: bold;
  font-size: 110%;
  border-bottom: 2px dotted #444;
  _border-bottom: 1px solid #888;
}
#mobile_apps p a:hover{
  color: white;
}
/*
body#pid_predesigner {background-color: #E4E8CB;}
body#pid_winlens3d {background-color: #D9E0BB;}
body#pid_winlens_basic {background-color:  #CFD7AB;}
body#pid_tolerancer {background-color:  #C4CF9C;}
body#pid_glassmanager  {background-color:  #B8C68E;}
body#pid_materialeditor  {background-color: #ADBE80;}
body#pid_machvis {background-color: #A2B56F;} */


/*----- IE Hacks ------*/
/*-- hacks for IE family curses on them --*/
/*-- prefix property with underscore delivers only to IE6 --*/
/*-- prefix property with dot delivers to IE6/IE7 --*/


a{
  .border-right: 1px solid transparent;
  _border-right: 1px solid white; /*transparent; doesnt work in IE6 */
}

/* weird bug in IE7 - blockquote next to left float picture
   picture goes if p's inside block are italic!! */
#content blockquote.textright p{
  .font-style: normal;
}