* { outline: 0 }
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	}
body {
	background: url(../images/bg.jpg) 60% 60% no-repeat #525252;
	text-align: center;
	}
div, p, input, textarea, span { font: 11px/15px verdana, arial, sans-serif; }
form { display: inline; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
h1 { font: 28px/32px verdana, arial, sans-serif; }
h2 { font: 22px/26px verdana, arial, sans-serif; }
h3 { font: 18px/20px trebuchet, verdana, arial, sans-serif; }
h4 { font: 14px/17px verdana, arial, sans-serif; }
h5 { font: 12px/15px verdana, arial, sans-serif; }
h6, .box div { font: 9px/12px arial, sans-serif; }
img, div { behavior: url(http://iwantmyhourback.tandberg.com/css/iepngfix.htc); }
p { margin: 15px 0; }
a {
	color: #000000;
	text-decoration: none;
	}
img { border: 0; }
img#bg {
	position: absolute;
	z-index: 0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
#wrapper {
	position: relative;
	margin: auto;
	width: 985px;
	text-align: left;
	}
#header {
	position: relative;
	height: 70px;
	}
#header .logo {
	position: absolute;
	top: 15px;
	left: 15px;
	}
#login {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 220px;
	text-align: right;
	font-size: 10px;
	color: #cccccc;
	}
#login a {
	color: #cccccc;
	text-decoration: none;
	}
#login form {
	display: block;
	margin: 5px 0 0 0;
	padding: 2px;
	height: 20px;
	background: url(../images/login-inputs.gif) top right no-repeat;
	}
#login form input.user, #login form input.pass, #login form input.sbmt {
	background-color: transparent;
	background-image: none;
	border: 0;
	font-size: 10px;
	margin: 0;
	line-height: 14px;
	}
#login form input.user { width: 90px; margin-right: 3px; }
#login form input.pass { width: 70px; }
#login form input.sbmt { width: 15px; cursor: pointer; }

#nav {
	position: relative;
	height: 30px;
	}
#nav h5 {
	line-height: 18px;
	}
#nav form#sortBy, #nav form#viewBy {
	position: absolute;
	bottom: 10px;
	width: 185px;
	}
#nav form#sortBy {
	left: 210px;
	height: 20px;
	line-height: 18px;
	background: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
#nav form#viewBy {
	font: bold 10px arial;
	color: #ffffff;
	left: 400px;
	}
#nav form#viewBy input {
	vertical-align: middle;
	}
#nav form#sortBy select {
	background: transparent;
	border: 0;
	margin: 2px;
	width: 180px;
	}
#nav form#sortBy option {
	background: #ffffff;
	border: 0;
	}

#pageNav {
	position: absolute;
	right: 14px;
	bottom: 10px;
	}
#pageNav a {
	display: block;
	float: left;
	margin-left: 2px;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	background: #ff9900;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	}
#pageNav a:hover {
	background: #ffffff;
	color: #000000;
	}

#content {
	position: relative;
	padding-bottom: 30px;
	width: 985px;
	}

#left {
	position: absolute;
	top: 0;
	left: 15px;
	width: 185px;
	text-align: right;
	}
#left .banner {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
#left a.nav1, #left a.nav2 {
	display: block;
	width: 185px;
	}
#left a.nav1 { height: 466px; }
#left a.nav2 { height: 52px; }
#left .copyright, #leftHome .copyright {
	margin: 7px 7px 0 0;
	color: #ffffff;
	}
#right, #rightDetail {
	margin-left: 210px;
	width: 775px;
	}
#rightDetail, .overlay {
	width: 764px;
	background: url(../images/shadow.png);
	height: 518px;
	line-height: 518px;
	font-size: 15px;
	color: #ff9900;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}

