/* @override http://orbicule.com/CSS/Orbicule.css */

@charset "UTF-8";

html,body {
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	background-color: #e5e5e5;
	height: 100%;
}

/* Container - has background for content ("faux columms") so content seems to extend to bottom  */

#container {
	min-height: 100%;
	position: relative;
	background: url(../images/container_bg.png) repeat-y 50% 0;
}

/* Centering content */

#containerheader {
	margin: auto;
	padding: auto;
}

/* Header Banner - Background image */

#header {
	height: 315px;
	width: 100%;
	background-image: url(../images/Banner_BG.png);
	background-repeat: repeat-x;
}

#header #spot {
	z-index: 1;
}

#header #spot img {
	margin-left: 10%;
}

/* Orbicule main navigation bar */

#BannermenuBG {
	height: 32px;
	width: 100%;
	background-image: url(../images/BannerMenu_BG.png);
	z-index: 2;
	position: absolute;
	top: 25px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #717580;
	margin: 0px;
	padding: 0px;
}

/* Center links Orbicule navigation bar */

#BannermenuLinks {
	margin: auto;
	padding: auto;
	height: 32px;
	width: 930px;
}

/* Orbicule navigation bar - Orbicule logo */

#BannermenuLinks #menuL {
	float: left;
	height: 32px;
}

#BannermenuLinks #menuL a {
	color: #717580;
	text-decoration: none;
}

#BannermenuLinks #menuL a:hover {
	color: #abadb4;
}

/* Orbicule logo - highlight on hover: show and hide rollover img */

#orbicule1 {
	background-image: url(../images/orbicon1.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 32px;
	float: left;
}

#orbicule1 img {
	visibility: hidden;
}

#menuL a:hover img {
	visibility: visible;
}

#orbicule2 {
	margin-left: 30px;
	margin-top: 8px;
	font-size: 13px;
}

/* Orbicule navigation bar - Orbicule links */

#BannermenuLinks #MenuR {
	margin: 0px;
	padding: 0px;
	width: 730px;
	float: right;
}

#BannermenuLinks #MenuR ul {
	float: right;
	margin: 0px;
	padding-top: 9px;
}

#BannermenuLinks #MenuR li {
	display: inline;
	padding: 15px;
}

#BannermenuLinks #MenuR a {
	color: #717580;
	text-decoration: none;
}

#BannermenuLinks #MenuR a:hover {
	color: #abadb4;
}

/* Orbicule navigation bar - highlight current page */

#BannermenuLinks #MenuR a.urhere {
	color: #abadb4;
}

/* Banner image*/

#BannerImage {
	margin: auto;
	padding: auto;
	width: 930px;
}

/* Banner image Undercover Mac */

#BannerImage #UCicon {
	float: left;
	width: 343px;
	margin-top: 3%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}

#BannerImage #UC {
	margin-top: 60px;
	float: right;
	width: 402px;
	margin-right: 130px;
}

#quote {
	width: 294px;
	float:  right;
	margin-top: -35px;
	padding-right: 90px
}

/* Banner image Witness */

#witnessicon {
	float: left;
	width: 563px;
}

#arrow {
	float: left;
	width: 323px;
}



/* Product navigation bar */

#containerheader #menu {
	background-image: url(../images/Menu_BG.png);
	background-repeat: repeat-x;
	height: 34px;
	width: 100%;
	text-align: center;
}

#menu #links {
	padding-top: 7px;
	width: 600px;
	margin: auto;
}

#menu a {
	font-family: Helvetica, Verdana, "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #323232;
	text-shadow:1px 1px 0 #d1d1d1;  
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 8px;
	background-image: url(../images/Menu_divider.png);
	background-repeat: no-repeat;
	background-position: right;
}

#menu a:hover {
	color: #0076ba;
	text-shadow: none;
}

/* Product navigation bar - highlight current page */

#menu a.urhere2 {
	color: #0076ba;
	text-shadow: none;
}

#menu a.urhereMF {
	color: #77448c;
	text-shadow: none;
}

#menu a.urhereIC {
	color: #61687c;
	text-shadow: none;
}

/* Product navigation bar - rollover color for IC and MF */

