/*

Sara Dolatabadi
URL: http://www.sara-dolatabadi.com/
Description: Sara Dolatabadi official website
Author: Hamid Shavarean
Author URL: http://www.hamidshavarean.com/
Version: 1.0

*/

/*** Reset ***/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}
body{cursor:default;}
::selection {color:#ffffff; background: #009FE3; /* Safari */}
::-moz-selection {color:#ffffff; background: #009FE3; /* Firefox */}
P {margin:8px 0px 8px 0px;}

/**** BODY ****/
body {width: 100%; height: 100%; cursor:default; margin: 0; padding: 0; font-family:Verdana;}
a:link {color: #666; text-decoration: none; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
a:visited {text-decoration: none; color: #666; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
a:hover {text-decoration: none; color: #009FE3; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
a:active {text-decoration: none; color: #009FE3; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#container {position:absolute; width:100%; height:630px; top:50%; margin-top:-19.7em;}
#wrapper {position: relative; width: 930px; height: 630px; margin-right: auto; margin-left: auto; text-align:center; border:0px #000000 solid;}

/**** INTRO ****/
#intro {width:469px; height:630px; margin-left:auto; margin-right:auto;}
#enter {position:absolute; width:94px; height:94px; background:#009FE3; font-family:Arial; font-size:14px; color:#FFF; text-align:left; padding:3px; margin-left:440px; margin-top:5px;}
#enter-link {font-size:15px; color:#FFF;  -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#enter-link:hover {color:#000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}

/**** HOME ****/
#home {width:791px; height:500px; margin-left:30px; margin-top:60px;}
#menu {position:absolute; width:80px; height:88px; background:#009FE3; font-family:Arial; font-size:15px; color:#FFF; text-align:left; padding:12px 10px 0px 10px; margin-left:585px; margin-top:-20px;}
#menu-link {font-size:15px; color:#FFF; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#menu-link:hover {color:#000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#sara-dolatabadi {position:absolute; font-family:Arial; font-size:15px; color:#009fe2; text-align:left; margin-left:830px; margin-top:-38px;}

/**** ABOUT ****/
#sara {position:absolute; width:240px; height:285px; background-image:url(images/sara.jpg); margin-left:70px; margin-top:40px;}
#about {position:absolute; font-family:Arial; font-size:13px; color:#009fe2; text-align:left; margin-left:330px; margin-top:29px;}
.about-text {font-size:11px; color:#000;}
#solo-exhibitions {position:absolute; width:280px; font-family:Arial; font-size:11px; color:#000; text-align:left; margin-left:330px; margin-top:105px;}
#group-exhibitions {position:absolute; width:280px; font-family:Arial; font-size:11px; color:#000; text-align:left; margin-left:330px; margin-top:230px;}
#residency {position:absolute; width:280px; font-family:Arial; font-size:11px; color:#000; text-align:left; margin-left:630px; margin-top:105px;}

/**** WORKS ****/
#works-1 {position:absolute; width:800px; margin-left:90px; text-align:left; margin-top:30px;}
#works-2 {position:absolute; width:800px; margin-left:90px; text-align:left; margin-top:710px;}
#works-detail{position:absolute; width:320px; font-family:Verdana; font-size:11px; color:#000; text-align:justify; z-index:1500; margin-left:471px; margin-top:460px;}
#thumbnail {width:211px; margin-left:20px; margin-bottom:20px; font-family:Verdana; font-size:12px; color:#009FE3; text-align:justify; border-left:solid 0px #009fe2; float:left; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
#thumbnail:hover {border-left:solid 5px #009fe2; padding-left:8px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
#workst {padding:2px; background-color:#009FE3; font-size:12px; color:#FFFFFF; text-align:left; position:absolute; margin-left:-355px;}
#workst2 {padding:2px; background-color:#009FE3; font-size:12px; color:#FFFFFF; text-align:left; position:absolute; margin-left:-355px; margin-top:680px;}

/**** LINKS ****/
@font-face {font-family: 'nassim'; font-style: normal; font-weight: normal; src: local('nassim'), local('nassim'), url('links/nassim.ttf') format('truetype');}
#links-image {position:absolute; width:731px; height:612px; background-image:url(images/links.jpg); margin-left:70px;}
#links-title {position:absolute; font-family:Tahoma; font-size:11px; color:#000; text-align:left; margin-left:70px; border-left:solid 0px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
#links-title:hover {color:#222; border-left:solid 5px #000; padding-left:8px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
#links-text {position:absolute; font-family:nassim; font-size:14px; color:#000; text-align:left; margin-left:320px; border-left:solid 0px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
#links-text:hover {color:#222; border-left:solid 5px #000; padding-left:8px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
#interview-area {position:absolute; width:250px; height:100%; font-family:nassim; font-size:25px; line-height:23px; color:#009FE3; text-align:justify; direction:rtl; padding:0px 10px 10px 10px; margin-left:660px; border-left:1px #e5e5e5 solid;}
#interview-area-2 {position:absolute; width:500px; height:100%; font-family:nassim; font-size:14px; line-height:23px; color:#000; text-align:justify; direction:rtl; padding:0px 10px 10px 10px; margin-left:135px; border-left:1px #e5e5e5 solid;}
#interview-text {font-family:nassim; font-size:14px; color:#000;}

/**** CONTACT ****/
#contact {position:absolute; width:829px; height:476px; margin-left:85px;}
#contact-text {position:absolute; text-align:left; font-weight:bold; margin-left:225px; margin-top:545px;}
#e-mail {font-family:Arial; font-size:11px; color:#000; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}
#e-mail:hover {color:#009FE3; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;}


/**** PAGES ****/
#menu-pages {position:absolute; width:80px; height:88px; font-family:Arial; font-size:12px; color:#009FE3; text-align:left; margin-left:18px; margin-top:547px; z-index:2000;}
#pages-link {font-family:Arial; font-size:12px; color:#009FE3; text-align:left; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#pages-link:hover {color:#000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#pages-home {font-family:Arial; font-size:12px; color:#ffffff; background:#009FE3; text-align:left; padding:1px 4px 1px 3px; line-height:26px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#pages-home:hover {color:#009FE3; background:#000000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#pages-back {position:absolute; font-family:Arial; font-size:12px; color:#ffffff; background:#009FE3; text-align:left; margin-left:-447px; padding:1px 4px 2px 4px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#pages-back:hover {color:#009FE3; background:#000000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#pages-back-works {position:absolute; font-family:Arial; font-size:12px; color:#ffffff; background:#009FE3; text-align:left; margin-left:20px; padding:1px 4px 2px 4px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
#pages-back-works:hover {color:#009FE3; background:#000000; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}

/**** FOOTER ****/
#footer {position:absolute; width:500px; height:20px; text-align:left; font:verdana; font-size:9px; color:#666; margin:-5px 0px 0px 247px;}