/*#right .box img.shadow {
	position: absolute;
	bottom: -6px;
	right: -6px;
	}
*/
.screen {
	position: relative;
	margin: auto;
	padding: 10px;
	background: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
.screen h1 { color: #000000; }
.screen h4 {
	margin: 20px 0 0 0;
	text-align: left;
	}

.rating {
	position: absolute;
	bottom: 15px;
	right: 15px;
	height: 9px;
	width: 50px;
	background: url(../images/stars-mask.png) 100% 100%;
	}
#right .rating {
	bottom: 19px;
	right: 5px;
	}
.stars {
	height: 9px;
	background: url(../images/stars.png);
	}

.share {
	float: right;
	margin-top: 5px;
	width: 50px;
	height: 20px;
	background: #ff9900;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
.share a {
	color: #ffffff;
	font: 11px/20px arial;
	}

#leftHome {
	position: relative;
	margin-left: 15px;
	width: 764px;
	}
.watch-video {
	display: block;
	width: 764px;
	height: 518px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
a.mini1, a.mini2, a.mini3, .mini1-On, .mini2-On, .mini3-On {
	display: block;
	position: absolute;
	top: 443px;
	z-index: 4;
	width: 130px;
	height: 70px;
	margin: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
a.mini1, .mini1-On { background: url(../images/home-mini1.png) no-repeat; left: 5px; }
a.mini2, .mini2-On { background: url(../images/home-mini2.png) no-repeat; left: 140px; }
a.mini3, .mini3-On { background: url(../images/home-mini3.png) no-repeat; left: 275px; }
a:hover.mini1, .mini1-On { background: url(../images/home-mini1-o.png) no-repeat; }
a:hover.mini2, .mini2-On { background: url(../images/home-mini2-o.png) no-repeat; }
a:hover.mini3, .mini3-On { background: url(../images/home-mini3-o.png) no-repeat; }
a.share {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 7px 0 0 7px;
	}

#rightHome {
	position: absolute;
	top: 0;
	right: 14px;
	width: 185px;
	}
#rightHome .box {
	margin: 0 0 10px 0;
	-moz-box-shadow: 0 0 0 #000000;
	-webkit-box-shadow: 0 0 0 #000000;
	-khtml-box-shadow: 0 0 0 #000000;
	box-shadow: 0 0 0 #000000;
	}
#rightHome .box a.detail {
	display: block;
	width: 185px;
	height: 168px;
	}
#rightHome .callout2 {
	background: url(../images/home-callout1.gif) #ff9900;
	}
#rightHome .callout2 img {
	position: absolute;
	z-index: 3;
	top: 64px;
	left: 90px;
	}
#rightHome .callout3 {
	background: url(../images/home-callout2.gif) #333333;
	}
#rightHome .callout3 img {
	position: absolute;
	z-index: 3;
	top: 20px;
	left: -35px;
	}
#rightHome .callout1 {
	z-index: 2;
	background: #ffffff;
	}
#rightHome .callout1 img {
	position: absolute;
	z-index: 2;
	top: 88px;
	left: 50px;
	}

#rightSubmit, #rightRegister, #rightPassword {
	position: relative;
	margin: 0 0 12px 210px;
	width: 761px;
	background: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
#rightSubmit .pad, #rightRegister .pad, #rightPassword .pad, #rightDetail .pad { padding: 20px; }
#rightSubmit .pad, #rightRegister .pad, #rightPassword .pad { background: url(../images/submit-bg.gif) repeat-y; }
#rightSubmit .nav, #rightRegister .nav, #rightPassword .nav { width: 240px; }
#rightSubmit .sform, #rightRegister .rform, #rightPassword .pform {
	float: right;
	width: 440px;
	}
#rightSubmit img.tshirt {
	position: absolute;
	z-index: 2;
	top: 285px;
	left: 150px;
	}
#rightSubmit img.bumpersticker {
	position: absolute;
	z-index: 2;
	top: 180px;
	left: 100px;
	}
#rightSubmit textarea {
	border: 1px solid #cccccc;
	width: 400px;
	height: 100px;
	font-size: 14px;
	padding: 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
#rightSubmit input {
	border: 0;
	background: #ff9900;
	color: #ffffff;
	padding: 4px;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	}
#rightRegister input.styled, #rightPassword input.styled {
	float: right;
	border: 0;
	background: #ff9900;
	color: #ffffff;
	padding: 4px;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);
	}
#rightRegister label, #rightPassword label {
	float: left;
	width: 130px;
	height: 20px;
	line-height: 24px;
	font-size: 14px;
	color: #525252;
	}
#rightRegister input.text, #rightRegister select, #rightPassword input.text {
	width: 220px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 3px;
	}




.box {
	position: relative;
	float: left;
	margin: 0 7px 10px 0;
	width: 185px;
	height: 166px;
	background: #ffffff;
	-moz-box-shadow: 1px 3px 3px #686460;
	-webkit-box-shadow: 1px 3px 3px #686460;
	-khtml-box-shadow: 1px 3px 3px #686460;
	box-shadow: 1px 3px 3px #686460;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
	}
.box h3 {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 167px;
	}
.box h6 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 185px;
	background: url(../images/gallery-bg-white.png);
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-khtml-border-bottom-left-radius: 6px;
	-khtml-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	behavior: url(border-radius.htc);
	}
.box h6 .pad { padding: 5px 7px; }

.white, .white *, *.white { color: #ffffff }
.orange, .orange *, *.orange { color: #ff9900 }
.darkgray, .darkgray *, *.darkgray { color: #666666 }
.gray, .gray *, *.gray { color: #aaaaaa }

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	}