/* reset */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* reset+ */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
a { text-decoration: none; }
input,select,textarea,button { font: 11px/1.6em arial, sans-serif; }
table  { border-collapse: separate; }
form label, form input, form select, form textarea, form button, form span { float: left; }
form span input { float: none; }
form br { clear: both; }

/* style */
html { height: 100%; }
body { height: 100%; font: 11px/1.6em tahoma, arial, sans-serif; color: #71706f; background: transparent url(../image/body.small.png) repeat-x center 0; }
body.big { background-image: url(../image/body.big.png); }
div#wrapper { position: relative; min-height: 100%; }
* html div#wrapper { height: 100%; }

a { color: #71706f; text-decoration: underline; }

div#content { padding-bottom: 97px; background: transparent url(../image/menu.small.jpg) no-repeat center 0; }
body.big div#content { background-image: url(../image/menu.big.jpg); }
div#header { position: relative; width: 860px; margin: 0 auto; }
h1 { position: absolute; left: 22px; top: 100px; }
h1 a { display: block; width: 280px; height: 80px; }
h1 a span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/menu.small.jpg) no-repeat -190px -100px; cursor: pointer; }
body.big h1 { left: 32px; top: 115px; }
body.big h1 a { width: 310px; height: 85px; }
body.big h1 a span { background: transparent url(../image/menu.big.jpg) no-repeat -200px -115px; }

ul#menu { width: 860px; height: 250px; margin: 0 auto; background: transparent url(../image/menu.small.jpg) no-repeat -168px 0; }
body.big ul#menu { height: 510px; background-image: url(../image/menu.big.jpg); }
ul#menu li { float: left; margin-top: 30px; }
ul#menu li.aboutus a { margin-left: 15px; width: 73px; }
ul#menu li.offshore a { width: 90px; }
ul#menu li.usage a { width: 120px; }
ul#menu li.locations a { width: 107px; }
ul#menu li.prices a { width: 74px; }
ul#menu li.discounts a { width: 76px; }
ul#menu li.contact a { width: 97px; }
ul#menu li.meyerlevinson { margin-top: 24px; width: 196px; margin-left: 12px; }

ul#menu li a { display: block; line-height: 30px; }
ul#menu li.recession a { position: absolute; left: 606px; width: 91px; top: 74px; height: 78px; }
body.big ul#menu li.recession a { position: absolute; left: 744px; width: 116px; top: 182px; height: 116px; }
ul#menu li.meyerlevinson a { line-height: 50px; }

ul#menu li a span { position: absolute; top: 30px; height: 30px; background: transparent url(../image/menu.small.jpg) no-repeat; cursor: pointer; }
body.big ul#menu li a span { background-image: url(../image/menu.big.jpg); }
ul#menu li.aboutus a span { left: 15px; width: 73px; background-position: -183px -30px; }
ul#menu li.offshore a span { left: 88px; width: 90px; background-position: -256px -30px; }
ul#menu li.usage a span { left: 178px; width: 120px; background-position: -346px -30px; }
ul#menu li.locations a span { left: 298px; width: 107px; background-position: -466px -30px; }
ul#menu li.prices a span { left: 405px; width: 74px; background-position: -573px -30px; }
ul#menu li.discounts a span { left: 479px; width: 76px; background-position: -647px -30px; }
ul#menu li.contact a span { left: 555px; width: 97px; background-position: -723px -30px; }
ul#menu li.recession a span { left: 0; width: 100%; top: 0; height: 100%; background-position: -774px -74px; }
body.big ul#menu li.recession a span { background-position: -912px -182px; }
ul#menu li.meyerlevinson a span { left: 664px; width: 196px; top: 24px; height: 50px; background-position: -832px -24px; }

div#content br.clear { clear: both; }