#menu #links.brown a:hover {
	color: #61687c;
}

#menu #links.purple a:hover {
	color: #77448c;
}

/* No divider image for last link */

#menu #links #nodiv {
	background-image: none;
}

/* Shadow under navigation */

#containercontent {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	position: relative;
}

/* Different padding for smaller footer (w/o "check out these other apps") */

#containercontent2 {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	padding-bottom: 170px;
	position: relative;	
}

/* Centering content - shadow under navigation also on content div - overflow to wrap content around floated divs */

#content {
	margin: auto;
	padding: auto;
	width: 900px;;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-color: #f0efef;
	position: relative;
	overflow: hidden;
}

/* Sidebox with contact information (Email,chat,Facebook,Twitter) */

#sideboxcontainer {
	margin: auto;
	padding: auto;
	width: 930px;
}

#sideboxcontainer #sidebox {
	width: 79px;
	position: absolute;
	top: 55px;
	z-index: 5;
}

#sideboxcontainer #sideboxcorner {
	background-image: url(../images/Sidebox_corner.png);
	height: 8px;
	width: 79px;
}

#sideboxcontainer #sideboxcontent {
	background-image: url(../images/Sidebox.png);
	height: 143px;
	width: 40px;
	float: left;
	padding-left: 6px;
	padding-top: 7px;
}

#sideboxcontainer #sideboxshadow {
	background-image: url(../images/Sidebox_shadow.png);
	float: right;
	height: 150px;
	width: 33px;
	background-repeat: no-repeat;
}

/* Sidebox slide open */

#sideboxcontainer #sideboxcornerOpen {
	background-image: url(../images/Sidebox_corner.png);
	height: 8px;
	width: 186px;
	background-repeat: no-repeat;
}

#sideboxcontainer #sideboxOpen {
	width: 186px;
	position: absolute;
	top: 55px;
	z-index: 5;
}

#sideboxcontainer #sideboxcontentOpen {
	background-image: url(../images/Sidebox_open.png);
	height: 145px;
	width: 140px;
	float: left;
	background-repeat: no-repeat;
	padding-left:13px;
	padding-top: 5px;
}


#email1 {
	display: block;
	width: 34px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background-image: url(../images/email2.png);
	background-repeat: no-repeat;
}

a:hover #email1 {
	background-position: -34px 0;
}

#facebook1 {
	display: block;
	width: 34px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background-image: url(../images/facebook2.png);
	background-repeat: no-repeat;
}

a:hover #facebook1 {
	background-position: -34px 0;
}

#twitter1 {
	display: block;
	width: 34px;
	height: 35px;
	float: left;
	margin-right: 5px;
	background-image: url(../images/twitter2.png);
	background-repeat: no-repeat;
}

a:hover #twitter1 {
	background-position: -34px 0;
}

#sideboxcontainer #sideboxcontentOpen a {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #13141a;
	text-decoration: none;	
}

#sideboxcontainer #sideboxcontentOpen a:hover {
	color: #ffffff;	
}

#sideboxcontainer #sideboxcontentOpen a p {	
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	float: left;
} 

/* Content - text and articles */

#content #text {
	padding-top: 50px;
	padding-left: 50px;
	padding-bottom: 60px;
	margin-bottom: 100px;
}

/* Homepage intro */

#content #text2 {
	width: 650px;
	padding-top: 50px;
	padding-left: 250px;
	padding-bottom: 60px;
}

/* Undercover main page */

#content #text3 {
	padding-top: 50px;
	padding-left: 90px;
	padding-bottom: 60px;
	padding-right: 60px;
}

#text3 a img.spaceright{
	padding-right: 30px;
}

/* rounded rect textbox */

#box1 {
	color: #414141;
	background-color: #f6f5f5;
	width: 516px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 30px;
	line-height: 20px;
	overflow: hidden;
}

#box2 {
	color: #414141;
	background-color: #f6f5f5;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 20px;
	margin-top: 30px;
}

/* style for images */

#content #text #box1 img {
	float:left;
	display: block;
	margin-right: 20px;
	margin-top:15px
}

#content #text #box1 img.wifi {
	margin-top:5px
}

/* style for Macnification images */

#content #text #box1 img.MF {
	float:right;
	margin-left: 30px;

}

