/* ---------------------------------------------------------

Styles for Freeverse
freeverse.com

Created: June 2007

------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	}
html, body, div, p, form, input, textarea, select {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #333;
	}
a {
	text-decoration: none;
	color: #FF6E00;
	font-weight: bold;
	}
a:hover {
	color: #000;
	}
img {
	border: none;
	}
.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -29999px;
	outline: none;
	}
	/* hide from Mac IE 5 \*/
	.imgswap { overflow: hidden; }
	/* End Mac IE 5 hack */



/* BASIC STRUCTURE 
------------------------------------------------------------------------------------------ */


body {
	background: #808284 url(/images/bg-main.gif) repeat-x 0 0;
	}
#masthead {
	position: relative;
	margin: 0 auto;
	width: 799px;
	height: 103px;
	}
#outer-wrapper {
	margin: 0 auto;
	max-width: 858px;
	background: #fff url(/images/white-box-top.gif) no-repeat 50% 0;
	}
#wrapper-bottom {
	margin: 0 auto;
	max-width: 858px;
	height: 6px;
	background: url(/images/white-box-bottom.gif) no-repeat 50% 0;
	}
#outer-wrapper,
#wrapper-bottom {
	width: expression(document.body.clientWidth > 860? "858px" : "auto");
	}
#inner-wrapper {
	overflow: hidden;
	margin: 0 auto;
	padding: 31px 0;
	width: 799px;
	background-color: #fff;
	}
	#main-column {
		float: left;
		width: 533px;
		}
	#sidebar {
		float: right;
		width: 237px;
		}
#footer {
	margin: 18px auto 0 auto;
	padding-bottom: 18px;
	width: 794px;
	color: #ccc;
	font-size: 10px;
	}
#footer a {
	color: #ccc;
	text-decoration: underline;
	font-weight: normal;
	}
#footer a:hover {
	color: #FF6E00;
	}



/* GENERAL
------------------------------------------------------------------------------------------ */

hr {
	margin-bottom: 20px;
	height: 1px;
	border: none 0;
	border-top: 1px solid #999;
	}
.center {
	text-align: center;
	}
.clear {
	clear: both;
	}
.block {
	clear: both;
	margin-bottom: 12px;
	overflow: hidden;
	zoom: 1;
	}



/* LINKS
------------------------------------------------------------------------------------------ */

.horizontal-divided-links {
	overflow: hidden;
	clear: right;
	}
	.horizontal-divided-links li {
		list-style: none;
		float: left;
		margin-right: 12px;
		padding-right: 13px;
		border-right: 1px solid #bfbfbf;
		}
	.horizontal-divided-links li.last {
		margin: 0;
		padding: 0;
		border: none;
		}
.arrow-links {
	margin: 0 11px 13px 11px;
	}
	.arrow-links li {
		list-style: none;
		padding: 0 0 5px 18px;
		background: url(/images/arrow.gif) no-repeat 0 2px;
		font-size: 11px;
		line-height: 13px;
		}
		.arrow-links a {
			display: block;
			color: #000;
			font-weight: bold;
			}
		.arrow-links a:hover {
			color: #ff6e00;
			}



/* FORMS
------------------------------------------------------------------------------------------ */

.input-text {
	padding: 3px;
	border: 1px solid #aaa;
	border-top-color: #676767;
	border-bottom-color: #c0c0c0;
	background: url(/images/input-text-bg.png) no-repeat 0 0;
	}



/* MAIN COLUMN
------------------------------------------------------------------------------------------ */

.multi-column {
	overflow: hidden;
	}
	.column-one {
		float: left;
		width: 253px;
		}
	.column-two {
		float: right;
		width: 253px;
		}
	.icon-list {
		margin: 0 3px 0 2px;
		border: none;
		}
		.icon-list .td-icon {
			padding: 13px 0;
			width: 74px;
			height: 60px;
			border-bottom: 1px solid #bfbfbf;
			text-align: center;
			vertical-align: middle;
			}
		.icon-list .td-text {
			padding: 13px 0;
			width: 174px;
			height: 60px;
			border-bottom: 1px solid #bfbfbf;
			text-align: left;
			vertical-align: middle;
			}
			.icon-list .td-text a {
				display: block;
				font-size: 15px;
				color: #000;
				font-weight: normal;
				}
			.icon-list .td-text a:hover {
				color: #FF6E00;
				}



/* SIDEBAR
------------------------------------------------------------------------------------------ */


#sidebar p {
	margin-bottom: 11px;
	font-size: 11px;
	line-height: 16px;
	}
.vertical-divided-links {
	margin-bottom: 13px;
	}
	.vertical-divided-links li {
		margin: 0 3px 0 2px;
		list-style: none;
		border-bottom: 1px solid #bfbfbf;
		color: #666666;
		font-size: 11px;
		line-height: 16px;
		}
		.vertical-divided-links a {
			display: block;
			color: #666666;
			padding: 7px 1px;
			}
		.vertical-divided-links a:hover {
			color: #FF6E00;
			text-decoration: none;
			}
#sidebar .horizontal-divided-links {
	margin: 0 3px 20px 2px;
	zoom: 1;
	}
