@import url(http://fonts.googleapis.com/css?family=Maven+Pro);

/** Resets defualt browser settings **/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,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-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }

/* Correct text resizing oddly in IE6/7 when body font-size is set using em units. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */
	html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	body { margin: 0; font-size: 10px; line-height: 1.231; background:white; }
	body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* HTML5 display definitions */
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
	audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
	audio:not([controls]) { display: none; }
	[hidden] { display: none; }

/* Standard Elements */
	ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
	dd { margin: 0 0 0 40px; }
	nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
	img { border: 0 none; -ms-interpolation-mode: bicubic; vertical-align: middle; }
	figure { margin: 0; }
	strong, b { font-weight: bold; }
	p { margin: 1em 0em; }

/* Unique Markup */
	blockquote { margin: 1em 40px; }
	blockquote:before,blockquote:after,q:before,q:after { content:""; }
	blockquote,q { quotes:"" ""; }
	q { quotes: none; }
	q:before, q:after { content: ""; content: none; }
	abbr[title] { border-bottom: 1px dotted; }
	dfn { font-style: italic; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid #c6b282; margin: 2em 0; padding: 0; }       
	ins { background: #ff9; color: #000; text-decoration: none; }
	mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
	pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
	small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }

/* Basic Form Styling */
	.form { margin: 0; }
	.form ul {list-style-type: none; list-style-image: none; margin: 0em; padding: 0em; }
	.form li { margin: 0em; padding: 0em; line-height: 2em; }
	fieldset { border: .1em solid #ccc; margin: 0; padding: 1em; }
	
	/* Indicate that 'label' will shift focus to the associated form element */
	label { cursor: pointer; }
	
	/* Correct color not inheriting in IE6/7/8/9  and correct alignment displayed oddly in IE6/7 */
	legend { border: 0; *margin-left: -7px; padding: 0; }
	
	/* Correct font-size not inheriting in all browsers. Remove margins in FF3/4 S5 Chrome. Define consistent vertical alignment display in all browsers */
	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
	
	/* Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet). Correct inner spacing displayed oddly in IE6/7 */
	button, input { line-height: normal; *overflow: visible; }
	
	/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */
	table button, table input { *overflow: auto; }
	
	/* Display hand cursor for clickable form elements. Allow styling of clickable form elements in iOS */
	button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button; }
	
	/* Consistent box sizing and appearance */
	input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
	input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
	input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
	
	/* Remove inner padding and border in FF3/4: h5bp.com/l */
	button::-moz-focus-inner { border: 0; padding: 0; }
	
	/* Remove default vertical scrollbar in IE6/7/8/9. Allow only vertical resizing */
	textarea { overflow: auto; vertical-align: top; resize: vertical; }
	
	/* Colors for form validity */
	input:valid, textarea:valid {  }
	input:invalid, textarea:invalid { background-color: #f0dddd; }
	

/* Basic Table Styling */
	table { border-collapse:collapse; border-spacing:0; }
	caption,th,td { text-align:left; font-weight:normal; vertical-align: top; }
	th {font-weight: bold;}


/* Basic Link Styling */

	a { color: #860000; text-decoration: none; cursor:pointer;}
	a:hover { color: #06e; text-decoration: underline; }
	a:focus { outline: thin dotted; }
	a:hover, a:active { outline: 0 none; color:#460101; }


/* Other Reset Hacks */
	/* Redeclare monospace font family: h5bp.com/j */
	pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
	
	/* Correct overflow not hidden in IE9 */
	svg:not(:root) { overflow: hidden; }


/* GLOBAL STYLE */
	
	
	body {
		margin: 0em;
		padding: 0em;
		background: #fff4da;
		font-family: 'Maven Pro', Helvetica, Arial, sans-serif;
		line-height: 1.2em;
		background: -moz-linear-gradient(top, #d0e7ff 0%, #fff4da 26%);
		background: -webkit-gradient(linear, left top, left bottom, from(0%, #d0e7ff), to(26%, #fff4da));
		background: -webkit-linear-gradient(top, #d0e7ff 0%, #fff4da 26%);
		background: -ms-linear-gradient(top, #d0e7ff 0%, #fff4da 26%);
		background: -o-linear-gradient(top, #d0e7ff 0%, #fff4da, 26%);
	
		min-width: 1020px;
	}

	.clear {
    	clear: both;
 	}
	
	.hidden {
		display: none;
	}
	
	
	
	h1{
		font-size: 2em;
		color: #292929;
		font-weight: 300;
		line-height: 1.15em;
		border-bottom: .05em solid #c6b282;
		margin: 0 0 1em;
	}
	
	h2{
		font-size: 1.6em;
		line-height: 1.2em;
	}
	
	h3{
		font-size: 1.3em;
	}
	
	h4 {
		font-size: 1.1em;
	}
	
	.imgLeft{
		float: left;
		padding-right: .75em;
	}
	
	.imgLeftBottom{
		float: left;
		padding-right: .75em;
		padding-bottom: 1.5em;
	}

	.imgRight{
		float: right;
		padding-left: .75em;
	}
	
/* MAIN PAGE STRUCTURE */
	
	/* Center page */
	#totalWrap {
		width: 96em;
		margin: 0 auto;
		padding: 0;
		background-color: #FFF;
		
		-moz-box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.45);
		-webkit-box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.45);
		box-shadow: 1px 3px 12px rgba(0, 0, 0, 0.45);
	}
	
	.wrap {
	width: 96em;
	margin: 0 auto;
	overflow: hidden;
}
	


/* PRIMARY CONTENT CONTAINER STRUCTURE */	
	
	.mainContent {
		padding: 2.4em;
		font-size: 1.4em;
		line-height: 1.6em;
	}
	
	.mainContent li {
		padding: .2em 0em;
	}
	
	.mainContent p {
		margin: 1.6em 0em;
	}
	
	.mainContent ul {
		margin: .5em 0em 2em 1em;
	}
	
	.mainImg {
		clear: left;
		min-height: 30em;
		float: left;
		margin: 2em 2em;
		padding: 0em;
	}
	
	.callout {
		width: 18em;
		float: right;
		background-color:#ecdebc;
		border: 1px solid #c6b282;
		padding: 1.5em;
		margin: 0 0 1em 2em;
		clear: right;
		font-style:italic;
	}

    .callout a 
    {
        float: right;
    }

/* STANDARD FORM FIELDS */
	
	form label {
		float: left;
		line-height: 1.2em;
		width: 15em;
		padding-right: 1em;
		font-weight: bold;
	}
	
	button {
		background: #916a48;
		margin-top: .4em;
		margin-right: 1em;
		border: 1px solid #764f2e;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		padding: .4em 1.8em;
		color: #FFF;
		font-size: 1em;
		cursor: pointer;
		line-height: normal;
	}
	
	button:hover {
		background: #5d3818;
		border: 1px solid #5d3818;
	}
	
	button:active {
		background: #49290e;
		border: 1px solid #5d3818;
	}
	
	
/* HEADER */		
	.mainLogo{
		margin: 0 0 0 1.4em;
		position: absolute;
		top: 30px;
        height: 124px;
        z-index: 1;
	}
	
	#topLinks {
		float: right;
		margin:1.62em 1.6em 0 0;
		padding: 0;
	}
	
	#topLinks li {
		margin: .8em 0;
		padding: 0;
		float: left;
		list-style-type: none;
		border-left: 1px solid #4f2b00;
	}
	
	#topLinks a {
		font-size: 1.2em;
		padding: 0 1em;
		margin: 0;
		color: #4f2b00;
		line-height: 1.4em;
		text-transform: uppercase;
	}
	
	#topLinks .first {
		border-left: 0 none;
	}
	


/* MAIN NAVIGATION */
	
	#nav {
		margin: 0 auto;
		float: right;
		position: relative;
		top: 0px;
		z-index: 2;
		padding: 0;
	}
	
	#nav li {
		margin: .8em 0;
		padding: 0;
		float: left;
		list-style-type: none;
		border-left: 1px solid #4f2b00;
	}
	
	#nav a {
		font-size: 1.8em;
		padding: 0 .4em;
		color: #4f2b00;
		margin: 0;
		line-height: 1.4em;
	}
	
	#nav .first {
		border-left: 0 none;
	}
	
	