#content #text #box1 img.MF2 {
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 5px;
}

#content #text #box1 img.MF3 {
	margin-top: 30px;
	margin-bottom: 70px;
	margin-left: 5px;
}

#content #text #box1 img.MF4 {
	margin-top: 30px;
	margin-left: 5px;
	margin-bottom: 30px;
}

#content #text #box1 img.screencast1 {
	margin-top: 5px;
	margin-bottom: 50px;
	margin-left: 0px;
}

#content #text #box1 img.screencast {
	margin-top: 20px;
	margin-bottom: 50px;
	margin-left: 0px;
}

#content #text #box1 img.GT {
	margin-top:15px;
	margin-bottom: 20px;
	float: none;
}

#content #text #box1 img.left {
	margin-top: 0px;
	margin-right: 0px;
}

#bundle {
	margin-bottom: 40px;
	overflow: hidden;
}

/* style for paragraphs */

#box1 p {
	line-height: 20px;
	margin-bottom: 25px;
}

#box2 p {
	line-height: 20px;
}

/* style for paragraphs - Macnification */

p.screencast2 {
	margin-bottom: 20px;
	line-height: 20px;
}

p.floatright {
	float: right;
	margin: 0px;
	margin-top: -52px;
	margin-right: -20px;
}

p.storemf {
	width: 350px;

}

#box1 p.remark {
	color: #868689;
	line-height: 20px;
	font-style: italic;
}

#box1 p strong {
	text-shadow: none;
}

#box1 p.theftform {
	margin: 3px 10px 0px 0px;
	float: left;
}

p.blog {
	color: #828594;
	padding-bottom: 30px;

}

/* style for links */

#box1 p a {
	color: #828594;
	text-decoration: none;
}

#box1 p a:hover {
	color: #828594;
	text-decoration: underline;
}

#box1 p a.uc {
	color: #0076ba;
	text-decoration: none;
}

a.uc {
	color: #0076ba;
	text-decoration: none;
}

#box1 p a:hover.uc {
	text-decoration: underline;
}

#box1 p a.mf {
	color: #7885bb;
	text-decoration: none;
}

#box1 p a:hover.mf {
	text-decoration: underline;
}


#box1 li {
	line-height: 20px;
}


#box1 li a {
	color: #828594;
	text-decoration: none;
}


#box1 li a:hover {
	text-decoration: underline;
}


/* intro text style */

#box1 p.intro {
	margin-top: 10px;
	margin-bottom: 20px;
	font-style: italic;
	font-size: 13px;
}

#box2 p.intro {
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
}

/* header text style */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow:1px 1px 0 white;  
	font-size: 24px;
	font-style: normal;
	font-weight:lighter;
	margin-bottom: 20px;
	margin-top: 0px;
	color:#333333;
	line-height: 29px;
}

h1.MF {
	margin-top: 370px;
}

h1.blog {
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 25px;
}

h1.blog a {
	text-decoration: none;
	color:#333333;
}

h3 {
	font-size: 14px;
	text-shadow: none;
}

h5 a {
	color: #6f6f6f;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	margin-top: 0px;
	text-decoration: none;
}

h3.recovery a {
	color: #0076ba;
	margin-bottom: 0px;
	text-decoration: none;
}

h3.recovery a:hover {
	text-decoration: underline;
}

#box1 h4 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	text-shadow:1px 1px 0 white;
	font-size: 13px;
	font-style: normal;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}

#box1 h2 {
	font-size: 14px;
	color:#828594;
	margin-bottom: -8px;
	margin-top: 0px;
}

/* Style table */

#box1 table {
	margin-top: 30px;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow: none;
	color: #909090;
}

#box1 th {
	text-align: left;
	padding-left: 20px;
	font-weight: normal;
}

#box1 td {
	text-align: right;
	padding-right: 20px;
}

/* style table - grey cells */

#box1 .grey {
	background-color: #f0efef;
	font-weight: normal;
}

#box1 .tabletop {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	color: #5d5d5d;
}

#box1 .tablebottom {
	padding-top: 10px;
	padding-bottom: 10px;
}

#box1 .tablebottom a {
	text-decoration: none;
	color: #0076ba ;
}

