/* @import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);*/

html
{
	font-size: 18px;
	font-family: 'Open Sans Hebrew', Helvetica, Arial, Sans-Serif; 
	direction: rtl;
}

body
{
	margin:0;
	padding:0;
}

.container
{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	max-width: 1000px;
	height: 800px;
}


#logoContainer
{
	float:left;
	
	
}


#title
{
	float:right;
	
	
}

h1{
	
	
	color: #272264;
	font-size: 4.5em;
	font-weight: 400;
	line-height: 1em;
	margin: 0;
}


h1 span{ color: #6bac0a; }

#mainImage{
	width: 100%
}

#price{
	position: relative;
	z-index:2;
	top:4.1em;
	left:44%;
}

#bed{
	position: relative;
	z-index:4;
	top:-3.3em;
	right:9%;
}



.square {
	text-align:center;	
	margin-top:-2.5em;
	float:right;
	height: 240px;
}


#gift, #phone{
	color: #ffffff;
	background-color: #272264;
	background-image: url('../images/squre_bg.jpg');
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-position: 0px 0px; 
	width:32%
	
}

#contact {
	background-color: #6bac0a;
	width:36%
}

#contact h2
{
	color:#272264;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 0.5em;
	margin-bottom: 0.5em;
	
}

#LastName, #Email, #Phone {
	color: #171343;
  width: 68% ;
  padding: 0.5em 0.5em;
  font-family: 'Open Sans Hebrew', Helvetica, Arial, Sans-Serif; 
  font-size: 0.9em;
  font-weight:normal;
  margin-bottom: 0.6em;
  border: 0;
  border-radius: 2px;
  
    -webkit-box-shadow:inset 2px 2px 5px 0 rgba(0,0,0,0.6);
       -moz-box-shadow:inset 2px 2px 5px 0  rgba(0,0,0,0.6);
            box-shadow:inset 2px 2px 5px 0 rgba(0,0,0,0.6);

   
 
}

 #send {
	color: #ffffff;
	background:#272264;
	background-image: url('../images/button_bg.jpg');
    background-repeat: no-repeat;
    background-position: 0px 0px; 
  width: 73% ;
  padding: 0.5em 0.5em;
   font-family: 'Open Sans Hebrew', Helvetica, Arial, Sans-Serif; 
  font-size: 0.9em;
  font-weight:bold; 
  border: 0;
  border-radius: 4px;

}

#send:hover, #send:active, #send:focus
{
	background:#402890;	
	 background-position: 0px -60px; 
}


#giftimage{
	position: relative;
	margin-top: -50px;
	z-index:6;
}	

#gift h2{
	font-size: 1em;
	font-weight: 400;
	line-height: 0.5em;
		margin-top:0.5em;;
	
}

#gift p{
	margin-top: -0.2em;;
	font-size: 1.4em;
	font-weight:bold;
	line-height: 1.4em;
}

#gift p strong{
	font-size: 1.6em;
}

#phone h2{
	margin-top:0.7em;
	margin-left:0.5em;
	margin-bottom:0em;
    font-size: 2em;
    font-weight:bold;
    line-height: 0em;
}

#phone h2 img{
	position: relative;
	top:0.3em;
}

#phone a{
	text-decoration: none;
	color: #ffffff;
}

#phone a:active, #phone a:hover, #phone a:focus {
	text-decoration: none;
	color: #6bac0a;
}


#phone  #titleLink
{
	
	margin-top:0;
	margin-left:-2.5em;
	letter-spacing: 0.06em;
}

#phone h3{
	margin-top:2.5em;
    font-size: 1em;
    font-weight:bold;
    line-height: 0em;
}

#phone p.details{
	
    font-size: 0.85em;
    font-weight:normal;
    padding-right:1.4em;
    padding-left:1.4em;
    margin-bottom:-0.5em;
   
}


@media only screen and (max-width: 670px)
{
	.container
	{
		width:100%;
		text-align: center;
	}
	
	#logoContainer
	{
		width:100%
	}
	
	h1{
		font-size: 2.8em;
		padding: 0.1em;
	}
	
	#price{
		position: relative;	
		z-index:2;
		top:0em;
		left:1.5em;
	}
	
	#bed{
		top:-2em;
		right:0%;
	}
	
	.square
	 {
		
		margin-top:0em;
		float:right;
		height: 240px;
}
	
	#bed, #bed img, #gift, #phone{
		
		width:100%
		
		
	}
	
	#contact {
		width:100%
	}
	
	#giftimage{
		
		margin-top: -30px;
		margin-bottom: 10px;
		width:180px;

	}	

}

@media only screen and (min-width: 671px) and (max-width: 860px)
{
	
		
	.container
	{
		width:100%;
	}
	
	#logoContainer
	{
		float:left;
	
	}
	
	#title
	{
		width:390px;
	
	}
	
	h1{
		font-size: 3em;
		padding-top:0.5em;
		padding-right:0.5em;		
	}
	
	#price{
		position: relative;
		width:100%;
		z-index:2;
		top:1em;
		left:33%;
		
	}

	#bed{
		top:-4em;
		right:0%;
		width:100%;
	}
	
	#bed img
	{
		width:100%;
	}
	
	#giftimage{
		
		margin-top: -30px;
		margin-bottom: 10px;
		width:50%;

	}
	
	#gift h2{
	font-size: 1em;
	font-weight: 400;
	line-height: 1em;
	margin-top:0.5em;
	padding: 0 0.5em 0 0.5em;
	
	}	
	
		
	#phone h2{
		margin-top:0.7em;
		margin-left:0.5em;
		margin-bottom:0em;
	    font-size: 1.5em;
	    font-weight:bold;
	    line-height: 0em;
	}
	
	#phone h2 img{
		
		width: 25px;
		top:0em;
	}
	
	#phone  #titleLink
	{
		
		margin-top:0;
		margin-left:0;
		letter-spacing: 0.06em;
	}
	
	#phone h3{
		margin-top:1em;
	    font-size: 1em;
	    font-weight:bold;
	    line-height: 1em;
	}
	
	#phone p.details{
		
	    font-size: 0.85em;
	    font-weight:normal;
	    padding-right:1em;
	    padding-left:1em;
	    margin-bottom:-0.5em;
	   
	}
}

@media only screen and (min-width: 861px)
{
	h1{
	
		max-width: 540px;
	}
}