div#main-page { width: 860px; margin: 10px auto 0 auto; }
div#main-page div { float: left; width: 215px; padding: 0 0 20px 0; }
div#main-page h2 { position: relative; margin: 0 15px; padding: 0 0 20px 0; height: 30px; line-height: 30px; background: transparent url(../image/maintitle.png) repeat-x 0 bottom; }
div#main-page h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 30px; background: transparent url(../image/subtitle.tropicalsolutions.png) no-repeat 0 0; }
div#main-page div.offshore h2 span { background-image: url(../image/subtitle.offshore.png); }
div#main-page div.discounts h2 span { background-image: url(../image/subtitle.discounts.png); }
div#main-page div.locations h2 span { background-image: url(../image/subtitle.locations.png); }
div#main-page p { padding: 0 15px; }
div#main-page a.next { position: relative; display: block; width: 64px; height: 20px; line-height: 20px; margin: 10px 0 0 15px; text-align: center; }
div#main-page a.next span { position: absolute; left: 0; width: 100%; top: 2px; height: 16px; background: transparent url(../image/next.png) no-repeat 0 0; }

div#about-us-page,
div#offshore-page,
div#usage-page,
div#contact-page,
div#recession-page { width: 860px; margin: 10px auto 0 auto; }
div#about-us-page h2,
div#offshore-page h2,
div#usage-page h2,
div#contact-page h2,
div#recession-page h2 { position: relative; height: 60px; line-height: 60px; }
div#about-us-page h2 span,
div#offshore-page h2 span,
div#usage-page h2 span,
div#contact-page h2 span,
div#recession-page h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/title.aboutus.png) no-repeat 0 0; }
div#offshore-page h2 span { background-image: url(../image/title.offshore.png); }
div#usage-page h2 span { background-image: url(../image/title.usage.png); }
div#contact-page h2 span { background-image: url(../image/title.contact.png); }
div#recession-page h2 span { background-image: url(../image/title.recession.png); }
div#left-column { float: left; width: 215px; padding: 20px 0 20px 0; }
div#right-column { float: left; width: 215px; min-height: 360px; padding: 20px 430px 20px 0; background: transparent url(../image/image.aboutus.png) no-repeat 215px 0; }
div#offshore-page div#right-column,
div#recession-page div#right-column { background-image: url(../image/image.offshore.png); }
div#usage-page div#right-column { background-image: url(../image/image.usage.png); }
div#contact-page div#right-column { min-height: 183px; padding-top: 60px; background-image: url(../image/image.contact.png); }
div#left-column h3,
div#right-column h3 { padding: 0 15px 10px 15px; font-size: 14px; font-weight: bold; }
div#contact-page div#left-column h3 { line-height: 30px; font-size: 17px; font-weight: normal; }
div#left-column p,
div#right-column p { padding: 0 15px 15px 15px; }
div#left-column p.lead { font-weight: bold; }
div#left-column ul,
div#right-column ul { padding: 0 0 5px 0; }
div#left-column ul li,
div#right-column ul li { margin: 0 0 0 30px; padding: 0 15px 10px 0; list-style-type: square; font-weight: bold; }
div#left-column ol,
div#right-column ol { padding: 0 0 5px 0; }
div#left-column ol li,
div#right-column ol li { margin: 0 0 0 35px; padding: 0 15px 10px 0; list-style-type: decimal; font-weight: bold; }
div#left-column ol li span,
div#right-column ol li span,
div#recession-page div#right-column ul li span { font-weight: normal; }

