/*INDEX*********************************************************************************************/
body { background-color: #162230; margin: 0px; -moz-user-select: none; }
img {border:0px;}
.helpcontents{ direction: rtl; width: 0px; height: 0px; overflow: hidden; margin: 0 0 0 -2000px; position: absolute; }
.wrapper{ width:100%; overflow:hidden; height:100%;  }
.align { background: url('../images/LightBGLogo.png') no-repeat left top; padding-left:50px; vertical-align: top;  }
.link { color:#d9dadb }.link a{ color:#808387;  text-decoration:none; }.link a:hover{ color: #ec0087; text-decoration:none; }
/**********LOGO START**********/
.lang{float:right; padding:0px 50px 0px 0px; font-family:Tahoma; font-size:11px; color: #d9dadb;}
.lang a{ font-family:Tahoma; font-size:11px; color: #d9dadb; text-decoration:none}
.lang a:hover{ font-family:Tahoma; font-size:11px; color: #ff008b; text-decoration:none}
#title { border-bottom: 1px #667788 solid;  height: 125px; outline:none;  margin: 0px; padding-top: 25px; }
#title h1 { font-family: Verdana; font-size: 1px; outline:none; text-transform: uppercase; }
#title h1 a { border-style: none; border-color: inherit; border-width: medium; background: url('../images/LogoMehrdadImanvand.png') no-repeat ; display: block; height: 101px; margin: 0; padding: 0; text-decoration: none; text-indent: -9999px; width: 239px; }
/**********LOGO ENDS**********/
/**********LEFT SIDE START**********/
#main_content { padding: 18px 50px 0px 50px; float:left; width:100%; overflow:hidden;   }
.content {  left:275px;   width:100%;  position:fixed; overflow:hidden }
.left {  position:fixed; top:170px; left:50px;  width:250px; height:490px;  }
/**********LEFT SIDE ENDS**********/
/**********CONTENT CONTACT STARTS**********/
.main_content_contact { color: #d9dadb; float: left; font-family: Tahoma; font-size: 11px; line-height: 150%; padding-bottom: 20px; }
.main_content_contact span { color: #d9dadb; font-family: Tahoma; float: left; font-size: 11px; font-weight: 600; width: 100%; }
/**********CONTENT ENDS**********/
/**********MENU START**********/
.menu { float: left;  }
.menu ul { padding:0px; margin:0px;}
.menu li { padding:0px; margin:0px; padding:0px 0px 20px 0px; list-style:none; height:20px; }
.hover_display{ display:none; }
.home a { background: url('../images/HomeBtn.png') no-repeat; cursor: pointer; *color:#162230; color:transparent; cursor: pointer; font-size: 0px; padding: 12px 33px 12px 33px; text-decoration: none; }
.home a:hover { background: url('../images/HomeBtn.png') no-repeat 0px -30px;  *color:#162230; color:transparent; cursor: pointer; font-size: 0px;  padding: 12px 33px 12px 33px; text-decoration: none; }
.home a.active { background: url('../images/HomeBtn.png') no-repeat 0px -30px; *color:#162230; color:transparent; cursor: pointer; font-size: 0px; text-decoration: none; padding: 12px 33px 12px 33px; }
.folio a { background: url('../images/FolioBtn.png') no-repeat;  *color:#2d353f; color:transparent; cursor: pointer; font-size: 0px;  padding: 14px 47px 14px 47px; text-decoration: none; }
.folio a:hover { background: url('../images/FolioBtn.png') no-repeat 0px -30px; color:#162230; color:transparent; cursor: pointer; font-size: 0px; padding: 14px 47px 14px 47px; text-decoration: none; }
.folio a.active { background: url('../images/FolioBtn.png') no-repeat 0px -30px; color:#162230; color:transparent; cursor: pointer; font-size: 0px; text-decoration: none; padding: 14px 47px 14px 47px; }
.about a { background: url('../images/AboutBtn.png') no-repeat; color:#2d353f; color:#162230; color:transparent; cursor: pointer; font-size: 0px; padding: 12px 35px 12px 35px; text-decoration: none; }
.about a:hover { background: url('../images/AboutBtn.png') no-repeat 0px -30px; color:#162230; color:transparent; cursor: pointer; font-size: 0px; padding: 12px 35px 12px 35px; text-decoration: none; }
.about a.active { background: url('../images/AboutBtn.png') no-repeat 0px -30px; color:#162230; color:transparent; cursor: pointer; font-size: 0px; text-decoration: none; padding: 12px 35px 12px 35px; }
.contact a { background: url('../images/ContactBtn.png') no-repeat; color:#2d353f; color:#162230; color:transparent; cursor: pointer; font-size: 0px; padding: 12px 41px 12px 41px; text-decoration: none; }
.contact a:hover { background: url('../images/ContactBtn.png') no-repeat 0px -30px; color:#162230; color:transparent; cursor: pointer; font-size: 0px; padding: 12px 41px 12px 41px; text-decoration: none; }
.contact a.active { background: url('../images/ContactBtn.png') no-repeat 0px -30px; color:#162230; color:transparent; cursor: pointer; font-size: 0px; text-decoration: none; padding: 12px 41px 12px 41px; }
/**********MENU ENDS**********/
/**********INFO STARTS**********/
.info{ color: #d9dadb; font-size: 11px; float:left; font-family: Tahoma, verdana; line-height: 150%; margin:30px 0px 0px 0px; width: 204px; }
.info address{font-style:normal;}
.info span { color: #808387; font-family:Tahoma, verdana; font-weight: 600; width: auto; }
.info_img { border: 0px; margin-right: 6px; }
.logos_info { padding-top: 15px; }
/**********INFO ENDS**********/
/**********QUOTES START**********/
.quotes { color: #d9dadb; font-size: 11px; font-family: Tahoma, verdana; float: left; line-height: 150%; margin: 0px;  padding-top:25px; width: 180px; }
.quotes p { float: left; font-family: Tahoma, verdana; font-weight: 600; margin:0px; padding:0px; width: 100%; }
.quotes span { color: #808387; font-size: 10px; float: left; font-family: Tahoma, verdana; }
.quotes a { color: #d9dadb; font-size: 11px;  font-family: Tahoma, verdana;  text-decoration:none;}
.quotes a:hover { color: #d9dadb; font-size: 11px;  font-family: Tahoma, verdana;  text-decoration:underline}
/**********QUOTES ENDS**********/
.preloader { float: right; padding-right: 12px; display:none }
/**********FOOTER STARTS**********/
#footer {  position:absolute;  bottom:0px; width:100%; left:0px; padding-bottom:8px; background-color: #162230; }
.footer-border{width:100%;  background-color:#667788; margin-bottom:8px; height:1px;  background-image:url('../images/bg-footer-TEMP.jpg'); background-repeat:no-repeat; background-position:left top;}
.copyright {  color: #d9dadb; float: left; font-size: 11px; font-family: tahoma; padding-left:50px; }
.copyright a { color: #d9dadb; text-decoration:none;  font-size: 11px; font-family: tahoma; }
.copyright a:hover { color: #d9dadb; text-decoration:underline; font-size: 11px; font-family: tahoma; }
/**********FOOTER ENDS**********/
/**********MAIN CONTENT START**********/
#slideshow{ margin: 0 auto; width: 700px; height: 460px; background: transparent url(img/bg_slideshow.jpg) no-repeat 0 0; position: relative; float: left;}
#slidesContainer { margin: 0 auto; width: 100%; height: 460px; position: fixed;}
#leftControl {width:60px;  height:230px;  background:url('../images/slide-arrows.png') no-repeat 0px -150px; right:0; top:399px;  position:fixed; z-index:10; cursor:pointer; text-indent: -10000px;}
#rightControl {width:60px;  height:230px;  background:url('../images/slide-arrows.png') no-repeat 0px 140px; right:0; top:169px;  position:fixed; z-index:10; cursor:pointer; text-indent: -10000px;}
.bg-control-slideshow{ width:60px;  height:460px; *height:463px; top:169px; right:0px;  background-image:url('../images/bg-control-slideshow.png'); z-index:0; position:fixed;}
/**********MAIN CONTENT ENDS**********/
/***********FOLIO****************************************************************************************************/
#slideshow-folio { margin: 0 auto; width: 560px; height: 460px; background: transparent url(img/bg_slideshow.jpg) no-repeat 0 0; position: relative; float: left;}
#slidesContainer-folio { margin: 0 auto; width: 100%; height: 560px; position: fixed;}
.slide-folio {margin: 0 auto; width: 560px; height: 460px; float:left; }
.item-folio{float:left; width:280px; height:230px; position:relative;	}
#leftControl-folio {width:60px;  height:230px;  background:url('../images/slide-arrows.png') no-repeat 0px -150px; right:0; top:399px;  position:fixed; z-index:10; cursor:pointer; text-indent: -10000px;}
#rightControl-folio {width:60px;  height:230px;  background:url('../images/slide-arrows.png') no-repeat 0px 140px; right:0; top:169px;  position:fixed; z-index:10; cursor:pointer; text-indent: -10000px;}
/**********ONE FOLIO**********/
#slideshow-folio-one { margin: 0 auto; width: 700px; height: 460px; background: transparent url(img/bg_slideshow.jpg) no-repeat 0 0; position: relative; float: left; }
#slidesContainer-folio-one { margin: 0 auto; width: 100%; height: 460px; overflow: auto; position: fixed;}
.slide-folio-one {margin: 0 auto; width: 540px; height: 460px;}
#leftControl-folio-one {width:60px;  height:60px;  *height:62px;   background:url('../images/slide-arrows-folio.png') no-repeat -60px 0px #162230; left:275px; top:570px;  position:fixed; z-index:10; display:none; cursor: pointer; text-indent: -10000px;}
#rightControl-folio-one {width:60px;  height:60px; *height:62px;    background:url('../images/slide-arrows-folio.png') no-repeat 0px 0px #162230; left:336px; top:570px;  position:fixed; z-index:10; display:none; cursor: pointer; text-indent: -10000px;}
.caption{position:fixed; padding:10px; top:570px; left:397px; display:none; z-index:10; width:100%; height:40px; *height:62px; background-color:#162230}
.caption-title{font-family: 'Times New Roman', Times, serif; padding:0px;  margin:0px; font-size:20px; color:#fff;	}
.caption-title a{font-family: 'Times New Roman', Times, serif; font-size:20px; color:#fff; text-decoration:none;	}
.caption-title a:hover{font-family: 'Times New Roman', Times, serif; font-size:20px; color:#ec0087; text-decoration:none;	}
.caption-detail{font-family:verdana; padding:0px;  margin:2px 0px 0px 0px; font-size:11px; color:#fff;}
/*************ONE FOLIO ENDS************************************************************************************************/
/*ABOUT*****************************************************************************************************/
.main_about { float: left; width: 650px; text-align:justify }
.content_pic { float: left; height:300px; width: 216px; }
.main_content_about { color: #d9dadb; float:left; font-family: Tahoma; font-size: 11px; line-height: 175%; margin-left: 0px; padding-bottom: 50px;   }
.main_content_about span { width:auto; color:green;}
.main_content_about span a{ color: #d9dadb; font-size: 11px;  font-family: Tahoma, verdana; text-decoration:none; }
.main_content_about span a:hover{ color: #d9dadb; font-size: 11px;  font-family: Tahoma, verdana; text-decoration:underline; }
.main_skills { width:100%; *width:470px; border-top: 1px #3d444b solid; color: #d9dadb; float: left; font-family: Tahoma; font-size: 11px; line-height: 175%; margin-top: 10px;  padding: 25px 0px 0px 0px;  }
.main_skills span { color: #808387; font-family: Tahoma; font-size: 11px; font-weight: 600; }
.main_skills p { color: #d9dadb; font-family: Tahoma; font-size: 11px; font-weight: 600; margin: 0px; padding: 0px 0px 5px 0px; }
.cv{ float:left; background:url('../images/pdf-icon.png') left no-repeat; padding:10px 0px 0px 26px; }
.cv a{font-family:Tahoma; font-size:11px; color: #d9dadb;}
.cv a:hover{font-family:Tahoma; font-size:11px; color: #ee1691; text-decoration:none}
.cv span{font-family:Tahoma; font-size:10px; color: #808387}
/*ABOUT ENDS************************************************************************************************/
/*CONTACT*****************************************************************************************************/
.main_content { color: #d9dadb; float: left; font-family: Tahoma; font-size: 11px; line-height: 150%; padding-bottom:25px;  }
.main_content span { color: #d9dadb; font-family: Tahoma; float: left; font-size: 11px; font-weight: 600; width: 100%; padding-bottom:10px; }
/**********FORM START**********/
form{  margin:0px; padding:0px; }
.contact-form { width:100%; float:left; }
.label-form { color: #808387; float: left; font-family: Tahoma; font-size: 11px; padding-top: 5px; vertical-align: middle; width: 90px; }
.contact-field-box{ width:100%; *width:auto; }
label{ float:left;  }
input{ border:0px; background-image:url('../images/BGFieldContactForm.png'); background-color:transparent; color:#d9dadb;  font-family:tahoma; font-size: 11px;  height:19px; padding:3px 0px 3px 6px;  margin: 6px 0 6px 0; width: 223px; }
textarea{ background:url('../images/BGBoxContactForm.png') no-repeat; background-color:transparent;  border:0px; color:#d9dadb; font-family:tahoma; font-size: 11px; height: 154px; line-height:150%; margin: 6px 0 6px 0; overflow:hidden; padding: 6px 0px 3px 6px;  width: 223px; }
input.submit{ background:url('../images/BtnContactForm.png') no-repeat; cursor: pointer;  height:23px; margin:10px 0px 0px 255px; width:67px;}
input.submit:hover{background:url('../images/BtnContactForm.png') 0px -23px no-repeat; cursor: pointer; height:23px; width:67px; }
label.error{ color:#ff008b; float:left;  font-family:Tahoma;  font-size:11px; position:fixed; margin:15px 0px 0px 10px;    }
input.error{ background:url('../images/BGFieldContactForm.png') 0px -25px no-repeat;}
textarea.error{ background:url('../images/BGBoxContactForm.png') no-repeat 0px -163px; }
div.message-sent{ margin:355px 0px 0px 0px; *margin:360px 0px 0px -560px;  position:absolute; width:auto; }
div.message-sent h3{ color:#ec0087; font-family:Tahoma; font-size: 11px;  font-weight:600; line-height: 10px; padding:0px;}
div.message-sent p{ color:#d9dadb; font-family:Tahoma; font-size: 11px; font-weight: normal;  margin:0px; padding:0px; }
/**********FORMS ENDS**********/
/*CONTACTS ENDS************************************************************************************************/