/*

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

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


/* Introductory h1
-------------------------------------------------------------------------------------------- */
	h1 {
		width:316px;
		height:35px;
		margin-bottom:35px;
	}

	h1 span {
		background:url(images/contact/contact-us-h1-bg.jpg) no-repeat top left;
	}


/* Layout: Content div
-------------------------------------------------------------------------------------------- */
	div#content {
		margin-bottom:0;
		padding-top:21px;
	}


/* Layout: Main column div
-------------------------------------------------------------------------------------------- */
	div#content div#main-column {
		float:left;
		width:494px;
		padding:0 0 0 21px;
	}

	div#content div#main-column p {
		margin:0 0 10px 0;
		padding:0;
		width:470px;
	}

	div#content div#main-column p a:link, div#content div#main-column p a:visited {
		color:#eac2a5;		
	}

	div#content div#main-column a#new-ticket, div#content div#main-column a#view-faq {
		display:block;
		width:241px;
		background:black;
		float:left;
		height:72px;
		position:relative;
		overflow:hidden;
		margin:0 6px 0 0;
		color:#fff;
		text-decoration:none;
	}

	div#content div#main-column a#view-faq {
		width:236px;
	}


	div#content div#main-column a#new-ticket span, div#content div#main-column a#view-faq span {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(images/contact/open-new-ticket-anchor-bg.jpg) no-repeat top left;
		cursor:pointer;
	}

	div#content div#main-column a#view-faq span {
		background:url(images/contact/view-faq-anchor-bg.jpg) no-repeat top left;
	}

	div#content div#main-column a#new-ticket strong, div#content div#main-column a#view-faq strong {
		display:block;
	}

	div#content div#main-column ul#form_errors {
		line-height:200%;
		font-size:1.2em;
		clear:both;
		margin:0;
		padding:20px 0 0 0;
		list-style:none;
		color:#cb0000;
	}

	div#content div#main-column form#open-ticket {
		clear:both;
		margin:0;
		padding:0 0 20px 0;
		display:none;
	}

	div#content div#main-column form#open-ticket fieldset {
		margin:0;
		padding:35px 0 0 12px;
		border:none;
	}

	div#content div#main-column form#open-ticket fieldset p {
		margin:0 0 17px 0;
		padding:0;
		width:470px;
	}

	div#content div#main-column form#open-ticket fieldset p#spam-detection-c {
		display:none;
	}

	div#content div#main-column form#open-ticket fieldset label {
		display:block;
		float:left;
		color:#dfdfdf;
		width:85px;
		position:relative;
		top:1px;
	}

	div#content div#main-column form#open-ticket fieldset input#contact-name, div#content div#main-column form#open-ticket fieldset input#contact-email, div#content div#main-column form#open-ticket fieldset input#subject {
		margin:0;
		padding:0;
		border:1px solid #421919;
		background:#101010;
		width:214px;
		height:19px;
		color:#a0a0a0;
	}

	div#content div#main-column form#open-ticket fieldset textarea#message {
		width:450px;
		height:200px;
		border:1px solid #421919;
		background:#101010;
		overflow:auto;
		color:#a0a0a0;
		margin:7px 0 0 0;
		padding:5px;
	}

	div#content div#main-column form#open-ticket p#contact-submit {
		text-align:right;
		width:460px;
		padding:5px 0 0 0;
		margin:0;
	}


/* Layout: Secoundary column div
-------------------------------------------------------------------------------------------- */
	div#content div#secoundary-column {
		float:right;
		display:inline;
		width:257px;
		margin:-8px 0 30px 0;
		padding:0 7px 0 0;
	}

	div#content div#secoundary-column h2 {
		margin:0;
		padding:12px 0 0 15px;
		color:#ddbb88;
		font-weight:bold;
		font-size:1.3em;
		font-family:georgia;
	}


	div#content div#secoundary-column a:link, div#content div#secoundary-column a:visited {
		color:#c99d5b;
		text-decoration:none;
		font-size:0.9em;
	}

	div#content div#secoundary-column a:hover {
		text-decoration:underline;
	}

	div#content div#secoundary-column form#login {
		margin:0;
		padding:5px 0 0 0;
		background:url(images/contact/login-form-bg.jpg) no-repeat top left;
	}

	div#content div#secoundary-column form#login p {
		padding:6px 0 0 15px;
		width:210px;
		color:#c4c4c4;
	}

	div#content div#secoundary-column form#login fieldset {
		margin:0;
		padding:0;
		border:none;
	}

	div#content div#secoundary-column form#login label {
		display:block;
	}

	div#content div#secoundary-column form#login input#login_email, div#content div#secoundary-column form#login input#login_password {
		padding:0;
		width:214px;
		height:19px;
		background:#101010;
		border:1px solid #421919;
		color:#a0a0a0;
	}	


	div#content div#secoundary-column form#login p#submit {
		width:230px;
		padding:20px 0 25px 16px;
		margin:0;
		background:url(images/contact/login-form-bottom-bg.jpg) no-repeat bottom left;
	}

	div#content div#secoundary-column form#login p#submit input {
		margin:0 0 0 24px;
		position:relative;
		top:4px;
	}

/* Layout: Footer div
-------------------------------------------------------------------------------------------- */
	div#content div#footer {
		background:url(images/contact/footer-bg.jpg) no-repeat top left;
		padding:97px 20px 10px 20px;
		border:none;
		margin:0 0 0 -1px;
	}

	div#content div#footer a {
		position:absolute;
		top:100px;
	}