#box1 .tablebottom a:hover {
	text-decoration: underline;
}

/* blog style */

#comments a {
	text-decoration: none;
	color: #333333;
}


ul#recently {
	padding-top: 15px;
}

img.blog {
	margin-bottom: 30px;
}

a.blog {
	display: inline-block;
}


/* popup video float*/

#zoom {
	position: absolute;
	z-index: 6;
}

/* Header Blog */

#headerblog {
	height: 315px;
	width: 100%;
	background-image: url(../images/Banner_BG.png);
	background-repeat: repeat-x;
}

#headerblog #spot {
	z-index: 1;
}

#headerblog #spot img {
	margin-left: 10%;
}


/* List style */

#recently li {
	list-style: none;
	margin-left: -40px;
	margin-bottom: 3px;
} 

.archive-list li {
	list-style: none;
	margin-left: -40px;
	margin-bottom: 3px;
} 

ul.archive-list {
	padding-top: 15px;
}


/* Store */

.store {
	float: left;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 60px;
	padding-top: 20px;
}

.store img {
	float: left;
}

.store p {
	line-height: 20px;
	color: #414141;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
}

/* Make 2nd row float to the left */

.store2 {
	float: left;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-top: 20px;
}

.store2 img {
	float: left;
}

.store2 p {
	line-height: 20px;
	color: #414141;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
}

.store2 h4 {
	margin-top: 0px;
}

.storetext {
	float: right;
	width: 200px;
	padding-left: 20px;
}

.store h4 {
	margin-top: 0px;
}

.storetext .button {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 2px;
	text-align: center;
	border: 1px solid #abadb3;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 22px;
	width: 150px;
	color: #4f4e4e;
	/* gradient gecko based browsers */
	background: -moz-linear-gradient(top, #e1e2e6, #b7b9c2);
	/* gradient webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e2e6), to(#b7b9c2));
}

.storetext a {
	text-decoration: none;
}

.storetext a:hover p.button {
	color: #72798d;
}

/* Macnification features */

#box3 {
	color: #414141;
	background-color: #f6f5f5;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 13px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	height: 2140px;
	overflow: hidden;
}

#products #box3 h1 {
	margin-top: -20px;
	margin-left: 0px;
}

#products #box3 h3 {
	margin-top: -15px;
	margin-left: 0px;
	margin-bottom: 30px;
	color: #AFAFAF;
	font-weight: normal;
}

.features {
	height: 160px;
	margin-bottom: 20px;
}

.feature {
	float: left;
	padding-right: 35px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 200px;
}

.feature2 {
	float: left;
	padding-right: 35px;
	padding-left: 0px;
	padding-bottom: 20px;
	padding-top: 0px;
	margin-top: 10px;
	margin-bottom: 40px;
	width: 200px;
}

.feature img {
	float: left;
	padding-right: 5px;
}

.feature2 img {
	float: left;
	padding-right: 5px;
}

.feature p {
	line-height: 20px;
	color: #414141;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	margin-bottom: 0px;
}

.feature2 p {
	line-height: 20px;
	color: #414141;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	margin-bottom: 0px;
}

.feature h4 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 14px;
}

.feature2 h4 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 14px;
}

.feature a {
	color: #7885bb;
	text-decoration: none;
}

.feature a:hover {
	text-decoration: underline;
}

.feature2 a {
	color: #7885bb;
	text-decoration: none;
}

.feature2 a:hover {
	text-decoration: underline;
}

/* Footnotes */

ol.footnote {
	font-size: 11px;
	color: #868689;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 22px;
}

ol.footnote li{
	padding-bottom: 5px;
}

/* Sidebar items */

#sidebar {
	width: 200px;
	padding-top: 50px;
	padding-left: 35px;
	padding-right: 35px;
	color: 666a7b;
	position: absolute;
	top: 0px;
	right: 10px;
}

/* Sidebar - download and buy links */

#sidebar #downloadlinks {
	width: 190px;
	margin-bottom: 30px;
}

#sidebar #download {
	margin-bottom: 20px;
}

#sidebar #downloadlinks a {
	color: #838799;
	text-decoration: none;
	font-size: 19px;
}

