@import "reset.css";


/* Generic elements */

body { background: #fff; color: #000; font: .938em/1.4em Arial, Helvetica, sans-serif; text-align: center; }

p { margin-bottom: 1em; }

small, big { line-height: normal; }

img.port, img.alignleft { float: left; margin: 0 10px 10px 0; }
img.star, img.alignright { float: right; margin: 0 0 10px 10px; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; }

p img, li img { vertical-align: middle; }


/* Custom paragraphs, links, images, etc. */

.reset { margin: 0; padding: 0; }
.twitter-before { position: absolute; top: -35px; left: 0; width: 47px; height: 42px; background: url(images/icon_twitter-bird.png) no-repeat; }







/* Links & Buttons */

a,:link,:visited { color: #45626d; text-decoration: underline; } 
a:hover,a.important,a.on { color: #000; text-decoration: underline; }

a.more,a.more:link,a.more:visited { display: inline-block; padding-right: 15px; background: url(images/arrow2-rightwards-dakslategray.png) 100% 50% no-repeat; white-space: nowrap; }
a.more:hover { color: #000; }

a.pdf,a.pdf:link,a.pdf:visited { padding: .5em 0 .5em 30px; background: url(images/icon_pdf.png) 0 50% no-repeat; white-space: nowrap; }
a.pdf:hover { color: #000; }


/* Blockquote */

blockquote { padding: .25em 0 0 30px; background: url(images/quotes1_top-left.png) no-repeat; }
blockquote p { margin-bottom: .5em; }
blockquote .a { position: relative; padding: 2px 30px 2px 0; background: url(images/quotes1_bottom-right.png) 100% 100% no-repeat; white-space: nowrap; *display: inline-block; }
blockquote cite { display: block; margin-bottom: 1em; font-size: .933em; font-style: italic; }
blockquote a.more { font-family: Georgia, Arial, Helvetica, sans-serif; text-decoration: none; }


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; font-family: Georgia, Arial, Helvetica, sans-serif; line-height: normal; }

h1 { font-size: 30px; }
h2 { font-size: 27px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 100%; }


/* Form modelling */

input { vertical-align: middle; }
input.text, input.smalltext, input.tinytext, textarea, select { padding: 3px; border: solid 1px #98adb5; color: #5a5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
input.smalltext { width: 30px; text-align: center; }
input.tinytext { width: 25px; }
input.text:focus, textarea:focus, select:focus { border-color: #000; outline: none; }
input.button { height: 28px; border-style: solid; border-width: 0; background-color: #587a88; color: #fff; font-size: 1.067em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
input.button:active { border-color: #828177 #f9f8f3 #f9f8f3 #828177; }
textarea { overflow: auto; height: 100px; resize: vertical; }
input.checkbox { width: 15px; height: 15px; margin-right: 5px; }


/* Layout models */

.inner { padding: 15px 15px 1px; }
.section { margin-bottom: 2em; }
.outwards { width: 100%; min-width: 905px; }
.inwards { width: 885px; margin: 0 auto; padding: 0 10px; text-align: left; }
.overlay { position: absolute; bottom: 0; left: 0; width: 100%; }


/* Column group model */

.colgroup { clear: both; }
.colgroup .colset { clear: both; width: 100%; padding-bottom: 1em; }
.colgroup .col { display: inline; float: left; width: 49.9%; }
.colgroup .port { float: left; }
.colgroup .star { float: right; }

.colgroup1 .colA { width: 450px; }
.colgroup1 .colB { float: right; width: 416px; }

.colgroup2 .colA { width: 244px; }
.colgroup2 .colB { float: right; width: 620px; }

.colgroup3 .colA { width: 550px; padding-right: 20px; border-right: solid 1px #d2dde7; }
.colgroup3 .colB { position: relative; width: 284px; margin-left: -1px; padding-left: 30px; border-left: solid 1px #d2dde7; }

.colgroup4 .colA { width: 530px; }
.colgroup4 .colB { float: right; width: 353px; }


/* Box models */

.box { margin-bottom: 1em; }

.boxA { padding: 20px 28px; background: #46636f url(images/gradient1.png) repeat-x; color: #fff; }
.boxA a, .boxA a:link, .boxA a:visited { color: #fff; }
.boxA a.more, .boxA a.more:link, .boxA a.more:visited { background-image: url(images/arrow3-rightwards-white.png); }
.boxA h2 { font-weight: normal; }
.boxA blockquote { background: url(images/quotes2_top-left.png) no-repeat; }
.boxA blockquote .a { background: url(images/quotes2_bottom-right.png) 100% 100% no-repeat; }

.boxB { padding: 2px; border: solid 1px #a3bacd; background-color: #fff; }
.boxB img { display: block; }


/* List models */

.listA { font-size: .799em; }
.listA li { float: left; margin: 0 7px 7px 0; font-weight: bold; }
.listA li a, .listA li a:visited { position: relative; padding: .5em 8px; background-color: #587a88; color: #fff; text-decoration: none; }
.listA li a:hover { background-color: #7398bb; }

.listB { margin-bottom: 2em; }
.listB li { display: inline; margin-right: 7px; }
.listB li a { padding-left: 20px; background-position: 0 50%; background-repeat: no-repeat; }
.listB li a, .listB li a:link, .listB li a:visited { color: #000; }
.listB li a.twitter { background-image: url(images/icon_twitter.png); }
.listB li a.linkedin { background-image: url(images/icon_linkedin.png); }
.listB li a.skype { background-image: url(images/icon_skype.png); }


/* Story section */

.story p, .story blockquote, .story ul, .story ol { margin-bottom: 1em; }
.story h2, .story h3, .story h4, .story h5, .story h6 { color: #45626d; font-weight: normal; }
.story h3 { font-family: Arial, Helvetica, sans-serif; }


/* Book section */

.book { position: relative; }
.book ul.colA { width: 247px; margin-top: 1px; }
.book ul li { clear: both; overflow: hidden; position: relative; float: left; width: 231px; height: 84px; margin-top: -1px; padding: 8px; border: solid 1px #e3e2de; color: #45626d; font-family: Georgia, Arial, Helvetica, sans-serif; cursor: pointer; }
.book ul li:hover, .book ul li.hover, .book ul li.on { background: url(images/gradient1.png) repeat-x; color: #fff; }
.book ul li a.more, .book ul li a.more:link, .book ul li a.more:visited { float: left; min-height: 1px; background-position: 98% 60%; }
.book ul li:hover a.more, .book ul li:hover a.more:link, .book ul li:hover a.more:visited,
.book ul li.hover a.more, .book ul li.hover a.more:link, .book ul li.hover a.more:visited,
.book ul li.on a.more, .book ul li.on a.more:link, .book ul li.on a.more:visited { background-image: url(images/arrow3-rightwards-white.png); color: #fff; }
.book ul li img.thumb { display: block; float: left; margin-right: 8px; border: solid 1px #e3e2de; }
.book ul li h5 { margin: .25em 0 .75em; font-weight: normal; }
.book ul li div.more { display: none; }
.book .colB { overflow: hidden; float: right; width: 582px; min-height: 577px; padding: 15px 27px; background-color: #eeedea; line-height: 1.3em; } * html .book .colB { height: 578px; }
.book .colB .footnote { padding-top: .75em; border-top: solid 1px #a6aeaf; }
.book .colB blockquote { margin: 0; font-size: .866em; font-style: italic; line-height: normal; }
.book .colB blockquote .a { padding-bottom: 7px; }
.book .colB blockquote cite { margin: 0; font-weight: bold; }


/* Custom Headings */

#pagetitle { color: #45626d; font-weight: normal; }
#subtitle { margin-bottom: 1em; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }


/* The Header */

#header { height: 159px; background: url(images/pattern1.jpg) repeat-x; color: #fff; }
#header #logo { display: inline; float: left; margin: 70px 0 1em; }
#header #tagline { display: inline; float: right; margin: 80px 0 1em; font-weight: normal; font-size: 21px; font-family: Calibri, Arial, Helvetica, sans-serif; }


/* Main Banner */

#banner .box { height: 275px; padding: 6px; }


/* Single layers */

#container { width: 100%; }
#content { padding-top: 1em; }


/* Navigation */

#navbar { margin-bottom: 1em; padding: 1em 0; border-style: solid; border-color: #1d64a7; border-width: 1px 0; }
#nav { font-size: 1.067em; line-height: normal; }
#nav li { float: left; height: 1.4em; border-right: solid 1px #88a1ab; text-align: center; line-height: 1.4em; white-space: nowrap; }
#nav li.last { border-right: none; }
#nav a, #nav a:visited { text-decoration: none; }
#nav a:hover, #nav a.on { color: #7398bb; font-weight: bold; }

#navi1 { width: 100px; }
#navi2 { width: 185px; }
#navi3 { width: 135px; }
#navi4 { width: 170px; }
#navi5 { width: 170px; }
#navi6 { width: 115px; }


/* Recent News */

#recent-news .loading { min-height: 100px; background: url(images/loading.gif) 50% 50% no-repeat; }
* html #recent-news .loading { height: 100px; }


/* Word of Mouth box */

#word-of-mouth h3 { font-weight: normal; text-transform: uppercase; }
#word-of-mouth a.more, #word-of-mouth a.more:link, #word-of-mouth a.more:visited { color: #000; text-decoration: none; }
#word-of-mouth a.more:hover { text-decoration: underline; }


/* Contact Info */

#contact-info .col { overflow: hidden; height: 410px; }
#contact-info .colA { width: 470px; padding: 25px 30px 10px; background-color: #eeedea; }
#contact-info .colB { width: 280px; padding: 25px 37px 10px; background: #46636f url(images/gradient1.png) repeat-x; color: #fff; }
#contact-info .colB .story img { border: solid 1px #d2dde7; }
#contact-info .colB .story h3 { color: #fff; font-size: 24px; font-family: Georgia, Arial, Helvetica, sans-serif; }


/* Contact Form */

#contact-form { width: 410px; margin: 1.5em 0; }
#contact-form label { float: left; width: 100px; margin-right: 5px; padding-top: 3px; } * html #contact-form label { margin-right: 2px; }
#contact-form input.text, #contact-form textarea { width: 297px; margin-bottom: 14px; }
#contact-form textarea { height: 85px; resize: none; }
#contact-form .buttons { width: 100%; margin: 0; text-align: right; }
#contact-form .submit { width: 86px; height: 28px; }


/* Image Slider */

#imgslider { position: relative; }
#imgslider li { display: none; position: absolute; top: 0; left: 0; z-index: 18; }
#imgslider .next { position: absolute; top: 118px; right: -25px; z-index: 19; width: 46px; height: 46px; cursor: pointer; background: transparent url(images/arrow1-rightwards-darkslategray.png) no-repeat 0 0; }
#imgslider .prev { position: absolute; top: 118px; left: -25px; z-index: 19; width: 46px; height: 46px; cursor: pointer; background: transparent url(images/arrow1-leftwards-darkslategray.png) no-repeat 0 0; }
* html #imgslider .next { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow1-rightwards-darkslategray.png',sizingMethod='scale') }
* html #imgslider .prev { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/arrow1-leftwards-darkslategray.png',sizingMethod='scale') }


/* The Footer */

#footer { clear: both; background-color: #32474f; color: #fff; font-size: .866em; }
#footer .inwards { padding: 1em 0; }
#footer a, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a.on { color: #fff; text-decoration: underline; }
#footer ul.links { display: inline; float: left; margin-top: .3em; }
#footer ul.links li { float: left; padding: 0 7px; border-right: solid 1px #fff; line-height: 1.1em; }
#footer ul.links li.first { padding-left: 0; }
#footer ul.links li.last { border-right: none; }
#footer #copyright-notice { float: right; }
#footer #tld { clear: both; width: 100%; text-align: right; }
#footer #tld a, #footer #tld a:link, #footer #tld a:visited, #footer #tld a:hover { color: #fff; text-decoration: none; }


/* Custom pages */

body#blog .post { clear: both; float: left; width: 100%; padding: 1.25em 0; border-top: solid 1px #c9d4d9; }
body#blog .post-first { padding-top: 0; border-top: none; }
body#blog .post h3 a, body#blog .post h3 a:visited { color: #45626d; text-decoration: none; }
body#blog .post h3 a:hover, body#blog .post h3 a:hover { text-decoration: underline; }
body#blog .post .visual { float: left; width: 187px; margin: 0; }
body#blog .post .desc { float: right; width: 330px; }
body#blog .post .alt { clear: both; float: left; width: 100%; margin-top: 1em; padding: 1.25em 0; border-top: solid 1px #c9d4d9; border-bottom: solid 1px #c9d4d9; }

body#blog .navigation { float: left; width: 100%; }
body#blog .navigation .next { float: right; margin-bottom: 1em; }
body#blog .navigation .prev { float: left; margin-bottom: 1em; }

body#blog #mainbar .post .entry { overflow: hidden; }

body#blog #sidebar ul, body#blog #sidebar ul li { list-style: none; margin: 0; padding: 0; }
body#blog #sidebar ul h2 { margin-bottom: .5em; padding: 3px 1px; color: #45626d; font-weight: normal; font-size: 25px; }
body#blog #sidebar ul a, body#blog #sidebar ul a:visited { color: #000; }
body#blog #sidebar ul a:hover, body#blog #sidebar ul a.on { color: #45626d; }
body#blog #sidebar ul li { margin-bottom: 2em; } * html body#blog #sidebar ul li { height: 1px; }
body#blog #sidebar ul li li { padding: 0; margin-bottom: .4em; border: none; }
body#blog #sidebar ul #text-1 { padding: 6px; background: #46636f url(images/gradient1.png) repeat-x; }
body#blog #sidebar ul #text-1 .textwidget { padding: 15px 18px 1px; background-color: #fff; line-height: 1.4em; }
body#blog #sidebar ul #text-1 .textwidget h2 { font-size: 150%; }
body#blog #sidebar ul #simple-rss a, body#blog #sidebar ul #simple-rss a:visited { display: inline-block; padding: .75em 0 .75em 30px; background: url(images/icon_blog_rss.png) 0 50% no-repeat; color: #000; font-weight: bold; font-size: 1.067em; text-decoration: none; }
body#blog #sidebar ul #simple-rss a:hover { text-decoration: underline; }
body#blog #sidebar ul ul.listA { padding-top: 3em; }
body#blog #sidebar ul ul.listA li { margin-right: 5px; font-size: 92%; }
body#blog #sidebar ul ul.listA li a, body#blog #sidebar ul ul.listA li a:link, body#blog #sidebar ul ul.listA li a:visited { color: #fff; }





/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .box:after, .colgroup:after, .colset:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .box, .colgroup, .colset, .section, .after { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix, * html .box, * html .colgroup, * html .colset, * html .section, * html .after { height: 1%; }
.clearfix, .box, .colgroup, .colset, .section, .after { display: block; }
/* end hide */