/*
=====================
Global
=====================
*/
.container {
	width:960px;
	margin:auto;
	padding-top:20px;
}
body {
	font:12px/16px Arial, sans-serif;
	color:#000;
}
h1 {
	font-size:43px;
	line-height:54px;
	margin:0 0 5px -3px;
	letter-spacing:-1px;
}
h2 {
	font-weight:bold;
	font-size:23px;
	letter-spacing:-1px;
	margin-bottom:1.2em;
}
h3 {
	font-size:18px;
	font-weight:bold;
	margin:30px 0 .7em 0;
}
p, blockquote {
	margin-bottom:1em;
}
p.tag {
	font-size:12px;
	text-align:justify;
}
p.nb {
	color:#6d6d6d;
	font-size:11px;
	text-align:justify;
	width:416px;
}
strong {
	font-weight:bold;
}
a {
	text-decoration:none;
	color:#666;
}
div.clear {
	clear:both;
	line-height:0;
	font-size:0;
}

/*
=====================
Lists
=====================
*/
ul.bullet, ol {
	margin:0 0 1em 12px;
	padding-left:25px;
}
ul.bullet li {
	list-style-type:disc;
}
ol li {
	list-style:decimal outside;
}
ol.alpha li {
	list-style:lower-alpha outside;
}

/*
=====================
Header
=====================
*/
#header {
	height:71px;
	position:relative;
}
#logo img {
	display:block;
}
#nav {
	position:absolute;
	width:790px;
	height:26px;
	line-height:26px;
	left:170px; bottom:8px;
}
#nav li {
	float:left;
}
#nav li.last {
	float:right;
}
#nav a {
	float:left;
	padding:0 21px;
	font-size:13px;
	font-weight:bold;
	color:#82786F;
	outline:none;
}
#nav a:hover {
	color:#7ab800;
}
#nav li.active {
	padding-left:10px;
	color:#C7C2BA;
	background:url(/images/bg-nav.gif) top left no-repeat;
}
#nav li.active a {
	padding:0 21px 0 11px;
	color:#C7C2BA;
	background:url(/images/bg-nav.gif) top right no-repeat;
}

/*
=====================
Footer
=====================
*/
#footer p {
	text-align:center;
	color:#666;
}
#footer #copyright {
	font-weight:bold;
}
#footer #company {
	font-size:10px;
	line-height:15px;
	color:#bbb;
}

/*
=====================
Content
=====================
*/
#content {
	border:1px solid #c7c2ba;
	min-height:200px;
	margin-bottom:14px;
}

/*
=====================
Banners
=====================
*/
.banner {
	border-bottom:1px solid #c7c2ba;
	background:#e7e7e7 url(/images/bg-gradient.jpg) top no-repeat;
	position:relative;
	height:409px;
}
.home {
	padding:62px 0 0 314px;
	height:347px;
}
.home h1 {
	font-size:38px;
	margin-bottom:18px;
}
.home p.intro {
	width:332px;
}
.home p.nb {
	width:332px;
	margin-top:40px;
}
.home p.choose {
	width:332px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	margin-top:40px;
}
.home a.product {
	display:block;
	position:absolute;
	width:197px;
	height:362px;
	background-repeat:no-repeat;
	background-position:top center;
	line-height:1000px;
	overflow:hidden;
}
.home a#htc-desire-hd {
	left:60px; top:47px;
	background-image:url(/images/product-htc-desire-hd-captioned.jpg);
}
.home a#htc-desire-z {
	width:253px;
	left:675px; top:47px;
	background-image:url(/images/product-htc-desire-z-captioned.jpg);
}
.desire-hd {
	padding:159px 0 0 437px;
	height:250px;
}
.desire-z {
	padding:190px 0 0 437px;
	height:219px;
}
.desire-hd h1, .desire-z h1 {
	font-size:55px;
}
.desire-hd img {
	position:absolute;
	top:13px; left:97px;
}
.desire-z img {
	position:absolute;
	top:18px; left:104px;
}

