/* content styles */

/* Basic */
body { font: 13px Arial, sans-serif; line-height: 1.4615; color: #525252; }

h1, h2, h3, h4, h5, h6, caption { margin: 1em 0 0.25em; color: #000; font-weight: bold; }

h1 { font-size: 30px; margin: 0px 0 17px; line-height: 1.15; text-transform: uppercase; }
h2 { font-size: 23px; line-height: 36px; margin: 0.5em 0 0.25em; text-transform: uppercase; letter-spacing: -1px; }
h2.underline { background: url(../img/bg-h2.png) repeat-x 0 28px; margin-bottom: 18px; } 
h2.large { font-size: 30px; line-height: 36px; background-position: 0 30px; }
h2.green { color: #00c800; }
h3, caption { font-size: 14px; margin: 0.5em 0 0.25em;  }
h4, h5, h6 { font-size: 100%; margin: 0.5em 0 0.25em; }

p, li { margin-top: 0; }
p, ul, ol, dl, table { margin-top: 0; margin-bottom: 1.462em; }
p.no-margin { margin: 0; }

ul { margin: 0 0 1.6em 0; padding: 0; list-style: none; }
ul li {margin: 0.2em 0 0.2em 0; padding: 0 0 0 15px; background: url(../img/bullet-default.png) no-repeat 0 0.5em; _position: relative; }
ul.gray li { background: url(../img/bullet-gray.png) no-repeat 0 0.5em; }
ol { margin: 0 0 1.6em 2em; padding: 0;  }
ol li { background: none; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

ol.decimal { list-style: decimal; }
ol.lower-alpha { list-style: lower-alpha; }
ol.upper-alpha { list-style: upper-alpha; }
ol.lower-roman { list-style: lower-roman; }
ol.upper-roman { list-style: upper-roman; }
code { font-size: 12px; font-family: monospace; }
dt { font-weight: bold; }

blockquote { background: #f2f2f2; margin: 0 0 1.6em 0; padding: 15px 20px 1px 20px; }

hr { display: block; width: 100%; height: 1px; font-size: 1px; overflow: hidden; border: 0; color: #E9E8E5; background: #E9E8E5; margin: 10px 0; clear: both; }

a:link { color: #00c800; }
a:visited {color: #00c800;}
a:hover {color: #4d4d4d; }

a.ext { background: url(../img/ico-ext.png) no-repeat 100% 2px; padding-right: 13px; }
a.more { background: url(../img/bullet-more.png) no-repeat 0 50%; padding-left: 12px; }

/* Misc */
.fl { display: inline; float: left; }
.fr { display: inline; float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }

.out { position: absolute; left: -2000px; top: -2000px; }
.break { height: 0px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; display: block; }
.small { font-size: 84.615%;}
.suppress { color: #666666; font-weight: normal; }
.hidden { display: none; }

.row { width: 100%; display: block; position: relative; }
.col { position: relative; float: left; left: 100%; _display: inline; }

.clearfix { zoom: 1; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.center { text-align: center; }
.left { text-align: left !important; }
.right { text-align: right; }

.iblock { display: inline-block; }

a.imagelink { position: absolute; background-position: 0 0; text-indent: -9999px; }
a.imagelink:hover { background-position: 0 -100px; }

/* Tables */
table { margin: 0 0 1.6923em 0; background: none; border: 0px solid #004385; border-collapse: collapse; font-size: 100%; clear: both; width: 100%;  }
caption { text-align: left; padding-bottom: 5px; margin-bottom: 0; margin-top: 0; }
th, td {vertical-align: top; padding: 6px 10px; border: 1px solid #d6d6d6; }
th { text-align: left; background: #2c2c2c; color: #fff; font-weight: bold; }
td { background: #fff; }
tr.even td { background: #e9e9e9; }
tr.em td { background: #999; color: #fff; }
th[align=right] { text-align: right; }
th[align=center] { text-align: center; }
table td p { margin: 0.1em 0; }

/* Plain table */
table.plain { background: none; border: none; margin: 0; }
table.plain tr td, table.plain tr { background: none; border: none; padding: 0; font-size: 100%;}
table.plain tr td { padding-right: 5px; }
table.plain h2 { margin-top: 10px; }

/* Form table */
table.form { background: none; border: none; margin: 0; }
table.form tr td, table.plain tr { background: none; border: none; padding: 0; font-size: 100%;}
table.form tr td { padding: 0 0 10px; }
table.form h2 { margin-top: 10px; }

/* Half columns */
.col-h-l, .col-h-r {width: 47%; }
.col-h-l {float: left; display: inline;}
.col-h-r {float: right; display: inline;}

/* Images */
img { border: 0; padding: 0; margin: 0; }
img.left, img.right {margin: 0 15px 15px 15px;}
img.left {margin-left: 0; float: left; }
img.right {margin-right: 0; float: right; }
img.plain {margin: 0; padding: 0; border: 0; display: inline; vertical-align: middle;}
img.framed { border: 0; padding: 0; }

.ico-clock,
.ico-clip,
.ico-cart,
.ico-phone,
.ico-wallet { min-height: 48px; margin-bottom: 1em; }


.ico-clock { background: url(../img/ico-clock.png) no-repeat 0 50%; padding-left: 62px; min-height: 48px; }
.ico-clip { background: url(../img/ico-clip.png) no-repeat 0 50%; padding-left: 62px; min-height: 48px; }
.ico-cart { background: url(../img/ico-cart.png) no-repeat 0 50%; padding-left: 81px; min-height: 48px; }
.ico-phone { background: url(../img/ico-phone.png) no-repeat 0 50%; padding-left: 62px; min-height: 48px; }
.ico-wallet { background: url(../img/ico-wallet.png) no-repeat 0 50%; padding-left: 62px; min-height: 48px; }


/* Related images */
.related-images { position: relative; margin: 0 0 30px; zoom: 1; z-index: 5; }
.related-images ul { margin: 0 0 0 -20px; padding: 0; zoom: 1; }
.related-images ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.related-images ul li { margin: 0 0 20px 20px; padding: 0; background: none; font-size: 12px; letter-spacing: 0; line-height: 1.3; width: 155px; height: 97px; float: left; _display: inline; }
.related-images ul li a { display: block; position: relative; }
.related-images ul li img { display: block; margin: 0; position: relative; border: 0; padding: 0;}
.related-images ul li a .bullet { position: absolute; top: 10px; right: 10px; background: url(../img/bg-bullet-related-images.png) no-repeat 0 0; width: 12px; height: 12px; overflow: hidden; }
.related-images ul li a:hover .bullet { background-position: 0 -100px; }
.related-images ul li a .mask { background: url(../img/bg-related-images-mask.png) no-repeat 0 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; _display: none; }

/* Related images */
.certificates { position: relative; margin: 0 0 30px; zoom: 1; z-index: 5; }
.certificates ul { margin: 0 0 0 -20px; padding: 0; zoom: 1; }
.certificates ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.certificates ul li { margin: 0 0 20px 20px; padding: 0; background: none; font-size: 12px; letter-spacing: 0; line-height: 1.3; width: 206px; height: 267px; float: left; _display: inline; }
.certificates ul li a { display: block; position: relative; }
.certificates ul li img { display: block; margin: 0; position: relative; border: 0; padding: 0;}
.certificates ul li a .bullet { position: absolute; top: 10px; right: 10px; background: url(../img/bg-bullet-certificates.png) no-repeat 0 0; width: 12px; height: 12px; overflow: hidden; }
.certificates ul li a:hover .bullet { background-position: 0 -100px; }
.certificates ul li a .mask { background: url(../img/bg-certificates-mask.png) no-repeat 0 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; _display: none; }

/* Inline projects */
.inline-projects { margin-bottom: 20px; zoom: 1; }
.inline-projects:before, .inline-projects:after { display: block; content: ''; clear: both; }
.inline-projects .project { width: 214px; float: left; }
.inline-projects .project img { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.inline-projects .project + .project { margin-left: 18px; }
.inline-projects .project h3 { color: #525252; }
.inline-projects .project .more { background: url(../img/bullet-default.png) no-repeat 0 0.4em; padding-left: 15px; }

