@charset "UTF-8";
/* CSS Document */


/* ---- reset ------*/

* {margin:0;padding:0;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em;font-weight:normal;font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse;border-spacing:0;}
td {vertical-align:top;}
.clear {clear:both; width: 0px;}
.left {float: left;}
.right {float: right;}


/* ------------------ body --------------------- */


body {
  background: url(/includes/images/bg.png) fixed, url(/includes/images/bg_top.png) 0 0 repeat-x fixed, #E1E1E1;
	font: 62.5% 'proxima-nova', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #666;
	text-shadow: 0 1px #FFF;
}

#container {
  width: 920px;
  margin: 0 auto;
  text-align: left;
  background: url(/includes/images/highlight_bg.png) center 0 no-repeat;
}


/* ------------ text ------------ */

p {
  font-size: 1.4em;
}

a {
  text-decoration: none;
  color: #8DA550;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 2.1em;
  color: #4C4C4C;
  font-weight: 700;
  margin: 8px 0;
}

h2 {
  font-size: 1.5em;
  color: #8DA550;
  font-weight: 700;
  margin: 8px 0;
}

h3, h4 {
  font-size: 1.7em;
  font-weight: 700;
  margin: 6px 0;
}

h3 {
  color: #4C4C4C;
}

h4 {color: #5F7036;}

h5, h6 {
  font-size: 1.5em;
  font-weight: 700;
  margin: 4px 0;
}

h5 {color: #8DA550;}
h6 {color: #000;}

b {
  font-weight: 700;
}

i {
  font-style: italic;
}



/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/*                                                              */
/* Icons                                                        */
/*                                                              */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    position: relative;
    background-image: url(/includes/images/icons_16.png);
}

.icon.icon-24 {
    width: 24px;
    height: 24px;
    background-image: url(/includes/images/icons_24.png);
}

.icon:last-child {
    *margin-left: 0  
}

/* --------------------- Icon: Tao Effect --------------------- */

.icon.tao-effect {
    background-position: 0px -16px
}

a:hover .icon.tao-effect {
    background-position: -16px -16px
}

.icon.icon-24.tao-effect {
    background-position: 0px -24px
}

a:hover .icon.icon-24.tao-effect {
    background-position: -24px -24px
}

/* --------------------- Icon: App-Store ---------------------- */

.icon.app-store {
    background-position: 0px -32px
}

a:hover .icon.app-store {
    background-position: -16px -32px
}

.icon.icon-24.app-store {
    background-position: 0px -48px
}

a:hover .icon.icon-24.app-store {
    background-position: -24px -48px
}

/* ----------------------- Icon: Video ------------------------ */

.icon.video {
    background-position: 0px -48px
}

a:hover .icon.video {
    background-position: -16px -48px
}

.icon.icon-24.video {
    background-position: 0px -72px
}

a:hover .icon.icon-24.video {
    background-position: -24px -72px
}

/* --------------------- Icon: Download ----------------------- */

.icon.download {
    background-position: 0px -64px
}

a:hover .icon.download {
    background-position: -16px -64px
}

.icon.icon-24.download {
    background-position: 0px -96px
}

a:hover .icon.icon-24.download {
    background-position: -24px -96px
}

/* ------------------------ Icon: Buy ------------------------- */

.icon.buy {
    background-position: 0px -80px
}

a:hover .icon.buy {
    background-position: -16px -80px
}

.icon.icon-24.buy {
    background-position: 0px -120px
}

a:hover .icon.icon-24.buy {
    background-position: -24px -120px
}



/* ------------------ nav --------------------- */

#nav {
  position: relative;
  width: 924px;
  height: 83px;
  background: url(/includes/images/nav_bg.png) no-repeat;
}

.logo a {
  position: absolute;
  top: 12px;
  left: 38px;
  width: 175px;
  height: 55px;
  background: url(/includes/images/logo.png) no-repeat;
  display: block;
}

#nav ul {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 304px;
  padding: 2px 2px;
  overflow: hidden;
}

#nav ul li a {
  float: left;
  font-size: 1.4em;
  font-weight: 600;
  color: #8DA550;
  text-align: center;
  padding-top: 13px;
  height: 29px;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  transition: color .2s ease;
}