#sidebar #downloadlinks p.metatext {
	font-size: 12px;
}

#sidebar #downloadlinks a img {
	float: left;
	clear: left;
}

#sidebar #downloadlinks p {
	position:relative;
	left: 10px;
	margin: 0px;
	padding-top: 3px;
}

#sidebar img.ADA {
	margin-bottom: 30px;
}

#sidebar a {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #4e505b;
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar a.textlink {
	font-size: 11px;
	text-decoration: none;
	display: inline;
	color: #0076ba;
}

#sidebar a:hover.textlink {
	text-decoration: underline;
}

#sidebar a.textlinkmf {
	font-size: 11px;
	text-decoration: none;
	display: inline;
	color: #7885bb;
}

#sidebar a:hover.textlinkmf {
	text-decoration: underline;
}

#sidebar a.sidelinkO {
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

#sidebar a:hover.sidelinkO {
	text-decoration: underline;

}

/* forms */

form {
	margin-top: 0px;
	margin-bottom: 20px;
}

#sidebar .sidebar form p {
	color: #4e505b;
	font-size: 11px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}

input {
	margin-bottom: 10px;
	border: 1px solid #d0d1d8;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 17px;
	width: 150px;
	padding: 3px;
	color: #4E505B;
	font-size: 13px;
}

input.theftinput {
	margin-bottom: 10px;
	border: 1px solid #d0d1d8;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 17px;
	width: 150px;
	padding: 3px;
	color: #b6b6b6;
	font-size: 12px;
	float: left;
	margin-top
}

input.theftinput2 {
	margin-bottom: 10px;
	border: 1px solid #d0d1d8;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 17px;
	width: 180px;
	padding: 3px;
	color: #b6b6b6;
	font-size: 12px;
	float: left;
	margin-top
}


textarea {
	margin-bottom: 10px;
	border: 1px solid #d0d1d8;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #4E505B;
}

input.button {
	margin-bottom: 10px;
	border: 1px solid #abadb3;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 25px;
	width: 60px;
	margin-left: 95px;
	color: #4f4e4e;
	/* gradient gecko based browsers */
	background: -moz-linear-gradient(top, #e1e2e6, #b7b9c2);

	/* gradient webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e2e6), to(#b7b9c2));
}

input.button2 {
	margin-bottom: 10px;
	border: 1px solid #abadb3;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 25px;
	width: 150px;
	margin-left: 5px;
	color: #4f4e4e;
	font-size: 11px;
	/* gradient gecko based browsers */
	background: -moz-linear-gradient(top, #e1e2e6, #b7b9c2);

	/* gradient webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e2e6), to(#b7b9c2));
}

input.button3{
	margin-bottom: 10px;
	border: 1px solid #abadb3;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 25px;
	width: 150px;
	color: #4f4e4e;
	font-size: 11px;
	/* gradient gecko based browsers */
	background: -moz-linear-gradient(top, #e1e2e6, #b7b9c2);
	/* gradient webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e2e6), to(#b7b9c2));
}

input.mf {
	margin-bottom: 10px;
	margin-left: -10px;
	border: 1px solid #d0d1d8;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 17px;
	width: 150px;
	padding: 3px;
	padding-left: 8px;
	color: #b6b6b6;
	font-size: 12px;
}

input.buttonmf {
	margin-bottom: 10px;
	border: 1px solid #abadb3;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 25px;
	width: 100px;
	margin-left: 5px;
	color: #4f4e4e;
	font-size: 11px;
	/* gradient gecko based browsers */
	background: -moz-linear-gradient(top, #e1e2e6, #b7b9c2);

	/* gradient webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#e1e2e6), to(#b7b9c2));
}

#sidebar .sidebar {
	width: 168px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	background-color: #e1e2e6;
	border: 1px solid #d0d1d8;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 30px;
	padding: 5px 20px 0px 20px;
}


#sidebar .sidebar h2 {
	font-weight: bold;
	color: #4e505b;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 15px;
}

#sidebar .sidebar p {
	color: #4e505b;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 30px;
	line-height: 16px;
}

#sidebar .sidebar a p.bold {
	font-weight: bold;
	text-decoration: none;	
}

#sidebar .sidebar img {
	margin-bottom: 15px;
}

#sidebar .sidebar ul {
	margin-top: -15px;
}

#sidebar .sidebar li {
	color: #4e505b;
	font-size: 11px;
	padding-bottom: 3px;
}

/* Search field in sidebar */

.search {
	margin-bottom: 20px;
}

/* Rotated Reviews in sidebar */

.fader {
	margin-left: 25px;
	height: 84px;
	margin-bottom: 20px;

}

#sidebar .sidebar img.widget {
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
}

#creditcards {
	width: 150px;
	margin-left: 15px;
	margin-bottom: 20px;
}


#longline {
	background-image: url(../images/longline.png);
	background-repeat: repeat-x;
	height: 2px;
	margin-right: 22px;
	margin-bottom: 20px;
	margin-left: 18px;
}

#products {
	width: 765px;
	margin: auto;
	padding: auto;
}

#products2 {
	width: 765px;
	margin: auto;
	padding: auto;
	clear: left;
}