/*
=====================
Boxes
=====================
*/
#boxes {
	height:178px;
	padding:18px 0;
	position:relative;
	left:15px;
}
#boxes li {
	float:left;
	margin-right:13px;
}
#boxes a {
	display:block;
	width:300px;
	height:178px;
	background-repeat:no-repeat;
	line-height:1000px;
	overflow:hidden;
}
#box-htc-range	{ background-image:url(/images/box-htc-range.jpg) }
#box-facebook	{ background-image:url(/images/box-facebook.png) }
#box-htc-desire	{ background-image:url(/images/box-htc-desire.jpg); padding-top:6px; position:relative; top:-6px }
#box-discover	{ background-image:url(/images/box-discover.png) }
#box-spec		{ background-image:url(/images/box-specification.png) }
#box-prereg		{ background-image:url(/images/box-pre-registration.png) }

/*
=====================
Discover
=====================
*/
#discover {
	padding:50px 42px;
	font-size:14px;
}
#discover h2 {
	color:#87796f;
	margin-bottom:18px;
}
#discover div {
	padding-bottom:20px;
	position:relative;
}
#discover p {
	margin-bottom:1.2em;
}
#discover img {
	position:absolute;
}
#discover #item1 {
	width:510px;
}
#discover #item1 img {
	left:538px; top:-30px;
}
#discover #item2 {
	width:550px;
	padding-left:340px;
}
#discover #item2 img {
	left:156px; top:0;
}
#discover #item3 {
	width:540px;
}
#discover #item3 img {
	left:576px; top:-3px;
}

/*
=====================
Specifications
=====================
*/
#specs {
	padding:50px 42px;
	font-size:13px;
	position:relative;
}
* html #specs {
	height:1%;
}
#specs dl {
	margin-bottom:1em;
}
#specs dt {
	font-weight:bold;
	width:135px;
	float:left;
	clear:left;
	padding-right:20px;
	padding-bottom:1.5em;
}
#specs dt span {
	font-weight:normal;
}
#specs dd {
	padding-bottom:1.5em;
	width:700px;
	float:left;
}
#specs img#cartoon-www {
	position:absolute;
	left:719px; top:300px;
}
#specs img#cartoon-qwerty {
	position:absolute;
	left:628px; top:455px;
}

/*
=====================
Thanks
=====================
*/
#thanks {
	padding:50px 42px;
}

/*
=====================
Privacy
=====================
*/
.privacy {
	padding:50px 42px;
	height:auto;
}
.privacy p.tag {
	width:480px;
}
#privacy {
	padding:50px 42px;
	font-size:13px;
}

/*
=====================
Forms
=====================
*/
#formContainer {
	background:#e7e7e7 url(/images/bg-gradient-form.jpg) top no-repeat;
	padding:45px 0 0 415px;
	position:relative;
	height:582px;
}
#formContainer img {
	position:absolute;
	left:55px; top:180px;
}
#form {
	margin-top:50px;
}
#form p {
	position:relative;
	height:42px;
	margin:0;
}
#form label {
	position:absolute;
	top:8px; left:-135px;
	color:#717171;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	width:122px;
}
#form input.text {
	border:1px solid #bdbdb5;
	width:469px;
	padding:7px;
	background:#ebebed;
}
#form input.text:focus,
#form input.active {
	background:#fff;
}
#form select {
	padding:3px;
	position:relative;
	top:2px;
	width:485px;
}
#form p#dob select {
	width:auto;
}
#form p#terms {
	margin-top:15px;
}
#form p#terms label {
	position:static;
	color:red;
}
#form p#terms a {
	text-decoration:underline;
}
#form p#submit {
	width:493px;
	text-align:right;
}
#form p#submit input {
	position:relative;
	top:-53px;
}

/*
=====================
Validation
=====================
*/
.validation-container {
	border:1px solid red;
	background:#fff url(/images/icon-warning.gif) 10px 10px no-repeat;
	padding:10px 10px 10px 53px;
	margin:-30px 0 12px 0;
	width:419px;
	min-height:30px;
}
* html .validation-container {
	height:30px;
}