@import "reset.css";


/* Generic elements */

html { height: 100%; background: url(images/pattern1.gif) repeat; }
body { min-height: 100%; background: url(images/pattern2.png) -4px 150px repeat-x; color: #fff; font: .814em/normal Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #248ccb; text-decoration: underline; } 
a:hover,a.important,a.on { color: #0077bf; text-decoration: underline; }

a.more,a.more:visited { padding-right: 20px; background: url(images/arrow1-right-lightblue.png) 100% 50% no-repeat; color: #000; white-space: nowrap; }
a.more:hover { color: #0077bf; }

a.back,a.back:visited { padding-left: 20px; background: url(images/arrow1-left-lightblue.png) 0 50% no-repeat; color: #000; white-space: nowrap; }
a.back:hover { color: #0077bf; }

a.linkA,a.linkA:link,a.linkA:visited { color: #0b4d9a; text-decoration: none; } 
a.linkA:hover {  }

p { margin-bottom: 1em; }

img.port { float: left; margin: 0 10px 10px 0; }
img.port1 { float: left; margin: 0 10px 0 0; }
img.star { 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; }
.reset, .reset ul, .reset ol { margin: 0; padding: 0; }
li {margin-bottom: 10px}
.fltr {float: right; } 


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

big { font-size: 120%; line-height: 1.5em; }
dfn { color: #0077bf; font-style: normal; }
img.icon { vertical-align: middle; }
.resetpos { clear: both; }
.frame { border: solid 1px #c5c2c2; }
.edge { float: right; }
.label { color: #0077bf; }
.footnote { width: 100%; padding-top: 1em; background: url(images/pattern5.png) 0 0 repeat-x; }
.dynamic { background: url(images/loading.gif) 50% 50% no-repeat; }
.noscreen { display: none; }

/*tables*/
.menu {color: #4e4e4e; background: #fff; margin-bottom: 15px;}
.menu td {border: 1px solid #cdcdcd; text-align: left; vertical-align: middle; font-size: 12px; padding: 5px;}
.tHead td {text-align: center; font-family: normal Arial, Helvetica, sans-serif; font-weight:bold; font-size: 13px; padding: 10px 5px; background: #0386c8 ; color: #fff;}

#tMm {width: 150px;}
#tTyp {width: 190px;}
#tRw {width: 105px;}
#tSiz {width: 105px;}






/* Form modelling */

input.text, input.smalltext, input.tinytext, textarea, select { padding: 5px; border: none; border-width: 0; background: #d5d4d4 url(images/grad1.png) 0 0 repeat-x; color: #5a5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
textarea { background: #d5d5d5 url(images/grad2.png) 0 0 repeat-x; }
input.smalltext { width: 30px; text-align: center; }
input.tinytext { width: 25px; }
input.text:focus, textarea:focus, select:focus { border-color: #ccc; }
input.button { padding: 3px 7px; border: solid 1px #c0e1ef; background-color: #0386c9; color: #fff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
input.button:active { border-color: #828177 #f9f8f3 #f9f8f3 #828177; }
textarea { overflow: auto; height: 100px; }
input.checkbox { width: 15px; height: 15px; }


/* Column group model */

.inner { padding: 0 15px; }
.section { margin-bottom: 2em; }

.colgroup { clear: both; }
.colgroup .colset {  }
.colgroup .col { display: inline; float: left; width: 49.9%; }
.colgroup .port { float: left; }
.colgroup .star { float: right; }


/* Box models */

.box { margin-bottom: 1em; }

.boxA { padding: 15px 13px 1px; border: solid 1px #a7a7a7; }

.boxB { padding: 12px 15px; background-color: #0b4d9a; color: #fff; }
.boxB a, .boxB a:visited { color: #fff; text-decoration: none; }
.boxB a.back,.boxB a.back:visited { display: block; background: url(images/arrow1-left-white.png) 0 5px no-repeat; white-space: normal; }
.boxB a.back:hover { background-image: url(images/arrow1-left-lightblue-onblue.png); color: #7fc7f3; }
.boxB a.more, .boxB a.more:visited { display: block; padding-right: 15px; background: url(images/arrow1-right-white.png) 100% 5px no-repeat; white-space: normal; }
.boxB a.more:hover { background-image: url(images/arrow1-right-lightblue-onblue.png); color: #7fc7f3; }


/* List models */

.clickable li.hover { border-color: #248ccb !important; }

dl.listA {  }
dl.listA dt, dl.listA dd, dl.listA img { display: inline; float: left; }
dl.listA dd { margin: 0 0 3px 3px; }

dl.gallery dt { position: relative; }
dl.gallery dd span.desc { display: none; }
dl.gallery dt span.desc { position: absolute; bottom: 7px; left: 7px; width: 95%; color: #000; font-size: 10px; }
dl.gallery dt span.desc em { position: absolute; top: -1px; left: -1px; color: #fff; font-style: normal; }

.listB { float: left; width: 100%; margin-bottom: 2em; }
.listB li { float: left; width: 100%; margin-bottom: 10px; }
.listB a { display: block; padding: 15px 40px 15px 15px; }
.listB a, .listB a:visited { background: #0b4d9a url(images/arrow1-right-white-longer.png) 95% 50% no-repeat; font-size: 15px; line-height: 18px; color: #fff; text-decoration: none; }
.listB a:hover { background-image: url(images/arrow1-right-lightblue-longer.png); color: #7fc7f3; }

.listC { clear: both; color: #1557a1; font-size: 17px; }
.listC li { margin-bottom: .75em; padding-left: 15px; background: url(images/bullet1.png) 0 5px no-repeat; font-size: 14px; }
.listC a, .listC a:visited { color: #1557a1; text-decoration: none; }
.listC a:hover { text-decoration: underline; }
.listC ul { margin: 1em 0 0 12px; font-size: 12px; }
.listC ul li { padding-left: 12px; background-image: url(images/bullet1-smaller.png); }

.listD li { overflow: hidden; position: relative; z-index: 30; height: 217px; float: left; width: 328px; padding: 15px; margin-bottom: 16px; border: solid 1px #aaa; }
.listD li.even { float: right; }
.listD li img.preview { border: solid 1px #b2b2b2; margin-right: 23px; }
.listD li h3 { margin-bottom: .75em; }
.listD li a.more { position: absolute; bottom: 15px; left: 190px; }
.listD li ul { list-style: disc; padding-left: 1.5em; }
.listD li li { overflow: visible; position: static; height: auto; float: none; width: auto; padding: 0; margin-bottom: 0; border: none; }
.listD li.colset .colB1 { overflow: hidden; }


/* Custom headings */

#logo { margin: 0; }
#pagetitle { margin-bottom: 1em; } 


/* Single layers */

#container { width: 1061px; margin: 0 auto; text-align: left; background: url(images/box2-bg.png) -9999px -9999px no-repeat; }
#wrapper { margin: 0; padding: 0 32px; background: url(images/box1-bg.png) repeat-y; color: #484849; }
#wrapperBefore { height: 55px; background: url(images/box1-top.png) no-repeat; color: #484849; }
#wrapperAfter { height: 55px; background: url(images/box1-bottom.png) no-repeat; color: #484849; }
#wrapperInner { float: left; width: 100%; margin: 0; }
#content { clear: both; width: 100%; min-height: 400px; padding-top: 35px; }


/* Header */

#header { width: 100%; padding-top: 15px; background: url(images/box2-top.png) -9999px -9999px no-repeat; }
#header #tagline { position: relative; height: 66px; padding-left: 435px; background: url(images/bg1.jpg) 100% 0 no-repeat; }
#header #tagline #logo { position: absolute; left: 0; bottom: 0; background: url(images/box2-bottom.png) -9999px -9999px no-repeat; }
#header #tagline h2 { float: left; margin-top: 30px; color: #a2d6f6; font-size: 17px; }
#header .contact { padding: 0 12px; color: #0b4d9a; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; }
#header .contact a, #header .contact a:visited { color: #0b4d9a; }
#header .contact a:hover { color: #0386c8; }


/* Custom column groups */

#colgroup1 { padding: 20px 0 0 4px; }
#colgroup1 .colA { float: left; width: 211px; margin-right: 15px; }
#colgroup1 .colB { float: left; width: 537px; }
#colgroup1 .colC { float: right; width: 205px; }

#colgroup2 { padding: 0 18px 0 40px; }
#colgroup2 .body { padding: 0 98px 20px; }
#colgroup2 .colA { float: left; width: 605px; }
#colgroup2 .colB { float: right; width: 300px; }
#colgroup2 .colC { float: left; width: 750px; }

#colgroup3 { padding: 20px 33px 0 20px; }
#colgroup3 .colA { float: left; width: 200px; }
#colgroup3 .colB { float: right; width: 735px; }
#colgroup3 .colB .colgroupA .colB1 { width: 152px; }
#colgroup3 .colB .colgroupA .colB2 { float: right; width: 152px; }

#colgroup4 { padding: 20px 33px 0 20px; }
#colgroup4 .colA { float: left; width: 185px; padding-right: 15px; background: url(images/pattern4.png) 100% 0 repeat-y; }
#colgroup4 .colB { width: 635px; margin-left: -1px; padding-left: 15px; background: url(images/pattern4.png) 0 0 repeat-y; }
#colgroup4 .colB .colgroupA .colB1 { float: left; width: 295px; }
#colgroup4 .colB .colgroupA .colB2 { float: right; width: 340px; }

#colgroup5 { padding: 20px 25px; }
#colgroup5 .colA { float: left; width: 185px; margin-left: 40px; }
#colgroup5 .colB { float: left; width: 626px; margin-left: 15px; }

#colgroup6 { padding: 0 18px 0 40px; }
#colgroup6 .colA { float: left; width: 500px; padding-right: 30px; border-right: solid 1px #d7d6e9; }
#colgroup6 .colB { float: right; width: 408px; margin-left: -1px; border-left: solid 1px #d7d6e9; }


/* Navigation */

#navbar { float: left; width: 100%; margin-top: 15px; }
#nav { position: relative; float: left; width: 100%; border-bottom: solid 1px #061e64; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#nav li { float: left; margin: 0 1px 0 0; }
#nav li.last { margin-right: 0; }
#nav a { display: block; padding-left: 8px; background: url(images/tab1.png) 0 0 no-repeat; color: #fff; }
#nav a span { display: block; padding: .5em 8px .5em 0; background: url(images/tab1.png) 100% 0 no-repeat; color: #fff; text-align: center; cursor: pointer; }
#nav a, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a.on { background-position: 0 -75px; }
#nav a:hover span, #nav a.on span { background-position: 100% -75px; }

#navi1 { width: 105px; }
#navi2 { width: 107px; }
#navi3 { width: 105px; }
#navi4 { width: 107px; }
#navi5 { width: 105px; }
#navi6 { width: 105px; }
#navi7 { width: 105px; }
#navi8 { width: 125px; }
#navi9 { width: 125px; }

#nav ul { position: absolute; top: 100%; left: 0; width: 997px; height: 32px; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: -1px; }
#nav ul ul { display: none; }
#nav ul li, #nav ul li a, #nav ul a span { overflow: hidden; height: 32px; line-height: 32px; white-space: nowrap; }
#nav ul a, #nav ul a:hover, #nav ul a.on { background: url(images/tab2.png) 0 0 no-repeat; }
#nav ul a span, #nav ul a:hover span, #nav ul a.on span { background: url(images/tab2.png) 100% 0 no-repeat; }
#nav ul a span { padding: 0 8px 0 0; }
#nav ul a:hover, #nav ul a.on { background-position: 0 100%; }
#nav ul a:hover span, #nav ul a.on span { background-position: 100% 100%; }

#navi31 { width: 125px; }
#navi32 { width: 135px; }
#navi33 { width: 130px; }
#navi34 { width: 140px; }
#navi35 { width: 146px; }
#navi36 { width: 94px; }
#navi37 { width: 90px; }
#navi38 { width: 130px; }

#navi61 { width: 180px; }
#navi62 { width: 95px; }
#navi63 { width: 105px; }
#navi64 { width: 80px; }
#navi65 { width: 100px; }
#navi66 { width: 110px; }
#navi67 { width: 100px; }
#navi68 { width: 100px; }
#navi69 { width: 119px; }


/* Story section */

#story p, #story blockquote, #story ul, #story ol { margin-bottom: 1.5em; }
#story h1, #story h2, #story h3, #story h4, #story h5, #story h6 { color: #248ccb; font-weight: normal; }

/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; color: #248ccb; font-weight: normal; }

h1 { font-size: 140%; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; color:#484849}
h4 a { text-decoration: none; color:#484849}
h5 { font-size: 14px; }
h6 { font-size: 100%; }

h2.headingA { margin-bottom: 2em; padding: .5em 12px; background: #d5d4d4 url(images/grad1.png) 0 0 repeat-x; color: #248ccb; font-size: 18px; }


/* Home Gallery */

#homegallery dt { overflow: hidden; width: 356px; height: 393px;}
#homegallery dt img { width: 356px; height: 393px; }

/* Home Text */

.home-text { padding-top: 420px; }


/* Quick News section */

#quick-news ul li { margin-bottom: 2.5em; }
#quick-news ul li p { margin-bottom: 1em; }
#quick-news h2{ margin-bottom: 1.5em; }


/* Products list */

#products li.more h3 { margin-bottom: 1.5em; color: #484849; font-size: 18px; }


/* Product profile */

#product h2 { margin-bottom: 1.5em; }
#product h3 { padding: 8px 12px; background: #d5d4d4 url(images/grad1.png) 0 0 repeat-x; color: #545454; }
#product h4 { margin-bottom: .8em; }
#product .section { margin-bottom: .5em; }
#product .section .body { padding: 1em 12px; }
#product #product-description .colgroup { position: relative; margin: 1.5em 0 1em; }
#product #product-description .preview, #product #product-description .preview img { width: 233px; height: 258px; }
#product #product-description img.main { margin: 0 60px 0 0; }
#product #product-description ul { position: absolute; bottom: 0; }
#product #product-description ul li { display: inline; float: left; margin-right: 12px; }
#product #product-features ul li { margin-bottom: 1em; }


/* Case Study */

#case-study dl.gallery dt { overflow: hidden; width: 414px; height: 455px; }
#case-study dl.gallery dt img { width: 414px; height: 455px; }
#case-study dl.gallery dd { margin: 0 0 5px 5px; }


/* Services list */

#services li { display: inline; float: left; width: 270px; margin: 0 11px; padding: 14px; border: solid 1px #a8a8a8; }
#services li h3 { font-size: 18px; }
#services li .body { min-height: 135px; }


/* Gallery */

#gallery { padding: 0; }
#gallery .showcase { padding-bottom: 5px; }
#gallery .showcase .col { overflow: hidden; position: relative; height: 404px; }
#gallery .showcase .col .wrapper { width: 100%; height: 100%; background-color: #fff; }
#gallery .showcase .col img { background-color: #fff; }
#gallery .showcase .port { width: 259px; }
#gallery .showcase .main { width: 404px; margin: 0 5px; }
#gallery .showcase .star { width: 258px; }
#gallery .showcase .port a.prev { position: absolute; top: 170px; left: 75px; width: 40px; height: 63px; background: url(images/arrow2-left.png) 0 0 repeat-x; text-indent: -9999px; cursor: pointer; }
#gallery .showcase .star a.next { position: absolute; top: 170px; right: 75px; width: 40px; height: 63px; background: url(images/arrow2-right.png) 0 0 repeat-x; text-indent: -9999px; cursor: pointer; }
#gallery .showcase .port img, #gallery .showcase .star img { filter: alpha(opacity=50) !important; -moz-opacity: .5; opacity: .5; }
#gallery ul.thumbs { clear: both; }
#gallery ul.thumbs li { float: left; margin: 0 5px 5px 0; }
#gallery ul.thumbs li.last { margin-right: 0; }
#gallery ul.thumbs li img { float: left; }
#gallery ul.thumbs li.on img { position: relative; border: solid 3px #248ccb; margin: -3px; }
#gallery dl.gallery dt { overflow: hidden; width: 414px; height: 455px; }
#gallery dl.gallery dt img { width: 414px; height: 455px; }
#gallery dl.gallery dd { margin: 0 0 5px 5px; }
#gallery dl.gallery dd img { width: 100px; height: 110px; }


/* Global Partners */

#global { font-size: 13px; line-height: 1.5em; }


/* Contact Form */

#contactFrm { width: 260px; margin: 0 auto; }
#contactFrm input.text, #contactFrm textarea { width: 250px; }
#contactFrm select { width: 260px; }
#contactFrm label { display: block; margin-bottom: .3em; }
#contactFrm ul li { margin-bottom: 1em; }
#contactFrm input.submit { width: 110px; height: 35px; }


/* The Talkbox */

#talkbox { display: none; position: absolute; top: 0; left: 0; z-index: 1000; width: 266px; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: normal; text-align: left; }
#talkbox .before { height: 15px; background: url(images/box2-top.png) 1px 0 no-repeat; font-size: 1px; }
#talkbox .after { height: 58px; background: url(images/box2-bottom.png) 0 0 no-repeat; font-size: 1px; }
#talkbox .inner { min-height: 50px; padding: 1px 25px; background: url(images/box2-bg.png) 0 0 repeat-y; color: #fff; }
#talkbox .inner h3 { color: #fff; font-weight: bold; font-size: 15px; }
#talkbox .inner a, #talkbox .inner a:visited { color: #fff; text-decoration: none; }


/* Footer */

#footer { clear: both; padding: 20px 20px 0; font-size: 9px; }
#footer a, #footer a:visited { color: #1656a0; text-decoration: none; }
#footer a:hover { color: #1656a0; text-decoration: underline; }
#footer cite { font-size: 12px; float: right; }
#footer ul li { display: inline; padding: 0 2px 0 5px; border-left: solid 1px #1656a0; line-height: 1.1em; }
#footer ul li.first { padding-left: 0; border: none; }
#footer ul li.last { padding-right: 0; }

#copyright { margin-top: -20px; padding: 0 52px; font-size: 9px; text-align: left; }
#copyright a{ text-decoration: none; color:#fff}

#tld { margin-top: -12px; padding: 0 52px; font-size: 9px; text-align: right; }
#tld a{ text-decoration: none; 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 */