/* ===== Reset & Basics ========================================================
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Alef:400,700);

html{height: 100%;width:100%;}
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, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none; }
table {border-collapse: collapse;border-spacing: 0; }

.clearfix:before,.clearfix:after{content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.clearfix:after {clear: both; }
.clearfix {zoom: 1; }

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
 
/* ===== Primary Styles ========================================================
   ========================================================================== */
body{
color: #565656;
font-family: 'Alef', sans-serif;
font-size: 15px;
background:#cbb2b8 url(../images/bg.jpg) repeat-x center top;
}
#bg{
background: url(../images/bg1.jpg) no-repeat center top;
}
.container{
width:940px;
direction: rtl;
margin:0 auto;
}

#main{position: relative;height: 596px;}
.btn1{position: absolute;top:268px;left:39px;width:38px;height: 38px;}
.btn2{position: absolute;top:357px;left:39px;width:38px;height: 38px;}
.btn3{position: absolute;top:377px;left:289px;width:38px;height: 38px;}

#form{}
#form.close{display: none;}
#form .frm-title{
height: 34px;
background-color: #946173;
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.22);
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,.22);
box-shadow: inset 0 0 15px rgba(0,0,0,.22);
border: solid 1px #d0b5d4;
text-align: center;
padding-top:12px;
}
#form-inner{
width:908px;
height: 150px;
background: url(../images/bg-form.png) no-repeat;
margin:21px 15px 0 0;
position: relative;
padding-bottom: 10px;
}
#form-inner .frm-fld label{display: none;}
#form-inner .frm-fld input,#form-inner .frm-fld select{border:none;background: none;font-size: 16px;}
.frm-name{position: absolute;top:3px;right:85px;width:145px;}
.frm-lname{position: absolute;top:3px;right:350px;width:125px;}
.frm-email{position: absolute;top:3px;right:548px;width:210px;}
.frm-city{position: absolute;top:49px;right:98px;width:130px;}
.frm-street{position: absolute;top:49px;right:300px;width:105px;}
.frm-number{position: absolute;top:49px;right:490px;width:95px;}
.frm-zip{position: absolute;top:49px;right:663px;width:95px;}
.frm-age{position: absolute;top:96px;right:51px;width:182px;}
.frm-name input{width:145px;}
.frm-lname input{width:125px;}
.frm-email input{width:210px;}
.frm-city input{width:130px;}
.frm-street input{width:105px;}
.frm-number input{width:95px;}
.frm-zip input{width:95px;}
.frm-age select{width:182px;}
.frm-chk{position: absolute;top:105px; right:255px;}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-1px 0 0 4px;
vertical-align:middle;
background:url(../images/checkbox.png) left top no-repeat;
cursor:pointer;
}
input[type="checkbox"] + label{cursor: pointer;}
input[type="checkbox"]:checked + label span{
background:url(../images/checkbox.png) left -19px no-repeat;
}

.frm-btn{position: absolute;top:0;left:0;width:113px;height:79px;}
.frm-btn input{width:113px;height:79px;background: url(../images/btn-send.png) no-repeat;border:none;text-indent: -99999px;overflow: hidden;cursor: pointer;}
.frm-btn input:hover{opacity: 0.9;}

footer{
background: url(../images/sep.png) no-repeat center top;
padding:20px 0 20px 0;
}
#form.close +footer{
-webkit-box-shadow: inset 1px 4px 9px -6px; rgba(0,0,0,.22);
-moz-box-shadow: inset 1px 4px 9px -6px; rgba(0,0,0,.22);
box-shadow: inset 1px 4px 9px -6px; rgba(0,0,0,.22);
background: url(../images/sep.png) no-repeat center 50px;
padding:70px 0 20px 0;
}
#footer-r{
float: right;
width:540px;
}
#footer-l{
float: left;
width:160px;
text-align: center;
}
.credit{
margin:10px 0 0 0;
}

#popup{
position: fixed;
top:0;
left:0;
width:100%;
height: 100%;
background-color: rgba(255,255,255,.1);
z-index: 100;
display: none;
}
#popup-inner{
position: absolute;
top:146px;
left:50%;
margin:0 0 0 -482px;
}
#popup-inner .btn-close{
position: absolute;
top:30px;
left:30px;
width:33px;
height: 16px;
display: block;
}

@media only screen and (max-width: 1060px) {
}