#products h1 {
	margin-bottom: 20px;
	padding-top: 50px;
	margin-left: 20px;
	color:#333333;
}

#products2 h1 {
	margin-bottom: 20px;
	margin-top: 50px;
	margin-left: 20px;
	color:#333333;
}

img.newproduct {
	position: relative;
	top: -355px;
	left: -21px;
}

.product {
	width: 221px;
	height: 347px;
	background-color: #FFFFFF;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #dad9d9;
	/* gradient gecko based browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #f5f4f4);
	/* gradient webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f5f4f4));
	margin-left:15px;
	margin-right:15px;
	margin-bottom:80px;
	padding-top: 40px;
	float: left;
	text-align: center;
}

.product h3 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 21px;
	color: #2f2f30;
	text-shadow:1px 1px 0 white; 
}

.product p {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #292929;
	margin-left:20px;
	margin-right:20px;
	line-height: 20px;
}

a:hover .product h3  {
	color: #9198ad;
}

#products a {
	text-decoration: none;
	position: relative;
}

#products2 a {
	text-decoration: none;
}

/* footer */

#Footercontainer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #31343c;
	margin: 0px;
}

/* Different padding for smaller footer */

#Footercontainer2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 170px;
	background-color: #31343c;
	margin: 0px;
	/* gradient gecko based browsers */
	background: -moz-linear-gradient(top, #34373f, #24262c);
	/* gradient webkit based browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#34373f), to(#24262c));
}

#footerschadow {
	background-image: url(../images/Shadow_footer.png);
	background-repeat: repeat-x;
	background-color: #31343c;
}

#footer {
	width: 900px;
	margin: auto;
	padding-top: 2px;
	padding-bottom: 20px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	color: #9198ad;
	font-size: 13px;
	text-align: center;
}

#footer #iconscontainer {
	height: 200px;
	margin: auto;
	text-align: center;
	display: inline-block;
}

#footer .icons {
	width: 100px;
	height: 160px;
	float: left;
	margin: 0px 20px;
}

#footer h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: lighter;
	color: #9198ad;
}

#footer p {
	color: #9198ad;
}


#footer a {
	text-decoration: none;
	color: #9198ad;
}

#footer a:hover {
	color: #c8cede;
}

#footer .icons p {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #9198ad;
	text-decoration: none;
	text-align: center;
	margin-top: 4px;
}

#footer .icons a:hover p {
	color: #c8cede;
}

#footer .icons h6 {
	font-size: 12px;
	margin: 0px;
	padding-top: 5px;
}

#footer .metatext {
	font-size: 11px;
}


/* Container Fastspring store */

#box4 {
	color: #414141;
	background-color: #f6f5f5;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 13px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 40px;
	margin: 30px 60px;
}

#box4 a {
	text-decoration: none;
	color: #828594;
}

#box4 a:hover {
	text-decoration: underline;
}

#box4 p {
	line-height: 20px;
}

#box4 h2 {
	font-size: 16px;
}


/* Intranet */

#column1 {
	width: 250px;
	float: left;
}

#column2 {
	width: 250px;
	float: left;
}

#column1 li a {
	color: #828594;
}

#column2 li a {
	color: #828594;
}