div#prices-page { width: 860px; margin: 10px auto 0 auto; }
div#prices-page h2 { position: relative; height: 60px; line-height: 60px; }
div#prices-page h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/title.prices.png) no-repeat 0 0; }
div#prices-page div#prices { float: right; width: 645px; margin: 10px 0 0 0; }
div#prices-page div#prices ul.groups { height: 50px; }
div#prices-page div#prices ul.groups li { position: relative; float: left; width: 100px; height: 50px; line-height: 50px; }
div#prices-page div#prices ul.groups li.group-1 { width: 214px; }
div#prices-page div#prices ul.groups li.group-2 { width: 216px; }
div#prices-page div#prices ul.groups li.group-3 { width: 215px; }
div#prices-page div#prices ul.groups li span,
div#prices-page div#prices ul.groups li a { display: block; line-height: 50px; }
div#prices-page div#prices ul.groups li span span,
div#prices-page div#prices ul.groups li a span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/price.groups.png) no-repeat; }
div#prices-page div#prices ul.groups li.group-1 span span { background-position: 0 -50px; }
div#prices-page div#prices ul.groups li.group-1 a span { background-position: 0 0; }
div#prices-page div#prices ul.groups li.group-2 span span { background-position: -214px -50px; }
div#prices-page div#prices ul.groups li.group-2 a span { background-position: -214px 0; }
div#prices-page div#prices ul.groups li.group-3 span span { background-position: -430px -50px; }
div#prices-page div#prices ul.groups li.group-3 a span { background-position: -430px 0; }
div#prices-page div#prices h3 { position: relative; height: 60px; line-height: 60px; }
div#prices-page div#prices h3 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/title.group.1.png) no-repeat 0 0; }
div#prices-page div#prices h3.group-2 span { background-image: url(../image/title.group.2.png); }
div#prices-page div#prices h3.group-3 span { background-image: url(../image/title.group.3.png); }
div#prices-page div#prices h3.group-4 span { background-image: url(../image/title.group.4.png); }
div#prices-page div#prices p.info { margin: 0 0 10px 0; text-align: center; font-style: italic; }
div#prices-page div#prices ul.prices li { position: relative; padding: 0 0 10px 0; }
div#prices-page div#prices h4 { position: absolute; left: 10px; top: 0; line-height: 2em; font-weight: bold; text-transform: uppercase; }
div#prices-page div#prices h4 a { text-decoration: none; }
div#prices-page div#prices table { width: 645px; }
div#prices-page div#prices th { width: 120px; line-height: 2em; text-align: center; background: #fef0c9; }
div#prices-page div#prices th.w { padding-left: 404px; }
div#prices-page div#prices td.i { width: 194px; padding: 0 5px; }
div#prices-page div#prices td.d { width: 200px; line-height: 3.2em; text-align: center; }
div#prices-page div#prices td.p { width: 100px; line-height: 3.2em; padding: 0 10px; text-align: right; font-weight: bold; }
div#prices-page div#prices ul.prices p { margin: 5px 0 0 0; text-align: center; font-size: 10px; font-style: italic; }
div#prices-page div#list { float: left; width: 215px; margin: 10px 0 0 0; padding: 0 0 20px 0; }
div#prices-page div#list h3 { position: relative; height: 40px; line-height: 40px; margin: 0 0 20px 0; padding: 0 0 125px 0; background: transparent url(../image/map.png) no-repeat 0 bottom; }
div#prices-page div#list h3 span { position: absolute; left: 0; width: 100%; top: 0; height: 40px; background: transparent url(../image/subtitle.groups.png) no-repeat 0 0; }
div#prices-page div#list h4 { position: relative; height: 40px; line-height: 40px; }
div#prices-page div#list h4 span { position: absolute; left: 0; width: 130px; top: 0; height: 100%; background: transparent url(../image/price.groups.png) no-repeat; }
div#prices-page div#list li.group-1 h4 span { background-position: -47px -5px; }
div#prices-page div#list li.group-2 h4 span { background-position: -264px -5px; }
div#prices-page div#list li.group-3 h4 span { background-position: -478px -5px; }
div#prices-page div#list li.group-4 h4 span { width: 160px; background-position: -641px -5px; }
div#prices-page div#list p { padding: 0 15px; font-weight: bold; }
div#prices-page div#list p span { font-weight: normal; font-style: italic; }
div#prices-page div#list ul ul { padding: 10px 0 10px 15px; }
div#prices-page div#list a { text-decoration: none; font-weight: bold; }