/* FOOTER */
	footer {
		background: #916a48;
		margin: 3em 0 0;
		color: #dfd1c4;
		line-height: 2em;
		padding: 5em 0 7em;
	}
	
	footer a {
		color: #dfd1c4;
	}
	
	footer a:hover {
		color: #fcfaf8;
	}
	
	footer .left {
		float: left;
		width: 40%;
		padding-left: 13em;
		margin: 0;
		font-size: 1.3em;
		background: url('../Images/barn.png') no-repeat 0 0;
	}
	
	footer li {
		display: inline;
		border-left: 1px solid #FFF;
		padding: 0 .5em 0 .7em;
		font-size: 1.3em;
	}
	
	footer .first {
		border-left: 0 none;
	}
	
	footer .right {
		float: right;
		font-size: 1.3em;
		margin: 0px;
		padding-top: 2.6em;
		padding-right: 2.4em;
	}
	
	footer .right h2 {
		font-size: 1.3em;
	}
	
	footer .right h3 {
		font-size: 1.1em;
	}
	
	.copyright {
		font-size: .8em;
	}
	

	
/* GENERAL CLASSES */
	.mainContent .noTop {
		margin-top: .3em; 
	}
	
	h2 div 
	{
	    font-size: .8em;
	    font-weight: bold;
	    color: #916a48;
	}
		
	
