body{ background-color: #f9fafc; text-align: center; }
a{ text-decoration: underline; }
p,h2,a,h1{ font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; }
h1{ color: #3d850e; font-size: 11px; font-weight: normal; letter-spacing: 1px; margin: 3px auto; text-transform: none; }
div#box{ background-color: #ffffff; margin: 2px auto; width: 905px; /* the main container*/ }
div#presentation{ background: url(/assets/indexlayout/sidestrip.jpg) top right repeat-y; border: 1px solid #7495cb; width: 905px; /*the designed-for-user box with the red sidestrip*/ }
div#topstrip{ border-bottom: 1px solid #7495cb; /*background:white url(../assets/indexlayout/topstrip.gif) top no-repeat;*/ height: 43px; margin-right: 29px; /*so that IE behaves*/ width: 876px; /*the top logo*/ }
a img{ border: none; }
/*Left Column layout*/
div#leftcolumn{ border-right: 1px solid #7495cb; float: left; width: 204px; }
/*DIV JUMPBOX*/
div.jump{ background: url(/assets/indexlayout/jumpbox-car.gif) #e2e7ef no-repeat 65% 78%; height: 150px; margin: 0; width: 204px; /*The search box with the red car background*/ }
h2.select{ color: #990000; float: left; font-size: 10px; margin: 6px 0 5px 0px; padding-left: 15px; text-align: left; width: 180px; }
div#leftcolumn h2.select a{ color: #990000; display: inline; float: none; width: 170px; }
select{ border: 1px solid #7495cb; border-style: inset; float: left; margin: 0 0 0 15px; width: 150px; }
div.jump input{ float: left; margin: 12px 0 5px 15px; /*End of the search box*/ }
/*END JUMPBOX*/
div#leftcolumn h1{ background-color: #f9fafc; border-bottom: 1px solid #7495cb; border-top: 1px solid #7495cb; clear: both; color: #134692; color: #3d850e; font-size: 13px; font-weight: bold; letter-spacing: 0; margin: 0; padding: 6px 0 6px 15px; text-align: left; text-transform: none; }
div.destination{ background: #e2e7ef; line-height: 17px; padding: 6px 0 6px 15px; text-align: left; }
div#leftcolumn a{ color: #134692; display: block; float: left; font-size: 11px; font-weight: bold; width: 94px; }
div#leftcolumn a.long{ width: 170px; }
div#leftcolumn a:visited{ color: #b00085; }
div#leftcolumn a:hover{ color: #3d850e; }
div.clear{ clear: both; line-height: 2px; }
/*End Left column layout*/
/*Content layout*/
div#content{ background-color: transparent; float: right; text-align: left; width: 700px; }
div#centralcolumn{ float: left; /* Blurb and reviews images*/ }
div#blurb{ background: url(/assets/indexlayout/blurb.gif) #ffffff no-repeat center bottom; height: 204px; width: 343px; }
div#review{ background: url(/assets/indexlayout/review.gif) #ffffff no-repeat center bottom; height: 218px; position: relative; width: 343px; }
div#review p{ color: #735117; font-size: 11px; left: 128px; line-height: 12px; margin: 0; /*so that IE and FF have same margin and pad*/ padding: 0; position: absolute; text-align: left; top: 21px; width: 195px; }
/*Map layout*/
div#imagemap{ background: transparent url(../assets/indexlayout/border-map.gif) no-repeat; float: left; height: 412px; margin-top: 10px; position: relative; text-align: center; width: 318px; }
div#imagemap a.maplink{ background: transparent url(/assets/indexlayout/map-tab-active.gif) no-repeat; color: #6778dd; float: left; font-size: 9px; font-weight: bold; height: 24px; letter-spacing: 1px; padding-top: 5px; text-decoration: none; text-transform: uppercase; width: 159px; }
div#imagemap a#notactive{ background: transparent url(/assets/indexlayout/map-tab-not-active.gif) no-repeat; color: #65292a; float: left; font-size: 12px; font-weight: bold; height: 24px; padding-top: 5px; text-decoration: none; width: 159px; }
div#imagemap img#italymap{ left: 15px; position: absolute; top: 48px; }
/*END Content layout*/
div#portofolio{ background-color: #ffffff; border-top: 1px solid #7495cb; clear: both; color: #6778dd; font-size: 11px; font-weight: bold; padding: 7px 0; width: 905px; }
div#portofolio a{ color: #6778dd; font-size: 11px; font-weight: bold; padding: 0 5px; text-decoration: none; }
div#portofolio a:visited{ color: #b00085; }
div.copyright{ background-color: #f9fafc; margin: 0 auto; padding: 12px 0 110px 0; width: 907px; /*905(width) + 2(border)*/ }
div.copyright img{ padding: 5px; }
/*Bottom text with knowital logo*/
div#bottomtextbox{ background: url(/assets/indexlayout/knowitallogo.gif) no-repeat 13px 30px; border: 1px solid #7495cb; margin: 0 auto; width: 905px; }
div#bottomtextbox div{ background-color: #fcf9f9; border: 1px solid #f9dfdf; clear: both; line-height: 16px; margin: 10px 10px 10px 205px; padding-left: 10px; }
div#bottomtextbox div.newprops{ border: none; color: #ab5956; margin: 0; padding-left: 0; text-align: left; }
div#bottomtextbox p{ color: #735117; font-size: 11px; /*font-weight:bold;*/ padding-left: 5px; text-align: left; }
div#bottomtextbox a{ color: #735117; font-size: 11px; }
div#bottomtextbox a:visited{ color: #b00085; }
div#bottomtextbox h1{ color: #ab5956; font-size: 11px; font-weight: bold; padding-left: 25px; text-align: left; text-transform: none; }
p#disclaimer{ background: #f9fafc; color: #134692; font-size: 11px; font-weight: normal; margin: 0 auto; padding: 10px 50px; text-align: left; width: 805px; }
/*End Bottom text with knowital logo*/
p.new{ clear: left; font-size: 11px; margin: 0 0 0 13px; }
p.new a{ color: #134692; color: #3e474f; }
p.new strong{ color: #990000; }
/*Navigation under the flash movie*/
div#navigation{ background: url(/assets/indexlayout/blue-dot.gif) repeat-x center bottom; height: 21px; margin: 0 10px; width: 651px; }
div#navigation a{ background: #edf0f5; border: 1px solid #dbe2eb; color: #3e474f; display: block; float: left; font-size: 12px; margin: 3px 5px 0 0; padding: 1px 3px; text-decoration: none; }
div#navigation a#active{ background: #ffffff; border-bottom: 1px solid #ffffff; }