body,p,div,h1,h2,h3,h4,h5,h6,table,tbody,tr,td,span,blockquote,a,abbr,address,cite,code,img,ul,ol,li,dl,dd,dt,form,label,fieldset,caption,input,textarea,button
{ margin:0;
  padding:0;
  border:0;
  outline:0;
  font:12px Arial,Helvetica,Sans-Serif;
  color:#9F9F9F;
  vertical-align:baseline;
  list-style:none;
  text-decoration:none;
  text-shadow:1px 1px #000; }

body
{ 
  background-color:#373139;
  background-image:url(images/bg/background.jpg); 
background-size: 100% auto;}

.inv{display: none}
p
{ line-height:1.5em; }

:focus
{ border:none;
  outline:none; }

.clear
{ clear:both; }

div#status
{ float:left;
  margin-bottom:5px;
  text-shadow:1px 1px #000; }

.tooltip
{ position:absolute;
  z-index:3;
  display:none;
  background:#000;
  padding:5px 10px;
  float:left;
  margin-top:-19px;
  right:25px; }

h1.heading
{ color:#939393;
  font:100 23px TitilliumMaps29L;
  text-shadow:1px 1px #000;
  margin-bottom:25px; }

div#container
{ width:700px;
  position:relative;
  margin:100px auto !important; }

div#container div#content
{ width:700px;
  min-height:400px;
  background:#262626 url(images/bg/content_bg.png);
  clear:both;
  float:left;
  box-shadow:0 5px 40px -5px #000; }

div#container div#bottom_shadow
{ width:700px;
  height:58px;
  background:url(images/shadows/container_bottom.png) no-repeat top center;
  display:block;
  float:left; }

h1#site_title
{ font:38px 'Bickham Script Pro',Arial;
  text-align:center;
  padding:20px 0 16px 0; }

div#shadow
{ background:url(images/shadows/nav_shadow.png);
  width:11px;
  height:374px;
  display:block;
  position:absolute;
  right:0;
  top:0; }

div#nav
{ width:185px;
  position:relative;
  float:left; }

ul#navigation
{ text-align:right;
  padding-right:10px; }

ul#navigation a:link,ul#navigation a:visited
{ height:27px;
  width:171px;
  padding:1px 7px;
  display:block;
  background:url(images/separators/nav_sep.png) no-repeat top right;
  color:#bdbdbd;
  font:400 14px/2 'TitilliumMaps29L';
  text-shadow:1px 1px #000; }

ul#navigation a:hover,ul#navigation a#active
{ background:url(images/bg/nav_focus.png) no-repeat top right; }

ul#navigation li:last-child a:link,ul#navigation li:last-child a:visited
{ background:url(images/bg/nav_last_child.png) no-repeat top right;
  height:30px; }

ul#navigation li:last-child a:hover
{ background:url(images/bg/nav_focus.png) repeat-y top right;
  height:29px; }

div#main_content
{ padding:45px 20px;
  width:475px;
  float:left; }

div#main_content > div
{ display:none; }

div#main_content span.nav
{ display:none; }

div.home h1.heading
{ text-align:center;
  background:url(images/separators/heading.png) no-repeat left bottom;
  padding:0 0 15px 0; }

div.about div#about_me
{ clear:both;
  float:left; }

div.about div#about_me .framed_pic
{ float:left; }

div.about div.info
{ float:left; }

div.about div.info h1
{ margin:0 0 10px 0 !important; }

div.about div.info p
{ text-align:justify; }

div.about div.info div.framed_pic
{ margin-right:10px;
  margin-bottom:5px; }

div.about div#about_me h1.heading
{ float:left;
  margin-left:10px;
  padding:0; }

div.about div#experience h1.title,div#facebook h1.title,div#resume h1.title
{ padding-top:15px;
  clear:both; }

div.projects ul.works
{ float:left;
  clear:both;
  height:242px;
  overflow:hidden; }

div.projects ul.works .framed_pic
{ float:left;
  margin-right:8px;
  margin-bottom:5px;
  display:block;
  cursor:pointer;
  padding:none;
  width:auto;
  height:auto;
  background:none;
  padding:0; }

div.projects ul.works .framed_pic img
{ width:140px;
  height:100px;
  background:none;
  padding:0;
  border:5px solid #FFF; }

div.projects ul.works .framed_pic div.shadow
{ width:150px;
  height:6px;
  display:block;
  background:url(images/shadows/pic_shadow.png); }

div.projects ul.works .framed_pic a.expand
{ width:140px;
  height:100px;
  background:#000 url(images/expand.png) no-repeat 115px 75px;
  display:none;
  margin-top:-111px;
  margin-left:5px;
  float:left;
  position:absolute;
  opacity:.5; }

div.address
{ margin:0 0 0 20px;
  float:left;
  text-shadow:1px 1px #000; }

div.address p
{ font-size:11.6px;
  color:#727272; }

div.address strong
{ color:#ababab; }

.framed_pic .pin
{ background:url(images/frame/pin.png);
  display:block;
  width:35px;
  height:38px;
  position:absolute;
  margin:-21px 0 0 -23px; }

.framed_pic
{ background:url(images/frame/frame.png);
  padding:10px;
  width:93px;
  height:107px; }

.framed_pic img
{ width:93px;
  height:107px; }

.framed_pic .shadow
{ background:url(images/frame/shadow.png);
  display:block;
  width:95px;
  height:3px;
  margin:-3px 0 0 0; }

h1.title
{ color:#939393;
  font:400 24px TitilliumMaps29L;
  text-shadow:1px 1px #000;
  background:url(images/separators/heading.png) no-repeat left bottom;
  margin:10px 0;
  padding:0 0 5px 0; }

a.download_resume:link,a.download_resume:visited
{ background:url(images/download_vcard.png);
  width:48px;
  height:48px;
  display:block;
  opacity:.5;
  float:left; }

ul.experiences
{ clear:both;
  float:left; }

ul.experiences li
{ width:450px;
  clear:both;
  float:left;
  cursor:pointer;
  padding:3px 0 3px 20px;
  border-top:1px solid #363434;
  border-bottom:1px solid #131212; }

ul.experiences li:hover
{ background:#363434; }

ul.experiences li:first-child
{ border-top:none; }

ul.experiences li:last-child
{ border-bottom:none; }

ul.experiences li a
{ color:#9f9f9f;
  font-size:13px;
  text-shadow:1px 1px #000;
  float:left; }

ul.experiences li div.rating
{ float:right; }

ul.experiences li,ul.experiences li:hover
{ background-repeat:no-repeat;
  background-position:left center; }

ul#pagination
{ clear:both;
  float:right;
  border-bottom:1px solid #1b1b1b;
  margin-top:5px; }

ul#pagination li
{ display:inline;
  margin:0;
  padding:0; }

ul#pagination li a:link,ul#pagination li a:visited
{ height:24px;
  width:30px;
  display:block;
  background:url(images/bg/pagination.png);
  margin:0;
  padding:0;
  text-align:center;
  float:left;
  color:#a8a8a8;
  line-height:2.1;
  font-size:12.4px;
  border-right:1px solid #2a2929;
  border-left:1px solid #555;
  text-shadow:1px 1px #151414; }

ul#pagination li:first-child a:link,ul#pagination li:first-child a:visited
{ background:url(images/bg/pagination_first.png);
  border-left:none; }

ul#pagination li:last-child a:link,ul#pagination li:last-child a:visited
{ background:url(images/bg/pagination_last.png);
  border-right:none; }

ul#pagination li a:hover,ul#pagination li a.active
{ background:#555;
  color:#FFF; }

ul#pagination li:first-child a:hover,ul#pagination li:first-child a.active
{ background:url(images/bg/pagination_first_hover.png); }

ul#pagination li:last-child a:hover,ul#pagination li:last-child a.active
{ background:url(images/bg/pagination_last_hover.png); }

ul#networks
{ float:left;
  clear:both;
  font-family:TitilliumMaps29L;
  color:#a4a2a2; }

ul#networks li
{ float:left;
  width:235px;
  margin-bottom:10px;
  cursor:pointer;
  padding:10px 0; }

ul#networks li:hover
{ background:url(images/bg/networks_hover.png); }

ul#networks li div.icon img.hover
{ display:none;
  float:left;
  margin-right:10px; }

ul#networks li div.icon img.normal
{ display:block;
  float:left;
  margin-right:10px; }

ul#networks li div.info a
{ width:150px;
  float:left;
  margin-top:5px; }

ul#networks li div.info span.title
{ color:#a4a2a2;
  font:18px TitilliumMaps29L;
  float:left;
  clear:both; }

ul#networks li div.info span.url a
{ color:#a4a2a2;
  font:12px TitilliumMaps29L;
  float:left;
  clear:both; }

fieldset#contact
{ float:left; }

fieldset#contact input,fieldset#contact textarea
{ opacity:.5;
  padding:10px 10px 10px 30px;
  margin-bottom:10px; }

fieldset#contact input
{ width:200px; }

fieldset#contact textarea
{ width:250px;
  height:120px; }

fieldset#contact button#submit
{ color:#FFF;
  background:#000 url(images/send.png) no-repeat 7px center;
  opacity:.6;
  padding:7px 7px 7px 28px;
  float:right;
  cursor:pointer; }

fieldset#contact input:hover,fieldset#contact textarea:hover,fieldset#contact button#submit:hover,fieldset#contact input:focus,fieldset#contact textarea:focus,fieldset#contact button#submit:focus
{ opacity:1;
  color:#FFF; }

fieldset#contact #name
{ background:#000 url(images/user.png) no-repeat 10px center; }

fieldset#contact #email
{ background:#000 url(images/email.png) no-repeat 10px center; }

fieldset#contact #msg
{ background:#000 url(images/message.png) no-repeat 10px 10px; }

.language  {opacity:.3;}
#language-switcher { position: absolute; top: 257px; left: 153px;}