/*
-------------------------------------------------
URI: http://www./
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:arial, verdana, "microsoft sans serif", helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { color: #fff; font-family:"museo-sans", arial, helvetica, sans-serif; font-weight: 100; font-size: 4.2em; text-transform: uppercase; letter-spacing: 2px  }
h2 { color: #fff; font-family:"museo-sans", arial, helvetica, sans-serif; font-weight: 100; font-size: 2.0em; text-transform: uppercase; letter-spacing: 2px; line-height: 22px; margin: 0 0 20px }
h3 { color: #fff; font-family:"museo-sans", arial, helvetica, sans-serif; font-weight: 300; font-size: 1.6em; text-transform: uppercase; letter-spacing: 2px; line-height: 22px; margin: 0 0 15px }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
p {  color: #fff; font-size: 1.4em; font-family:"museo-sans", arial, helvetica, sans-serif; margin: 0 0 15px; line-height: 20px }
a {  }
a:hover {  }
a:visited {  }
a:active {  }
ul { margin:0 0 12px 0; font-size:1.1em }
ol { margin:0 0 12px 0; font-size:1.1em }
dl { margin:0 0 12px 0; font-size:1.1em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#000 }
blockqoute {  }
table { border-top:1px solid #ccc;  border-left:1px solid #ccc }
th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc }
fieldset { border:1px solid #ccc; }
legend { background:#fff; }
label { font-size:1.1em }
textarea, input[type='text'], select { border:1px solid #000; background:#fff; font-size:11px; color:#000 }

/* 2.1 - index page */
h1.ttl-name {}
h2.ttl-select-products {}

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
div#container { width:100%; margin:0 auto; position:relative; text-align:left }
div.gen-wrapper {width: 980px; margin: 0 auto}

/* 3.3 - header */
div#header {width: 100%; background: #4FADC9 url(../images/bg/head-bg.jpg) center top no-repeat }
a#head-logo {width: 134px; height:99px; margin: 30px 0; display: block; float: left; text-indent: -9999px; background: url(../images/global/head-logo.gif) no-repeat}

ul#top-info {list-style: none; padding: 8px 12px; margin: 0 0 70px 0; float: right; background: #4eafca; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; position: relative; behavior: url(_includes/css/PIE.htc) }
ul#top-info li {float: left; margin: 0 6px 0; padding: 2px 0 5px; font-family:"museo-sans", arial, helvetica, sans-serif; font-weight: 500; font-size: 1.2em; letter-spacing: 1px; color: #fff; text-transform: uppercase}
ul#top-info li#top-phone { background: url(../images/icons/top-phone.gif) no-repeat; padding-left: 22px }
ul#top-info li#top-email { background: url(../images/icons/top-email.gif) no-repeat; padding-left: 26px }
ul#top-info li#top-login { background: url(../images/icons/top-login.gif) right top no-repeat; padding:2px 24px 5px 8px; border-left: solid 2px #fff }
ul#top-info li a {color: #fff}
ul#top-info li a:hover {text-decoration: underline}

ul#primary-navigation {list-style: none; float: right; clear: right; margin: 0 0 90px; }
ul#primary-navigation li {float: left; margin: 0 0 20px 4px; }
ul#primary-navigation li a {font-family:"museo-sans", arial, helvetica, sans-serif; font-weight: 700; font-size: 1.0em; letter-spacing: 1px; display:inline-block; padding: 6px 10px; margin: 0; color: #4eafca; text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(_includes/css/PIE.htc)}
ul#primary-navigation li a:hover, ul#primary-navigation li a.current { color: #fff; background: #33768B  }

/* 3.4 - content */
div#content {background:-moz-linear-gradient(top, #4FADC9, #295D6D); background:-ms-linear-gradient(top, #4FADC9, #295D6D); background: -webkit-gradient(linear, 0 0, 0 100%, from(#4FADC9), to(#295D6D)); -pie-background: linear-gradient(#4FADC9, #295D6D); behavior: url(_includes/css/PIE.htc)  }




