@charset "UTF-8";

/* - CONTACT US FORM
------------------------------------------------- 
	Description: Ruff Reams
	Author: Modern Innovation
	Author URL: http://www.themoderninnovation.com
	Version: 1.0
/*

/* - 1.0. - Contact Us Form
---------------------------------------------- */

/**
* Clearing Methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

/* essential for Safari browser !! */
.clearfix { display: block; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* older method of adding empty tags for clearing */
.clear { clear: both; height:1px; line-height:1px; }

/*------------------------------------------------------------------------------------------------------*/



/**
* Generic Classes
* @description     Define styles for simple things like floating to the sides, text aligning, image-replacements
*/

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*------------------------------------------------------------------------------------------------------*/


.contact-form {
		padding: 15px 0 0 15px;
	}
	
	div.form ul li { 
		margin-bottom:20px; 
		list-style:none;
	}
	
	div.form input.textbox { 
		-moz-border-radius:1px; 
		-webkit-border-radius:1px; 
		border-radius:1px; 
		position:relative; 
		border:1px solid #ccc; 
		height:33px; 
		line-height:33px; 
		font-size:100%; 
		color:#555; 
		width:212px; 
		padding:0px 10px; 
		background:#eee; 
		margin-right:5px;
	}
	
	div.form select.select{ 
		-moz-border-radius:1px; 
		-webkit-border-radius:1px; 
		border-radius:1px; 
		position:relative; 
		border:1px solid #53585e; 
		height:33px; 
		line-height:33px; 
		font-size:100%; 
		color:#555; 
		width:234px; 
		padding:0px 0px 0px 10px;
		background:#ccc; 
		margin-right:5px; 
		float:left; 
	}
	
	div.form textarea.textarea{ 
		-moz-border-radius:1px; 
		-webkit-border-radius:1px; 
		border-radius:1px; 
		position:relative; 
		border:1px solid #53585e; 
		height:33px; 
		line-height:33px; 
		font-size:100%; 
		color:#555; 
		width:478px; 
		height:240px; 
		padding:5px 10px; 
		background:#eee; 
		margin-right:5px; 
		font-family:Arial, Helvetica, sans-serif;
	}
	
	div.form span.required-field { 
		font-size:100%; 
		color:#fff; 
		line-height:30px;
		display:block;
	}

	
	#contactus .contact-form .form  ul, li {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}

	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}