/*
 Farm View Design ©2013
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #00082a;  /*#61676c*/
	margin: 5px;
	padding: 0;
	color: #858585;
    /*text-shadow: 0 0px, 1px 1px #000;*/
}
#fv_logo {
    width: 275px;
    height:85px;
    padding-top: 0px; 
    padding-left: 0px;
    padding-right: 15px;
    padding-bottom: 10px; 
    float: left;
    border: 0px solid #fff;
}

h1,  {
	font-family: Arial, Helvetica, sans-serif;
    color: #000;
	font-family: sans-serif;
	font-weight: normal;
    padding-top: 5px;
}

a img { 
	border: none;
}
a {
	color: #000;
	text-decoration: none;
    width: 100%; 
}
a:hover, a:active, a:focus { 
	color: #d34e16;
	text-decoration: none;
    width: 100%;
}

img {
	max-width: 100%;
	height: auto;
	width: auto;
}
p {
	font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    line-height: 140%;
    font-family: sans-serif;
}

#wrapper {
	width: 93.75%; /* 960px/1024px  */
	background: #00082a;
	margin: 0 auto;
	padding: 10px;
}
#header {
    width: 100%;
    float: right;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
    width: 275px;
    margin-left:0;
    padding-top: 0px;
    padding-right:20px;
    float: left;
    overflow: hidden;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    
}

.sidebar li {
	list-style:none;
	width:79%;
	border-right:3px solid #00082a;
	border-bottom:5px solid #00082a;
	border-left:1px solid #00082a;
}
.sidebar li a {
	display:block;
	padding:1px 30px 1px 27px;
    
     
    background: -webkit-linear-gradient(#fff,#818385);
    background: -ms-linear-gradient(#fff,#818385);
    background: -moz-linear-gradient(#fff,#818385);
    background: linear-gradient(#fff,#818385);
    
}
.sidebar li a:hover {
	background: -webkit-linear-gradient(#818385,#edecec);
    background: -ms-linear-gradient(#818385,#edecec);
    background: -moz-linear-gradient(#818385,#edecec);
    background: linear-gradient(#818385,#edecec);
    
}

#headerContainer {
    width: 98%;
    height: 100%;
	background:#00082a;  /*#0e1b6f*/
    padding:10px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    overflow: hidden;
}
.headerPic {
    float:left;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    max-width: 330px;
    overflow: hidden;     
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
 
input(type=text) {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}
 
.headerPic img {
        width: 100%;
        -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
}

.form_name {
    width: 275px;
}
.form_email {
    width: 275px;
}
.form_telephone {
    width: 275px;
}
.form_subject {
    width: 275px;
}
.form_message {
    width: 275px;
    height: 400px;
}

.headerPic_web {
    float:left;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    max-width: 280px;
    overflow: hidden;     
    -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: max-width .5s ease-out;  /* FF4+ */
    -ms-transition: max-width .5s ease-out;  /* IE10? */
    -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
    transition: max-width .5s ease-out;
}
 
.headerPic_web img {
        width: 100%;
        -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
        -moz-transition: margin-top .5s ease-out;  /* FF4+ */
        -ms-transition: margin-top .5s ease-out;  /* IE10? */
        -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
        transition: margin-top .5s ease-out;
}

.intro {
    max-width:650px;
}
#placeholder {
    position: absolute;
    width: 200px;
    height; 200px;

}

#mainContent {
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 10px;
    padding-right: 5px;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    background: #f3f3f3;
	margin-top:20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align:center;
}
#footer a {
	text-decoration: none;
}
.clearfloat { 
	clear: both;
	height: 0;
	line-height: 0px;
}
hr.sep {
	margin:5px 0 5px 0;
	background: -moz-linear-gradient(#fff,#818385);
	height:5px;
	border:0;
}
hr.text_sep {
    margin:5px 0 5px 0;
	background:#858585;
	height:2px;
	border:0;
}
hr.text_sep {
    margin:5px 0 5px 0;
	background:#858585;
	height:1px;
	border:0;
}


/*********************************************************/
/*** Media Queries***/

@media (min-width: 981px) {
    #wrapper {
	width: 1024px;
	margin: 0 auto;
	padding: 10px;
    }
	.sidebar {
		margin:0;
	}
    h1 {
		width: 100%;
        text-align:left;
        font-size:1.1em;
        padding-top: 15px;
	}
    #footer {
	max-width: 915px;
    }
}
/* for 960px or less */
@media screen and (max-width: 981px) {
	.wrapper {
		width:93.75%; /* 960px/1024px  */
		margin:0 auto;
	}
	.sidebar {
		margin:0;
	}
    h1 {
		text-align:left;
        font-size:1.1em;
        padding-top: 20px;
	}
    #footer {
	max-width: 660px;
    }
}
/* for 768px or less */
@media screen and (max-width: 768px) {
	
	#headerContainer {
    width: 97%;
    height: 100%;
	background:#00082a;
    padding:10px;
    overflow: auto;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    overflow: hidden;
    }
    
    .mainContent {
		float:none;
		width:auto;
	}
	.sidebar {
		margin:0;
	}
	h1 {
		text-align:left;
        font-size:1.1em;
        padding-top: 15px;
	}
}

/* for 360px or less */
@media screen and (max-width: 360px) {
	
    #headerContainer {
    width: 94%;
    height: 100%;
	background:#00082a;
    padding:10px;
    overflow: auto;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    overflow: hidden;
    }

    #header {
        width: 100%;
        float: left;
        overflow: hidden;
    }

	h1 {
        width:100%;
        float: left;
		font-size:1.1em;
        padding: 0px;        
	}
    .intro {
    max-width:285px;
    }
    #footer {
	max-width: 295px;
    }
    
     iPhone 4 ----------- 
@media
       only screen and (-webkit-min-device-pixel-ratio : 1.5),
       only screen and (min-device-pixel-ratio : 1.5) {
        Your Styles 
}