html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body {font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 13px; text-align: center; color: black; background: #; line-height: 1.5em; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

a { color: black; }

p { margin: 0 0 1em 0; }

h3 { border-top: 1px solid black; padding: 5px 0; border-bottom: 1px solid black; font-size: 11px; margin-bottom: 1em; font-size: 18px;}

/*h3 {  padding: 5px 0; border-bottom: 1px solid black; font-size: 11px; margin-bottom: 1em; font-size: 18px;} */

h5 { margin: 0; font-weight: bold; }

.three-cols { width: 960px; margin: 0 auto; overflow: hidden; *zoom: 1; }
.three-cols .col-1, .three-cols .col-2 { display: inline; float: left; margin-right: 15px; width: 310px; }
* html .three-cols .col-1, * html .three-cols .col-2 { overflow-x: hidden; }
.three-cols .col-3 { display: inline; float: left; margin-right: 0; width: 310px; }
* html .three-cols .col-3 { overflow-x: hidden; }

.inner { width: 960px; margin: 0 auto; overflow: hidden; *zoom: 1; }
.inner #sidebar { display: inline; float: left; margin-right: 15px; width: 310px; }
* html .inner #sidebar { overflow-x: hidden; }
.inner #sidebar #secondary-links { font-size: 11px; line-height: 27px; font-weight: bold; }
.inner #sidebar #secondary-links li { border-bottom: 1px solid black; }
.inner #sidebar #secondary-links a { text-decoration: none; display: block; }
.inner #sidebar #secondary-links a:hover { text-decoration: underline; }

.inner #sidebar #secondary-links li.selected { text-decoration: underline; }

.inner #sidebar #secondary-links #nivo-2 { padding-left: 10px;  }
.inner #sidebar #secondary-links #nivo-3 { padding-left: 20px;  }
.inner #sidebar #secondary-links #nivo-4 { padding-left: 30px;  }

.inner #main-content { margin-top: 20px; display: inline; float: left; margin-right: 0; width: 635px; min-height: 450px }
* html .inner #main-content { overflow-x: hidden; }

.two-cols { width: 960px; margin: 0 auto; overflow: hidden; *zoom: 1; }
.two-cols .col-1 { display: inline; float: left; margin-right: 15px; width: 310px; }
* html .two-cols .col-1 { overflow-x: hidden; }
.two-cols .col-2 { display: inline; float: left; margin-right: 0; width: 310px; }
* html .two-cols .col-2 { overflow-x: hidden; }
.two-cols .col-2wide { display: inline; float: left; margin-right: 0; width: 650px; }
* html .two-cols .col-2wide { overflow-x: hidden; }

.mtb { margin: 10px 0; }

.highlight { background: black; padding: 1em 15px 1em 15px; color: #fff; font-size: 11px; line-height: 1.2em; }

.small { font-size: 12px; }

#wrapper { width: 960px; margin: 0 auto; text-align: left; }

#footer { font-size: 11px; border-top: 1px solid #000; padding-top: 10px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#header { position: relative; line-height: 1.25em; padding-top: 50px; height: 175px;  *zoom: 1; font-size: 11px; background: url(../images/grid.gif) left bottom no-repeat; }
#header #logo { display: inline; float: left; }
#header #logo:hover {opacity: 0.8; filter:alpha(opacity=80); }
#header #top { margin-left: 325px; width: 635px; overflow: hidden; *zoom: 1; }
#header #top a { text-decoration: none; }
#header #top a:hover { text-decoration: underline; }
#header #top div { display: inline; float: left; border-right: 1px solid black; height: 3.5em; line-height: 3.5em; padding: 0px 10px 0 20px; }
#header #top #tagline { width: 121px; font-weight: bold; padding-left: 0; }
#header #top #address { width: 297px; line-height: 1.25em; }
#header #top #social { width: 50px; }
#header #top #social:hover {opacity: 0.8; filter:alpha(opacity=80); }
#header #top #social a { width: 16px; height: 16px; display: block; display: inline; float: left; overflow: hidden; text-indent: -10000px; margin-top: 5px; margin-right: 8px; }
#header #top #lang { width: 50px; border-right: none; padding-right: 0; }
#header #top #lang ul { display: inline; float: right; }
#header #nav-search { padding-top: 25px; margin-left: 325px; width: 635px;  overflow: hidden;*zoom: 1; height: 60px; }
#header #nav-search #main-menu { display: inline; float: left; font-size: 15px; font-weight: bold; line-height: 1.5em; padding-top: 2px; }
#header #nav-search #main-menu li { display: inline; float: left; margin-right: 11px; }
#header #nav-search #main-menu a { text-decoration: none; display: block; display: inline; float: left; }
#header #nav-search #main-menu a:hover, #header #nav-search #main-menu a.selected { border-bottom: 7px solid black; }
#header #nav-search #search { display: inline; float: right;  }
#header #nav-search #search input { border: 1px solid black; solid black; background: #; padding: 2px 5px; width: 208px; }
#header #abt { margin-left: 325px; width: 635px; }

.works-navigation { font-size: 15px; line-height: 1.2em; }
.works-navigation a { text-decoration: none; }
.works-navigation a:hover { text-decoration: underline; }

.work { border-bottom: 2px solid black; }
.work .work-gallery { overflow: hidden; *zoom: 1; margin-bottom: 1em; width: 960px; }
.work .work-gallery img { display: inline; float: left; }
.work .work-gallery .box { display: inline; float: left; position:relative; margin-right:1px; margin-bottom:1px  }

.more-projects { border-top: 1px solid black; padding: 5px 0; border-bottom: 2px solid black; }
.more-projects strong { text-transform: uppercase; }

.row .cell { display: inline; float: left; font-size: 12px; margin-left: 18px; }
.row .cell.first, .row .cell:first-child { margin-left: 0; }

/* form */
.form label { display: block; }
.form input, .form textarea { border: 1px solid #000; padding: 2px 4px; width: 300px; background: #; }
.form select { width: 310px; }
.form ul.checkboxes li { margin: 0 0 5px 0; padding: 2px 0; overflow: hidden; *zoom: 1; }
.form ul.checkboxes li input, .form ul.checkboxes li label { float: left; width: auto; margin-right: 0.5em; border: none; }
.form .buttons { margin-top: 15px; margin-bottom: 15px; }
.form .buttons input { width: auto; background: #000; border: none; font-size: 11px; color: #fff; padding: 5px 10px; }

.icon-sprite, .icon-facebook, .icon-twitter, .icon-youtube { background: url('icon-social.png') no-repeat; }

.icon-facebook { background-position: 0 0; }

.icon-twitter { background-position: 0 -16px; }

.icon-youtube { background-position: 0 -32px; }

h1 { font-size: 18px; font-weight: bold; line-height: 1.25em; margin: 5px 0; }

#breadcrumbs { line-height: 18px; border-bottom: 1px solid #000; font-size: 11px; color: #000; }

#breadcrumbs a { text-decoration: none; color: #000; }

#breadcrumbs a:hover { text-decoration: underline; }

.link { text-decoration: none; }

.link:hover { opacity:0.8; filter:alpha(opacity=80); }

.suggestionsBox {
	position: absolute;
	left: 740px;
	top: 125px;
	margin: 10px 0px 0px 0px;
	width: 220px;
	padding:0px;
	background-color: #000;
	border-top: 3px solid #000;
	color: #e9e9e9;
	z-index: 1000;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px dotted #666;
	cursor: pointer;
}
.suggestionList ul li:hover {
	background-color: #FFF;
	color:#000;
	border-left:1px #000;
	border-right:1px #000;
}

.documents { border-top: 1px solid #cccccc; padding: 10px 0; margin-bottom: 1em; }
.documents ul li { min-height: 40px; margin: 0; list-style: none; background: url(../images/doc.gif) 0px 0 no-repeat; padding: 0 0 0 35px; font-size: 12px; line-height: 1.2em; margin: 0px 0; }