/* basic elements */
body{background: #cccccc; margin:10px 0px 0px 25px; padding:0px}

/* make everything sans-serif */
html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div{font-family:Verdana, Arial, Helvetica, Geneva, sans-serif}
.masthead{background: #80a0c0 url('images/header_c_1.gif') no-repeat}

/* borders and tables */
img{border:0}
table{padding:0px; border:0px;}
tr{vertical-align: top}

/* title banners */
.titlebanner {margin-left:-10px; margin-top:-10px; margin-bottom:10px; margin-right:-10px;}

/* bullets */
.bullet {padding: 0px 3px 1px 0px}

/* text styles */
.banner{border-right:1px solid #80a0c0; border-bottom:1px solid #80a0c0; margin:1em 1em .5em 0em; padding: 1px;}
.bannertext{background:url('images/bullet_banner.gif') no-repeat; color:#507090; font-size:80%; font-weight:bold; padding-left:10px}

h1{font-size:125%; line-height:125%; font-weight:bold; margin:0px;}
h2{font-size:100%;line-height:125%; font-weight:bold; margin:0px 0px 0px 0px;}
h3{font-size:80%;line-height:125%; font-weight:bold; margin:1em 1em -0.75em .25em;}
p, ul, td, h1, h2, h3, h4, h5, h6{color: #666}

.inlinebold{font-weight:bold;;}

p, ul, td {font-size:70%;line-height:115%; padding:0px 0px 0px 0px; margin: 1em 1em 0em .25em;}
li {margin-left:1.25em; margin-bottom:.25em; list-style-image: url('images/bullet_dash.gif')}

.copyright{color:#000;font-size:50%; margin-left:3px; margin-top:0px}
.nav{color:#333333; font-size:60%; border-bottom:1px; margin-bottom: 20px;}
.rightalign{text-align:right; margin-right:2em}

.bio{margin-bottom:2em;}
.bio_pic {float:right; margin-top: 30px; width: 100px;}
.bio_name{font-size:80%; font-weight:bold; color: #666666; margin-left:0em}
.bio_job{font-size:80%; font-style:italic; color: #666666;}

.screenshot_inline {padding-left:.5em; padding-top:10px;}
.screenshot_inline_list {padding-left:0em; padding-top:10px; padding-bottom:10px}
.screenshots_nav {margin: .5em 1em 1em 2em; font-size:80%; font-style:italic; color: #666666;}
.videocaption{font-size:60%}
#windlight_screens_nav{font-size:80%; padding:10px 10px 0px 10px;}
#windlight_screens{margin:.25em;}
#windlight_screens img {padding:5px;}

#windlight_videos table{border:0px solid #7090a0; padding:0px; margin-right:15px; border-collapse: collapse; border-spacing: 0pt;}
#windlight_videos td {border:0px solid #507090; padding: 10px 10px 10px .25em; font-size:60%}

#Sales {border:1px solid #7090a0; padding:0px; margin-right:15px; border-collapse: collapse; border-spacing: 0pt;}
#Sales td.header {font-weight:bold; color:#ffffff; background: #507090; padding:5px;}
#Sales td {border:1px solid #507090; padding:5px;}
#Sales td.product{font-weight:bold}

.tm{font-size:65%;vertical-align: super}

/* basic links */
a, a:visited, a:link{color:#80a0c0; text-decoration:none;}
a:hover{color:#b0d0f0; text-decoration:underline}
a:active{color:#b0d0f0; text-decoration:underline}
a.nav {color:#666666}

.subpagelink{background:url('images/bullet_banner.gif') no-repeat; font-size:100%;line-height:125%; font-weight:bold; margin:20px 20px 20px 5px; padding-left:20px;}

/* Menu Stuff */
#nav {list-style:none; margin:0px 0px 0px 15px; padding:0; font-size:100%}
#nav ul {list-style:none; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px; width:50px; display:block;} 
#nav li {list-style: none; margin:0px 0px 20px 0px; padding:0; position: relative; display:block}

#nav li ul { padding:0; margin:0px 0px 0px 0px; filter:alpha(opacity=100); width:130px; left:-999px}
#nav li ul.off { position: absolute; top:-8px; left: 85px; background: #507090; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px ; z-index:101; border:1px solid #7090a0; width:130px; left:-999px}

#nav li ul li a {width:130px; display:block;}
#nav li ul li a:hover {background:#80a0c0;}

#nav li ul li { width:130px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:2.25em}
#nav li ul li.subon {color:#b0d0f0;}

#nav li ul.off li:hover {background-color:#80a0c0;}

#nav li:hover ul, #nav li.over ul.off {left:90px; top:-5px} 

.home_menu_left{border-left:1px solid #80a0c0; border-bottom:1px solid #80a0c0}
#nav a{color:#ffffff; text-decoration:none;}
#nav a:visited{color:#ffffff;}
#nav a:hover{color:#b0d0f0; text-decoration:none;}
.menu_sub_on{color:#b0d0f0;}
.menu_bullet{margin:3px 10px 4px 0px;}