/*

Styles applicable to homepage only

Contents
1.0 Reset
2.0 Base styles
3.0 Header
4.0 Relaunch Area
5.0 Hero
6.0 Services
7.0 Login
8.0 Contact
9.0 Clients
10.0 Qtip


NOTES:
	* BODY font-size is set to 10px, use 1em per 10px

*/

/******************************************************************
1.0 Resets
/*****************************************************************/
/* 1.1 Reset
	http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
q:before, q:after{
	content:'';
}
:focus {
	outline: 0;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******************************************************************
2.0 Base styles
/*****************************************************************/
body{ background:#D9E4E8 url('../images/site-bg.png') top left repeat-x; color:#333; font:62.5%/1.4 Arial, Calibri, Verdana, sans-serif; }
h1{ font-size:2.4em; font-weight:normal; line-height:1; color:#F9F9F9; cursor:default; }
h2{ font-size:1.8em; font-weight:normal; line-height:1; color:#22424E; cursor:default; }
h3{ font-size:1.4em; font-weight:bold; line-height:1; color:#212121; }

p,ol,ul{ margin-bottom:1em; }
ol ol, ul ul, ol ul, ul ol{ margin-bottom:0; }

a{ text-decoration:none; }
a:link{ color:#70818E; }
a:visited{ color:#70818E; }
a:hover{ color:#22424E; }
a:active{ color:#22424E; }

.clearfix:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
.clearfix { display:block; }

td{ vertical-align:middle; }

.clearfix:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
.clearfix { display:block; }
/******************************************************************
3.0 Header
/*****************************************************************/
#header{
	width:980px; height:90px;
	margin:0 auto 0 auto;
	position:relative;
}

/* 4.1 Logo */
#header #newspress-logo{
	background:url('../images/site-sprite.png') top left no-repeat;
	display:block;
	overflow:hidden;
	position:absolute;
	top:30px;
	left:0;
	width:275px;
	height:40px;
}

/******************************************************************
4.0 Relaunch section
/*****************************************************************/
#relaunch{
	width:959px; height:135px;
	padding:26px 0 0 29px;
	margin:0 auto 0 auto;
	background:url('../images/homepage/relaunch-bg.png') top left no-repeat;
	position:relative;
}
#relaunch h1{
	width:460px;
	height: 62px;
	text-indent: -5000px;
	margin-bottom:22px;
	background: url('../images/homepage/relaunch-h1.png') top left no-repeat;
}
#relaunch h2#mainh2{
	width:520px;
	height: 36px;
	text-indent: -5000px;
	background: url('../images/homepage/relaunch-h2.png') top left no-repeat;
}
/******************************************************************
5.0 Hero
/*****************************************************************/
div#hero{
	width:1002px; height:151px;
	margin:8px auto 0 auto;
	padding:30px 0 0 0;
	background:url('../images/homepage/hero-bg.jpg') top center no-repeat;
	position:relative;
}
#hero h1{
	text-indent: -5000px;
	background: url('../images/homepage/hero-h1.png') top left no-repeat;
	height: 59px;
	margin:0 0 30px 36px;
	display:block;
}
#hero h2{
	margin:0 0 0 36px;
	font:normal 1.8em/1.2em Arial, Calibri, Verdana, sans-serif;
	color:#FFF;
}
/******************************************************************
6.0 Services section
/*****************************************************************/
#services{
	width:980px; height:229px;
	margin:0 auto 0 auto;
	padding-top:18px;
	background:url('../images/homepage/services-bg.jpg') top center no-repeat;
}
#services-container{
	width:954px;
	margin-left:12px;
	background:url('../images/homepage/services-bg-white.png');
	border:1px solid #ABD2DF;
}
#services ul{
	width:379px;
	float:left;
	margin:0;
}
#services ul li{
	height:30px;
}
#services ul li a{
	display:block;
	padding:5px 0 0 12px;
	width:367px;
	height:25px;
	color:#555;
	font:bold 1.4em/1.4 Arial, Calibri, Verdana, sans-serif;
}
#services ul li a:hover, #services ul li.selected-service a{
	background:url('../images/homepage/services-bg-blue.png');
	color:#22424E;
}
#services .service-details{
	width:551px;
	height:178px;
	padding:16px 12px 16px 12px;
	float:left;
	background:#88D3E4;
	background:url('../images/homepage/services-bg-blue.png');
	
	display: none; /* hide by default */
}
#services .service-details-selected {
	display: block;
}
#services .service-details .col1{
	width:336px;
	float:left;
}
#services .service-details .col1 h2{
	margin-bottom:22px;
}
#services .service-details .col1 p{
	font:normal 1.2em/1.4 Arial, Calibri, Verdana, sans-serif;
	color:#22424E;
}
#services .service-details .col2{
	width:195px;
	margin-left:16px;
	float:left;
}

