/* 
    Document   : responsive-style
    Created on : May 28, 2013, 10:53:15 AM
    Author     : malahov
    Description:
        Purpose of the stylesheet follows.
*/


@media screen and (max-width: 1100px) {

	body{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 600px) {

	body{
		width: 435px;
		margin: 0 auto;
	}
	#body {
		width: 414px;
	}
	#container{
		margin-top: 535px;
	}


	h1, h1 a {
	    line-height: 1;
	    margin-bottom: 10px;
	    margin-top: 10px;
	}
	h2, h2 a{
		font-size:21px;
		margin-bottom: 16px;
	}

	.content{
	    font-size: 16px;
	}

	/* HEADER */
	.page-template-page-gallery-php #header{
		height: 600px;
	}
	#header{
		height: 536px;
	}
	.top-menu {
		margin: 36px 25px 0 0;
		text-align: center;
		width: 157px;
	}
	.top-menu li {
		float: none;
		font-size: 20px;
		display: inline-block;
		zoom:1;
		*display: inline;
	}
	.top-menu li.phone-number{
		margin-bottom: 15px;
	}
	.top-menu .button-mail,
	.top-menu .button-fb,
	.top-menu .button-twitter {
		height: 34px;
		background: url(images/responsive-images/r-social.png) no-repeat;
		width: 43px;
	}
	.top-menu .button-mail{
		margin-left: 0;
		background-position: -3px 0;
	}
	.top-menu .button-fb{
		margin-left: 10px;
		background-position: -55px 0;
	}
	.top-menu .button-twitter{
		margin-left: 10px;
		background-position: -109px 0;
	}

	.header-side-block{
		left: -1px;
	}

	/* Header pictures */
	.header-pictures{
		margin-top: 21px;
	}
	.header-pictures-main img {
		width: auto;
		height: 282px;
		position: relative;
		left: 50%;
		margin-left: -257px;
		z-index: -1;
	}
	.header-pictures-main {
		width: auto;
		height: 286px;
	}

	.header-pictures-nav{
		width: 100%;
	}
	.header-pictures-nav li{
		width: 24.25%;
		margin-left: 1%;
	}
	.header-pictures-nav .item-1{
		margin-left: 0;
	}
	.header-pictures-nav .item-3{
		margin-left: 1%;
	}
	.header-pictures-nav .pictures-hover-wrapper{
		width: 100px;
		height: 116px;
	}
	.header-pictures-nav .pictures-hover{
		font-size: 16px;
		height: 116px;
	}


	/* CONTENT */
	#content {
		width: 100%;
		float: left;
	}

	/* SIDEBAR */
	#sidebar {
		width: 100%;
		margin-left: 0;
	}
	.widget h3{
		font-size: 20px;
		text-align: center;
	}

	.widget_gre_ca_form input[type="text"]{
		width: 350px;
	}

	/* Form elements */
	input[type="text"], input[type="email"], input[type="password"]{
		padding-top: 7px;
		padding-bottom: 7px;
	}

	#txtname {
		background-position: 6px -91px;
	}
	#txtemail {
		background-position: 6px -130px;
	}
	#txtmoveindate {
		background-position: 6px -169px;
	}

	/* FOOTER */
	#footer{
		padding-bottom: 15px;
	}
	.footer-logos{
		float: left;
		width: 100%;
	}
	.footer-logos a img{
		width: 100%;
		height: auto;
	}
	.footer-logos a{
		width: 135px;
	}
	.footer-logos a:first-child{
		width: 215px;
	}
	.footer-text{
		margin-left: 0;
		width: 50%;
	}
	.footer-contact{
		margin-top: 19px;
		width:50%;
	}


	/* GALLERY */

	.page-template-page-gallery-php #container {
	    margin-top: 600px;
	}
	.orbit-wrapper, #body #photo-gallery-featured, #body .orbit .photo-gallery-item {
		width: 100% !important;
		height: 370px !important;
	}
	#body .orbit .photo-gallery-item{

	}
	#body .orbit .photo-gallery-item img {
	    height: 370px !important;
	    width: auto;
	}
	#body .orbit-bullets li.has-thumb {
	    height: 75px;
	    width: 123px;
	}

	#body .orbit-bullets li.active.has-thumb, #body .orbit-bullets li.has-thumb:hover {
	    background-position: -3px -3px !important;
	    height: 69px;
	    width: 117px;
	}
	.orbit-bullets-wrapper .viewport{
		height: 92px;
	}
	#body .orbit-bullets{
		bottom: -85px;
	}

	#body div.slider-nav span {
	    background: url("images/responsive-images/gallery-sprite-resp.png") repeat scroll 0 0 transparent;
	    display: block;
	    height: 48px;
	    margin-top: 0;
	    width: 27px;
	}
	#body div.slider-nav span.right {
	    background-position: -34px 0;
	    right: 0;
	}
	#body div.slider-nav span.left:hover {
	    background: url("images/responsive-images/gallery-sprite-resp.png") repeat scroll 1px -52px transparent;
	}
	#body div.slider-nav span.right:hover {
	    background: url("images/responsive-images/gallery-sprite-resp.png") repeat scroll -34px -52px transparent;
	}

	/* Floor Plans */
	table.fps > tbody > tr > td {
		float:left;
	}
	table.fps > tbody > tr td img {
		max-width:250px;
		height:auto;
	}
	table.fps > tbody > tr td:last-child {
		padding-right:0;
	}

	/* BLOG */
	.post-content{
		width: 100%;
	}

	/* Neighborhood */
	#walkscore{
		width: 100%;
		overflow: auto;
	}
	.get-directions-button{
		right: 0;
	}

	/* Contact */
	.contact-us-right{
		margin-bottom: 15px;
		margin-top: 0;
	}

}