﻿/*INDEX*********************************************************************************************/
body { background-color: #2b323a; margin: 0px; }
.align { background: url('../images/LightBGLogo.png') no-repeat left top; padding: 0px 0px 0px 50px; vertical-align: top; }
#main_content { padding: 25px 50px 0px 0px; float: left;}
.link { color:#d9dadb }.link a{ color:#808387;  text-decoration:none; }.link a:hover{ color: #ec0087; text-decoration:none; }
/**********LOGO START**********/
#title { border-bottom: 1px #3d444b solid; height: 111px; 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: 86px; margin: 0; padding: 0; text-decoration: none; text-indent: -9999px; width: 204px; }
/**********LOGO ENDS**********/
/**********LEFT SIDE START**********/
.left { float: left;  min-height:655px; width: 225px; }
/**********LEFT SIDE ENDS**********/
/**********CONTENT START**********/
.content { float:left; min-height:655px; }
/**********CONTENT 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; padding-bottom: 40px; padding-top: 15px; *padding-top: 0px; }
.hover_display{ display:none; }
.home{ padding-bottom:40px; padding-bottom:34px\9; *padding-bottom:21px; _padding-bottom:21px;  }
.home a { background: url('../images/HomeBtn.png') no-repeat; cursor: pointer; color:#2d353f; font-size: 0px; padding: 12px 33px 12px 33px; text-decoration: none; }
.home a:hover { background: url('../images/HomeBtnHover.png') no-repeat; cursor: pointer; font-size: 0px; padding: 12px 33px 12px 33px; text-decoration: none; }
.home a.active { background: url('../images/HomeBtnHover.png') no-repeat; cursor: pointer; font-size: 0px; text-decoration: none; padding: 12px 33px 12px 33px; }
.folio{ padding-bottom:40px;  padding-bottom:34px\9;  *padding-bottom:21px; _padding-bottom:21px;}
.folio a { background: url('../images/FolioBtn.png') no-repeat; color:#2d353f; cursor: pointer; font-size: 0px; padding: 12px 24px 12px 24px; text-decoration: none; }
.folio a:hover { background: url('../images/FolioBtnHover.png') no-repeat; cursor: pointer; font-size: 0px; padding: 12px 24px 12px 24px; text-decoration: none; }
.folio a.active { background: url('../images/FolioBtnHover.png') no-repeat; cursor: pointer; font-size: 0px; text-decoration: none; padding: 12px 24px 12px 24px; }
.about{ padding-bottom:40px;  padding-bottom:34px\9;  *padding-bottom:21px; _padding-bottom:21px;}
.about a { background: url('../images/AboutBtn.png') no-repeat; color:#2d353f; cursor: pointer; font-size: 0px; padding: 12px 35px 12px 35px; text-decoration: none; }
.about a:hover { background: url('../images/AboutBtnHover.png') no-repeat; cursor: pointer; font-size: 0px; padding: 12px 35px 12px 35px; text-decoration: none; }
.about a.active { background: url('../images/AboutBtnHover.png') no-repeat; cursor: pointer; font-size: 0px; text-decoration: none; padding: 12px 35px 12px 35px; }
.contact a { background: url('../images/ContactBtn.png') no-repeat; color:#2d353f; cursor: pointer; font-size: 0px; padding: 12px 41px 12px 41px; text-decoration: none; }
.contact a:hover { background: url('../images/ContactBtnHover.png') no-repeat; cursor: pointer; font-size: 0px; padding: 12px 41px 12px 41px; text-decoration: none; }
.contact a.active { background: url('../images/ContactBtnHover.png') no-repeat; 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:40px 0px 25px 0px; width: 204px; }
.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-bottom:22px; 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 ENDS**********/
.preloader { float: right; padding-right: 12px; }
/**********FOOTER STARTS**********/
#footer { border-top: 1px #3d444b solid; padding: 10px 0px 10px 0px; float: left; margin: 0px 0px 0px 0px; width: 100%; }
.copyright { color: #d9dadb; float: left; font-size: 11px; font-family: tahoma; }
.oldversion { color: #808387; float: right; font-size: 11px; font-family: tahoma; padding-right: 50px; }
.oldversion a { color: #808387; font-size: 11px; font-family: tahoma; text-decoration: none; }
.oldversion a:hover { color: #ec0087; font-size: 11px; font-family: tahoma; text-decoration: none; }
/**********FOOTER ENDS**********/
/*INDEX ENDS*********************************************************************************************/
/*MAIN***************************************************************************************************/
.main_main { float: left; width: 500px; }
.main_content { float: left; font-family: Tahoma; font-size:11px; margin:0px; padding:0px;  color: #d9dadb; line-height: 150%; padding-bottom: 20px; width: 560px; }
.recent_works { background: url('../images/RecentTitle.png') no-repeat left; float: left; height: 22px; width: 100%; }
/**********SLIDER STARTS**********/
ul#slider { height: 390px; list-style-type: none; margin: 0; overflow: hidden; padding: 20px 0px 0px 0px; width:100%; }
ul#slider li { float: left; position: relative;  width: 100%;  }
ul#slider li div {/*border-bottom: 1px #3d444b solid; */ color: #808387; font-family: Tahoma; font-size: 11px; height: 20px; left: 0; position: absolute; width: 500px; }
.top {  height: 30px; top: 0; padding: 0px 0px 0px 4px; width: 500px; }
.caption_title_slide { background: url('../images/bullet-title-slide.png') left no-repeat; color: #d9dadb; float: left; font-family: Tahoma; font-size: 12px; margin-bottom: 5px; padding:0px 10px 0px 15px }
.caption_detail_slide { color: #808387; float: left; font-family: Tahoma; font-size: 11px;  }
/*MAIN ENDS************************************************************************************************/
/*FOLIO****************************************************************************************************/
.main_content_folio { color: #d9dadb; float: left; font-family: Tahoma; font-size: 11px;  line-height: 150%; padding-bottom: 15px; width: 665px; }
.contain_sort { width: 100%; }
.box_image_folio { float: left; margin-bottom: 15px; *padding-bottom: 15px; margin-right: 11px;  width: 210px; }
.image_folio { color: #d9dadb; background: url('../images/ImageFolio_BG_list.png') no-repeat #3d444b ; font-family:Tahoma; font-size:11px;  height: 145px; float: left; width: 210px; }
.image_folio img { border: 0px; }
.new_folio { background: url('../images/new_folio.png') no-repeat; float: right; height: 17px; margin: 148px 0px 0px 165px; *margin: -21px 0px 0px -44px; position: absolute; width: 43px; }
.caption_folio { border-bottom: 1px #3d444b solid; color: #d9dadb; float: left; font-family: Tahoma; font-size: 11px; padding: 5px 0px 2px 0px; width: 100%; }
.caption_folio a { color: #d9dadb;  text-decoration: none; }
.caption_folio a:hover { color: #ec0087; text-decoration: none; }
.caption_detail_folio { color: #808387; float: left; font-family: Tahoma; font-size: 11px; padding: 2px 0px 0px 0px; width: 100%; }
/**********NAV**********/
.nav_folio { border-right: 2px #3d444b solid; float: right; text-align:right; padding:0px 10px 0px 0px;  margin-right:10px;   width:100%; *width:90%; }
.nav_folio a { color: #d9dadb;  font-weight: 600; text-decoration: none; }
.nav_folio a:hover { color: #ec0087;  font-weight: 600; text-decoration: none; }
/**********ONE FOLIO**********/
.title_folio { color: #808387;  font-family: Tahoma; font-size: 11px; height: 70px; margin-bottom:10px;  width: 100%;  }
.title_folio div{ line-height: 150%; padding:5px 0px 0px 25px;  }
.title_folio a { color: #808387; text-decoration: none; }
.title_folio a:hover { color: #ec0087; text-decoration: none; }
.one_folio { float: left; width: 55px; text-align: center;  }
.one_folio_img { min-height: 439px; padding-bottom: 15px; text-align: left; width: auto; }
.anchor { margin: 420px 0px 0px 570px; position: absolute; width: auto; }
.anchor img { border: 0px; }
/*FOLIO ENDS************************************************************************************************/
/*ABOUT*****************************************************************************************************/
.main_about { float: left; width: 500px; }
.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: 20px; padding-bottom: 50px;   }
.main_content_about span { width:auto; color:green;}
.main_skills { border-top: 1px #3d444b solid; color: #d9dadb; float: left; font-family: Tahoma; font-size: 11px; line-height: 175%; margin-top: 50px; padding: 25px 0px 0px 0px; width: 100%; }
.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; }
/*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%; }
/**********FORM START**********/
form{  margin:0px; padding:0px; }
.contact-form { width:500px; }
.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:#ec0087; float:right;  font-family:Tahoma;  font-size:11px;  margin:5px 0px 0px 0px; *margin:-30px 0px 0px 0px;     }
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{float: right; margin:345px 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************************************************************************************************/