#services .service-details .col1 ul{ width:320px; margin-left:15px; list-style:circle; }
#services .service-details .col1 ul li{ height:auto; font-size:11px; line-height:14px; margin-bottom: 5px;}
/******************************************************************
7.0 Login form section
/*****************************************************************/
#login{
	/*width:326px; height:124px;*/
	position:absolute;
	top:20px; right:16px;
	width:306px; height:104px;
	padding: 10px;
}

#login h2 {
	float: left;
	color: #fff;
}

#login #login-fields {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#login form {
	margin: 0;
	padding: 0;
}

#username, .username-field {
	width: 150px;
	margin-bottom: 5px;
}

#password, .password-field {
	width: 150px;
	margin-bottom: 5px;
}

.username-label, .password-label {
	background-position: center left;
	background-repeat: no-repeat;
	border: 1px solid #7f9db9;
	height: 18px;
}

.username-label {
	background-image: url('../images/homepage/email-bg.png');
}

.password-label {
	background-image: url('../images/homepage/password-bg.png');
}

#remember, .remember-field {
	position: relative;
	left: -5px;
}

#remember-label {
	font-size: 10pt;
	color: #fff;
	position: relative;
	top: -1px;
	left: -3px;
}

#submit, .submit-button {
	float: right;
}

#register, .register-link, #forgotten-password, .forgot-link {
	font-size: 10pt;
	color: #000;
}

#register, .register-link {
	display: block;
	float: left;
	position: absolute;
	bottom: 5px;
	left: 8px;
}

#forgotten-password, .forgot-link {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 8px;
}

#tipcontents {
	display: none;
}

#tipcontents-error {
	display: none;
}

/******************************************************************
8.0 Contact Us section
/*****************************************************************/
#contact-newspress {
	width:980px; height:60px;
	padding:15px 0 0 0;
	margin:8px auto 10px auto;
	background:url('../images/homepage/contact-clients-bg.png') top left no-repeat;
	position:relative;
}

#contact-newspress h1 {
	text-indent: -5000px;
	background: url('../images/homepage/contact-h1.png') top left no-repeat;
	height: 18px;
	margin:0 0 0 30px;
	display:block;
}

#contact-newspress h2 {
	display: block;
	float: right;
	width: 700px;
	height: 25px;
	margin-right: 20px;
	position: relative;
	top: -17px;
}

#contact-newspress h3 {
	display: block;
	float: right;
	width: 700px;
	height: 25px;
	margin-right: 20px;
	position: relative;
	top: -17px;
	color: #22424E;
}

/******************************************************************
9.0 Clients section
/*****************************************************************/
#clients {
	width:980px; height:68px;
	padding:7px 0 0 0;
	margin:6px auto 0 auto;
	background:url('../images/homepage/contact-clients-bg.png') top left no-repeat;
	position:relative;
}

#clients h1 {
	text-indent: -5000px;
	background: url('../images/homepage/clients-h1.png') top left no-repeat;
	height: 18px;
	margin:8px 0 0 30px;
	display:block;
}

#clients #client-images, #clients #client-images-2 {
	float: right;
	width: 690px;
	height: 57px;
	margin-right: 20px;
	position: relative;
	top: -32px;
}

#clients #client-images-2 {
	display: none;
}

#clients #client-images div.imagecontainer, #clients #client-images-2 div.imagecontainer {
	width: 120px;
	height: 65px;
	float: left;
	margin-right: 16px;
	display: block;
	vertical-align: middle;
	text-align: center;
	line-height: 65px;
	/*background-color: #fff;*/
}

#clients #client-images div.imagecontainer img, #clients #client-images-2 div.imagecontainer img {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	display: block;
	border: 3px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#clients #client-images div.imagecontainer:last-child, #clients #client-images-2 div.imagecontainer:last-child {
	margin-right: 0;
}

.dont-break { white-space: nowrap; }

/******************************************************************
10.0 qtip section
/*****************************************************************/
.qtip-content {
	font-size: 8pt;
}

.qtip-content h2 {
	font-size: 1.8em;
	margin-top: -2px;
	margin-left: -2px;
	margin-bottom: 2px;
}

.qtip-content a {
	color: #f00;
	text-decoration: none;
}

.qtip-content a:hover {
	text-decoration: underline;
}