#nav ul li.lefty a {background: url(/includes/images/nav_left.png) no-repeat; width: 102px;}
#nav ul li.mid a {background: url(/includes/images/nav_mid.png) no-repeat; width: 99px;}
#nav ul li.righty a {background: url(/includes/images/nav_right.png) no-repeat; width: 101px;}

#nav ul li a:hover, #nav ul li a.down {
  color: #5F7036;
  background-position: 0 -44px;
  text-decoration: none;
}











/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/*                                                              */
/* Header                                                       */
/*                                                              */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */

#header {
    position: relative;
    width: 100%;
    height: 370px;
    margin: 40px auto 60px;
    z-index: 15;
}

#header .espionage-icon {
    position: absolute;
    top: 30px;
    left: 50px;
    width: 254px;
    height: 263px;
    background: url(/includes/images/icon.png) no-repeat;
}

#header .tagline {
    position: absolute;
    right: 75px;
    top: 50px;
    width: 200px;
    height: 16px;
    background: url(/includes/images/title.png) no-repeat;
    font-size: 2em;
    font-weight: 100;
    padding: 92px 0 0 270px;
}

/* ------------------------------------------------------------ */
/* Actions                                                      */
/* ------------------------------------------------------------ */

#header .actions {
    position: absolute;
    bottom: 130px;
    right: 70px;
}

#header .actions .actions-group {
	float: left;
	display: inline-block;
}

#header .actions .action {
	float: left;
	display: inline-block;
	padding: 6px 15px 6px 15px;
	margin: 0;
	font-size: 16px;
	-webkit-box-shadow:
		0px 0px 0px 1px rgba(0, 0, 0, 0.25),
		0px 1px 1px 0px rgba(255, 255, 255, 1),
		inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow:
		0px 0px 0px 1px rgba(0, 0, 0, 0.25),
		0px 1px 1px 0px rgba(255, 255, 255, 1),
		inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
	box-shadow:
		0px 0px 0px 1px rgba(0, 0, 0, 0.25),
		0px 1px 1px 0px rgba(255, 255, 255, 1),
		inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
	background: #f6f6f6; 
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		-moz-linear-gradient(
			top,
			#f6f6f6 0%,
			#f0f0f0 50%,
			#e6e6e6 51%,
			#dddddd 100%
		); /* FF3.6+ */
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0%,#f6f6f6),
			color-stop(50%,#f0f0f0),
			color-stop(50%,#e6e6e6),
			color-stop(100%,#dddddd)
		); /* Chrome,Safari4+ */
	background:
		-webkit-linear-gradient(
			top,
			#f6f6f6 0%,
			#f0f0f0 50%,
			#e6e6e6 50%,
			#dddddd 100%
		); /* Chrome10+,Safari5.1+ */
	background:
		-o-linear-gradient(
			top,
			#f6f6f6 0%,
			#f0f0f0 50%,
			#e6e6e6 50%,
			#dddddd 100%
		); /* Opera 11.10+ */
	background:
		-ms-linear-gradient(
			top,
			#f6f6f6 0%,
			#f0f0f0 50%,
			#e6e6e6 50%,
			#dddddd 100%
		); /* IE10+ */
	background:
		linear-gradient(
			top,
			#f6f6f6 0%,
			#f0f0f0 50%,
			#e6e6e6 50%,
			#dddddd 100%
		); /* W3C */
	filter:
		progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#f6f6f6',
			endColorstr='#dddddd',
			GradientType=0 ); /* IE6-8 */
}

