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

#splashBody
{
  background:#252525;
}

#splashContainer,#splashContainer:hover
{
  width:292px;
  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:137px;
  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,.menuAntiPasti,.menuPrimiPiatti,.menuSecondiPiatti,.menuDolce,.menuLeisure,.menuHotels,.menuOffices,.menuPrivate
{
  float:left;
}

.menuAbout,.menuPortfolio,.menuProjects,.menuContact,.menuAntiPasti,.menuPrimiPiatti,.menuSecondiPiatti,.menuDolce
{
  margin:2px 14px;
  cursor:pointer;
}

.menuLeisure,.menuHotels,.menuOffices,.menuPrivate
{
  margin:3px 6px;
  cursor:pointer;
}

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

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

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

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

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

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

.menuContact
{
  width:42px;
  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;
}

#subsubmenu
{
  height:16px;
  float:left;
}

.menuAntiPasti
{
  width:51px;
  height:13px;
  background:url(../images/menu_antipasti.png) no-repeat;
}

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

.menuPrimiPiatti
{
  width:60px;
  height:13px;
  background:url(../images/menu_primipiatti.png) no-repeat;
}

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

.menuSecondiPiatti
{
  width:75px;
  height:13px;
  background:url(../images/menu_secondipiatti.png) no-repeat;
}

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

.menuDolce
{
  width:31px;
  height:13px;
  background:url(../images/menu_dolce.png) no-repeat;
}

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

.menuLeisure
{
  width:38px;
  height:13px;
  background:url(../images/menu_leisure.png) no-repeat;
}

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

.menuHotels
{
  width:34px;
  height:13px;
  background:url(../images/menu_hotels.png) no-repeat;
}

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

.menuOffices
{
  width:38px;
  height:13px;
  background:url(../images/menu_offices.png) no-repeat;
}

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

.menuPrivate
{
  width:38px;
  height:13px;
  background:url(../images/menu_private.png) no-repeat;
}

.menuPrivate:hover
{
  background:url(../images/menu_private_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*/
}