html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
.hidden { display: none; }
.oh { overflow: hidden; }

@media print {
	body { color: #000 !important; background-color: #fff !important; background-image: none !important; }
	a, a:link, a:visited { color: #000 !important; text-decoration: none !important; }
	.noprint, .hide { display: none !important; }
	
	#globalheader { display: none; }
	#dpup { display: none; }
	#globalfooter { display: none; }
}

/* iPhone */
@media screen and (max-device-width: 480px) {
	html { -webkit-text-size-adjust: none; }
}

@font-face {  
	font-family: "Myriad Pro Semibold";  
	src: local("Myriad Pro Semibold"), url(fonts/MyriadPro-Semibold.otf) format("opentype");
}

/* layout */
body {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #333;
	margin: 0 auto;
	background-color: #e5e5e5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#e5e5e5)); /* Safari 4+, Chrome 2+ */
	background-image: -webkit-linear-gradient(top,  #d5d5d5, #e5e5e5); /* Safari 5.1+, Chrome 10+ */
	background-image: -moz-linear-gradient(top,  #d5d5d5, #e5e5e5);
	background-image: -ms-linear-gradient(top,  #d5d5d5, #e5e5e5);
	background-image: linear-gradient(top,  #d5d5d5, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#e5e5e5'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#e5e5e5')"; /* IE8+ */
	background-repeat: no-repeat;
	-webkit-background-size: 100% 480px; -moz-background-size: 100% 480px; -ms-background-size: 100% 480px; background-size: 100% 480px; 
}

.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.click-through { pointer-events: none; background: none !important; }

.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; }

img { border: 0; }
img.left { float: left; margin: 0 12px 0 12px; }
img.right { float: right; margin: 0 0 0 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

p.left { float: left; text-align: left; text-indent: 10px; width: auto; }
div.c2 {
	width: 700px;
	margin: 0 auto;
	margin-bottom: 24px;
	text-align: justify;
	-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; 
	-webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em;
}
div.c2:last-child { margin-bottom: 0; }
div.c2 > p { margin-bottom: 0; -webkit-column-break-after: always; }
div.c1 {
	width: 400px;
	margin: 0 auto;
	margin-bottom: 24px;
	text-align: justify;
}

.last { margin-bottom: 0 !important; }
p:last-child { margin-bottom: 0; }

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a[rel="external"], a.external { white-space: nowrap; padding-right: 15px; background: url(gfx/external10x10.gif) no-repeat 100% 50%; zoom: 1; }
a.more { white-space: nowrap; padding-right: 10px; background: url(gfx/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; }
span.more { color: #08c; white-space: nowrap; padding-right: 10px; background: url(gfx/morearrow_08c.gif) no-repeat 100% 50%; zoom: 1; }
a.sup { font-size: 12px; }
a.not-special { color: #333; text-decoration: none; }
a.zip { background: url(gfx/zip12x12.gif) 0 0.4em no-repeat; display: block; padding-left: 20px; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { padding-left: 1px; font-size: 10px; font-weight: normal; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }
.sosumi { font-size: 10px !important; color: #76797c; clear: both; }
.sosumi p { margin-bottom: 0; }
span.macos { height: 59px; line-height: 59px; white-space: nowrap; padding-left: 54px; background: url(gfx/MacOS.png) no-repeat 0 100%; display:block; zoom: 1; }
span.windows { height: 59px; line-height: 59px; white-space: nowrap; padding-left: 54px; background: url(gfx/Windows_59px.png) no-repeat 0 100%; display:block; zoom: 1; }

p { margin-bottom: 18px; }
p.intro { color: #888; line-height: 1.3888em; font-weight: normal; }
.subtext { color: #888; }
.tcenter { text-align: center; }
span.smaller { font-size: smaller; }
.smaller-caps { font-size: smaller; font-variant: small-caps; }
.small-caps { font-variant: small-caps; }
.underline { text-decoration: underline; }
ul.circle { margin-left: 16px; list-style: circle; list-style-position: outside; }
ul.disc { margin-left: 16px; list-style: disc; list-style-position: outside; }
ul.square { margin-left: 16px; list-style: square; list-style-position: outside; }
ul.m li { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 13px; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

h1.headline { font-size: 2em; line-height: 1.2142em; letter-spacing: -1px; margin-bottom: 25px; font-weight: normal; } /* 28px/34px */
h1.headline i { font-size: 0.75em; display: block; color: #898989; font-style: normal; }
h1.headline a { color: #898989; }
h1.headline a:hover { text-decoration: underline; }
h1.headline i.inline { display: inline; }

h1.t1 {
	font: 24px/36px "Myriad Pro Semibold", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-shadow: 0 1px 6px rgba(0,0,0,0.66);
}
.hb { color: #003471; font: 20px "HelveticaNeue-Medium", Helvetica, sans-serif; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.75); }
.bb { border-bottom: 1px solid #333; }

input { -webkit-user-select: auto !important; -moz-user-select: auto !important; }

.replaced { display: block; width: 1px; height: 1px; outline: none; overflow: hidden; text-indent: -9999px; }
.bad { color: #e61725 !important; }
.good { color: #00a74e !important; }

/* tables */
table.datasheet { width: 100%; margin: 24px 0; border: 1px solid #d7d7d7; border-collapse: separate; }
table.datasheet tr th { vertical-align: top; font-size: 11px; line-height: 16px; font-weight: bold; padding: 10px 12px; border-right: 1px solid #fff; white-space: nowrap; }
table.datasheet tr th.icon { width: 32px; }
table.datasheet tr td { vertical-align: top; font-size: 11px; line-height: 16px; padding: 10px 12px; border-right: 1px solid #fff; border-left: 1px solid #eaeaea; }
table.datasheet tr td li { list-style: disc; list-style-position: inside; }
table.datasheet tr:nth-child(odd) { background-color: #f4f4f4; }
table.datasheet thead tr { background-color: #fff; border-bottom: 1px solid #eaeaea; font-weight: bold; }
table.datasheet thead tr:nth-child(odd) { background-color: #fff; }
table.datasheet tr td span.pubDate { float: right; text-align: right; white-space: nowrap; font-weight: normal; font-size: 11px; color: #76797c; line-height: 17px; }

table.features { color: #000; }
table.features tr.row { border: none; }

table.features tr:nth-child(1) td:nth-of-type(1) { background: url(gfx/features-divider-top.png) no-repeat 0 2px; }
table.features td:nth-of-type(1) { background: url(gfx/features-divider-mid.png) repeat-y 0 0; border-left: none; }
table.features tr:nth-last-child(1) td:nth-of-type(1) { background: url(gfx/features-divider-bot.png) no-repeat 0 100%; }

table.features td { width: 365px; padding: 30px 32px 30px 32px; font-size: 1em; vertical-align: top; border-left: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; }
table.features td p { margin-bottom: 16px; color:#000; }
table.features td ul li { margin-bottom: 8px; }

table.features th { padding: 30px 25px; border-bottom: 1px solid #bfbfbf; vertical-align: top; }
table.features th h1 { margin-bottom: 0; }
table.features th h2 { font-size: 1.5em; font-weight: normal; }
table.features th .intro { font-size: 1.1em; }

table.features th.first,
table.features td.first { width: 200px; }
table.features th.second { width: 365px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }

table.features h2 { margin-bottom: 0; }
table.features ul.square { margin-bottom: 8px; margin-left: 16px; }
table.features ul em { margin-right: 6px; color: #666; font-style: normal; }

table.features .configure { margin-bottom: 0; color: #666; font-size: 0.8571em; line-height: 1.6667em; }
table.features .configure a { color: #666; text-decoration: none; }
table.features .configure a:hover { color: #222; }

table.features thead { font-size: 1em; background: #f5f5f5;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f2f2f2));
	background: -webkit-linear-gradient(#fff, #f2f2f2);
	background: -moz-linear-gradient(#fff, #f2f2f2);
	background: -ms-linear-gradient(#fff, #f2f2f2);
	background: linear-gradient(#fff, #f2f2f2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')"; /* IE8+ */
}
table.features thead th { border-bottom: none; *border-bottom: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 1px #cecece, 0 2px #eee, inset 1px 0 #fff;
    -moz-box-shadow: 0 1px #cecece, 0 2px #eee, inset 1px 0 #fff;
    box-shadow: 0 1px #cecece, 0 2px #eee, inset 1px 0 #fff;
}
table.features thead th.second,
table.features thead th.fourth, { padding: 24px 0 12px; text-align: center; }
table.features thead th:first-child { border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px;
    -webkit-box-shadow: 0 1px #cecece, 0 2px #eee;
    -moz-box-shadow: 0 1px #cecece, 0 2px #eee;
    box-shadow: 0 1px #cecece, 0 2px #eee;
}
table.features thead th:last-child { border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; }
table.features thead th h1 { font-size: 1.8571em; font-weight: lighter; letter-spacing: -1px; text-align: center; *margin-bottom: 15px; }
table.features thead th p { margin: -2px 0 17px; }

table.features td.not-available { padding: 0; background-color: #f9f9f9; }

table.features tr.line { text-align: center; }
table.features tr.line td { vertical-align: middle; }
table.features tr.line .first h2 { margin-bottom: 0; }
table.features tr.line span.line { display: block; margin-bottom: 0; color: #000; font-size: 1.4286em; }
table.features tr.line a { display: block; margin: 0 auto; }

/* piped links */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.5em; margin-left: 0.5em; }
.piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }

/* flexible box layout */
.hbox {
	display: -webkit-box; display: -moz-box; display: -ms-box; display: box;
	-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal;
	-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch;
}

.vbox {
	display: -webkit-box; display: -moz-box; display: -ms-box; display: box;
	-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical;
	-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch;
}

.center { -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; }
.end { -webkit-box-pack: end; -moz-box-pack: end; -ms-box-pack: end; box-pack: end; }
.justify { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; }
.stretch { -webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch; }
.f1 {  -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; }
.f2 {  -webkit-box-flex: 2; -moz-box-flex: 2; -ms-box-flex: 2; box-flex: 2; }

.g1 { -webkit-box-flex-group: 1; -moz-box-flex-group: 1; -ms-box-flex-group: 1; box-flex-group: 1; }
.g2 { -webkit-box-flex-group: 2; -moz-box-flex-group: 2; -ms-box-flex-group: 2; box-flex-group: 2; }

/* backgrounds */

.background-255-250 {
	background-color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
	background: -webkit-linear-gradient(top, #fff, #fafafa);
	background: -moz-linear-gradient(top, #fff, #fafafa);
	background: -ms-linear-gradient(top, #fff, #fafafa);
	background: linear-gradient(top, #fff, #fafafa);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa')"; /* IE8+ */
}

/* grids */
.column { float: left; }
.gridcol, .grid2col { width: 100%; }

.grid2col .column { width: 49%; position: relative; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

.buckets {
	width: 984px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	display: -webkit-box; display: -moz-box; display: -ms-box; display: box;
	-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal;
	-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch;
	-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify;
}
.bucket {
	width: 980px;
	height: 261px;
	margin: 0 6px;
	padding: 3px;
	position: relative;
	z-index: 1;
	-webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1;
	background: #fff;
	border: 1px solid;
	border-color: #e5e5e5 #dbdbdb #d2d2d2;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); box-shadow: 0px 1px 3px rgba(0,0,0,0.4); 
	*border: 1px solid;
	*border-color: #e5e5e5 #dbdbdb #d2d2d2;
}
.bucket:nth-child(1n) { border: none; } /* reset border for smart browsers */
.bucket:first-child { margin-left: 0; }
.bucket:last-child { margin-right: 0; }
.bucket a {
	display: block;
	height: 222px;
	padding: 25px 0 14px 19px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #333;
	background-color: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
	background: -webkit-linear-gradient(top, #fbfbfb, #f5f5f5);
	background: -moz-linear-gradient(top, #fbfbfb, #f5f5f5);
	background: -ms-linear-gradient(top, #fbfbfb, #f5f5f5);
	background: linear-gradient(top, #fbfbfb, #f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f5f5f5'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f5f5f5')"; /* IE8+ */
}
.bucket a:hover {
	text-decoration: none;
	cursor: pointer;
	background-color: #fdfdfd;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fcfcfc));
    background: -webkit-linear-gradient(top, #fdfdfd, #fafafa);
    background: -moz-linear-gradient(top, #fdfdfd, #fafafa);
    background: -ms-linear-gradient(top, #fdfdfd, #fafafa);
    background: linear-gradient(top, #fdfdfd, #fafafa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#fafafa)'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#fafafa)')"; /* IE8+ */
}
.bucket a:hover .more { text-decoration: underline; }
.bucket h1 { font-size: 1.2857em; line-height: 1.083em; letter-spacing: -1px; margin-bottom: 20px; font-weight: bold; }
.bucket h1 i { font-size: 0.75em; display: block; color: #898989; font-style: normal; font-weight: normal; letter-spacing: normal; }
.bucket h1 i.inline { display: inline; }
.bucket img.right { margin-right: 20px; }

.small-buckets .bucket { height: 180px; }
.small-buckets .bucket a { height: 141px; }

/* product header */
#productheader { padding: 1em 0 0.2em; width: 980px; margin: 0 auto 40px; *position: relative; *height: 39px; text-shadow: #fff 0 1px 0; }
#productheader h1, 
#productheader h2 { height: 32px; line-height: 32px; display: inline; float: left; margin: 1px 0 6px 8px; padding: 0; margin-bottom: 6px !important; }
#productheader h1 { font-size: 1.7143em; }
#productheader h1 a, 
#productheader h2 a { line-height: 32px; color: #333; display: block; font-weight: bold; height: 32px; outline: none; text-decoration: none; text-indent: 0; *position: relative; }

#productheader ul { display: inline; float: right; margin: 0; }
#productheader ul li { display: inline; }
#productheader ul li a { line-height: 20px; color: #333; float: left !important; margin-top: 1em; margin-left: 24px; margin-right: 8px; padding: 0; text-decoration: none; }
#productheader ul li a:hover { color: #08c; }
#productheader h1 a.selected { cursor: default; }
#productheader ul li .selected { color: #999 !important; cursor: default; }

#productheader ul li a.button { margin-left: 8px; margin-right: 0; }
#productheader ul li a.blue-button { margin-left: 8px; margin-right: 0; }
#productheader ul li a.button:first-child { margin-left: 24px; }
#productheader ul li a.blue-button:first-child { margin-left: 24px; }

/* containers */

.container:after, .gridcol:after, .grid2col:after, .buckets:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.container, .gridcol, .grid2col, .buckets  { zoom: 1; }

.container { width: 980px; padding: 0; margin: 0 auto; position: relative; }
.container .m { margin: 12px; }
.mcontainer { width: 980px; padding: 0; margin: 0 auto 12px auto; position: relative; }

.mb { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }

.pads20 { padding: 0 20px; }

/* transitions */

/* hack to hide things (such as content with links ect) and still allow transitions to work, they don't work when you change the display property */
.overflow-hidden { overflow: hidden; }

.transparent { opacity: 0; }
.opaque { opacity: 1; }
.no-height { height: 0; }
.auto-height { height: auto; }

.big { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25);  }
.small { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.zoom-fade {
	-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; transition-property: transform, opacity;
	-webkit-transition-duration: 250ms, 250ms; -moz-transition-duration: 250ms, 250ms; -ms-transition-duration: 250ms, 250ms; transition-duration: 250ms, 250ms; 
	z-index: 5;
}

.up { -webkit-transform: translate(0, -40px); -moz-transform: translate(0, -40px); -ms-transform: translate(0, -40px); transform: translate(0, -40px); }
.down { -webkit-transform: translate(0, 40px); -moz-transform: translate(0, 40px); -ms-transform: translate(0, 40px); transform: translate(0, 40px); }
.left { -webkit-transform: translate(40px, 0); -moz-transform: translate(40px, 0); -ms-transform: translate(40px, 0); transform: translate(40px, 0); }
.move-fade {
	-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; transition-property: transform, opacity;
	-webkit-transition-duration: 250ms, 250ms; -moz-transition-duration: 250ms, 250ms; -ms-transition-duration: 250ms, 250ms; transition-duration: 250ms, 250ms;
}

/* buttons */

a.mas {
	width: 133px;
	height: 40px;
	position: relative;
	display: inline-block;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	background: url(gfx/mac-app-store40x133.png) no-repeat;
	-webkit-user-select: none; -moz-user-select: none;
}

a.buy-now-mas {
	width: 192px;
	height: 54px;
	position: relative;
	display: inline-block;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(gfx/buy-now-mas192x162.png); background-repeat: no-repeat; background-position: 0 0;
	-webkit-user-select: none; -moz-user-select: none;
}
a.buy-now-mas:hover {
	width: 192px;
	height: 54px;
	position: relative;
	display: inline-block;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 -54px;
	-webkit-user-select: none; -moz-user-select: none;
}
a.buy-now-mas:active {
	width: 192px;
	height: 54px;
	position: relative;
	display: inline-block;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 -108px;
	-webkit-user-select: none; -moz-user-select: none;
}

a.blue-button {
	width: 68px;
	height: 19px;
	
	color: #fff !important;
	text-align: center;
	vertical-align: baseline;
	font: 12px/20px "Myriad Pro Semibold", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.33) !important;
	text-decoration: none;
	cursor: pointer;
	
	background-color: #2e6be5;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(107,181,241,1.0)), color-stop(0.05, rgba(74,163,235,1.0)), color-stop(0.89, rgba(52,114,200,1.0)), to(rgba(52,114,200,1.0)));
	background-image: -webkit-linear-gradient(top, rgba(107,181,241,1.0), rgba(74,163,235,1.0) 5%, rgba(52,114,200,1.0) 89%, rgba(52,114,200,1.0));
	background-image: -moz-linear-gradient(top, rgba(107,181,241,1.0), rgba(74,163,235,1.0) 5%, rgba(52,114,200,1.0) 89%, rgba(52,114,200,1.0));
	background-image: -ms-linear-gradient(top, rgba(107,181,241,1.0), rgba(74,163,235,1.0) 5%, rgba(52,114,200,1.0) 89%, rgba(52,114,200,1.0));
	background-image: linear-gradient(top, rgba(107,181,241,1.0), rgba(74,163,235,1.0) 5%, rgba(52,114,200,1.0) 89%, rgba(52,114,200,1.0));
	border: 1px solid rgba(44,125,186,1.0);
	border-bottom: 1px solid rgba(26,76,143,1.0);
	background-size: 68px 19px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.33); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.33); box-shadow: 0px 1px 3px rgba(0,0,0,0.33);
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
	
	position: relative;
	display: inline-block;
	
	-webkit-user-select: none; -moz-user-select: none;
}
a.blue-button:hover {
	background-color: #295fcc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(102,171,238,1.0)), color-stop(0.05, rgba(67,150,232,1.0)), color-stop(0.89, rgba(13,83,184,1.0)), to(rgba(15,88,182,1.0)));
	background-image: -webkit-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: -moz-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: -ms-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	border: 1px solid rgba(37,115,186,1.0);
	border-bottom: 1px solid rgba(0,45,129,1.0);
}
a.blue-button:active {
	background-color: #2453b3;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.66) inset; -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.66) inset; -moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.66) inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(102,171,238,1.0)), color-stop(0.05, rgba(67,150,232,1.0)), color-stop(0.89, rgba(13,83,184,1.0)), to(rgba(15,88,182,1.0)));
	background-image: -webkit-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: -moz-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: -ms-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	border: 1px solid rgba(0,69,156,1.0);
	border-bottom: 1px solid rgba(8,57,133,1.0);
}

a.button {
	width: 68px;
	height: 19px;
	
	color: #333 !important;
	text-align: center;
	font: 12px/20px "Myriad Pro Semibold", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-shadow: 0 1px 0 rgba(255,255,255,0.66);
	text-decoration: none;
	cursor: pointer;
	
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.05, #f0f0f0), to(#c1c1c1));
	background-image: -webkit-linear-gradient(top, #fff, #f0f0f0 5%, #c1c1c1);
	background-image: -moz-linear-gradient(top, #fff, #f0f0f0 5%, #c1c1c1);
	background-image: -ms-linear-gradient(top, #fff, #f0f0f0 5%, #c1c1c1);
	background-image: linear-gradient(top, #fff, #f0f0f0 5%, #c1c1c1);
	background-size: 68px 19px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.25); box-shadow: 0px 1px 2px rgba(0,0,0,0.25); 
	border: 1px solid #8c8c8c;
	border-top: 1px solid #a6a6a6;
	border-bottom: 1px solid #808080;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
	
	position: relative;
	display: inline-block;
	
	-webkit-user-select: none; -moz-user-select: none;
}
a.button:hover {
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.05, #e0e0e0), to(#b1b1b1));
	background-image: -webkit-linear-gradient(top, #fff, #e0e0e0 5%, #b1b1b1);
	background-image: -moz-linear-gradient(top, #fff, #e0e0e0 5%, #b1b1b1);
	background-image: -ms-linear-gradient(top, #fff, #e0e0e0 5%, #b1b1b1);
	background-image: linear-gradient(top, #fff, #e0e0e0 5%, #b1b1b1);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.15); box-shadow: 0px 1px 2px rgba(0,0,0,0.15); 
}
a.button:active {
	background-color: #bbb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.05, #e0e0e0), to(#b1b1b1));
	background-image: -webkit-linear-gradient(top, #fff, #e0e0e0 5%, #b1b1b1);
	background-image: -moz-linear-gradient(top, #fff, #e0e0e0 5%, #b1b1b1);
	background-image: -ms-linear-gradient(top, #fff, #e0e0e0 5%, #b1b1b1);
	background-image: linear-gradient(top, #fff, #e0e0e0 5%, #b1b1b1);
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,1.0) inset; -moz-box-shadow: 0px 1px 6px rgba(0,0,0,1.0) inset; box-shadow: 0px 1px 6px rgba(0,0,0,1.0) inset; 
}

.download-button {
	width: 24px;
	height: 24px;
	
	color: #fff !important;
	text-align: center;
	vertical-align: baseline;
	font:16px/25px Arial, Verdana, sans-serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.33) !important;
	text-decoration: none;
	cursor: pointer;
	
	background-color: #2e6be5;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(107,181,241,1.0)), color-stop(0.05, rgba(74,163,235,1.0)), color-stop(0.89, rgba(52,114,200,1.0)), to(rgba(52,114,200,1.0)));
	background-image: -webkit-linear-gradient(top, rgba(107,181,241,1.0), rgba(74,163,235,1.0) 5%, rgba(52,114,200,1.0) 89%, rgba(52,114,200,1.0));
	background-image: -moz-linear-gradient(top, rgba(107,181,241,1.0), rgba(74,163,235,1.0) 5%, rgba(52,114,200,1.0) 89%, rgba(52,114,200,1.0));
	background-image: -ms-linear-gradient(top, rgba(107,181,241,1.0), rgba(74,163,235,1.0) 5%, rgba(52,114,200,1.0) 89%, rgba(52,114,200,1.0));
	background-image: linear-gradient(top, rgba(107,181,241,1.0), rgba(74,163,235,1.0) 5%, rgba(52,114,200,1.0) 89%, rgba(52,114,200,1.0));
	background-size: 32px 32px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.33), 0px 0px 1px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.33), 0px 0px 1px rgba(0,0,0,0.4) inset;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.33), 0px 0px 1px rgba(0,0,0,0.4) inset;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; 
	
	position: relative;
	display: inline-block;
	
	-webkit-user-select: none; -moz-user-select: none;
}
.download-button:hover {
	background-color: #295fcc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(102,171,238,1.0)), color-stop(0.05, rgba(67,150,232,1.0)), color-stop(0.89, rgba(13,83,184,1.0)), to(rgba(15,88,182,1.0)));
	background-image: -webkit-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: -moz-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: -ms-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
}
.download-button:active {
	background-color: #2453b3;
	box-shadow: 0px 1px 6px rgba(0,0,0,0.66) inset; -webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.66) inset; -moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.66) inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(102,171,238,1.0)), color-stop(0.05, rgba(67,150,232,1.0)), color-stop(0.89, rgba(13,83,184,1.0)), to(rgba(15,88,182,1.0)));
	background-image: -webkit-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: -moz-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: -ms-linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
	background-image: linear-gradient(top, rgba(102,171,238,1.0), rgba(67,150,232,1.0) 5%, rgba(13,83,184,1.0) 89%, rgba(15,88,182,1.0));
}
.download-button:after { content: '⬇'; }

/* header */
#globalheader { width: 980px; height: 36px; margin: 18px auto; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.33); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.33); box-shadow: 0px 1px 4px rgba(0,0,0,0.33); z-index: 9999; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 196px; height: 0; padding-top: 36px; overflow: hidden; }
#globalheader #globalnav li div { float: left; width: 196px; height: 0; padding-top: 36px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalnav li div,
#globalheader { background-image: url(gfx/globalnav980x144.png); background-repeat: no-repeat; cursor: pointer; }

/* normal */
#globalheader #globalnav li#gn-home a { background-position: 0 0; }
#globalheader #globalnav li#gn-store a { background-position: -196px 0; }
#globalheader #globalnav li#gn-forums a { background-position: -392px 0; }
#globalheader #globalnav li#gn-support a { background-position: -588px 0; }
#globalheader #globalnav li#gn-download div { background-position: -784px 0; }

/* mouse over */
#globalheader #globalnav li#gn-home a:hover { background-position: 0 -36px; }
#globalheader #globalnav li#gn-store a:hover { background-position: -196px -36px; }
#globalheader #globalnav li#gn-forums a:hover { background-position: -392px -36px; }
#globalheader #globalnav li#gn-support a:hover { background-position: -588px -36px; }
/* #globalheader #globalnav li#gn-download a:hover { background-position: -784px -36px; } */
#globalheader #globalnav li#gn-download div:hover { background-position: -784px -36px; }
#globalheader #globalnav li#gn-download div.hover { background-position: -784px -36px; }

/* mouse down */
#globalheader #globalnav li#gn-home a:active { background-position: 0 -72px; }
#globalheader #globalnav li#gn-store a:active { background-position: -196px -72px; }
#globalheader #globalnav li#gn-forums a:active { background-position: -392px -72px; }
#globalheader #globalnav li#gn-support a:active { background-position: -588px -72px; }
/* #globalheader #globalnav li#gn-download a:active { background-position: -784px -72px; } */

/* selected */
#globalheader.home #globalnav li#gn-home a:hover { background-position: 0 -36; cursor: default; }
#globalheader.store #globalnav li#gn-store a, #globalheader.payment #globalnav li#gn-store a { background-position: -196px -108px !important; }
#globalheader.forums #globalnav li#gn-forums a { background-position: -392px -108px !important; }
#globalheader.support #globalnav li#gn-support a { background-position: -588px -108px !important; }
/* #globalheader.download #globalnav li#gn-download a { background-position: -784px -108px !important; } */

#dpup { margin: -18px auto 18px auto; width: 196px; height: 0; position: relative; left: 392px; z-index: 9998; }
#dbox {
	margin: 0;
	background-color: transparent;
	-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
	border: 1px solid rgba(0,0,0,0.25);
	border-top: 0;
	-webkit-box-shadow: 0px 4px 16px rgba(0,0,0,0.5); -moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.5); box-shadow: 0px 4px 16px rgba(0,0,0,0.5);
}
#dbox-inside {
	margin: 0 auto;
	padding: 8px 0;
	position: relative;
	color: white;
	text-align: left;
	text-shadow: 0 1px 1px rgba(0,0,0,0.75);
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.72);
	-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
	border: 2px solid rgba(255,255,255,0.8);
	border-top: 0;
	-webkit-background-clip: padding-box;
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5); box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}
#dbox-inside ul {
	list-style: none;
}
#dbox-inside li {
	margin-bottom: 4px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
#dbox-inside li.hover {
	background-color: rgba(78,110,248,1);
	border-top: 1px solid rgba(98,125,239,1);
	border-bottom: 1px solid rgba(45,77,237,1);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(107,134,249,1)), to(rgba(56,90,247,1)));
	background-image: -webkit-linear-gradient(top,  rgba(107,134,249,1), rgba(56,90,247,1));
	background-image: -moz-linear-gradient(top,  rgba(107,134,249,1), rgba(56,90,247,1));
	background-image: -ms-linear-gradient(top,  rgba(107,134,249,1), rgba(56,90,247,1));
	background-image: linear-gradient(top,  rgba(107,134,249,1), rgba(56,90,247,1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b86f9', endColorstr='#385af7', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b86f9', endColorstr='#385af7', GradientType=0)";
	background-repeat: no-repeat;
	overflow: visible;
}
#dbox-inside a { margin: auto 16px; height: 40px; font-size: 15px; line-height: 38px; color: white; }
#dbox-inside a:hover { text-decoration: none; -webkit-text-stroke: 0.5px; -moz-text-stroke: 0.5px; text-stroke: 0.5px; }
#dbox-inside a.d-flirt { background: url(gfx/flirt32.png) 0 4px no-repeat; display: block; padding-left: 40px; }
#dbox-inside a.d-spyder { background: url(gfx/spyder32.png) 0 4px no-repeat; display: block; padding-left: 40px; }

/* globalfooter */
#globalfooter { width: 980px; color: #76797c; font-size: 10px; margin: 1.5em auto 22px; padding-bottom: 16px; text-align: center; z-index: 9997; }
#globalfooter #links { height: 18px; margin: 1.5em 0 0.5em; padding: 0.5em 0; color: #6e6e6e; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; zoom: 1; }
#globalfooter ul.links {
	padding: 0 10px;
	display: -webkit-box; display: -moz-box; display: -ms-box; display: box;
	-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal;
	-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch;
}
#globalfooter ul.links > li {
	display: -webkit-box; display: -moz-box; display: -ms-box; display: box;
	-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal;
	-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch;
}
#globalfooter ul.links li { padding-left: 20px; padding-right: 20px; }
#globalfooter ul.links li.first { padding-left: 0; padding-right: 20px; }
#globalfooter ul.links li.last { text-align: right; padding-left: 20px; padding-right: 0; }
#globalfooter #share-links li { padding: 0 4px; }
#globalfooter #share-links li a { border-left: 0; margin: 1px 0; padding: 0; }
#globalfooter #share-links li a.flirt { width: 16px; height: 16px; background: url(gfx/flirt16.png) 0 0 no-repeat; display: block; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#globalfooter #share-links li a.spyder { width: 16px; height: 16px; background: url(gfx/spyder16.png) 0 0 no-repeat; display: block; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#globalfooter #share-links li a.syn { width: 16px; height: 16px; background: url(gfx/syn16.png) 0 0 no-repeat; display: block; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#globalfooter #share-links li a.facebook { width: 16px; height: 16px; background: url(gfx/facebook_16.png) 0 0 no-repeat; display: block; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#globalfooter #share-links li a.twitter { width: 16px; height: 16px; background: url(gfx/twitter_16.png) 0 0 no-repeat; display: block; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#globalfooter #share-links li a.myspace { width: 16px; height: 16px; background: url(gfx/myspace_16.png) 0 0 no-repeat; display: block; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#globalfooter #share-links li a.email { width: 16px; height: 16px; background: url(gfx/email_16.png) 0 0 no-repeat; display: block; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#globalfooter .sosumi { color: #bbb; }
#globalfooter .sosumi a { color: #999; }
#globalfooter #tweetmeme_button { width: 90px; height: 20px; margin-bottom: 8px; }
#globalfooter #facebook_button { width: 90px; height: 28px; }
#globalfooter #plusone_button { margin-top: 2px; }

/* backgrounds */

.bga { background: url(gfx/bga-299x400.gif); }

/* dividers */

section.divider { background: url(gfx/divider-dropdown.png) no-repeat; }

/* flexible box attribute */
.flx { width: auto !important; }
.hflx { width: auto !important; margin: 0 8px; }
.hflx:first-child { margin: 0 8px 0 0; }
.hflx:last-child { margin: 0 0 0 8px; }

.sidebar {
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	background-color: #fbfbfb;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.33); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.33); box-shadow: 0px 1px 3px rgba(0,0,0,0.33);
}
.sidebar.m { margin: 24px auto; }
.sidebar .p:first-child { padding: 18px; }

.main { width: 100%; min-width: 982px; margin: 0 auto; overflow: hidden; position: static; }

.main .box { font-size: 1.167em; line-height: 1.5714em; word-spacing: -1px; /* 14px/22px */ }
.box {
	width: 880px;
	margin: 0 auto;
	padding: 40px 50px;
	position: relative;
	zoom: 1;
	background-color: #fff;
	border: 1px solid;
	border-color: #e5e5e5 #dbdbdb #d2d2d2;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.33); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.33); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.33);
}
.box:nth-child(1n) { border: none; } /* reset border for smart browsers */
.box.m { margin: 0 auto 12px; }
.box.fw { width: 980px; padding: 0; }
.box header { margin: 0 -50px; padding: 0 50px 40px; zoom: 1; }
.box header:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.box .row { margin: 0 -50px; padding: 40px 50px; border-bottom: 1px solid #e6e6e6; clear: both; }
.box .row:first-child { padding-top: 0; }
.box .row:last-child { border-bottom: none; padding-bottom: 0; }
.box .row .flushleft { margin-left: -50px; }
.box .row .flushright { margin-right: -50px; }

.box h1 { font-size: 1.7142em; line-height: 1.083em; margin-bottom: 10px; font-weight: normal; } /* 24px/26px */
.box h2 { font-size: 1.1428em; line-height: 1.25em; margin-bottom: 10px; } /* 16px/20px */
.box h3 { font-size: 1em; line-height: 1.4285em; margin-bottom: 5px; } /* 14px/20px */

.box group { margin-bottom: 0.75em; }

.box .p:first-child { padding: 24px 48px; }

.simplebox {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	zoom: 1;
	background-color: #fff;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
	box-shadow: 0px 1px 3px rgba(0,0,0,0.33); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.33); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.33);
}

/* tabs */
.main .tab { margin: 0; position: absolute; z-index: 11; font-size: 14px; line-height: 1.4em; text-align: left; }
/* .main .tab img { vertical-align: middle; } */
.main .tab a.block { display: inline-block; width: 160px; background-color: #e5e5e5;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5), color-stop(0.5, #f1f1f1));
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #f1f1f1 50%, #e5e5e5 100%);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #f1f1f1 50%, #e5e5e5 100%);
}
.main .tab a.block:hover { text-decoration: none; background-color: #f1f1f1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#f1f1f1), color-stop(0.5, #fff));
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #fff 50%, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #fff 50%, #f1f1f1 100%);
}
.main .tab a.block div { min-height: 28px; line-height: 28px; }
.main .tab a.block i { font-size: 0.75em; display: block; font-style: normal; }
.main .tab p { margin-bottom: 0; color: #333; font-size: 1em; line-height: 1.225em; }
.main .tab .icon { margin-top: -16px; position: absolute; z-index: 1; top: 50%; left: 10px; }
.main .tab .dangly { display: block; width: 14px; height: 16px; position: relative; z-index: 1; top: -16px; }

.main .tab.left { left: -10px; background-position: 10%; border-radius: 0 4px 4px 4px; border: 1px solid #fff;
    box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
}
.main .tab.left a.block { padding: 0 15px 11px 63px; }
.main .tab.left .dangly { left: -67px; background-image: url(gfx/dangly-left.png); }

.main .tab.right { right: -10px; background-position: 5%; border-radius: 4px 0 4px 4px; border: 1px solid #fff;
    box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
}
.main .tab.right a.block { margin-top: -16px; padding: 12px 15px; }
.main .tab.right .dangly { right: -176px; background-image: url(gfx/dangly-right.png); }

.main .tab.bottom { bottom: -10px; }
.main .tab.bottom a.block { float: left; padding: 12px 15px; background-position: 10%; border-radius: 5px 5px 0px 0px; border: 1px solid #fff;
    box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
}
.main .tab.bottom .dangly { display: inline-block; width: 18px; height: 15px; position: relative; z-index: 1; top: 0; bottom: -38px; }
.main .tab.bottom .dangly:first-child { float: left; margin-left: -18px; background-image:url(gfx/dangly-bottom-left.png); }
.main .tab.bottom .dangly:last-child { float: right; margin-right: -18px; background-image:url(gfx/dangly-bottom-right.png); }

.main .tab .download-button { margin-right: 10px; }

.main .tab.right.mac-app-store { border-radius: 7px 0 7px 7px; }
.main .tab.mac-app-store {
	-webkit-transition-property: -webkit-box-shadow; -moz-transition-property: -moz-box-shadow; -ms-transition-property: -ms-box-shadow; transition-property: box-shadow;
	-webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -ms-transition-duration: 150ms; transition-duration: 150ms;
	box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 9px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 9px -1px rgba(0,0,0,0.5);
}
.main .tab.mac-app-store:hover {
	box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
}
.main .tab.mac-app-store a.block {
	display: block;
	width: 190px;
	height: 57px;
	padding: 0;
	border: none;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	background-color: white;
	background: url(gfx/buy-now-mas-buttons.png) no-repeat; background-position: 0 0;
	-webkit-user-select: none; -moz-user-select: none;
}
.main .tab.mac-app-store a.block:hover { background-position: 0 -57px; }
.main .tab.mac-app-store a.block:active { background-position: 0 -114px; }

.main .tab.right.app-store { border-radius: 7px 0 7px 7px; }
.main .tab.right.app-store .dangly { right: -151px; background-image: url(gfx/dangly-right.png); }
.main .tab.app-store {
	-webkit-transition-property: -webkit-box-shadow; -moz-transition-property: -moz-box-shadow; -ms-transition-property: -ms-box-shadow; transition-property: box-shadow;
	-webkit-transition-duration: 150ms; -moz-transition-duration: 150ms; -ms-transition-duration: 150ms; transition-duration: 150ms;
	box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 9px -1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 9px -1px rgba(0,0,0,0.5);
}
.main .tab.app-store:hover {
	box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 0px 2px -1px rgba(255,255,255,0.7), 0 0 1px rgba(0,0,0,0.3), 0 3px 6px -1px rgba(0,0,0,0.25);
}
.main .tab.app-store a.block {
	display: block;
	width: 165px;
	height: 57px;
	padding: 0;
	border: none;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	background-color: white;
	background: url(gfx/buy-now-app-store-buttons.png) no-repeat;
	-webkit-user-select: none; -moz-user-select: none;
}
.main .tab.app-store a.block:hover { background-position: 0 -57px; }
.main .tab.app-store a.block:active { background-position: 0 -114px; }

.main .tab.iapp-icon a.block { width: 202px; padding-left: 0; padding-right: 0; }
.main .tab.iapp-icon .dangly { right: -188px; }
.main .tab.iapp-icon a.block > div {  height: 32px; padding-left: 32px; line-height: 32px; background-image: url(gfx/iapp-icon.png); background-repeat: no-repeat; background-position: 0 50%; }

/* message */
#message { width: 980px; margin: 20px auto; }
#message .warning-box { width: 32px; min-height: 32px; margin-right: 1em; background: url(gfx/warning32.png) no-repeat 0 0; }
#message .pbox-inside {
	width: 952px;
	display: -webkit-box; display: -moz-box; display: -ms-box; display: box;
	-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal;
	-webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center;
}
#message .close-button {
	margin-left: 1em;
	width: 24px;
	height: 24px;
	font: 13px/24px Verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	background-color: #999;
	background-color: rgba(180,180,180,0.75);
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	box-shadow: 0px 4px 16px rgba(0,0,0,0.33); -webkit-box-shadow: 0px 4px 16px rgba(0,0,0,0.33); -moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.33);
	cursor: pointer;
}
#message .close-button:hover {
	background-color: #888;
	background-color: rgba(160,160,160,0.75);
}
#message .close-button:active {
	background-color: #777;
	background-color: rgba(140,140,140,0.75);
}
#message .close-button:before { content: "X"; }
#message h1 { margin: 0; font-size: 18px; }

.pbox {
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: left;
	color: white;
	background-color: #111;
	background-color: rgba(0,0,0,0.8);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.5)));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
	background-image: linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.5));
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
	border: 1px solid black;
	box-shadow: 0px 4px 16px rgba(0,0,0,0.33); -webkit-box-shadow: 0px 4px 16px rgba(0,0,0,0.33); -moz-box-shadow: 0px 4px 16px rgba(0,0,0,0.33);
}
.pbox .pbox-inside {
	padding: 12px;
	font-size: 13px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.66);
	-webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;
	border-top: 1px solid rgba(255,255,255,0.4);
	border-right: 1px solid rgba(255,255,255,0.25);
	border-left: 1px solid rgba(255,255,255,0.25);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.pbox-inside h1 { margin-bottom: 0.5em; font: 24px "HelveticaNeue", Helvetica, sans-serif; font-weight: bold; }
.pbox-inside h2 { font: 14px "HelveticaNeue", Helvetica, sans-serif; font-weight: bold; }

/*** apps ***/

#app-icon { position: relative; }
#app-version { width: 48px; height: 21px; position: absolute; }
#app-version a.button { width: 48px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; }
#app-release-date { width: 300px; height: 21px; position: absolute; color: #898989; font: 11px/24px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

#ribbon-container {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#ribbon-content {
	width: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	text-align: center;
	padding: 10px 40px;
	text-transform: uppercase;
	color: #7f3300;
	background-color: #7f3300;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc354), color-stop(0.5, #ffb321), color-stop(0.501, #ffa600), to(#ff9100));
	background: -webkit-linear-gradient(top, #ffc354, #ffb321 50%, #ffa600 51%, #ff9100);
	background: -moz-linear-gradient(top, #ffc354, #ffb321 50%, #ffa600 51%, #ff9100);
	background: -ms-linear-gradient(top, #ffc354, #ffb321 50%, #ffa600 51%, #ff9100);
	background: linear-gradient(top, #ffc354, #ffb321 50%, #ffa600 51%, #ff9100);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc354', endColorstr='#ff9100', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc354', endColorstr='#ff9100', GradientType=0)";
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3);
	text-shadow: rgba(255,255,255,0.5) 0 1px 0;
	-webkit-transform-origin: top left; -webkit-transform: translateX(-75px) translateY(120px) rotate(-45deg);
	-moz-transform-origin: top left; -moz-transform: translateX(-75px) translateY(120px) rotate(-45deg);
	-ms-transform-origin: top left; -ms-transform: translateX(-75px) translateY(120px) rotate(-45deg);
	transform-origin: top left; transform: translateX(-75px) translateY(120px) rotate(-45deg);
}
#ribbon-container.ribbon-right #ribbon-content {
	top: 0;
	left: 0;
	-webkit-transform-origin: top left; -webkit-transform: translateX(860px) translateY(-80px) rotate(45deg);
	-moz-transform-origin: top left; -moz-transform: translateX(860px) translateY(-80px) rotate(45deg);
	-ms-transform-origin: top left; -ms-transform: translateX(860px) translateY(-80px) rotate(45deg);
	transform-origin: top left; transform: translateX(860px) translateY(-80px) rotate(45deg);
}
#ribbon-content:hover {
	text-decoration: none;
	background-color: #662900;
	background: -webkit-gradient(linear, left top, left bottom, from(#e5b04c), color-stop(0.5, #e5a01e), color-stop(0.501, #e59500), to(#e58200));
	background: -webkit-linear-gradient(top, #e5b04c, #e5a01e 50%, #e59500 51%, #e58200);
	background: -moz-linear-gradient(top, #e5b04c, #e5a01e 50%, #e59500 51%, #e58200);
	background: -ms-linear-gradient(top, #e5b04c, #e5a01e 50%, #e59500 51%, #e58200);
	background: linear-gradient(top, #e5b04c, #e5a01e 50%, #e59500 51%, #e58200);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5b04c', endColorstr='#e58200', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5b04c', endColorstr='#e58200', GradientType=0)";
}
#ribbon-container.ribbon-right #ribbon-content:hover {
	background-color: #7f3300;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc354), color-stop(0.5, #ffb321), color-stop(0.501, #ffa600), to(#ff9100));
	background: -webkit-linear-gradient(top, #ffc354, #ffb321 50%, #ffa600 51%, #ff9100);
	background: -moz-linear-gradient(top, #ffc354, #ffb321 50%, #ffa600 51%, #ff9100);
	background: -ms-linear-gradient(top, #ffc354, #ffb321 50%, #ffa600 51%, #ff9100);
	background: linear-gradient(top, #ffc354, #ffb321 50%, #ffa600 51%, #ff9100);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc354', endColorstr='#ff9100', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc354', endColorstr='#ff9100', GradientType=0)";
}
#ribbon-content h1 { font-size: 0.8571em; line-height: 1.083em; margin: 0; font-weight: bold; }
#ribbon-content h1 i { font-size: 0.75em; display: block; font-style: normal; font-weight: normal; letter-spacing: normal; }
#ribbon-content h1 i.inline { display: inline; }
#ribbon-container a:hover { text-decoration: none; }

.appr { -webkit-border-top-right-radius: 480px 30px; -moz-border-radius-topright: 480px 30px; border-top-right-radius: 480px 30px; }
.appr h1.top { word-spacing: -1px; color: #003471; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.75); }
.appr h2.top { word-spacing: -1px; color: #005cae; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.75); }
.appr h2.notice { color: #e6001c; text-align: center; text-shadow: 0 1px 0 rgba(255,255,255,0.75); }

/* blips */
@-webkit-keyframes pulse {       
    from {
    	opacity: 1.0;
    }
    to {
    	opacity: 0.5;
    }
}
@-moz-keyframes pulse {       
    from {
    	opacity: 1.0;
    }
    to {
    	opacity: 0.5;
    }
}

@-ms-keyframes pulse {       
    from {
    	opacity: 1.0;
    }
    to {
    	opacity: 0.5;
    }
}
@keyframes pulse {       
    from {
    	opacity: 1.0;
    }
    to {
    	opacity: 0.5;
    }
}

.mp {
	width: 20px;
	height: 20px;
	position: absolute;
	font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	opacity: 1;
	z-index: 99;
	cursor: pointer;
}
.mp.blip {
	z-index: 98;
}
.mp-blip {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -5px;
	left: -5px;
	opacity: 0;
	line-height: 30px;
	color: transparent;
	-webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -ms-text-fill-color: transparent; text-fill-color: transparent;
	-webkit-text-stroke: 2px #e61725; -moz-text-stroke: 2px #e61725; -ms-text-stroke: 2px #e61725; text-stroke: 2px #e61725;    
	-webkit-animation-name: blip; -moz-animation-name: blip; -ms-animation-name: blip; animation-name: blip;
	-webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s;
	-webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.visited .mp-blip { visibility: hidden; }
.mp-shape {
	width: 20px;
	height: 20px;

	color: #e61725;
	position: absolute;
	top: 0;
	left: 0;
	text-shadow: 0 0 2px #fff;
}
.visited .mp-shape { color: #98060f; }

@-webkit-keyframes blip
{       
	0% {
		-webkit-transform: scale(.1);   
		opacity: 0;
	}
	10% {
		-webkit-transform: scale(.1);   
		opacity: .75;
	}
	60% {
		opacity: 0;
		-webkit-transform: scale(2);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(2);
	}
}
@-moz-keyframes blip
{       
	0% {
		-moz-transform: scale(.1);   
		opacity: 0;
	}
	10% {
		-moz-transform: scale(.1);   
		opacity: .75;
	}
	60% {
		opacity: 0;
		-moz-transform: scale(2);
	}
	100% {
		opacity: 0;
		-moz-transform: scale(2);
	}
}
@-ms-keyframes blip
{       
	0% {
		-ms-transform: scale(.1);   
		opacity: 0;
	}
	10% {
		-ms-transform: scale(.1);   
		opacity: .75;
	}
	60% {
		opacity: 0;
		-ms-transform: scale(2);
	}
	100% {
		opacity: 0;
		-ms-transform: scale(2);
	}
}
@keyframes blip
{       
	0% {
		transform: scale(.1);   
		opacity: 0;
	}
	10% {
		transform: scale(.1);   
		opacity: .75;
	}
	60% {
		opacity: 0;
		transform: scale(2);
	}
	100% {
		opacity: 0;
		transform: scale(2);
	}
}

/* popup animations from hover over blip */
.pbox.n {
	width: 250px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; transition-property: transform, opacity;
	-webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -ms-transition-duration: 250ms; transition-duration: 250ms;
	-webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;
	-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);
}
.pbox.nl {
	width: 250px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; transition-property: transform, opacity;
	-webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -ms-transition-duration: 250ms; transition-duration: 250ms;
	-webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;
	-webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);
}
.pbox.n h1 { font-size: 18px; }
.pbox.f {
	width: 250px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; transition-property: transform, opacity;
	-webkit-transition-duration: 250ms; -moz-transition-duration: 250ms; -ms-transition-duration: 250ms; transition-duration: 250ms;
	-webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;
	-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);
}
.pbox.f h1 { font-size: 18px; }
.pbox.unhide {
	opacity: 1;
	-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px);transform: translateY(0px);
}

/* gallery */
.gallery { margin-bottom: 23px; position: relative; z-index: 1; }
.gallery:after,
.gallery-view:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.gallery .gallery-view figure { position: absolute; z-index: 1; }
.gallery .gallery-view.swapView figure { position: static; float: left; }

.gallery .gallery-view,
.gallery .gallery-content,
.gallery figure { width: 100%; }
.gallery .gallery-content,
.gallery figure { display: none; }
.gallery .gallery-view .gallery-content,
.gallery .gallery-view figure { display: block; }

figure figcaption { font-size: 0.9em; }

/* slide view galleries */
.slide-gallery { width: 980px; overflow: hidden; -webkit-user-select: none; -webkit-transform: translateZ(0); position: relative; z-index: 1001; }
.slide-gallery .gallery-view { -webkit-transform: translateZ(0); position: relative; z-index: 1001; }
.slide-gallery .gallery-content,
.slide-gallery figure { float: left; display: inline; margin: 0; -webkit-transform: translateZ(0); position: relative; z-index: 1001; }

/* simple dot nav */
.gallery .simple-nav { width: 100%; margin: 0; padding: 0; position: absolute; bottom: 11px; z-index: 1002; overflow: hidden; text-align: center; line-height: 1em; }
.gallery .simple-nav li,
.gallery .simple-nav li a { display: inline-block; *display: inline; zoom: 1; }
.gallery .simple-nav li { width: 15px; height: 15px; margin: 0; position: relative; z-index: 1002; overflow: hidden; }
.gallery .simple-nav li a { width: 15px; height: 45px; position: absolute; z-index: 1002; top: 0; left: 0; outline: none; cursor: pointer; text-indent: -9999px; background: url(gfx/dots_08c.png) no-repeat; }
.gallery .simple-nav li a:hover { top: -15px; }
.gallery .simple-nav li a.active { cursor: default; top: -30px; }

.hero.gallery,
.hero.gallery .gallery-view,
.hero.gallery .gallery-view .gallery-content { height: 840px; }
.hero.gallery { _position: relative; height: 841px !important; top: -9px; margin: 0 0 -9px; padding-top: 9px; overflow: hidden; }
.hero.gallery .gallery-view { width: 5200px; }
.hero.gallery .gallery-view .gallery-content { width: 980px; margin-right: 60px; }
.hero.gallery .gallery-view .gallery-content h1 { margin: 0; }
.hero.gallery .gallery-view .gallery-content h1 img { display: block; margin: 0; }
.hero.gallery .gallery-view .gallery-content p.intro { position: absolute; z-index: 1; font-size: 1.5714em; }
.hero.gallery .gallery-view .gallery-content img { _position: relative; }

.hero.gallery header { padding-right: 0; padding-left: 0; }

.gallery .simple-nav { margin-top: -26px; _position: relative; }

/* navigation */
.nav {
	width: 978px;
	height: 24px;
	margin: 0 auto 12px;
	color: #666;
	font: 12px/26px "Myriad Pro Semibold", Arial, Verdana, sans-serif;
	background-color: rgba(238,238,238,1.0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1.0)), color-stop(0.02, rgba(250,250,250,1.0)), to(rgba(228,228,228,1.0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1.0), rgba(250,250,250,1.0) 2%, rgba(230,230,230,1.0));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1.0), rgba(250,250,250,1.0) 2%, rgba(230,230,230,1.0));
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1.0), rgba(250,250,250,1.0) 2%, rgba(230,230,230,1.0));
	background-image: linear-gradient(top, rgba(255,255,255,1.0), rgba(250,250,250,1.0) 2%, rgba(230,230,230,1.0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6', GradientType=0)";
	text-shadow: 0 1px 0 rgba(255,255,255,0.75);
	border: 1px solid #999;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2); box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	overflow: hidden;
}
.nav a { color: #333; }
.nav a:hover { text-decoration: none; }
.nav ul li { position: relative; float: left; list-style: none; }
.nav ul li:first-child { width: 58px; text-indent: -9999px; overflow: hidden; }
.nav ul li:first-child .label { margin-right: 5px; padding: 0 5px; }
.nav ul li:nth-child(1) { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.nav ul li:nth-child(1) .arrow { z-index: 99; }
.nav ul li:nth-child(2) .arrow { z-index: 98; }
.nav ul li:nth-child(3) .arrow { z-index: 97; }
.nav ul li .end {
	margin-top: -251px;
	width: 500px;
	height: 500px;
	position: absolute;
	top: 50%;
	right: 105px;
	bottom: -20px;
	-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);
	border: 1px solid rgba(255,255,255,0.66);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.33); -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.33); box-shadow: 0px 2px 3px rgba(0,0,0,0.33);
	border-left: none;
	border-top: none;
	text-indent: -9999px;
	display: block;
}
.nav ul li:hover .end { background: rgba(0,0,0,0.15); }
.nav ul li .label {
	margin-right: 10px;
	padding: 0 10px;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: block;
	z-index: 100;
}
.nav ul li:last-child a {
	pointer-events: none;
	cursor: default;
}
.nav ul li:last-child .end {
	background: inherit;
}
.nav ul li div.support-home { background: url(gfx/support-home16.png) no-repeat 45% 50%; text-indent: -9999px; overflow: hidden; }
.nav ul li div.spyder-home { background: url(gfx/spyder20.png) no-repeat 45% 2px; text-indent: -9999px; overflow: hidden; }
.nav ul li div.flirt-home { background: url(gfx/flirt20.png) no-repeat 45% 2px; text-indent: -9999px; overflow: hidden; }
.nav ul li div.starbanker-home { background: url(gfx/starbanker20.png) no-repeat 45% 2px; text-indent: -9999px; overflow: hidden; }
.nav ul li div.syn-home { background: url(gfx/syn20.png) no-repeat 45% 2px; text-indent: -9999px; overflow: hidden; }
.nav ul li div.support { padding-left: 30px; background: url(gfx/support-home16.png) no-repeat 6px 50%; }
.nav ul li div.spyder { padding-left: 30px; background: url(gfx/spyder20.png) no-repeat 6px 2px; }
.nav ul li div.flirt { padding-left: 30px; background: url(gfx/flirt20.png) no-repeat 6px 2px; }
.nav ul li div.syn { padding-left: 30px; background: url(gfx/syn20.png) no-repeat 6px 2px; }

/*** index ***/

#home .app-icon { width: 192px; margin-bottom: 25px; }

/* misc */
.calendar-month {
	position: relative;
	top: 17px;
	z-index: 1;
	font: 1em "Arial Black", Verdana, sans-serif;
	color: rgba(0,0,0,0.7);
	-webkit-text-fill-color: rgba(0,0,0,0.7); -moz-text-fill-color: rgba(0,0,0,0.6); -ms-text-fill-color: rgba(0,0,0,0.6); text-fill-color: rgba(0,0,0,0.6);
}
.calendar-day {
	position: relative;
	top: 6px;
	z-index: 1;
	font: 3em "Arial Black", Verdana, sans-serif;
	color: rgba(0,0,0,0.7);
	-webkit-text-fill-color: rgba(0,0,0,0.7); -moz-text-fill-color: rgba(0,0,0,0.6); -ms-text-fill-color: rgba(0,0,0,0.6); text-fill-color: rgba(0,0,0,0.6);
}

/* controls */
.box .indicator { display: block; width: 980px; height: 30px; margin: 0 -50px; text-align: center; background: #fff; *overflow: hidden;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(223,223,223,1)), color-stop(66%, rgba(242,242,242,1)), color-stop(90%, rgba(242,242,242,1)), color-stop(93%, rgba(230,230,230,1)), color-stop(96%, rgba(210,210,210,1)), to(rgba(140,140,140,1)));
    background: -webkit-linear-gradient(center bottom, rgba(223,223,223,1) 0%, rgba(242,242,242,1) 66%, rgba(242,242,242,1) 90%, rgba(230,230,230,1) 93%, rgba(190,190,190,1) 96%, rgba(150,150,150,1) 100%);
    background: -moz-linear-gradient(center bottom, rgba(223,223,223,1) 0%, rgba(242,242,242,1) 66%, rgba(242,242,242,1) 90%, rgba(230,230,230,1) 93%, rgba(190,190,190,1) 96%, rgba(150,150,150,1) 100%);
    background: -ms-linear-gradient(center bottom, rgba(223,223,223,1) 0%, rgba(242,242,242,1) 66%, rgba(242,242,242,1) 90%, rgba(230,230,230,1) 93%, rgba(190,190,190,1) 96%, rgba(150,150,150,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#969696'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#969696')"; /* IE8+ */
    border-bottom: 1px solid #ebebeb;
}
.box.indicator-box { padding-bottom: 0; }

.box .indicator a.page { display: inline-block; margin: 0 15px; padding: 8px 0 6px; cursor: pointer; color: #7f7f7f;
    -webkit-transition: color linear .2s;
    -moz-transition: color linear .2s;
    -ms-transition: color linear .2s;
    transition: color linear .2s;
}
.box .indicator a.page:hover { color: #000; text-decoration: none; }
.box .indicator a.page.active { color: #2b2b2b; cursor: default; text-shadow: #fff 0 1px 0; }