/*--------------------
 * BISMI ALLAH
 * This is for weby ptoject
 * contact me at: webyNOW@gmail.com
----------------------
 * THE RESET
--------------------*/
html,body{height:100%;font-family:sans;}body,html,div,blockquote,img,label,table,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td,tr{color:#000;margin:0;padding:0;border:0;outline:0;font-family:'CaviarDreamsRegular';}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;}ul,ol{list-style:none}a{color:black;text-decoration:none}.floatLeft{float:left}.floatRight{float:right}.overflowHidden{overflow:hidden}
a,h1,h2,h3,p,li,ul{font-family:sans;}
body{background-color:#000;background-image:url(img/bg.png);}
/*-------------------*/

#container{
min-height:100%;
position:relative;
width:960px;
margin:0 auto;
background-color:transparent;
background-color:#f2f2f2;
box-shadow:0 0 5px #000;
}
#header{
position:relative;
height:229px;width:960px;
background-color:#52585D;background-image:url(img/header.jpg);
}

/* PANORAMA */
#pan{
position:relative;
width:628px;
float:right;
}

.panorama-viewport{
position:absolute;
width:640px;
right:0;
overflow:hidden;
margin:0;padding:0;
}
.panorama-container{
position:relative;
width:100000px;
margin:0;padding:0;
}
.panorama-panel ul{
display:none;
}
.panorama{
position:relative;
margin:0;
padding:0;
border:none;
}



/* MENU */
#menu{
position:absolute;
bottom:9px;
}
#menu .sub_menu{
float:left;
width:160px;height:52px;line-height:54px;
text-align:center;color:#fff;font-size:16px;
cursor:pointer;
}
#menu .sub_menu:hover{background-color:rgba(0,0,128,.2);}
#menu .sub_menu.active{background-color:rgba(0,0,128,.5);}




#body{
padding-bottom:150px;
overflow:hidden;
}

.title{
font-size:20px;color:#22002b;
padding-bottom:10px;
}
.text{
font-size:14px;color:#4d4d4d;
}
a.read_more{
font-size:14px;color:#1a1a1a;text-align:right;float:right;display:block;padding-top:5px;
}

.right_separator{
background-color:transparent;background-image:url(img/sep.png);
background-position:right;background-repeat:no-repeat;
}

img.new_prod{border:none;width:280px;height:184px;padding:0;margin:0;display:block;}
.new_prod_name{width:100%;text-align:center;height:48px;line-height:48px;color:#000;background:#f9f9f9;}

#partners{
width:920px;height:172px;
margin:0 auto;
background-color:#fff;
background-image:url(img/partners.jpg);
background-repeat:no-repeat;
background-position:center;
border-radius:16px;
box-shadow:0 0 8px #777;
margin-bottom:12px;
}


/* FOOTER */

#footer{
position:absolute;
bottom:0;width:960px;height:139px;
background-color:transparent;background-image:url(img/footer.jpg);
}

#footer_menu{
position:absolute;
top:10px;
}
#footer_menu .sub_menu{
float:left;
width:160px;height:34px;line-height:34px;
text-align:center;color:#fff;font-size:16px;
cursor:pointer;
}

#footer p{
display:block;
text-align:left;font-size:14px;color:#fff;
position:absolute;top:56px;left:44px;
}

#refer{position:absolute;background:url(img/weby.png);width:24px;height:24px;bottom:3px;right:3px;border:none;}


/* MANAGER */
.full_text{
width:900px;
overflow:hidden;
margin:0 auto;
font-size:14px;
color:#555;
}
#message.full_text{
width:760px;
padding-top:24px;
}
#message.full_text p{
line-height:20px;
}
.firstcharacter{
float:left;
color:#A01800;font-size:48px;line-height:36px;font-family:Georgia,serif;
padding-top:4px;padding-right:8px;padding-left:3px;
}


/* PRODUCTS */
#pr_l {
padding-top:10px;
float:left;
width:240px;
background:transparent;
}
#pr_l span{
display:block;
background:#f9f9f9;
margin-bottom:7px;
font-size:14px;color:#666;line-height:32px;
padding-left:5px;
border-radius:8px 0px 0px 8px;
box-shadow:-1px 0px 1px #aaa;
}
#pr_l span:hover{
background:#C51D00;color:#fff;
}
#pr_l span.active{background:#C51D00;color:#fff;}

#pr_r{
float:left;
width:650px;
border-radius:0px 16px 16px 0px;
border:1px solid #C51D00;
background:transparent;
}

.pr_pg{
display:none;
width:620px;
padding:20px 20px;
min-height:390px;
}
.pr_pg.active{
display:block;
background:transparent;
}

.maker{
background:#000;
background-image:url(img/bg.png);
border:1px solid #ccc;
padding:4px 4px;
margin-bottom:17px;
font-size:20px;
text-align:center;
color:#f1f1f1;
width:595px;
border-radius:12px;
box-shadow:0px 0px 2px #999;
text-shadow:0 0 2px #ccc;
}

.list{
list-style:circle;
padding-left:32px;
padding-top:10px;
font-size:14px;color:#4d4d4d;
}
.list li{
margin-bottom:10px;
}

.text.sub{padding-bottom:10px;}

.in_text{
float:right;
margin:20px;
border-radius:8px;
box-shadow:1px 1px 2px #000;
}

.full_width{
width:100%;
border:none;
}


#mapviewer{
width:500px;
margin:20px auto;
}

.feature{
text-align:center;
height:32px;font-size:18px;font-family:serif;
color:#1E4DC6;font-style:oblique;text-shadow:0 0 2px #777;
}
.feature:before{content:'" ';}
.feature:after{content:' "';}



.sub_pr{width:100%;}
.sub_pr tr{height:32px;}
.sub_pr td{text-align:left;height:32px;padding:5px;background-color:#FFFFB3;border-radius:4px;}
.sub_pr .ph{width:100px;text-align:center;}
.sub_pr .pdf{width:250px;text-align:center;}
.ph a{background:transparent url(img/img.png) no-repeat left center;padding-left:32px;line-height:32px;}
.pdf a{background:transparent url(img/pdf.png) no-repeat left center;padding-left:32px;line-height:32px;}

table{margin-bottom:30px;}

h2.title{
font-size:18px;color:#22002b;
padding-top:10px;
padding-bottom:10px;
}

img.center{
margin:5px;
border-radius:8px;
box-shadow:1px 1px 2px #000;
}


/* CONTACT FORM */
fieldset{margin:0;padding:0;border:0;}
label{width:250px;display:block;}
.txt_input{width:360px; display:block;border:1px solid #000;height:24px;border-radius:4px;background:#fff;color:#000;padding:2px 8px;box-shadow:none;}
textarea{height:80px; width:360px;border:1px solid #000;height:100px;border-radius:4px;background:#fff;padding:2px 8px;}
input{display:block;width:128px;height:32px;background-color:#95C500;border:1px solid #87B200;border-radius:4px;color:#fff;box-shadow:0 0 2px #999;}
.req{color:#f00;font-size:90%;}
#form_errors{color:#f00; display:none;}
#form_thanks{color:#000; display:none;}
#contact{
display:block;
width:300px;
margin:20px auto;
}
