/*

	These rules apply only to the 'order' page
	Some of the other rules inherited by 'order' page are defined in inner-pages.css

******************************************************************************************* */

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

/* Logo
-------------------------------------------------------------------------------------- */
	a#logo span {
		background:url(images/order/logo.jpg) no-repeat top left;
	}

/* Layount: Client login link
-------------------------------------------------------------------------------------- */
	a#client-login, a#my-projects  {
		background:url(images/order/client-login-bg.jpg) no-repeat top center;
	}


/* Introductory h1
-------------------------------------------------------------------------------------- */
	h1, h2.first-intro {
		width:362px;
		height:31px;
		margin:31px 0 0 40px;
		float:left;
		display:inline;
	}

	h1 span, h2.first-intro span {
		background:url(images/order/order-psd-to-xhtml-h1-bg.jpg) no-repeat top left;
	}

	p#intro {
		margin:0;
		padding:9px 0 38px 44px;
		clear:both;
		color:#efefef;
		font:normal 1.5em verdana;
	}

/* Layout: Content div
-------------------------------------------------------------------------------------- */
	div#content {
		background:none;
		margin:0;
		padding:0 0 49px 0;
		width:100%;
		clear:both;
		float:left;

	}

/* Layout: Main-column div
-------------------------------------------------------------------------------------- */
	div#main-column {
		float:left;
		width:466px;
		margin:0 0 0 21px;
		display:inline;
	}

	div#main-column form#order-form {
		margin:0;
		padding:0;
		background:#080808 url(images/order/order-form-bg.jpg) no-repeat 0 33px;
	}

	div#main-column form#order-form fieldset {
		margin:0;
		padding:0;
		border:none;
	}

	div#main-column form#order-form fieldset h2 {
		margin:20px 0 15px 0;
		padding:7px 0 9px 15px;
		background:#000000;
		font:normal 1.4em georgia;
		color:#dadada;
		float:left;
		width:451px;
	}

	div#main-column form#order-form fieldset h2.first {
		margin-top:0;
		background:#21080d url(images/order/h3-first-bg.jpg) no-repeat top left;
	}

	div#main-column form#order-form fieldset p {
		width:466px;
		margin:0;
		padding:10px 0 11px 0;
		float:left;
	}
	
	div#main-column form#order-form fieldset p.text {
			padding:5px 20px 15px 20px;
			width:426px;
	}

	div#main-column form#order-form fieldset label {
		display:block;
		float:left;
		width:198px;
		text-align:right;
		margin:0 10px 0 0;
		font:normal 1em georgia;
		color:#e7d0ac;
	}

	div#main-column form#order-form fieldset select {
		background:#0d0d0d;
		border:1px solid #453537;
		color:#e7e7e7;
		margin:0;
		padding:2px 0 0 5px;
		width:232px;
		height:22px;
		font:normal 0.9em verdana;
		float:left;
		position:relative;
		bottom:2px;
	}

	div#main-column form#order-form fieldset input#file {
		position:relative;
		bottom:4px;
		width:auto;
		height:auto;
		color:#000;
	}

	div#main-column form#order-form fieldset textarea {
		background:#1a1516;
		border:1px solid #3a3a3a;
		margin:7px 0 0 22px;
		padding:5px;
		width:404px;
		height:110px;
		color:#e7e7e7;
	}

	div#main-column form#order-form fieldset input {
		margin:0;
		padding:0;
		width:232px;
		height:19px;
		border:1px solid #363636;
		background:#0d0d0d;
		position:relative;
		bottom:4px;
		color:#e7e7e7;
	}

	div#main-column form#order-form fieldset input#file {
		width:217px;
		background:#fff;
		border:none;
	}

	div#main-column form#order-form fieldset p.checkbox {
		float:none;
		clear:both;
	}

	div#main-column form#order-form fieldset p.checkbox label {
		float:none;
		width:300px;
		text-align:left;
		margin:0;
		padding:0;
		font:normal 1.1em verdana;
		color:#f5f5f5;
		display:inline;
	}

	div#main-column form#order-form fieldset p.checkbox input {
		float:none;
		width:auto;
		height:auto;
		padding:0;
		margin:0 5px 0 85px;
		border:none;
		position:relative;
		top:1px;
	}

	div#main-column form#order-form fieldset input#order-form-submit {
		width:122px;
		height:31px;
		margin:45px 0 25px 313px;
		border:none;
	}

	div#main-column form#order-form fieldset p#upload-design, div#main-column form#order-form fieldset p#file-url {
		position:relative;
		margin:0 0 5px 0;
	}

	div#main-column form#order-form fieldset p#upload-design a, div#main-column form#order-form fieldset p#file-url a {
		position:absolute;
		bottom:-9px;
		right:37px;
		color:#e7d0ac;
		text-decoration:none;
		font-size:0.9em;
	}

	div#main-column form#order-form fieldset p#file-url input {
		width:220px;
	}

	div#main-column div#form-errors {
		margin:-5px 0 0 0;
	}
	
	div#main-column div#form-errors a {
		color:#e7d0ac;
	}

	div#main-column div#form-errors h2 {
		margin:0;
		padding:0 0 10px 0;
		font:normal 1.4em georgia;
		color:#dadada;
	}

	div#main-column div#form-errors ul {
		margin:0;
		padding:0 20px 20px 0;
		list-style:none;
		font:normal 1.2em verdana;
		color:#dadada;
		line-height:160%;
	}

	div#main-column div#form-errors ul li {
		padding:0 0 10px 25px;
		background:url(images/order/form-errors-arrow.jpg) no-repeat 10px 7px;
	}
	
	div#main-column form#order-form fieldset a#work-overload-proceed {
		margin:10px 0 30px 300px;
		display:inline-block;
		width:122px;
	}
	
	div#main-column form#order-form fieldset a#work-overload-proceed img {
		border:none;	
	}
	
	div#main-column form#order-form fieldset a {
		color:#e7d0ac;
	}
	
	div#main-column form#order-form fieldset p.last-oc {
		padding-bottom:40px;
	}
	
	div#main-column form#order-form fieldset p.warning {
		color:#ff2727;
		padding:5px 20px 15px 20px;
		width:426px;
	}