#column1 li {
	color: #828594;
	list-style: none;
	margin-left: -40px;
}

#column2 li {
	color: #828594;
	list-style: none;
	margin-left: -40px;
}

h3.intranet {
	margin-top: 30px;
}

.hidden_submit {
	visibility: hidden;
}


/* Witness CSS */

#w_content {
	margin: auto;
	padding: auto;
	width: 900px;;
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	background-color: #f0efef;
	position: relative;
	overflow: hidden;
}

#w_content a {
	text-decoration: none;
}

#w_intro {
	height: 196px;
	padding: 64px 64px 45px 64px;
	font: 18px/29px 'Museo300', Georgia, "Times New Roman", Times, serif;
	color: #676a72;
}

#w_intro p {
	margin-top: 0;
	width: 521px;
	float: left;
}

#w_buttons {
	float: right;
}

#w_buttons #buy {
	width: 180px;
	height: 36px;
	padding-top: 5px;
	margin-bottom: 9px;
	text-align: center;
	background-color: #bcd1e0;
	color: #13141a;
	border-radius: 10px;
	font-size: 25px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

#w_buttons #buy:hover {
	background: rgba(170, 194, 211, 1);
}

#w_buttons #login {
	width: 180px;
	height: 36px;
	padding-top: 5px;
	margin-bottom: 9px;
	text-align: center;
	background-color: #dcddde;
	color: #13141a;
	border-radius: 10px;
	font-size: 25px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#w_buttons #login:hover {
	background: rgba(206, 206, 206, 1);
}

#w_buttons ul {
	height: 33px;
	margin: 0;
	padding: 0;
}

#w_buttons li {
	width: 51px;
	height: 45px;
	margin-right: 9px;
	text-align: center;
	background-color: #dcddde;
	border-radius: 10px;
	list-style-type: none;
	display: inline-table;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#w_buttons li:hover {
	background: rgba(206, 206, 206, 1);
}

#w_buttons li img {
	margin-top: 5px;
}

.w_motion {
	height: 167px;
	padding: 48px 372px 96px 66px;
	background-image: url(../images/w_motion.jpg);
}

.w_motion p {
	color: #bbc0cb;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.w_face {
	height: 94px;
	padding: 100px 72px 117px 396px;
	background-image: url(../images/w_face.jpg);
}

.w_face p {
	color: #3c3f47;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.w_auto {
	height: 83px;
	padding: 100px 64px 128px 417px;
	background-image: url(../images/w_auto.jpg);
}

.w_auto p {
	color: #bbc0cb;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.w_sneak {
	height: 69px;
	padding: 125px 521px 117px 68px;
	background-image: url(../images/w_sneak.jpg);
}

.w_sneak p {
	color: #3c3f47;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.w_multiple {
	height: 85px;
	padding: 91px 79px 135px 494px;
	background-image: url(../images/w_multiple.jpg);
}

.w_multiple p {
	color: #3c3f47;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#w_cool {
	height: 353px;
	padding: 57px 119px 97px 264px;
	background-image: url(../images/w_cool.jpg);
	color: #fff;
}

#w_cool h5 {
	margin-bottom: 35px;
	color: #fff;
}

#w_cool h6 {
	font-size: 14.5px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
}

#w_cool p {
	font-size: 13.5px;
	margin-top: 0;
	margin-bottom: 31px;
	line-height: 20px;
}

#w_cool #buynow {
	height: 48px;
	margin-left: 120px;
	display: block;
	overflow: hidden;
	background: url(../images/w_buynowbutton.png) no-repeat 0 0;
}

#w_cool #buynow:hover {
	background-position: 0 -48px;
}


#w_spacer {
	height: 30px;
	background-color: #b0b9be;
}

.w_account {
	height: 187px;
	padding: 50px 68px 74px 421px;
	background-image: url(../images/w_account.jpg);
}

.w_account p {
	color: #3c3f47;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 15px;
}