div#locations-page { width: 860px; margin: 10px auto 0 auto; }
div#locations-page h2 { position: relative; height: 60px; line-height: 60px; }
div#locations-page h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/title.locations.png) no-repeat 0 0; }
div#locations-page div.info { width: 215px; height: 270px; margin: 0 0 20px 0; padding: 10px 645px 0 0; background: transparent url(../image/image.locations.png) no-repeat right bottom; }
div#locations-page div.info h3 { position: relative; height: 40px; line-height: 40px; }
div#locations-page div.info h3 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/subtitle.groups.png) no-repeat 0 bottom; }
div#locations-page div.info p { padding: 0 15px; }
div#locations-page ul#groups li { float: left; width: 215px; padding: 0 0 20px 0; }
div#locations-page ul#groups h3 { position: relative; margin: 0 15px; padding: 0 0 20px 0; height: 30px; line-height: 30px; background: transparent url(../image/maintitle.png) repeat-x 0 bottom; }
div#locations-page ul#groups h3 span { position: absolute; left: 0; width: 100%; top: 0; height: 30px; background: transparent url(../image/subtitle.group.1.png) no-repeat 0 0; }
div#locations-page ul#groups li.group-2 h3 span { background-image: url(../image/subtitle.group.2.png); }
div#locations-page ul#groups li.group-3 h3 span { background-image: url(../image/subtitle.group.3.png); }
div#locations-page ul#groups li.group-4 h3 span { background-image: url(../image/subtitle.group.4.png); }
div#locations-page ul#groups p { padding: 0 15px; text-align: center; font-weight: bold; }
div#locations-page ul#groups p span { font-weight: normal; font-style: italic; }
div#locations-page ul#groups ul { padding: 10px 0 10px 15px; }
div#locations-page ul#groups ul li { float: none; width: auto; padding: 0; text-align: center; }
div#locations-page ul#groups a { text-decoration: none; font-weight: bold; }

div#discounts-page { width: 860px; margin: 10px auto 0 auto; }
div#discounts-page h2 { position: relative; height: 60px; line-height: 60px; }
div#discounts-page h2 span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/title.discounts.png) no-repeat 0 0; }
div#discounts-page div#prices { float: right; width: 645px; margin: 10px 0 0 0; }
div#discounts-page div#prices p.info { margin: 0 0 10px 0; text-align: center; font-style: italic; }
div#discounts-page div#prices ul.prices li { position: relative; padding: 0 0 10px 0; }
div#discounts-page div#prices h3 { position: absolute; left: 10px; top: 0; line-height: 2em; font-weight: bold; text-transform: uppercase; }
div#discounts-page div#prices h3 a { text-decoration: none; }
div#discounts-page div#prices table { width: 645px; }
div#discounts-page div#prices th { width: 120px; line-height: 2em; text-align: center; background: #fef0c9; }
div#discounts-page div#prices th.w { padding-left: 404px; }
div#discounts-page div#prices td.i { width: 194px; padding: 0 5px; }
div#discounts-page div#prices td.d { width: 200px; line-height: 3.2em; text-align: center; }
div#discounts-page div#prices td.p { width: 100px; line-height: 3.2em; padding: 0 10px; text-align: right; font-weight: bold; }
div#discounts-page div#list { float: left; width: 215px; height: 95px; margin: 10px 0 0 0; padding: 0 0 20px 0; background: transparent url(../image/map.png) no-repeat 0 bottom; }

div#footer { position: relative; width: 860px; height: 97px; margin: -97px auto 0 auto; background: transparent url(../image/footer.png) no-repeat 0 0; }
div#footer p { padding: 57px 0 0 140px; line-height: 2em; }
div#footer a#lightbox { position: absolute; right: 6px; width: 45px; top: 48px; height: 40px; }
div#footer a#lightbox span { position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: transparent url(../image/footer.png) no-repeat -809px -48px; }