#header .actions .action:hover {
	text-decoration: none;
	background: #f6f6f6; 
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		-moz-linear-gradient(
			top,
			#ffffff 0%,
			#f6f6f6 50%,
			#ededed 51%,
			#e6e6e6 100%
		); /* FF3.6+ */
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0%,#ffffff),
			color-stop(50%,#f6f6f6),
			color-stop(50%,#ededed),
			color-stop(100%,#e6e6e6)
		); /* Chrome,Safari4+ */
	background:
		-webkit-linear-gradient(
			top,
			#ffffff 0%,
			#f6f6f6 50%,
			#ededed 50%,
			#e6e6e6 100%
		); /* Chrome10+,Safari5.1+ */
	background:
		-o-linear-gradient(
			top,
			#ffffff 0%,
			#f6f6f6 50%,
			#ededed 50%,
			#e6e6e6 100%
		); /* Opera 11.10+ */
	background:
		-ms-linear-gradient(
			top,
			#ffffff 0%,
			#f6f6f6 50%,
			#ededed 50%,
			#e6e6e6 100%
		); /* IE10+ */
	background:
		linear-gradient(
			top,
			#ffffff 0%,
			#f6f6f6 50%,
			#ededed 50%,
			#e6e6e6 100%
		); /* W3C */
	filter:
		progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#ffffff',
			endColorstr='#e6e6e6',
			GradientType=0 ); /* IE6-8 */
}

#header .actions .action:active {
	-webkit-box-shadow:
		0px 0px 0px 1px rgba(0, 0, 0, 0.25),
		0px 1px 1px 0px rgba(255, 255, 255, 1),
		inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow:
		0px 0px 0px 1px rgba(0, 0, 0, 0.25),
		0px 1px 1px 0px rgba(255, 255, 255, 1),
		inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
	box-shadow:
		0px 0px 0px 1px rgba(0, 0, 0, 0.35),
		0px 1px 1px 0px rgba(255, 255, 255, 1),
		inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
	text-decoration: none;
	background: #AAAAAA; 
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		-moz-linear-gradient(
			top,
			#AAAAAA 0%,
			#EEEEEE 100%
		); /* FF3.6+ */
	background:
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0%,#AAAAAA),
			color-stop(100%,#EEEEEE)
		); /* Chrome,Safari4+ */
	background:
		-webkit-linear-gradient(
			top,
			#AAAAAA 0%,
			#EEEEEE 100%
		); /* Chrome10+,Safari5.1+ */
	background:
		-o-linear-gradient(
			top,
			#AAAAAA 0%,
			#EEEEEE 100%
		); /* Opera 11.10+ */
	background:
		-ms-linear-gradient(
			top,
			#AAAAAA 0%,
			#EEEEEE 100%
		); /* IE10+ */
	background:
		linear-gradient(
			top,
			#AAAAAA 0%,
			#EEEEEE 100%
		); /* W3C */
	filter:
		progid:DXImageTransform.Microsoft.gradient(
			startColorstr='#AAAAAA',
			endColorstr='#EEEEEE',
			GradientType=0 ); /* IE6-8 */
}

#header .actions .action.first {
	margin-left: 10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#header .actions .action.last {
	margin-right: 10px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#header .actions .action .label {
	font-size: 16px;
    line-height: 31px;    
	color: #66783A;
	font-weight: 700;
	vertical-align: middle;
}

#header .actions .action.sub-text .label {
    line-height: 20px;
}

#header .actions .action .sub-label {
	font-size: 11px;
    line-height: 11px;
    color: #808080;
    display: block;
    text-align: right;
	font-weight: 600;
}

#header .actions .action .icon {
    margin: 12px 10px 0px 0px;
    position: relative;
}

#header .actions .action .icon.icon-24 {
    margin: 3px 10px 0px 0px;
}

#header .actions .action .icon.icon-24.pull-right {
    margin: 3px 0px 0px 10px;
    float: right;
}

/* ------------------------------------------------------------ */
/* Popover                                                      */
/* ------------------------------------------------------------ */

.popover {
    background: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #F5F5F5;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1), 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1), 0px 0px 0px 1px rgba(0, 0, 0, 0.2), 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}

.popover-group {
	position: relative;
	float: left;
}

/* --------------------------- Notch -------------------------- */

.popover .notch {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    margin-top: -9px;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(0, 0, 0, 0.2);
}

.popover .notch:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 50%;
    margin-top: 0px;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFF;
}

.popover .notch:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 50%;
    margin-top: 0px;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #F5F5F5;
}

/* --------------------------- List --------------------------- */

.popover ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    min-width: 150px;
}

.popover ul li {
    line-height: 40px;
    font-size: 16px;
    color: #666;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
    *zoom: 1;
}

