html {
background: #151515 url(../images/ui/bg_gradient_ny.png) repeat-x scroll 0 0;
}

body {
background: transparent url(../images/ui/bg_particles_ny.jpg) no-repeat scroll center top;
font-family: Tahoma, Arial, helvetica, sans-serif;
font-size: 10px;
line-height: 1.5;
text-align: center;
width: 100%;
display: table;
}

a:link {
color: #666;
text-decoration: none;
}

a:visited {
color: #666;
text-decoration: none;
}

#banner {
z-index: 10;
position: fixed;
width: 177px;
height: 177px;
left: 0px;
top: 0px;
}

#wrapper {
margin: 0 auto;
width: 710px;
text-align: left;
}

#top_bar {
width: 710px;
background-color: #000;
}

#top_bar_rounded {
width: 710px;
height: 3px;
padding: 0px;
margin: 0px;
background: transparent url(../images/ui/top_bar_rounded_ny.png) no-repeat scroll center top;
}

#top_bar ul {
color: #CCC;
text-align: right;
width: 700px;
height: 24px;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 12px;
padding-right: 4px;
padding-top: 8px;
}

#top_bar ul li { display: inline; }

#top_bar ul li a {
margin-right: 4px;
color: #fff;
text-transform: none;
letter-spacing: 0.5px;
font-weight: lighter;
}

ul li a#nav_design {
color: #ff4200;
}

ul li a#nav_motion {
color: #36a206;
}

ul li a#nav_video {
color: #4cacef;
}

#top_bar ul li a:hover {
color: #333333;
}

#spacer_top_20px {
text-align: right;
clear: both;
width: 710px;
height: 20px;
padding-top: 5px;
}

#logo {
height: 100px;
width: 710px;
clear: both;
}

#nameandcontact {
width: 285px;
font-family: Georgia, Times, Arial;
color: #CCCCCC;
font-weight: lighter;
font-style: italic;
font-size: 20px;
letter-spacing: 0.8px;
line-height: 1.1;
float: left;
}

#twitter_div {
width: 310px;
height: 118px;
float: left;
text-align: left;
margin-left: 85px;
background-color: rgba(0,0,0,0.76);
padding: 15px;
border-top: 1px dashed #584f4a;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
}

#twitter_update_list {
font-family: tahoma, arial, helvetica, sans-serif;
color: #ccc;
font-weight: lighter;
font-size: 12px;
}

#twitter_update_list li {
margin: 0 0 8px;
letter-spacing: 0.3px;
line-height: 1.3;
}

#pil {	
width: 28px;
height: 11px;
margin-right: 30px;
background: url(../images/ui/pil.png) no-repeat;
float: right;
}

div#logo a:hover {
color: #fff;
}

span#title {
letter-spacing: 1px;
font-size: 18px;
}

span#tel {
font-size: 14px;
letter-spacing: 0.8px;
line-height: 1.2;
}

span#networks a{
color: #666666;
font-size: 13.5px;
}

#spacer_top_50px {
clear: both;
width: 710px;
height: 50px;
}

.spacer_10px {
clear: both;
width: 650px;
height: 10px;
}

.spacer_35px {
clear: both;
width: 710px;
height: 35px;
}

.divider_red {
clear: both;
width: 650px;
height: 35px;
text-align: right;
border-bottom: 1px dashed #ff4200;
}

.divider_green {
clear: both;
width: 650px;
height: 35px;
text-align: right;
border-bottom: 1px dashed #36a206;
}

.divider_blue {
clear: both;
width: 650px;
height: 35px;
text-align: right;
border-bottom: 1px dashed #4cacef;
}

.divider_red a {
color: #ff4200;
font-size: 11px;
font-style: normal;
font-weight: lighter;
letter-spacing: 0.8px;
}

.divider_green a {
color: #36a206;
font-size: 11px;
font-style: normal;
font-weight: lighter;
letter-spacing: 0.8px;
}

.divider_blue a {
color: #4cacef;
font-size: 11px;
font-style: normal;
font-weight: lighter;
letter-spacing: 0.8px;
}

.divider_red a:hover, .divider_green a:hover, .divider_blue a:hover {
color: #333;
font-size: 11px;
font-style: normal;
font-weight: lighter;
letter-spacing: 0.8px;
}

#panel_wrapper_about {
display: none;	
}

#panel_wrapper_cv {
display: none;	
}


#panel_1 {
width: 670px;
height: 435px;
background: transparent url(../images/ui/project_bg.png);
border-top: 1px dashed #584f4a;
padding-right: 30px;
}

.toggle_up {
width: 710px;
height: 15px;
background-color: #4e4e4e;
text-align: center;
}

.toggle_up a {
color: #000;
}

#panel_2 {
width: 670px;
height: 435px;
background: transparent url(../images/ui/project_bg.png);
border-top: 1px dashed #584f4a;
padding-right: 30px;
}

