html {
font-family:arial,sans-serif;
font-stretch:normal;
font-size:0.81em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
}


#nav {
padding:0.46em 0 0;
width:142px;
}
#nav, #nav * {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
h1 img, #nav {
float:left;
}
table, fieldset, #nav {
margin:0;
}
blockquote, ul, ol {
margin-bottom:1em;
margin-top:1em;
}

body {
margin:0 auto;
max-width:985px;
padding:15px;
position:relative;
}

#aux {
margin:0 0 0 160px;
}

element.style {
display:inline;
float:left;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-right:5%;
width:45%;
}
h5, p, pre, table, form, div div {
margin:1em 0;
}
body.product #about, fieldset, div div, #nav ul, #nav ol, #aux {
padding:0;
}

#intro {
margin:0 0 -1em;
overflow:auto;
}
#intro {
min-width:700px;
}


h1 {
border-bottom:1px solid #999999;
color:#333333;
margin:0 0 2em;
padding:1em 0 0;
}
h1, h2 {
font-size:1.23em;
line-height:1.25;
}

h1 img {
margin:-15px 0 0 -2px;
padding:0 12px 0 0;
position:relative;
}
h1 img, #nav {
float:left;
}

















@media screen,projection{
body{max-width:985px;margin:0 auto;}
/* override intro with minwidth */
#intro{min-width:700px}
/* global styles */
p{padding-right:1em;}
input,select,textarea,option{font-family:inherit;font-size:inherit;}
hr{clear:left;margin:-1em 0;padding:0;visibility:hidden;}
ol li{padding:0 0 0.5em 0;}
ol{padding:0 0 1em 1.7em;}
/*blockquote{color:#090;font-size:1.166em;}*/
/*blockquote span {color: #666; font-size: 1em;}*/
blockquote{color:#090;font-size:2em;}
blockquote span {color: #666; font-size: 2em;}
/* nav */
#maincontent{overflow:auto; margin: 0;}
/* gox overrides */
h2,h3{border-color:#ccc;border-style:solid;border-width:0 0 1px;}
h2{color:#090;margin:0.6em 0;padding:0 0 0.1em;}
h3{color:#333;padding:0;}
/* intro section */
#intro{margin:0 0 -1em 0;overflow:auto;}
/*size for top panel*/
#intro h2, #event h2.intro {border:none;font-size:3em;font-weight:normal;margin:0 auto auto auto; }
.graphic{float:left;margin:0 2em 1em 0;}
/* content boxes */
.column{display:inline;float:left;padding-right:5%;width:45%;margin:0;}
.columns {overflow: auto; margin: 1em 0 0 0;}
.column ul,.columns ul{list-style:none;padding-left:0;}
.column ul{padding:0 0 1.5em 0;margin:0;}
.column ul li,.columns ul li{padding:0;}
/*size for links*/
.column div{display:inline;float:left; font-size: 1.2em;}
/* button */
.column div div {width: 55%; font-size:1.2em;}
.column h3,.columns h3{color:#333;padding:0;}
/*col headings*/
.column div h3 {font-size:1.5em}
.columns h3{margin-bottom:0;}
.columns div{float:left;margin:0;padding:0;width:33%;}
.longtext li {margin-bottom: 0.5em;}
/* IE6 hacks */
* html .column div{margin:0 2% 0 0;}
* html #maincontent{margin-right: 25%;}
/* additional links in leftnav */
#nav em{border:dashed #ccc;border-width:1px 0;display:block;font-style:normal;margin:0.5em 0;padding:0.5em 0;}
/* tables */
table {border-bottom: 1px solid #dbd7d0;}
td,th {padding: 0.5em 1em 0.5em 0.5em }
.alt td {background: #f4efe8; border: solid #dbd7d0; border-width: 1px 0;}
}


.screenContainer {
  margin:0 auto;
  display:none;
}

.largeScreen {
  line-height:0;
  background:#bfc5c7;
  display:block;
  margin:0 auto;
  width:320px;
  height:480px;
  border:5px solid #ffffff;
}

.thumb-container {
  margin-top:1em;
}

#screenshotContainer1 {
  width:320px;
  height:480px;
  border:5px solid #ffffff;
  display:block;
  overflow:hidden;
}


.captionText {
  font-style:italic;
  display:none;
  width:90%;
  margin:0 auto 1em auto;
  text-align:left;
  min-height:2.8em;
}

ul.thumbs {
  padding:0;
  margin:0 100px;
  list-style-type:none;
  width:260px;
}
ul.thumbs li {
  display:block;
  height:120px;
  width:80px;
  float:right;
}
ul.thumbs li img {
  width:64px;
  height:96px;
  margin:4px 5px;
  background-color:#bfc5c7;
  padding:4px;
  border:1px solid blue;
}
ul.thumbs li:hover {
  background:url('img/thumb-selected.gif') no-repeat top center;
}
ul.thumbs li:hover img {
  border:5px solid #ffa32c;
  padding:0;
}
ul.thumbs li.selected {
  background:url('img/thumb-selected.gif') no-repeat top center;
}
ul.thumbs li.selected img {
  border:5px solid #ffa32c;
  padding:0;
}