/* HOME */

	#welcomeImg
	{
		background: url('../Images/WheatField3.jpg') top left no-repeat;
		height: 448px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/WheatField3.jpg', sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Images/WheatField3.jpg',sizingMethod='scale')";		
		max-width: 1500px;
		margin: 0px auto;
		padding: 3em 0 0;
		position: relative;
		-moz-box-shadow: 0 12px 8px -8px rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: 0 12px 8px -8px rgba(0, 0, 0, 0.35);
		box-shadow: 0 12px 8px -8px rgba(0, 0, 0, 0.35);
	
	}
	
	#welcomeImg blockquote {
		font-size: 2.5em;
		float: right;
		line-height: 1.3em;
		margin-right: 0;
		width: 44%;
		font-style:italic;
		font-family:"Times New Roman", Times, serif;
	
	}
	
	#welcomeImg blockquote  span {
		background: #eef2f5;
		padding: 0 .5em;
	}

	.homeFullSpan, #homeBoxesFull {
		font-size: 1.3em;
		line-height: 1.8em;
	}

	.homeFullSpan {
		border-bottom: 1px solid #4f2b00;
		margin: 4em 0 1em;
		padding: 0 0 2.5em;
	}
	
	#homeBoxesFull {
		padding: 1em 0 3em;
		border-top: 1px solid #4f2b00;
	}
	
	.homeBox {
		display: block;
		float: left;
		width: 33%;
		
	}
	
	.homeBoxPad {
		padding: 3em 2.5em 1em
	}
	
	.homeBox h2 {
		color: #4f2b00;
		font-size: 1.5em;
		margin-bottom: .4em;
	}
	
	.actionCallout {
		color: #FFF;
		background: #916a48;
		padding: 1em 4em;
		margin-left: 2em;
		margin-bottom: 2em;
		float: right;
	}
	
	.actionCallout a {
		font-size: .8em;
		line-height: .8em;
		color: #FFF;
		text-transform: uppercase;
	}
	
	.actionCallout a div {
		font-size: .8em;
		color: #FFF;
		text-transform: none;
		text-align: center;
	}


	.quote {
		text-align: center;
		font-size: 2.4em;
		font-style:italic;
		line-height: 1.2em;
		color: #4f2b00;
		padding: 0;
	}
	
	.quote span {
		font-style: normal;
		font-size: .65em;
	}
	
	
	.testimonial p
	{
	    margin: 0;
	}
	
	.testimonial div 
	{
	    font-weight: bold;
	    margin-bottom: 1.5em;
	}
	
	
	.clients td 
	{
	    padding-right: 3.5em;
        line-height: 1.8em;
    }
    
    form .ui-dialog 
    {
        font-size: 1.2em;
        line-height 1.8em;
    }
    
    #contactForm {
		width: 50%;
		float: left;
	}
	
	 #contactForm ul, #knowRandy ul  
	 {
	    margin: 0;
	    padding: 0;
	 }
	
	input, select, textarea {
	    font-size: 1.2em;
	    width: 400px;
	    border: 1px solid #BBBBBB;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    margin: .3em 0 .8em;
	    background: #fff9ea;
    }

	textarea {
	    height: 5em;
	}
	
	
	
	#knowRandy li
	{
	    line-height: 1.2em;
	    padding-bottom: 1em;
	}
	
	#knowRandy span
	{
	    font-weight: bold;
	}
	

@media screen and (max-width: 1230px) {
	.mainLogo{
		margin: 0 0 0 2em;
	}
}	
	
	
@media screen and (max-width: 1200px) {
	#welcomeImg {
		height: 350px;
	}
}

@media screen and (max-width: 1130px) {
	.mainLogo{
		margin: 0 0 0 2em;
	}
}	

@media screen and (max-width: 1100px) {
	#welcomeImg {
		height: 300px;
	}
	
	.mainLogo{
		margin: 0 0 0 7em;
	}
}

@media print 
{
   .mainLogo 
   {
        background: url('../Images/logo_white.png') no-repeat top left;
        float: left;
        width: 170px;
        position: relative;
        top: 0px;
   }
   
   .mainLogo img 
   {
        display: none;
   } 
}