/* Layout: Secondary column div
-------------------------------------------------------------------------------------- */
	div#secondary-column {
		float:right;
		width:321px;
	}

	div#secondary-column div#order-review {
		width:210px;
		margin:0 0 0 24px;
		padding:0 0 13px 0;
		background:url(images/order/order-review-div-bg.jpg) no-repeat top left;
	}

	div#secondary-column div#order-review h3 {
		margin:0;
		padding:12px 0 6px 15px;
		font:bold 1.4em verdana;
		color:#fff;
	}

	div#secondary-column div#order-review p {
		margin:0;
		padding:0 0 0 15px;
		width:195px;
	}

	div#secondary-column h3 {
		margin:0;
		padding:25px 0 0 35px;
		font:bold 1.4em georgia;
		color:#e7d0ac;
	}

	div#secondary-column ul#benefits {
		margin:20px 0 0 0;
		padding:0 0 5px 27px;
		list-style:none;
		background:url(images/order/benefits-checklist.jpg) no-repeat 27px 0;
		font:normal 1.1em verdana;
		width:250px;
		color:#efefef;
	}

	div#secondary-column ul#benefits li {
		line-height:18px;
		padding:0px 0 8px 23px;
		position:relative;
		bottom:4px;
	}

	div#secondary-column ul#how-it-works {
		margin:0;
		padding:12px 0 0 35px;
		list-style:none;
		font:normal 1.1em verdana;
		color:#efefef;
	}

	div#secondary-column ul#how-it-works li {
		padding:0 0 12px 0;
		line-height:170%;
	}