body {
 background: #1F020B url(../images/blue-bg.jpg) repeat-x;
 margin-top: 20px;
 color: #333;
 font-size: 11px;
 padding: 20px 0 20px;
}

.container_12 a:link, a:visited {
 color: #F70063;
 text-decoration: none;
 padding: 2px;
}

.container_12 a:hover {
 text-decoration: none;
 background: #F70063;
 color: #000;
 padding: 2px;
}

h1 {
 font-family: Georgia, serif;
 font-weight: normal;
 text-align: center;
}

h2 {
 padding: 10px 0 0;
 text-align: center;
}

p {
 border: 1px solid #fff;
 overflow: hidden;
 padding: 10px 0;
 text-align: center;
}
.legal p, p.zig-buy, p.leftpoparrow, p.rightpoparrow { border: none; }
.legal p { text-align: left; }
/* Buy the Zig Badge */
.zig-buy {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 2;
}
.leftpoparrow {
	position: absolute;
	margin: 0;
	padding: 0;
	top: -45px;
	left: 10%;
	z-index: 2;
}
.rightpoparrow {
	position: absolute;
	margin: 0;
	padding: 0;
	top: -45px;
	right: 10%;
	z-index: 2;
}
.container_12 { background: #dbfbf2; z-index: 1;}
.container_12.footer { background: transparent;}
.grid_12 { background: transparent; padding-bottom: 0; margin-bottom: 0;}
.connect { margin-top: 10px; margin-bottom: 20px; }
.people { margin-top: 10px; margin-bottom: 20px; }
.cf { background: #dbfbf2; border: 7px solid #F70063; padding: 0px; }
.c2.who, .c2.vids, .c2.how, .c2.buy { height: 99px; }

.top p { border: none; }
#who p { border: none; }
.row2, .row3, .row4 { margin-bottom: 20px; }
.grid_12.row2 { margin-top: 12px; }
.whatzig, .main-features, .launch-pad { padding: 5px; margin-top: 12px; }
.legal { padding: 5px; }
.whatzig { background: #b9e0e2; }
.whatzig p {
  text-align: left;
	border: none;
	font-family: "Tahoma", sans-serif;
	font-weight: normal;
}

.who h2, .vids h2 { text-align: left; width: 136px; padding-left:0; }
.how h2, .buy h2 { text-align: left; width: 136px; padding-left:0; }

.ft {
 font-size: 150%;
 font-weight: bold;
}
.ft p { border: none; color: #F70063; }
.ft p.left { text-align: left; }
.ft p.right { text-align: right; }
.ft a:link, .ft a:visited { color: #F7CB00; text-decoration: none;}
.ft a:hover { color: #009DF7; background: none; text-decoration: none; }

.whatzig h2, .main-features h2, .more-info h2, .picrow h2, .picrow2 h2, .launch-pad h2 { padding: 0px; margin: 0px; font-size: 175%;}
.legal h2 { padding: 0px; margin: 0px; font-size: 105%; text-align: left;}
.main-features, .more-info, .picrow, .picrow2 { background: #b9e2d7; }
.legal { background: #D3E8F8; }
.whatzig, .main-features, .launch-pad { padding: 4px 0px; }
.whatzig p, .main-features p, .legal p { padding-top: 2px; margin-bottom: 0px; }
.legal p, .legal ol li { font-size: 88%; }

.more-info, .picrow, .picrow2, .chat { width: 260px; padding: 5px; padding-bottom: 0px; margin-top: 15px; margin-left: 10px; }
.chat { margin-left:30px; }
.more-info h2, .picrow h2, .picrow2 h2 { text-align: left; padding: 0px 7px; }
.more-info p, .picrow p, .picrow2 p { border: none; padding: 0px 7px; text-align: left; }
.more-info li, .picrow li, .picrow2 li { padding-top: 10px; list-style: none; background: url(../images/bullet.gif)  0px 14px no-repeat; }

h2.subscribe { padding: 0px; margin: 0px; font-size: 135%; text-align: left; padding-left: 0px;}
.main-features p, .launch-pad p { border: none; padding: 0px 7px; text-align: left; padding-top: 2px; margin-bottom: 0px; }
/* .launch-pad { border:solid 1px #f8ed3e; background-color:#f6f095; } */
.launch-pad { border:solid 1px #e2c72b; background-color:#ffee75; }

#who, #vids, #how, #buy {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 136px;
	height: 100px;
	position: relative;
}
#who { background: url(../images/who.gif) no-repeat; }
#vids { background: url(../images/vids.gif) no-repeat; } 
#how { background: url(../images/how.gif) no-repeat; }
#buy { background: url(../images/purchase.gif) no-repeat; }
#who a, #vids a, #how a, #buy a {
	position: absolute;
	top: 0;
	left: 0;
	width: 136px;
	height: 100px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
}
#who a:hover, #vids a:hover, #how a:hover, #buy a:hover {
	margin: 0;
	padding: 0;
	width: 136px;
	height: 100px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#who a:hover, #who a.active { background: url(../images/who.gif) no-repeat 0 -100px; }
#vids a:hover, #vids a.active { background: url(../images/vids.gif) no-repeat 0 -100px; }
#how a:hover, #how a.active { background: url(../images/how.gif) no-repeat 0 -100px; }
#buy a:hover, #buy a.active { background: url(../images/purchase.gif) no-repeat 0 -100px; }

h2.wztitle { background: #a4d1d3; border: 2px solid #8cbbbd; margin-bottom: 4px; }
h2.feattitle { background: #a4d3c4; border: 2px solid #8cbdad; margin-bottom: 4px; }
h2.legaltitle { margin-bottom: 4px; }
.paditleft p,.paditright p { border: none; text-align: left; padding: 4px; padding-top: 3px; margin: 0px; }
.h3box { margin: 0px; padding-top: -12px; padding-left: 5px; border-bottom: 1px solid #7ABBA9; }
/* #popup_1, #popup_2, #popup_3, #popup_4 { border: 2px solid #e4107e; background: #DBFBF2; padding: 5px 0px; } */
.curveit { border: 2px solid #F70063; background: #DBFBF2; }

.popup_closebox { float: right; }

#header {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 725px;
	height: 95px;
	position: relative;
	background: url(../images/os_logo2.png) no-repeat;
}
#header a {
	position: absolute;
	top: 0;
	left: 0;
	width: 725px;
	height: 95px;
	display: block;
	border: 0;
	background: transparent;
	overflow: hidden;
}
#header .fake-hover {
	margin: 0;
	padding: 0;
	width: 725px;
	height: 95px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/os_logo2.png) no-repeat 0 -95px;
}

ul { padding-left: 0; margin-left: -20px;}
ul li { list-style: none; background: url(../images/bullet.gif) 0px 4px no-repeat; padding-left: 14px; }

#holder { margin: 0; }
#holder ul { padding: 0; margin: 0; list-style: none; background: none; }
#holder ul li { padding-left: 4px; margin: 0; list-style: none; background: none; }
#holder li a:hover { padding-left: 4px; border: none; list-style: none; background: none; }


ul#examples { padding-top: 0; padding-left: 0; margin-left: -20px; margin: 0; margin-bottom: 12px; }
ul#examples li { color: #333; list-style: none; text-align: left; background:url(../images/bullet.gif) 0px 4px no-repeat; padding-left: 14px; }

.people { background: #ccdde3; border: 2px solid #a3c9d7; }
.people h2 { color: #333; padding: 0px; margin: 0px; font-size: 135%; text-align: center; }

.people p {color: #333; border: none; text-align: left; padding: 4px; padding-top: 3px; margin: 1px; margin-bottom: 1px; }
.people .face { margin: 0px 3px 2px 0px; border: 2px solid #CDD6D5; }

#linkout { float: right; padding:2px; background: #ccdde3; margin-top: 1px; border: 2px solid #a3c9d7; border-top: none; }
#linkout a:link, #linkout a:visited { color: #333; text-decoration: none; }
#linkout a:hover { color: #01191C; background:#E1EEEC; text-decoration: none; }

.screenshot { background: #E2D8B7; margin: 0 auto; padding: 5px; display: block; text-align:center;}
.video { background: #EEDDA1; margin: 0 auto; padding: 5px; display: block; text-align:center;}
.screenshot p, .video p { border: none; text-align: left; padding: 4px; padding-top: 3px; margin: 1px; margin-bottom: 12px; }

h1.warning { color: #F90E0E; border: 2px solid #F8ED3E; background: #F6F095; font-family: tahoma, helvetica, sans-serif; font-weight: bold; font-size: 155%; margin-bottom: 3px;}

p.launch { color: #357902; padding: 2px; border: 2px solid #78C83E; background: #C3EAA6; text-align: left; }
p.message { color: #880500; padding: 2px; border: 2px solid #880500; background: #EAA6A6; text-align: left; }
p.explain { color: #333; padding: 2px; text-align: left; border: none; }
p.login { text-align: left; border: none; width:300px; padding-left:10px; }

.download, .achtung { background: #B8E8EE; margin: 0 auto; margin-bottom: 20px; padding: 5px; display: block; }
.achtung { text-align:center; }
.download h3 { margin-left:5px; margin-bottom:0px; }
.download ul { margin-left:10px; }
.download p, .achtung p { color: #333; border: none; text-align: left; margin: 0; }

.disclaimer { padding: 3px; margin: 0 auto; margin-bottom: 10px; width:415px; border: 2px solid #9DCAD4; background: #fff; }
.disclaimer p { color: #333; text-align: left; margin-left:10px; margin-right:10px; }
p.mono { padding: 4px; padding-top: 1px; margin: 1px; border: none;}
p.mono a:link, p.mono a:visited, p.mono a:hover { background: transparent; border: 0; }

.howitsdone { padding: 3px; margin: 0 auto; margin-bottom: 10px; border: 2px solid #87A5A9; background: #B8E8EE; }
.howitsdone p { border: none; color: #000; padding: 4px; text-align: left; padding-top: 2px; margin-bottom: 0px;}
.howitsdone p.topper { text-align: center; font-size: 165%; font-weight: bold; }
.howitsdone ul li { color: #000; }
.howitsdone code { color: #40493C; }

.pr p { border: none; text-align: left; padding: 4px; padding-top: 1px; margin: 6px 0;}
.pr p.hash { text-align: center; }

.feedback, .coFeedback { margin:0 auto; display:block; text-align:center; padding:2px; border:2px solid #ff0000; background:#ffc9c9; color:#ff0000; font-size:1.2em; }
.coFeedback { width: 450px; }
.feedback ul li, .coFeedback ul li { background:none; }

.loginForm { border-top:2px solid #97A5B0; padding:5px; }

.checkout { width:50px; }

.launch-pad-internal { margin-left:3px; }

#blahblah a.nobackground { background-color:transparent; }

.contrib, .picbox { width:225px; margin:auto; background-color:#ffffff; padding:5px; margin-bottom:15px; }
.picbox { width:213px; margin:0px; margin-bottom:7px; float:left; }
.picbox a:hover { text-decoration:none; background:none; }
.picbox-desc { float:right; width:250px; }
.picrow, .picrow2 { width:500px; margin:auto; padding:15px; padding-bottom:20px; }
.picrow2 { background-color: #B9E0E2; }

.center-text { text-align:center; }