/*
*** These rules are applied to all pages of the website.    *******************************
*******************************************************************************************
******************************************************************************************* */

/* Default rules for body
--------------------------------------------------------------------------------------------------- */
	body {
		margin:0;
		padding:0;
		font-family:verdana;
		font-size:62.5%;
		color:#f5f5f5;
		background:#0c0c0c;
	}

/* Layout: Container div
--------------------------------------------------------------------------------------------------- */
	div#container {
		position:relative;
		margin:0 auto;
		width:808px;
		background:#0c0c0c url(images/inner-pages/body-bg.jpg) no-repeat -1px 0;
	}

/* Logo
--------------------------------------------------------------------------------------------------- */
	a#logo {
		width:183px;
		height:53px;
		float:left;
		margin:24px 0 23px 37px;
		color:#fff;
		font-size:1.6em;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
		line-height:53px;
		position:relative;
		overflow:hidden;
	}

	a#logo span {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(images/inner-pages/logo.jpg) no-repeat top left;
		cursor:pointer;
	}

/* Logo when contained within h1
--------------------------------------------------------------------------------------------------- */
	h1#logo {
		font-size:1.3em;
		margin:21px 0 21px 32px;
		padding:0;
		float:left;
		height:58px;
		display:inline;
		width:191px;	
	}

	h1#logo a:link, h1#logo a:visited {
		color:#fff;
	}

	h1#logo img {
		border:none;
	}

/* Navigation
--------------------------------------------------------------------------------------------------- */
	ul#navigation {
		font-size:1.2em;
		padding:0;
		line-height:40px;
		background:url(images/inner-pages/navigation-bg.jpg) no-repeat top center;
		clear:both;
		width:787px;
		margin:0 auto;
		text-align:center;
		white-space:nowrap;
	}

	ul#navigation li {
		display:inline;
		white-space:nowrap;
	}

	ul#navigation a:link, ul#navigation a:visited {
		color:#fff;
		padding:9px 14px;
		text-decoration:none;
		margin:0 16px;
	}

	ul#navigation a:hover {
		background:url(images/inner-pages/hover-nav-bg.jpg) repeat-x top center;
	}

	body#about ul#navigation a#about-nav, body#process ul#navigation a#how-it-works-nav, body#benefits ul#navigation a#benefits-nav, body#order ul#navigation a#order-nav, body#faq ul#navigation a#faq-nav, body#contact ul#navigation a#contact-us-nav {
		background:url(images/inner-pages/current-nav-bg.jpg) repeat-x top center;
	}

/* Client Login Link & My Projects Link & Log Out Link
--------------------------------------------------------------------------------------------------- */
	a#client-login, a#my-projects, a#log-out {
		color:#d1d0d0;
		text-decoration:none;
		text-transform:uppercase;
		font-size:0.9em;
		float:right;
		display:inline;
		margin:0 47px 0 0;
		background:url(images/inner-pages/client-login-bg.jpg) no-repeat top center;
		padding:50px 22px 25px 22px;
	}

	a#log-out {
		padding:50px 32px 25px 32px;
	}

	a#client-login:hover, a#my-projects:hover, a#log-out:hover {
		text-decoration:underline;
	}


/* Layout: Introductory h1 and h2
--------------------------------------------------------------------------------------------------- */
	h1, h2.first-intro {
		margin:38px 0 32px 34px;
		padding:0;
		font-family:"times new roman";
		font-size:30px;
		width:245px;
		height:31px;
		position:relative;
		overflow:hidden;
	}

	h1 span, h2.first-intro span {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
	
/* Layount: Content div
--------------------------------------------------------------------------------------------------- */
	div#content {
		background:url(images/inner-pages/content-bg.jpg) no-repeat -1px 0;
		width:787px;
		margin:0 auto 55px auto;
		padding:32px 0 0 0;
	}

	div#content p {
		font-size:1.2em;
		padding:0 0 28px 35px;
		margin:0;
		line-height:200%;
		width:715px;
	}

	div#content p.last {
		margin:0 0 0 -1px;
		clear:both;
		padding:0 0 55px 35px;
		background:url(images/inner-pages/content-bottom-bg.jpg) no-repeat bottom center;
		width:752px;
	}

	div#content p.last:after {
		content:".";
		height:0;
		visibility:hidden;
		display:block;
		clear:both;
	}

	div#content p.last a#get-started {
		float:right;
		width:128px;
		height:33px;
		position:relative;
		overflow:hidden;
	}

	div#content p.last a#get-started span {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:url(images/inner-pages/get-started-anchor-bg.jpg) no-repeat top left;
		cursor:pointer;
	}

	div#content p.last a#contact-us {
		width:109px;
		height:28px;
		display:inline;
		float:right;
		position:relative;
		margin:5px 40px 0 14px;
		overflow:hidden;
	}

	div#content p.last a#contact-us span {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(images/inner-pages/contact-us-anchor-bg.jpg) no-repeat top left;
		cursor:pointer;
	}

/* Layout: Footer div
--------------------------------------------------------------------------------------------------- */
	div#footer {
		margin:0 auto;
		clear:both;
		background:#1a1a1a;
		border-bottom:5px solid #932c2c;
		font-size:1em;
		color:#cbcbcb;
		position:relative;
		padding:11px 10px 10px 16px;
		width:750px;
	}

	div#footer p {
		margin:0;
		padding:0;
		font-size:1.1em;
		color:#cbcbcb;
		width:630px;
	}
	
	div#footer p a {
		position:static !important;
		float:none !important;
		display:inline !important;
		font:normal 1em verdana !important;
	}

	div#footer a:link, div#footer a:visited {
		color:#ddbb88;
		text-decoration:none;
		display:block;
		position:absolute;
		top:11px;
		right:1.7em;
		font-size:1.1em;
	}

	div#footer a:hover {
		text-decoration:underline;
	}

/* Login box
---------------------------------------------------------------------------------------- */
	form#login-form {
		display:none;
		z-index:99999;
		position:absolute;
		top:66px;
		right:54px;
		margin:0;
		padding:5px;
		width:238px;
		background:#191919;
		border:1px solid #333131;
	}

	form#login-form a#close-login-box img {
		position:absolute;
		top:12px;
		right:12px;
		border:none;
	}

	form#login-form h5 {
		margin:0;
		padding:5px 0 5px 8px;
		font-size:1.2em;
		color:#ddbb88;
		font-family:georgia;
		font-weight:normal;
		background:#2f0d0e;
	}

	form#login-form fieldset {
		border:none;
		margin:0;
		padding:15px 5px 0 5px;
	}

	form#login-form fieldset p {
		margin:0;
		padding:0 0 9px 0;
		width:238px;
		font-size:1em;
	}

	form#login-form fieldset label {
		display:block;
		font-size:1.2em;
		color:#dfdfdf;
		padding:0 0 6px 1px;
	}

	form#login-form fieldset input#login_email, form#login-form fieldset input#login_password {
		margin:0 0 2px 0;
		padding:0;
		height:19px;
		width:228px;
		border:1px solid #421919;
		background:#323232;
		color:#a0a0a0;
	}

	form#login-form p.last {
		background:none;
		margin:0;
		padding:0 0 12px 10px;
		font-size:1em;
		width:238px;
	}

	form#login-form p.last a:link, form#login-form p.last a:visited {
		text-decoration:none;
		color:#c99d5b;
		font-size:1.1em;
	}

	form#login-form p.last a:hover {
		text-decoration:underline;
	}

	form#login-form p.last input {
		margin:0 0 0 37px;
		position:relative;
		top:5px;
	}