div.about_panels {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #999;
font-size: 13px;
font-weight: lighter;
line-height: 1.3;
letter-spacing: 0.3px;
text-align: left;
padding-left: 10px;
padding-top: 12px;
}

div.about_panels h1 {
font-family: Georgia, Times, Arial;
color: #CCC;
font-size: 26px;
font-weight: lighter;
line-height: 1.2;
letter-spacing: normal;
}

div.about_panels h2 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
color: #fff;
font-size: 12px;
font-weight: lighter;
line-height: 1.2;
letter-spacing: 1px;
}

.category#design {
height: 52px;
width: 710px;
text-align: left;
margin-bottom: 15px;
padding-top: 4px;
}

.category#motion {
height: 52px;
width: 710px;
text-align: left;
margin-top: 40px;
margin-bottom: 15px;
padding-top: 4px;
}

.category#video {
height: 52px;
width: 710px;
text-align: left;
margin-top: 40px;
margin-bottom: 15px;
padding-top: 4px;
}

.category h1 {
font-family: Georgia, Times, Arial;
color: #fff;
font-size: 20px;
font-weight: lighter;
letter-spacing: 1px;
}

.category h3 {
font-family: Georgia, Times, Arial;
color: #584f4a;
font-size: 11px;
font-weight: lighter;
letter-spacing: 1px;
text-transform: uppercase;
font-variant: normal;
line-height: 0.6;
}

h1#design {
color: #ff4200;
}

h1#motion {
color: #36a206;
}

h1#video {
color: #4cacef;
}

h2#design {
color: #ff4200;
}

h2#motion {
color: #36a206;
}

h2#video {
color: #4cacef;
}

.project_headline {
font-family: Georgia, Times, Arial;
color: #CCC;
font-size: 20px;
font-style: italic;
letter-spacing: 0.8px;
font-weight: lighter;
line-height: 1.2;
}

.project_headline h2 {
font-family: Tahoma, Arial, Helvetica;
color: #ff4200;
font-size: 13px;
font-style: normal;
font-weight: lighter;
letter-spacing: 1px;
}

#project_bg {
width: 710px;
background: transparent url(../images/ui/project_bg.png);
padding-top: 45px;
border-top: 1px dashed #584f4a;
}

.project {
margin-left: 30px;
width: 650px;
text-align: left;
}

.project#project_following {
margin-top: 34px;
}

#nav, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7 {
width: 650px;
height: 15px;
margin-bottom: 10px;
text-align: right;
}

#nav a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a {
background: url("../images/ui/small_navbtn_bg.png") no-repeat;
font-family: Tahoma, Arial, Helvetica;
color: #CCC;
font-size: 8px;
font-style: normal;
font-weight: lighter;
text-decoration: none;
padding: 1px 5px;
margin-left: 2px;
}

#nav2 a.activeSlide, #nav3 a.activeSlide, #nav4 a.activeSlide, #nav5 a.activeSlide, #nav6 a.activeSlide, #nav7 a.activeSlide{
background-position: -16px;
}



.space_pics {
width: 650px;
height: 365px;
}

.lelab_pics {
width: 650px;
height: 365px;
}

.svt_pics {
width: 650px;
height: 365px;
}

.sketches_pics {
width: 650px;
height: 365px;
}

.maria_pics {
width: 650px;
height: 450px;
}

#brieftext_left_column {
margin-top: 25px;
width: 315px;
font-family: Tahoma, Arial, Helvetica;
color: #CCC;
font-size: 11px;
font-style: normal;
font-weight: lighter;
letter-spacing: 0.8px;
line-height: 1.2;
float: left;
}

#brieftext_left_column a:hover, #brieftext_right_column a:hover {
color: #FFFFFF;
}

#brieftext_right_column {
margin-top: 25px;
width: 315px;
font-family: Tahoma, Arial, Helvetica;
color: #CCC;
font-size: 11px;
font-style: normal;
font-weight: lighter;
letter-spacing: 0.8px;
line-height: 1.2;
float: right;
}

#brief_words1 {
font-family: Tahoma, Arial, Helvetica;
color: #ff4200;
font-style: normal;
font-weight: lighter;
text-transform: normal;
font-variant: normal;
}

#brief_words2 {
font-family: Tahoma, Arial, Helvetica;
color: #36a206;
font-style: normal;
font-weight: lighter;
text-transform: normal;
font-variant: normal;
}

#brief_words3 {
font-family: Tahoma, Arial, Helvetica;
color: #4cacef;
font-style: normal;
font-weight: lighter;
text-transform: normal;
font-variant: normal;
}

#footer {
color: #584f4a;
font-size: 9px;
letter-spacing: 0.5px;
text-align: left;
font-style: normal;
font-weight: lighter;
text-transform: normal;
font-variant: normal;
padding-top: 12px;
}