#mailing-list-signup {
	padding: 145px 11px 0 11px;
	*padding: 135px 11px 0 11px;
	margin-bottom: 23px;
	background: url(/images/mailing-list-bg.png) no-repeat 0 0;
	}
	#mailing-list-signup h4, h5 {
		height: 0;
		line-height: 0;
		}
	#mailing-list-signup .checkbox {
		clear: both;
		float: left;
		}
	#mailing-list-signup label {
		display: block;
		margin: 0 0 6px 20px;
		*padding-top: 3px;
		font-size: 11px;
		line-height: 13px;
		}
	#mailing-list-signup .input-text {
		clear: left;
		margin: 11px 4px 0 0;
		width: 130px;
		color: #777;
		font-size: 11px;
		line-height: 11px;
		}
	#mailing-list-signup .errMsg {
		padding: 3px 0;
		font-size: 11px;
		line-height: 13px;
		color: #f00;
		font-weight: bold;
		}
	#im-in {
		cursor: pointer;
		vertical-align: middle;
		}
#monkeyblog-link {
	margin-bottom: 23px;
	height: 125px;
	background: url(/images/monkeyblog-link.gif) no-repeat 0 0;
	}
#monkeyblog-link:hover {
	background-position: 0 -150px;
	}
#internship-link {
	margin-bottom: 23px;
	height: 44px;
	background: url(/images/internship-link.png) no-repeat 0 0;
	}
#internship-link:hover {
	background-position: 0 -60px;
	}
#your-cart {
	position: relative;
	margin-bottom: 19px;
	height: 80px;
	background: url(/images/yourcart-bottom.png) no-repeat 2px 100%;
	}
	#your-cart h3 {
		height: 31px;
		background: url(/images/yourcart-top.png) no-repeat 2px 100%;
		}
	#your-cart-items {
		display: block;
		position: absolute;
		left: 35px;
		top: 47px;
		width: 75px;
		font-size: 13px;
		line-height: 13px;
		font-weight: bold;
		color: #000;
		}
	#your-cart-checkout {
		position: absolute;
		left: 122px;
		top: 43px;
		}
		
	

/* MASTHEAD
------------------------------------------------------------------------------------------ */

#freeverse-5 {
	position: absolute;
	left: -3px;
	top: 20px;
	width: 229px;
	height: 65px;
	}
	#freeverse-5 .imgswap {
		width: 100%;
		height: 100%;
		background: url(/images/nav-logo-5.png) no-repeat 0 0;
		}
	#freeverse-5 .imgswap:hover {
		background-position: 0 -75px;
		}
#nav li {
	position: absolute;
	list-style: none;
	}
	#nav li .imgswap {
		width: 100%;
		height: 100%;
		}
	.iphone-os #nav-iphone-5 .imgswap,
	#nav #nav-iphone-5 .imgswap:hover,
	.mac #nav-mac-5 .imgswap,
	#nav #nav-mac-5 .imgswap:hover,
	.windows #nav-windows-5 .imgswap,
	#nav #nav-windows-5 .imgswap:hover,
	.console #nav-console-5 .imgswap,
	#nav #nav-console-5 .imgswap:hover {
		background-position: 0 -75px;
		}
	.about #nav-about .imgswap,
	#nav #nav-about .imgswap:hover,
	.news #nav-news .imgswap,
	#nav #nav-news .imgswap:hover,
	.support #nav-support .imgswap,
	#nav #nav-support .imgswap:hover,
	.forums #nav-forums .imgswap,
	#nav #nav-forums .imgswap:hover {
		background-position: -70px 0;
		}
#nav-iphone-5 {
	left: 254px;
	top: 0;
	width: 151px;
	height: 70px;
	}
	#nav-iphone-5 .imgswap {
		background: url(/images/nav-iphone-5.png) no-repeat 0 0;
		}
#nav-mac-5 {
	left: 405px;
	top: 0;
	width: 75px;
	height: 70px;
	}
	#nav-mac-5 .imgswap {
		background: url(/images/nav-mac-5.png) no-repeat 0 0;
		}
#nav-windows-5 {
	left: 480px;
	top: 0;
	width: 129px;
	height: 70px;
	}
	#nav-windows-5 .imgswap {
		background: url(/images/nav-windows-5.png) no-repeat 0 0;
		}
#nav-console-5 {
	left: 609px;
	top: 0;
	width: 119px;
	height: 70px;
	}
	#nav-console-5 .imgswap {
		background: url(/images/nav-console-5.png) no-repeat 0 0;
		}
		
#nav-about {
	left: 747px;
	top: 14px;
	width: 60px;
	height: 14px;
	}
	#nav-about .imgswap {
		background: url(/images/nav-about-3.png) no-repeat 0 0;
		}
#nav-news {
	left: 747px;
	top: 28px;
	width: 60px;
	height: 14px;
	}
	#nav-news .imgswap {
		background: url(/images/nav-news-3.png) no-repeat 0 0;
		}
#nav-support {
	left: 747px;
	top: 42px;
	width: 60px;
	height: 14px;
	}
	#nav-support .imgswap {
		background: url(/images/nav-support-3.png) no-repeat 0 0;
		}
#nav-forums {
	left: 747px;
	top: 56px;
	width: 60px;
	height: 14px;
	}
	#nav-forums .imgswap {
		background: url(/images/nav-forums-3.png) no-repeat 0 0;
		}
#nav-view-cart {
	left: 727px;
	top: 69px;
	width: 80px;
	height: 14px;
	}
	#nav-view-cart .imgswap {
		background: url(/images/nav-view-cart-4.png) no-repeat 0 0;
		}
	#nav #nav-view-cart .imgswap:hover {
		background-position: -80px 0;
		}