@charset "utf-8";
/* CSS Document */

#splashBody
{
  background:#252525;
}

#splashContainer,#splashContainer:hover
{
  width:291px;
  height:162px;
  background:url(../images/logo_splash.png);
  margin:0 auto;
  border:none;
  cursor:pointer;
}

#splashContainer:hover
{
  background:url(../images/logo_splash_over.png);
}

body,div,td,span,li,input,textarea,option
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#666;
  line-height:15px;
}

body,form
{
  margin:0;
}

body
{
  background:#252525;
}

td
{
  padding-top:10px;
  vertical-align:top;
}

input,textarea
{
  width:340px;
  border:1px solid #393939;
  background:#252525;
}

textarea
{
  height:160px;
  overflow-x:hidden;
  overflow-y:auto;
}

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

a:hover
{
  color:#e5e5e5;
}

#mainContainer
{
  width:100%;
  color:#666;
  background:#252525;
  margin:0;
  position:relative;
  overflow:hidden;
}

#topContainer
{
  width:1230px;
  height:153px;
  float:left;
  position:relative;
}

#topLeft
{
  width:217px;
  height:153px;
  float:left;
  position:relative;
}

#logo
{
  width:138px;
  height:108px;
  position:absolute;
  right:30px;
  bottom:0;
}

#topRight
{
  width:1013px;
  height:153px;
  float:left;
  position:relative;
}

#menu
{
  width:1119px;
  height:16px;
  position:absolute;
  left:0;
  top:73px;
}

.menuLine,.menuAbout,.menuPortfolio,.menuProjects,.menuContact,.menuContemporary,.menuWork,.menuProjects,.menuFashion,.menuTravel,.menuPortrait,.menuCommercial,.menuLifestyle
{
  float:left;
}

.menuAbout,.menuPortfolio,.menuProjects,.menuContact,.menuContemporary,.menuWork,.menuProjects,.menuFashion,.menuTravel,.menuPortrait,.menuCommercial,.menuLifestyle
{
  margin:2px 14px;
  cursor:pointer;
}

.menuAbout
{
  width:33px;
  height:13px;
  background:url(../images/menu_about.png) no-repeat;
}

.menuAbout:hover
{
  background:url(../images/menu_about_over.png) no-repeat;
}

.menuPortfolio
{
  width:49px;
  height:13px;
  background:url(../images/menu_portfolio.png) no-repeat;
}

.menuPortfolio:hover
{
  background:url(../images/menu_portfolio_over.png) no-repeat;
}

.menuProjects
{
  width:46px;
  height:13px;
  background:url(../images/menu_projects.png) no-repeat;
}

.menuProjects:hover
{
  background:url(../images/menu_projects_over.png) no-repeat;
}

.menuContact
{
  width:44px;
  height:13px;
  background:url(../images/menu_contact.png) no-repeat;
}

.menuContact:hover
{
  background:url(../images/menu_contact_over.png) no-repeat;
}

#submenu
{
  width:1119px;
  height:16px;
  position:absolute;
  left:0;
  top:105px;
}

.menuProjects
{
  width:46px;
  height:13px;
  background:url(../images/menu_projects.png) no-repeat;
}

.menuProjects:hover
{
  background:url(../images/menu_projects_over.png) no-repeat;
}

.menuFashion
{
  width:41px;
  height:13px;
  background:url(../images/menu_fashion.png) no-repeat;
}

.menuFashion:hover
{
  background:url(../images/menu_fashion_over.png) no-repeat;
}

.menuTravel
{
  width:32px;
  height:13px;
  background:url(../images/menu_travel.png) no-repeat;
}

.menuTravel:hover
{
  background:url(../images/menu_travel_over.png) no-repeat;
}

.menuPortrait
{
  width:43px;
  height:13px;
  background:url(../images/menu_portrait.png) no-repeat;
}

.menuPortrait:hover
{
  background:url(../images/menu_portrait_over.png) no-repeat;
}

.menuCommercial
{
  width:66px;
  height:13px;
  background:url(../images/menu_commercial.png) no-repeat;
}

.menuCommercial:hover
{
  background:url(../images/menu_commercial_over.png) no-repeat;
}

.menuLifestyle
{
  width:44px;
  height:13px;
  background:url(../images/menu_lifestyle.png) no-repeat;
}

.menuLifestyle:hover
{
  background:url(../images/menu_lifestyle_over.png) no-repeat;
}

#bottomContainer
{
  width:100%;
  float:left;
  position:relative;
  overflow:hidden;
}

#bottomContent
{
  width:650px;
  margin:50px 0 0 216px;
}

#bottomContentLeft,#bottomContentRight
{
  width:315px;
  float:left;
}

#bottomContentRight
{
  margin-left:20px;
}

#bottomContentFooter
{
  width:650px;
  height:16px;
  margin-top:10px;
  float:left;
}

#bottomContentFooterLeft,#bottomContentFooterLeftActive
{
  width:30px;
  height:16px;
  float:left;
}

#bottomContentFooterLeftActive
{
  background:url(../images/arrow_left.gif) no-repeat;
  cursor:pointer;
}

#bottomContentFooterLeftActive:hover
{
  background:url(../images/arrow_left_over.gif) no-repeat;
}

#bottomContentFooterRight,#bottomContentFooterRightActive
{
  width:30px;
  height:16px;
  float:left;
}

#bottomContentFooterRightActive
{
  background:url(../images/arrow_right.gif) no-repeat;
  cursor:pointer;
}

#bottomContentFooterRightActive:hover
{
  background:url(../images/arrow_right_over.gif) no-repeat;
}

.btnClear,.btnSend
{
  margin:3px 14px;
  cursor:pointer;
  float:left;
}

.btnClear
{
  width:25px;
  height:9px;
  background:url(../images/btn_clear.gif) no-repeat;
}

.btnClear:hover
{
  background:url(../images/btn_clear_over.gif) no-repeat;
}

.btnSend
{
  width:22px;
  height:9px;
  background:url(../images/btn_send.gif) no-repeat;
}

.btnSend:hover
{
  width:22px;
  height:9px;
  background:url(../images/btn_send_over.gif) no-repeat;
}

#portfolioContent
{
  width:1000000px;
  height:500px;
  background:#0d0d0d;
  overflow:hidden;
  margin-top:60px;
}

#mygallery2
{
  width:100%;
  margin-left:216px;
  position:relative;
}

.stepcarousel
{
  position:relative;  /*leave this value alone*/
  overflow:hidden;    
  width:100%;         /*width of carousel viewer itself*/
  height:578px;       /*height should be enough to fit largest content's height*/
  background:#0d0d0d;
  margin-top:50px;
}

.stepcarousel .belt
{
  width:100%;
  position:absolute;  /*leave this value alone*/
  left:0;
  top:0;
}

.stepcarousel .panel
{
  float:left;         /*leave this value alone*/
  overflow:hidden;    /*clip content that goes outside dimensions of holding panel DIV*/
  margin:0px;         /*margin around each panel*/
  /*width:250px;*/    /*width of each panel. if removed, widths should be individually defined for each content DIV*/
}