.popover ul li:before,
.popover ul li:after {
    display: table;
    content: "";
}

.popover ul li:after {
    clear: both
}

.popover ul li:last-child {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.popover ul li span {
    padding: 0 10px 0 10px;
    display: block;
}

.popover ul li span span {
    padding: 0px;
    display: inline-block;
}

.popover ul li.centered span {
    text-align: center;
    width: 100%;
    margin: 0 -10px 0 -10px;
}

.popover ul li.centered span span {
    width: auto;
    margin: 0;
}

.popover ul li .muted {
    color: #999
}

.popover ul li .pull-left {
    float: left
}

.popover ul li .pull-right {
    float: right
}

.popover ul li a {
    display: block;
    text-decoration: none;
    color: #8DA550;
}

.popover ul li a:hover {
    text-decoration: none;
    color: #628508;
}

.popover ul li.small {
    font-size: 11px;
    line-height: 30px;
    color: #666;
}

.popover ul li.small .muted {
    color: #AAA
}

/* --------------------------- Icons -------------------------- */

.popover .icon {
    margin: 12px 10px 0px 0px;
    position: relative;
    float: left;
}

.popover .icon.icon-24 {
    margin: 8px 10px 0px 0px;
}

/* --------------------- Download Button ---------------------- */

.popover.download {
	top: 60px;
	left: -10px;
	width: 180px;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	opacity: 0;
}

/* ------------------------ Buy Button ------------------------ */

.popover.buy {
	top: 60px;
	left: -40px;
	width: 172px;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	opacity: 0;
}








/* ------------------ content --------------------- */

#content {
  position: relative;
  width: 860px;
  min-height: 100px;
  background: #FFF;
  margin: -75px 0 20px 0;
  padding: 30px;
  -webkit-box-shadow: 0 0 2px #4C4C4C;
  -moz-box-shadow: 0 0 2px #4C4C4C;
  box-shadow: 0 0 2px #4C4C4C;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 10;
}


/* -------- thumbs --------- */

.thumbs {
  margin: 10px 0 10px -30px;
  padding: 60px 0;
  width: 920px;
  background: url(/includes/images/shadow_up.png) center top no-repeat, url(/includes/images/shadow_down.png) center bottom no-repeat;
}

.thumbs ul.thumbs_sm {
  padding: 0 0 0 30px;
  overflow: hidden;
}

.thumbs ul.thumbs_sm li {
  float: left;
  width: 182px;
  margin-right: 45px;
}

.thumbs ul.thumbs_sm li a {
  text-decoration: none;
}

.thumbs ul.thumbs_sm li.last {
  margin-right: 0;
}

.thumbs img {
  padding: 10px;
  margin-bottom: 12px;
  background: url(/includes/images/thumb_bg.png) no-repeat;
}

.thumbs p {
  color: #666;
  font-size: 1.3em;
}

/* -------- features --------- */

ul.features {
  margin-top: -25px;
}

ul.features li {
  padding: 25px 0;
  border-bottom: 1px solid #E7EBEA;
  padding-left: 65px;
  overflow: hidden;
}

ul.features li.last {
  border: none;
}

ul.features .left {
  width: 355px;
  margin-right: 80px;
}

ul.features .left.no_margin {
  margin-right: 0;
}

ul.features li.icon1 {background: url(/includes/images/icon1.png) 0 30px no-repeat, url(/includes/images/icon1a.png) 435px 30px no-repeat;}
ul.features li.icon2 {background: url(/includes/images/icon2.png) 0 30px no-repeat;}
/*ul.features li.icon3 {background: url(/includes/images/icon3.png) 0 30px no-repeat, url(/includes/images/icon3a.png) 435px 30px no-repeat;}*/
ul.features li.icon3 {background: url(/includes/images/icon3.png) 0 30px no-repeat;}
/*ul.features li.icon3 {background: url(/includes/images/open-source-icon-sm.png) 0 30px no-repeat;}*/
ul.features li.icon4 {background: url(/includes/images/icon4.png) 0 30px no-repeat;}
ul.features li.icon5 {background: url(/includes/images/source-icon-sm.png) 0 30px no-repeat;}