.w_button2 {
	color: #667983;
	background-color: #cdd1d3;
	font: 20px/25px 'Museo300', Georgia, "Times New Roman", Times, serif;
	padding: 8px 12px;
	width: 85px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.w_button2:hover {
	background: rgba(218, 220, 221, 1);
}

.w_macs {
	height: 163px;
	padding: 64px 433px 84px 66px;
	background-image: url(../images/w_macs.jpg);
}

.w_macs p {
	color: #3c3f47;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 15px;
}

.w_button3 {
	color: #696d77;
	background-color: #d8d8d8;
	font: 20px/25px 'Museo300', Georgia, "Times New Roman", Times, serif;
	padding: 8px 12px;
	width: 175px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.w_button3:hover {
	background: rgba(203, 203, 203, 1);
}

.w_ios {
	height: 222px;
	padding: 45px 57px 44px 365px;
	background-image: url(../images/w_ios.jpg);
}

.w_ios p {
	color: #bbc0cb;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.w_button4 {
	color: #434852;
	background-color: #797c82;
	font: 20px/25px 'Museo300', Georgia, "Times New Roman", Times, serif;
	padding: 8px 12px;
	width: 198px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.w_button4:hover {
	background: rgba(135, 138, 146, 1);
	}

.w_start {
	height: 94px;
	padding: 95px 456px 122px 71px;
	background-image: url(../images/w_start.jpg);
}

.w_start p {
	color: #3c3f47;
	font: 13.5px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 11, 2012 */

/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.com */

@font-face {
    font-family: 'Museo300';
    src: url('../fonts/museo300-regular-webfont.eot');
    src: url('../fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo300-regular-webfont.woff') format('woff'),
         url('../fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo300-regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}

.w_title {
	margin-top: 0;
	margin-bottom: 20px;
	font: 24px 'Museo300', Georgia, "Times New Roman", Times, serif;
	color: #3c3f47;
}

.w_title.light {
	color: #bbc0cb;
}

/* Witness download page */


#w_dlintro {
	height: 146px;
	padding: 64px 54px 10px 64px;
	font: 18px/29px 'Museo300', Georgia, "Times New Roman", Times, serif;
	color: #676a72;
}

#w_dlintro p {
	margin-top: 0;
	width: 521px;
	float: left;
}

.line {
	height: 1px;
	background-color: #dcddde;
	width: 340px;
	margin-left: 215px;
	margin-top: 10px;
	margin-bottom: 50px;
}

#w_buttons #w_mac {
	width: 230px;
	height: 33px;
	padding-top: 8px;
	margin-bottom: 9px;
	text-align: center;
	background-color: #bcd1e0;
	color: #13141a;
	border-radius: 10px;
	font-size: 18px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

#w_buttons #w_mac:hover {
	background: rgba(170, 194, 211, 1);
}

#w_buttons #w_app {
	width: 230px;
	height: 33px;
	padding-top: 8px;
	margin-bottom: 9px;
	text-align: center;
	background-color: #dcddde;
	color: #13141a;
	border-radius: 10px;
	font-size: 18px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#w_buttons #w_app:hover {
	background: rgba(206, 206, 206, 1);
}

.w_changelog {
	padding: 0px 60px 100px 66px;
}

.w_changelog h6 {
	font-size: 13.5px;
	font-weight: bold;
	margin-top: 10;
	margin-bottom: 5px;
	color: #676a72;
}

.w_changelog li {
	color: #3c3f47;
	font: 13.5px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 5px;
}

/* Witness success page */

#w_sintro {
	height: 100px;
	padding: 64px 150px 10px 64px;
	font: 18px/29px 'Museo300', Georgia, "Times New Roman", Times, serif;
	color: #676a72;
}

#w_sintro p {
	margin-top: 0;
	float: left;
}

.w_success {
	padding: 0px 160px 104px 66px;
}

.w_success h6 {
	font-size: 13.5px;
	font-weight: bold;
	margin-top: 10;
	margin-bottom: 5px;
	color: #676a72;
}

.w_success p {
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 30px;
	color: #676a72;
	line-height: 20px;
}

.w_success h7 {
	font: 18px/29px 'Museo300', Georgia, "Times New Roman", Times, serif;
	margin-bottom: 40px;
	color: #676a72;
}

.w_success h7 a {
	margin-left: 30px;
	text-decoration: none;
	color: #55575e;
}

.w_success h7 a:hover {
	color: #8e929e;
}
