body { margin: 0; padding: 0; background: url(/assets/image/bg.png) 0 -430px repeat-x #065B86; } body, div, p, td { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #FFFFFF; line-height: 13pt; } a:link, a:visited { color: #CCFFFF; text-decoration: none; border-bottom: 1px solid #CCFFFF; } a:hover, a:active { color: #FFFFFF; text-decoration: none; border: none; } h1, h2, h3, h4 { font-family: Rockwell, Georgia, Times, serif; font-weight: lighter; color: #FFFFFF; line-height: normal; margin: 0 auto 13px auto; } h1 { font-size: 20pt; } h2 { font-size: 14pt; } h3 { font-size: 12pt; } h4 { font-size: 10pt; } input, textarea { font-family: Helvetica, Arial, sans-serif; font-size: 9pt; color: #003366; padding: 8px 5px; border: none; } input { background: url(/assets/image/trans_sprite.png) 0px -184px; } table { display: block; width: 100%; margin: 0; padding: 0; } td input { width: 232px; } td textarea { width: 340px; } .safari #contactform td input, .safari #contactform td textarea { width: 97%; } td, th { text-align: left; font-weight: normal; padding: 5px; } th { width: 30%; } form a { color: #FFFFFF; padding: 4px; } a.badge { display: block; width: 152px; height: 152px; background: url(/assets/image/trans_sprite.png) -556px -111px; border: none; z-index: 500; } a.buttonbig { display: block; position: relative; font-family: Rockwell, Georgia, Times, serif; font-size: 12pt; font-weight: lighter; color: #003366; line-height: normal; text-align: center; width: 400px; height: 22px; padding: 14px 0; background: url(/assets/image/trans_sprite.png) -309px 0; border: none; } a.buttonbig:hover, a.buttonbig:active { background: url(/assets/image/trans_sprite.png) -309px -50px; } a.buttonsmall { display: block; position: relative; font-family: Rockwell, Georgia, Times, serif; font-size: 9pt; font-weight: lighter; color: #003366; line-height: normal; text-align: center; width: 124px; height: 20px; padding: 5px 0; background: url(/assets/image/trans_sprite.png) -309px -100px; border: none; } a.buttonsmall:hover, a.buttonsmall:active { background: url(/assets/image/trans_sprite.png) -309px -130px; } .accordion a { display: block; border: none; } .accordion a .point { display: block; float: left; width: 9px; height: 10px; margin: 6px; background: url(/assets/image/trans_sprite.png) -244px -126px no-repeat; } .accordion div { display: block; padding: 5px 0 10px; overflow: hidden; } .alignleft { float: left; margin: 0 10px 10px 0; } .alignright { float: right; margin: 0 0 10px 10px; } .cols { display: block; float: left; width: 380px; } .cols:first-child { width: 48%; margin: 0 2% 3% 0; } .corners { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .googlemap b, .googlemap div, .googlemap p { color: #000000; } .hide { display: none; visibility: hidden; } .nicelist ul, .nicelist li { display: inline; list-style: none; margin: 0; padding: 0; } .nicelist li { display: block; padding: 0 0 5px 0; } .space { display: block; width: auto; height: 10px; } .spacesmall { display: block; width: auto; height: 5px; } .speechbubble { display: block; position: relative; width: 100%; } .speechbubblecontent { display: block; position: relative; width: 370px; margin: 0; padding: 10px; background: #6699CC; } .ie .speechbubblecontent { padding: 10px 0; } .speechbubblebottom { display: block; float: right; width: 34px; height: 30px; margin: 0 40px 0 0; background: url(/assets/image/trans_sprite.png) -210px -126px no-repeat; } .ie .speechbubblebottom { position: absolute; right: 40px; bottom: -30px; } a.tweet_avatar { display: block; float: left; width: 28px; height: 28px; margin: 0 5px 0 0; padding: 0; border: 1px solid; } .tweet_list li { display: block; height: 40px; min-height: 40px; margin: 0 0 5px 0; } #headercontainer { display: block; float: left; width: 100%; margin: 0; background: url(/assets/image/bg.png) 0 0 repeat-x; z-index: 500; } #header { display: block; position: relative; width: 850px; height: 70px; margin: 0 auto; } #logo { display: block; position: absolute; width: 309px; height: 124px; background: url(/assets/image/trans_sprite.png); border: none; top: 5px; right: 0; } #menu ul, #menu li { display: inline; list-style: none; margin: 0; padding: 0; } #menu li a { display: block; float: left; font-size: 12pt; color: #FFFFFF; border: none; margin: 0; padding: 30px 20px 25px 0; } #menu li a:hover { text-decoration: underline; } #herocontainer { display: block; float: left; width: 100%; margin: 0; background: url(/assets/image/bg.png) 0 -70px repeat-x; } #hero { display: block; position: relative; width: 850px; margin: 0 auto; text-align: left; } #hero h1 { padding-right: 300px; } #hero a:link, #hero a:visited { color: #003366; border-bottom-color: #003366; } #hero a.badge { position: absolute; right: 0; top: 175px; } #hero .cols { padding: 50px 0 30px; } #hero .cols h1 { padding: 0; } #slideshow { display: block; width: 380px; height: 250px; overflow: hidden; margin: 2px 0 0 0; } #slideshow ul, #slideshow li { display: inline; list-style: none; margin: 0; padding: 0; } #slideshow li a { display: block; position: absolute; width: 380px; height: 250px; border: 0; } #contentcontainer { display: block; float: left; width: 100%; margin: 0; padding: 20px 0 0 0; background: url(/assets/image/bg.png) 0 -430px fixed repeat-x; } #content { display: block; position: relative; width: 850px; margin: 0 auto; padding: 20px 0; } #bottomcontainer { display: block; float: left; width: 100%; margin: 0; padding: 20px 0; background: url(/assets/image/bg.png) 0 -2000px repeat-x; } #bottom { display: block; width: 850px; margin: 20px auto; } #bottom .cols, #bottom .cols:first-child { width: 31%; margin: 0 2% 3% 0; } #socialnetworklinks ul, #socialnetworklinks li { display: inline; list-style: none; margin: 0; padding: 0; } #socialnetworklinks li a { display: block; float: left; width: 30px; height: 60px; margin: 0 0 0 8px; background-image: url(/assets/image/trans_sprite.png); border: none; } #socialnetworklinks li:first-child a { margin: 0; } a#youtube { background-position: -0px -123px; } a#digg { background-position: -30px -123px; } a#facebook { background-position: -60px -123px; } a#twitter { background-position: -90px -123px; } a#linkedin { background-position: -120px -123px; } a#delicious { background-position: -150px -123px; } a#wordpress { background-position: -180px -123px; } #newsletterform input { width: 254px; } #footer { display: block; float: left; width: 850px; margin: 0; padding: 20px auto; border-top: 1px solid #006699; } #footer .copyright, #footer .copyright a { font-size: 8pt; } /** plugins **/ /** jgrowl **/ div.jGrowl { padding: 10px; z-index: 9999; } div.ie6 { position: absolute; } div.ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; } body > div.jGrowl { position: fixed; } body > div.jGrowl.top-left { left: 0px; top: 0px; } body > div.jGrowl.top-right { right: 0px; top: 0px; } body > div.jGrowl.bottom-left { left: 0px; bottom: 0px; } body > div.jGrowl.bottom-right { right: 0px; bottom: 0px; } body > div.jGrowl.center { top: 0px; width: 50%; left: 25%; } div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; } div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background-color: #000; color: #fff; opacity: .85; filter: alpha(opacity = 85); zoom: 1; width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.jGrowl div.jGrowl-notification { min-height: 40px; } div.jGrowl div.jGrowl-notification div.header { font-weight: bold; } div.jGrowl div.jGrowl-notification div.close { float: right; font-weight: bold; cursor: pointer; } div.jGrowl div.jGrowl-closer { height: 15px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-weight: bold; text-align: center; }