/* -------- updates --------- */

.updates {
  margin: 0 0 0 -30px;
  padding: 60px 0 10px;
  width: 920px;
  background: url(/includes/images/shadow_up.png) center top no-repeat;
  overflow: hidden;
}

.twitter a {
  float: left;
  margin-left: 80px;
  width: 108px;
  height: 26px;
  font-size: 1.4em;
  font-weight: 700;
  padding: 9px 0 0 20px;
  background: url(/includes/images/btn_twitter.png) no-repeat;
  display: block;
}

.twitter a:hover {
  color: #5F7036;
  background-position: 0 -35px;
  text-decoration: none;
}

div.email {
  position: relative;
  float: right;
  width: 645px;
  font-size: 1.6em;
  font-weight: 700;
  color: #8CA550;
  padding-top: 3px;
}

div.email input {
  width: 246px;
  height: 27px;
  background: url(/includes/images/input.png) no-repeat;
  font-family: 'proxima-nova', helvetica, arial, sans-serif;
  font-size: 1em;
  color: #666;
  border: none;
  padding: 2px 8px 2px;
  margin: 0 0 0 8px;
}

div.email input.submit {
  position: absolute;
  right: 65px;
  top: 1px;
  width: 104px;
  height: 34px;
  background: url(/includes/images/btn_submit.png) no-repeat;
  font-size: .8em;
  font-weight: 700;
  color: #4C4C4C;
  padding: 0;
  text-align: center;
  text-shadow: 0 1px #FFF;
  cursor: pointer;
}

input.submit:hover {
  color: #5F7036;
  background-position: 0 -35px;
}



/* ------------------ footer --------------------- */

#footer {
  width: 920px;
  height: 31px;
  margin: 30px 0;
  background: url(/includes/images/footer_bg.png) no-repeat;
  overflow: hidden;
}

.copyright {
  float: left;
  font-size: 1.1em;
  color: #666666;
  margin: 9px 0 0 20px;
}

#footer ul {
  float: right;
  padding: 1px 0;
}

#footer ul li {
  float: left;
}

#footer ul li a {
  display: block;
  color: #666;
  font-size: 1.2em;
  padding: 7px 20px 6px;
  background: url(/includes/images/divider.png) left top repeat-y;
}

#footer ul li a:hover {
  color: #000;
}

/* ---------------------------------------------------------
--------------------------- interior --------------------- */

.title {
  padding-top: 20px;
  font-size: 3em;
  font-weight: 700;
  color: #4C4C4C;
}

#content.interior {
  overflow: hidden;
  margin-top: 25px;
}

#content.interior ul li {
  margin: 8px 16px;
  font-size: 1.5em;
  color: #5F7036;
  font-weight: 700;
  line-height: 1em;
  list-style: square;
}

#content.interior ol li {
  margin: 8px 20px;
  font-size: 1.5em;
  color: #5F7036;
  font-weight: 700;
  line-height: 1em;
  list-style: decimal;
}

#content.interior ul li a, ol li a {
  color: #8DA550;
}

#content.interior img {
  padding: 10px;
  margin: 10px 0;
  -webkit-box-shadow: 0 1px 3px #808080;
  -moz-box-shadow: 0 1px 3px #808080;
  box-shadow: 0 1px 3px #808080;
}
#content.interior img.noshadow {
  padding: 10px;
  margin: 10px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* ------------- sidebar -------------- */

.sidebar {
  float: right;
  width: 160px;
  padding: 10px 0 20px 20px;
  margin-left: 20px;
  border-left: 1px solid #DDD;
}

/* -------------- order page -----------*/

.packagePicker .appIcon {
	height: 128px;
	width: 128px;
	background-image: url(/includes/images/appIcon_espionage.png);
}

.columns.two .column {width: 350px;}
.columns .column { float: left; }

.packagePicker .column.left {width: 128px;}
/* .packagePicker .column.right {width: 572px;} */

.packagePicker .option {
	margin: 0 0 15px 30px;
	width: 300px;
}

.packagePicker .option .price {
	float: right;
	font-weight: bold;
	font-size: 12px;
}

.packagePicker .option .checkbox {
	margin-right: 14px;
	margin-top: 3px;
	float: left;
}

.packagePicker .option .label {
	float: left;
	font-size: 14px;
}

.packagePicker .option .description {
	margin-left: 26px;
}

.packagePicker .sublabel {
	margin-bottom: 20px;
}

.packagePicker .label {
	font-size: 14px;
}
.packagePicker input[type='text'] {
	border-color: #bdbdbd;
	border-width: 1px;
	border-style: solid;
	padding-right: 5px;
	padding-left: 5px;
	height: 30px;
	width: 300px;
	font-size: 16px;
	font-weight: bold;
	background-image: linear-gradient(top, rgb(224,224,224) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(224,224,224) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(224,224,224) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(224,224,224) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(224,224,224) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(224,224,224)),
		color-stop(1, rgb(255,255,255))
	);
}

.packagePicker input[type='text']:hover {
	background-image: linear-gradient(top, rgb(220,235,217) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(220,235,217) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(220,235,217) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(220,235,217) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(220,235,217) 0%, rgb(255,255,255) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(220,235,217)),
		color-stop(1, rgb(255,255,255))
	);
}

.packagePicker input[type='text'].active {
	background-image: linear-gradient(top, rgb(220,250,175) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(220,250,175) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(220,250,175) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(220,250,175) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(220,250,175) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(220,250,175)),
		color-stop(1, rgb(255,255,255))
	);
}

.packagePicker p.tall {
	line-height: 30px;
}

.packagePicker .label {
	margin-bottom: 5px;
}

.packagePicker .gradient {
	background-image: linear-gradient(top, rgb(222,222,222) 0%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(top, rgb(222,222,222) 0%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(top, rgb(222,222,222) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(top, rgb(222,222,222) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(top, rgb(222,222,222) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(222,222,222)),
		color-stop(1, rgb(255,255,255))
	);
	margin-left: -30px;
	margin-right: -30px;
	padding: 0px 30px 0px 30px;
	height: 10px;
}

.packagePicker .couponCode {
	float: left;
}

.packagePicker .ordersummary {
	float:left;
	width: 500px;
	margin-left: 50px;
	margin-top: 10px;
}

.packagePicker .ordersummary .description { 
	width: 400px;
}

.packagePicker .ordersummary .price {

}

.packagePicker .ordersummary tr {
	border-top-color: #cfcfcf;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 12px;
}

.packagePicker .ordersummary tr.footer {
	font-size: 16px;
	border-width: 3px;
	border-color: #b0bd87;
}

.packagePicker .ordersummary tr.footer td.description {
	color: #7f8962;
}

.packagePicker .ordersummary tr td {
	text-align: right;
	padding: 10px;
}

.packagePicker .center {
	margin-left: 90px;
	width: 700px;
}

.packagePicker #check_coupon {
	font-size: 14px;
	padding-left: 15px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(/includes/images/refresh3.png);	
}

.packagePicker .couponCode input[type='text'] {
	width: 120px;
}

.packagePicker .buttons .middle {
	width: 100px;
	margin: 0 auto;
}

.packagePicker button{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 10px 15px 10px 15px;
	color:rgb(0, 0, 0);
	font-size:14px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	font-size: 14px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgb(0, 0, 0);
	-moz-box-shadow:0px 0px 0px rgb(0, 0, 0);
	-webkit-box-shadow:0px 0px 0px rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(238, 238, 238)), to(rgb(204, 204, 204)));
	background-image:-moz-linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 204));
}
.packagePicker button:hover{
	background-image:linear-gradient(-90deg, rgb(238, 238, 238), rgb(220, 220, 220));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(238, 238, 238)), to(rgb(220, 220, 220)));
	background-image:-moz-linear-gradient(-90deg, rgb(238, 238, 238), rgb(220, 220, 220));
}
.packagePicker button:active{
	background-image:linear-gradient(-90deg, rgb(210, 210, 210), rgb(200, 200, 200));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(210, 210, 210)), to(rgb(200, 200, 200)));
	background-image:-moz-linear-gradient(-90deg, rgb(210, 210, 210), rgb(200, 200, 200));
}