body.sub #banner, body.contact #banner {width: 980px; float: left; margin: -75px 0 0 0; height: auto}
div#banner .info {width: 515px; float: left; padding: 75px 0 0 0}
div#banner .large {width: 460px; float: right; display: block; position: relative; margin: 0 }
div#banner h1, div#banner h2 {font-size: 3.4em; margin: 0 0 10px; line-height: 35px;}
h1 span, h2 span {font-weight: 700;}
div#banner h3 {color: #fff; font-family:"museo-sans", arial, helvetica, sans-serif; font-weight: 100; font-size: 1.6em; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 20px }
div#banner p {color: #fff; font-family:"museo-sans", arial, helvetica, sans-serif; font-weight: 300; font-size: 1.5em; line-height: 21px; margin: 0 0 30px}
a.more { padding: 12px; background:-moz-linear-gradient(top, #8bd4f5, #75b9d8); background: -webkit-gradient(linear, 0 0, 0 100%, from(#8bd4f5), to(#75b9d8)); -pie-background: linear-gradient(#8bd4f5, #75b9d8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; color: #fff; text-transform: uppercase; font-family:"museo-sans", arial, helvetica, sans-serif; font-weight: 500; font-size: 1.3em; letter-spacing: 1px; -webkit-box-shadow:1px 1px 2px #2f2f2f; -moz-box-shadow: 1px 1px 2px #2f2f2f; box-shadow:1px 1px 2px #2f2f2f; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(_includes/css/PIE.htc); }
a.more:hover {background:-moz-linear-gradient(top, #80c6e5, #6ba8c4); background: -webkit-gradient(linear, 0 0, 0 100%, from(#80c6e5), to(#6ba8c4)); -pie-background: linear-gradient(#80c6e5, #6ba8c4); behavior: url(_includes/css/PIE.htc);}
div#banner a.more {width: 160px; }

/* 3.5 - primary content */
div#primary-content {  padding: 20px 0; background: url(../images/bg/footer-v-bor.gif) repeat-x }
div#primary-content a {color: #ffcc00; font-weight: bold}
div#primary-content a:hover {text-decoration: underline}
body.home div#primary-content ul {list-style: none}
body.home div#primary-content ul li {width: 303px; margin: 0 8px 0 0; padding: 0 15px 0 0; float: left; background: url(../images/bg/footer-h-bor.gif) repeat-y right}
body.home div#primary-content ul li.last {margin: 0; background: none!important}
body.home div#primary-content ul li h2 {font-size: 2.0em}
body.home div#primary-content img {float: left}
body.home div#primary-content a.more {float: right; margin: 130px 0 0 0; color: #fff; font-weight: 500}
body.home div#primary-content a.more:hover {text-decoration: none}
body.contact div#primary-content {width: 600px; padding: 10px 0 2000px 0; margin: 0 0 -2000px 0; float: left; background: none}
body.contact #content div.gen-wrapper {overflow: hidden; background: url(../images/bg/footer-v-bor.gif) repeat-x; padding: 20px 0; margin: 0 auto 20px auto  }


/* 3.6 - secondary content */
div#secondary-content { padding: 20px 0; background: url(../images/bg/footer-v-bor.gif) repeat-x  }
div#secondary-content a {color: #ffcc00; font-weight: bold}
div#secondary-content a:hover {text-decoration: underline}
body.contact div#secondary-content {width: 360px; padding: 10px 0 2000px 20px; margin: 0 0 -2000px 0; float: left; background: url(../images/bg/footer-h-bor.gif) repeat-y;}

/* 3.7 - tertiary content */
div#tertiary-content { padding: 20px 0; background: url(../images/bg/footer-v-bor.gif) repeat-x  }
div#tertiary-content #news {width: 650px; padding: 0; float: left; position: relative }
div#tertiary-content #news ul {list-style: none}
div#tertiary-content #news ul li {float: left}
div#tertiary-content #news .news-date {font-size: 1.0em; color: #ffcc00; font-weight: bold; letter-spacing: 0.1em; margin: 0 0 6px 0; display: block}
div#tertiary-content #news .news-ttl {font-size: 1.3em; color: #fff; font-weight: bold; letter-spacing: 0.1em; margin: 0 0 15px 0; display: block}
div#tertiary-content #news p {font-size: 1.3em}
div#tertiary-content #news a {color: #ffcc00; font-weight: bold;}
div#tertiary-content #news a:hover {text-decoration: underline}

div#tertiary-content #partners {width: 300px; padding: 0 0 0 15px; float: left; background: url(../images/bg/footer-h-bor.gif) repeat-y}
div#tertiary-content #partners ul { width: 285px; padding: 15px 15px 0 15px; list-style: none; background: #fff; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius: 5px; -webkit-box-shadow:1px 1px 2px #2f2f2f; -moz-box-shadow: 1px 1px 2px #2f2f2f; box-shadow:1px 1px 2px #2f2f2f; position: relative; behavior: url(_includes/css/PIE.htc) }
div#tertiary-content #partners ul li {float: left; margin: 0 12px 10px 0}

/* 3.8 - footer */
div#footer { width:100%; background: #214b58; padding: 10px 0  }
div#footer .gen-wrapper {overflow: hidden; padding: 10px 0 0 0}
div#footer dl {width: 321px; margin: 0; padding: 0 0 0 8px; float: left; background: url(../images/bg/footer-h-bor.gif) repeat-y right; font-family:"museo-sans", arial, helvetica, sans-serif;}
div#footer dl.first {padding: 0}
div#footer dl.last {background: none!important}
div#footer dl.last dd {padding: 0 0 0 30px;}
div#footer dt { font-weight: 600; text-transform: uppercase; font-size: 1.4em; letter-spacing: 1px; color: #fff; margin: 0 0 25px}
div#footer dd {margin: 0 0 5px; color: #fff; font-size: 1.1em}
div#footer dd a {color: #fff}
div#footer dd a:hover {color: #ffcc00}
div#footer dd#foot-tel {padding: 0 0 4px 30px; background: url(../images/bg/foot-tel.gif) no-repeat; font-size: 1.3em; margin: 0 0 10px} 
div#footer dd#foot-email {padding: 0 0 0 30px; background: url(../images/bg/foot-email.gif) no-repeat; font-size: 1.1em} 
ul#lower-footer {list-style: none; width: 980px; padding: 20px 0; float: left; background: url(../images/bg/footer-v-bor.gif) repeat-x}
ul#lower-footer li {color: #fff}
ul#lower-footer li a {color: #fff}
ul#lower-footer li a:hover {text-decoration: underline}
ul#lower-footer li.copy {width: 800px; float: left}
ul#lower-footer li.forte {float: right}


/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }

/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* home banner */
#banner {width: 980px; height: 440px; margin: -75px auto 0 auto; overflow: hidden; position:relative }
.JS #banner{width: 100%; min-width: 980px; float: left }
#items{width: 20000em; position: absolute }
#items > div.item{float: left; overflow: visible }
#items > div:first-child{float: left; overflow: visible }
.content{width: 980px; height: 440px; margin: 0 auto; overflow: hidden }
#navigation-wrapper{ display: none; width:100% }
.JS #navigation-wrapper{display: block; width: 100%; margin: 0; text-align: center }
.next{ width: 37px; height: 78px; display: block; text-indent: -9999px; background: url(../images/btn/scroll-next.png) no-repeat; right:0px; top:320px; position: absolute; cursor: pointer }
.prev{width: 37px; height: 78px; display: block; text-indent: -9999px; background: url(../images/btn/scroll-prev.png) no-repeat; left:0px; top:320px; position: absolute; cursor: pointer}
#navigation-wrapper span:hover{background-position: bottom}
.disabled{display: none}


/* carousels*/
.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction:rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width:630px; padding:0; }
.jcarousel-skin-tango .jcarousel-container-vertical { width:75px; height:245px; padding:40px 20px; }
.jcarousel-skin-tango .jcarousel-clip { overflow:hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:630px; height:215px}
.jcarousel-skin-tango .jcarousel-clip-vertical { width:75px; height:245px; }
.jcarousel-skin-tango .jcarousel-item { width:630px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left:0; margin-right:10px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left:10px; margin-right:0; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom:10px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background:#fff; color:#000; }

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:-40px; left:600px; width:36px; height:24px; cursor:pointer; background: url(../images/btn/news-next.gif) no-repeat 12px 6px, -moz-linear-gradient(top, #8bd4f5, #75b9d8); background: url(../images/btn/news-next.gif) no-repeat 12px 6px, -webkit-gradient(linear, 0 0, 0 100%, from(#8bd4f5), to(#75b9d8)); -pie-background: url(../images/btn/news-next.gif) no-repeat 12px 6px, linear-gradient(#8bd4f5, #75b9d8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:1px 1px 2px #2f2f2f; -moz-box-shadow: 1px 1px 2px #2f2f2f; box-shadow:1px 1px 2px #2f2f2f; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(_includes/css/PIE.htc); }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left:5px; right:auto; background-image:url(prev-horizontal.png); }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-horizontal:active {background: url(../images/btn/news-next.gif) no-repeat 12px 6px, -moz-linear-gradient(top, #80c6e5, #6ba8c4); background:url(../images/btn/news-next.gif) no-repeat 12px 6px, -webkit-gradient(linear, 0 0, 0 100%, from(#80c6e5), to(#6ba8c4)); -pie-background:url(../images/btn/news-next.gif) no-repeat 12px 6px, linear-gradient(#80c6e5, #6ba8c4); }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor:default; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:-40px; left:558px; width:36px; height:24px; cursor:pointer; background: url(../images/btn/news-prev.gif) no-repeat 10px 6px, -moz-linear-gradient(top, #8bd4f5, #75b9d8); background: url(../images/btn/news-prev.gif) no-repeat 10px 6px, -webkit-gradient(linear, 0 0, 0 100%, from(#8bd4f5), to(#75b9d8)); -pie-background: url(../images/btn/news-prev.gif) no-repeat 10px 6px, linear-gradient(#8bd4f5, #75b9d8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow:1px 1px 2px #2f2f2f; -moz-box-shadow: 1px 1px 2px #2f2f2f; box-shadow:1px 1px 2px #2f2f2f; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(_includes/css/PIE.htc); }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left:auto; right:5px; background-image:url(next-horizontal.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background:url(../images/btn/news-prev.gif) no-repeat 10px 6px, -moz-linear-gradient(top, #80c6e5, #6ba8c4); background:url(../images/btn/news-prev.gif) no-repeat 10px 6px, -webkit-gradient(linear, 0 0, 0 100%, from(#80c6e5), to(#6ba8c4)); -pie-background:url(../images/btn/news-prev.gif) no-repeat 10px 6px, linear-gradient(#80c6e5, #6ba8c4); }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor:default; }

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical { position:absolute; bottom:5px; left:43px; width:32px; height:32px; cursor:pointer; background:transparent url(next-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-vertical:hover,.jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position:0 -32px; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position:0 -64px; }
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor:default; background-position:0 -96px; }
.jcarousel-skin-tango .jcarousel-prev-vertical { position:absolute; top:5px; left:43px; width:32px; height:32px; cursor:pointer; background:transparent url(prev-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position:0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position:0 -64px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor:default; background-position:0 -96px; }

.columns {width: 980px; padding: 10px 0; overflow: hidden }
.columns div {width: 480px; float: left; margin: 0 0 -2000px; padding: 0 0 2000px}
.columns div.last {background: url("../images/bg/footer-h-bor.gif") repeat-y scroll 0 0 transparent; padding: 0 0 2000px 10px; margin: 0 0 -2000px 10px}

.columns-split {width: 980px; padding: 10px 0; overflow: hidden }
.columns-split div {float: left; margin: 0 0 -2000px; padding: 0 0 2000px}
.columns-split div.first {width:315px; padding: 0 0 2000px 0; margin: 0 0 -2000px 0}
.columns-split div.second {width: 645px; background: url("../images/bg/footer-h-bor.gif") repeat-y scroll 0 0 transparent; padding: 0 0 2000px 10px; margin: 0 0 -2000px 10px}
.columns-split .bullets {width: 320px; float: left}

.product {width: 980px; margin: 0 0 10px 0; padding:10px 0 20px; background: url(../images/bg/footer-v-bor.gif) repeat-x bottom }
.product div {width: 630px}
a.por {padding: 0 0 20px; background: url(../images/bg/por-img-bg.png) no-repeat bottom}
a.land {padding: 0 0 20px; background: url(../images/bg/land-img-bg.png) no-repeat bottom}
a.gall {padding: 0 0 20px; background: url(../images/bg/gall-img-bg.png) no-repeat bottom}
.product img {border: solid 3px #fff; -webkit-box-shadow:0 0 10px #295D6D; -moz-box-shadow: 0 0 10px #295D6D; box-shadow:0 0 10px #295D6D; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(_includes/css/PIE.htc)}
.product img:hover {-webkit-box-shadow:0 0 20px #295D6D; -moz-box-shadow: 0 0 20px #295D6D; box-shadow:0 0 20px #295D6D; behavior: url(_includes/css/PIE.htc)}

.bullets {list-style: none}
.bullets li {color: #fff; font-size: 1.2em; font-family:"museo-sans", arial, helvetica, sans-serif; margin: 0 0 12px 0; padding: 0 0 0 20px; background: url(../images/global/bullet.png) no-repeat}

#map_canvas span {display: none}

/* Clients */
.client {margin: 0 0 10px 0; padding:10px 0; background: url(../images/bg/footer-v-bor.gif) repeat-x bottom}
.client img {float: right}
.client ul {width: 740px; list-style: none; float: left}
.client ul li {margin: 0; font-family:"museo-sans", arial, helvetica, sans-serif;}
.client ul li a {color: #ffcc00}
.client ul li a:hover {text-decoration: underline}
.client ul li.ttl {color: #fff; font-size: 1.8em; font-weight: 600; margin: 0 0 8px}
.client ul li.link {font-size: 1.2em; font-weight: 600; margin: 0 0 12px}
.client ul li.desc {color: #fff; font-size: 1.3em; line-height: 20px; font-weight: 300; margin: 0 0 10px}

/* image viewer */
#viewer {margin: 0; padding: 0; width: 486px; height:350px; display: block}

#viewer img {border: solid 3px #fff; -webkit-box-shadow:0 0 10px #295D6D; -moz-box-shadow: 0 0 10px #295D6D; box-shadow:0 0 10px #295D6D; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(_includes/css/PIE.htc)}
#viewer img:hover {-webkit-box-shadow:0 0 20px #295D6D; -moz-box-shadow: 0 0 20px #295D6D; box-shadow:0 0 20px #295D6D; behavior: url(_includes/css/PIE.htc)}

/* tooltip */
#tooltip {position:absolute; border:1px solid #33768B; background:#33768B; padding:2px 5px; color:#fff; margin: 25px 0 0 -60px; font-size: 1.1em; display:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(_includes/css/PIE.htc)}

/* Contact Page form */
#formHolder { float:left; width:600px; }
#formHolder h3 { font-size:14px; color:#fff; }
#formHolder span { color:#ffcc00; font-weight: 600; font-family:"museo-sans", arial, helvetica, sans-serif; }
#formHolder fieldset { margin:0; border:none; padding:0; }
#formHolder fieldset.submit { margin-bottom:20px; border:none; padding:0 20px 0 0; text-align:right; }
#formHolder label { width:85px; float:left; text-align:right; display:block; cursor:pointer; padding:9px 10px 0 0; color:#fff; font-family:"museo-sans", arial, helvetica, sans-serif; font-size: 12px }
#formHolder input.text,#formHolder textarea,#formHolder select { width:470px; margin:0 15px 5px 0; background:#fff; position: relative; border:1px solid #ccc; padding:12px 5px; border:solid 1px #295D6D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font:12px/18px Arial, Verdana, Times, serif; color:#666; -webkit-box-shadow:0 0 5px #295D6D; -moz-box-shadow: 0 0 5px #295D6D; box-shadow:0 0 5px #295D6D; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; behavior: url(_includes/css/PIE.htc); }
#formHolder input:focus, #formHolder textarea:focus {box-shadow:0 0 20px 0 #295D6D; behavior: url(_includes/css/PIE.htc); }
#formHolder ol { margin:0; padding:0; }
#formHolder ol li { list-style:none; padding:0; margin:0 0 10px 0; }
#formHolder ol li.last { border:0 none; }
#formHolder ol li input { margin:0 15px 0 0; }
#formHolder ol li.chk label { margin:0 0 0 7px; float:none; padding:0; display:inline; }
#formHolder ol li.chk input { margin:0 0 0 150px; border:0 none; }
#formHolder #error h4 { font-size:18px; color:#ff0000; }
#formHolder #error p { color:#333; }
#formHolder div.input-error { border:Solid 1px #33768B; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px 0 5px 30px; font-size:1.0em; width:450px; margin:5px 0 0 95px; color:#fff; font-weight: bold; background:#214b58 url(../images/icons/alert.gif) scroll 8px 4px no-repeat; behavior: url(_includes/css/PIE.htc) }

ul#base-words {list-style: none; padding: 20px 0; width: 980px}
ul#base-words li {color: #ccc; float: left; margin: 0 5px 0 0}

/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }