/* FONTS
----------------------------------------------- */
body, table, input, select, textarea, td, th {
  font: 14px 'Myriad Pro', Arial, Helvetica, sans-serif;
  color: #444;
}

a, a:link, a:visited {
  color: #841618;
}
a:hover {
  color: #841618;
}

h1, h2, h3 {font-weight: normal; line-height: normal;}

h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  height: 40px;
  position: relative;
  z-index: 100;
}
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {
  color: #010101;
}

h2 {
  font-size: 24px;
  margin: 15px 0 10px 0;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {
  color: #010101;
}

h3 {
  font-size: 22px;
  margin: 15px 0 10px 0;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover {
  color: #010101;
}

p {
  margin: 0 0 .625em 0;
}

ul, ol {
  padding-left: 1.375em;
  margin: 0 0 .625em 1.375em;
}

hr {
  border: 0;
  height: 1px;
  color: #999;
  background: #999;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}



/* LAYOUT
----------------------------------------------- */
body {margin: 0; padding: 0; background: #fff;}
* html .mw {border-left: 960px solid #fff; border-right: 30px solid #fff; position: relative; float: left; z-index: 1;}
* html .mw .mw {border: 0; margin-left: -960px; margin-right: -30px; z-index: 2;}
/*.mw .mw {background: transparent url(../img/body_bg.jpg) no-repeat 0 112px;}*/
#body {width: 100%; min-width: 990px; text-align: right; background: transparent url(../img/body_r_bg.gif) no-repeat 100% 150px;}
#header {height: 150px; text-align: left;}
#left {width: 340px; height: 500px; float: left; text-align: left;}
#content {margin-left: 340px; padding-right: 285px; text-align: left;}
* html #content {margin-left: 0; float: left;}
#center {padding-top: 30px; width: 100%; margin-left: -100%; float: right;}
#right {width: 250px; right: -285px; float: right; position: relative;}
#sub {width: 50%; padding-top: 50px; margin-left: auto; text-align: left; clear: right;}
#footer {width: 100%; clear: both; text-align: left;}
#flash {height: 490px; position: relative; top: -80px; background: transparent url(../img/side.jpg) no-repeat;}



/* FORMS
----------------------------------------------- */
form {margin: 0; padding: 0;}
input.image {border: 0;}



/* MISC
----------------------------------------------- */
a img {border: 0;}
.clear {clear: both; height: 0; overflow: hidden;}
.wfix {width: 100%; position: relative; z-index: 1000;}



/* NAVIGATION
----------------------------------------------- */
/* m0 */
#m0,
#m0 li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
#m0 {padding: 25px 0 0 335px; float: left;}
#m0 li {display: inline;}
#m0 li img {vertical-align: top;}
#m0 li.a img {background: transparent url(../img/m0_a.gif) no-repeat;}

/* m1 */
#m1 ul,
#m1 li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
#m1 ul {text-align: right; padding-top: 17px;}
#m1 li {margin-left: auto; text-align: left; overflow: hidden;}
#m1 {font-size: 12px; font-weight: bold; text-transform: uppercase;}
#m1,
#m1 a,
#m1 a:link,
#m1 a:visited,
#m1 a:hover {color: #fff; text-decoration: none;}
#m1 a,
#m1 li {display: block; width: 245px; height: 19px; background: #c20016 url(../img/m1_li.gif) no-repeat;}
#m1 li.first,
#m1 li.first a {height: 20px; line-height: 18px; background-image: url(../img/m1_li_first.gif);}
#m1 li.last,
#m1 li.last a {height: 26px;}
#m1 li,
#m1 a:hover,
#m1 a.a,
#m1 a.a:link,
#m1 a.a:visited,
#m1 a.a:hover {background-position: 0 -26px;}
#m1 a {text-indent: 77px;}
#m1 li,
#m1 a:hover,
#m1 a.a,
#m1 a.a:link,
#m1 a.a:visited,
#m1 a.a:hover {text-indent: 67px;}
#m1 li.first,
#m1 li.first a:hover,
#m1 li.first a.a,
#m1 li.first a.a:link,
#m1 li.first a.a:visited,
#m1 li.first a.a:hover {background-position: 0 -20px;}
#m1 {position: relative;}
#m1 div {width: 97px; height: 152px; position: absolute; top: 6px; right: 0; background: transparent url(../img/m1_ovr.jpg) no-repeat 100% 0;}



/* STATIC
----------------------------------------------- */
/* logo */
#logo {position: relative; top: -80px; left: 107px;}

/* contacts */
#contacts {font-size: 12px; height: 140px; width: 350px; float: right; background: transparent url(../img/contacts_bg.gif) no-repeat;}
#contacts strong {font-size: 18px; color: #333;}
#contacts p {padding: 33px 0 0 18px; margin: 0;}
#contacts,
#contacts a,
#contacts a:link,
#contacts a:visited {color: #acacac;}
#contacts a:hover {color: #333;}

/* copy */
#copy {font-size: 12px; clear: both; text-align: left; background: transparent url(../img/copy_bg.gif) no-repeat 0 40px; padding-top: 65px; margin-left: 340px;}
#copy.copy-index {margin-left: 25px;}
#copy.copy-project {margin-left: 125px;}
#copy p {color: #bab3b5; margin: 0 0 5px 0;}
#copy div {padding-bottom: 40px;}



/* BLOCKS
----------------------------------------------- */
/* chem */
.chem {padding-right: 120px;}
.chem h2 {height: 73px; margin: 0 0 10px 0; position: relative; left: -34px; background: transparent url(../img/chem.gif) no-repeat; text-indent: -1000px; overflow: hidden;}

/* projects-index */
.projects-index,
.projects-index li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.projects-index {margin-top: 55px; width: 100%; position: relative; left: -8px;}
.projects-index li {float: left; width: 33%; height: 108px; background: transparent url(../img/projects_li.gif) no-repeat;}
.projects-index img {vertical-align: top; margin-bottom: 3px;}
.projects-index p {padding: 5px 0 0 20px;}

/* projects */
.projects,
.projects ul,
.projects li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.projects li.item {width: 100%; margin-bottom: 15px;}
.projects li.item:after {content: ''; display: block; clear: both;}
.projects h2 {font-size: 14px; margin: 0 0 0 138px; padding: 0 0 10px 0; width: 215px;}
.projects h2 a,
.projects h2 a:link,
.projects h2 a:visited
.projects h2 a:hover {color: #841618;}
.projects div.img {float: left; width: 138px; text-align: center;}
.projects img {vertical-align: top;}
.projects ul li {float: left; padding: 0 10px 5px 0;}
.projects p {clear: both; margin: 0 0 0 138px; font-size: 13px; color: #999; width: 215px;}

/* clients */
.clients {width: 100%; font-size: 11px; color: #999;}
.clients:after {content: ''; display: block; clear: both;}
.clients .li {float: left; width: 50%; margin: 0 -1px 15px 0;}
.clients img {vertical-align: top; margin-bottom: 8px;}
.clients p {margin: 0; padding-right: 30px;}

/* map */
.map {position: relative; z-index: 1;}
.map div {position: absolute; width: 165px; height: 67px; background: transparent url(../img/feedback_cloud.gif) no-repeat;}
.map a {font-size: 11px; background: transparent url(../img/feedback_lnk.gif) no-repeat 0 3px; padding-left: 18px; margin-left: 15px; line-height: 38px;}

/* portfolio */
.portfolio,
.portfolio li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.portfolio {width: 100%;}
.portfolio:after {content: ''; display: block; clear: both;}
.portfolio li {font-size: 11px; color: #999; float: left; width: 105px; height: 170px; margin-right: 15px;}
.portfolio img {vertical-align: top; margin-bottom: 5px;}

/* service */
.service ol {color: #999; margin: 0 0 0 20px; padding: 0 0 0 20px; position: relative; z-index: 50; left: -40px;}
.service li {margin-bottom: 10px;}
.service b,
.service strong {color: #444;}
.service ul,
.service ul li {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.service ul {margin: 5px 0 15px;}

/* feedback */
.feedback {padding: 15px 0 0 20px;}
.feedback h1 {margin: 0 0 20px 0; height: auto;}
.feedback form {margin: 0; padding: 0;}
.feedback form label {display: block; float: left; width: 115px;}
.feedback form div {margin-bottom: 10px; clear: both; width: 100%;}
.feedback form div:after {content: ''; display: block; clear: both;}
.feedback form input.text,
.feedback form textarea {width: 230px; background: #fff; float: left;}
.feedback form input.button {margin-left: 115px;}

/* project */
#m1p,
#m1p li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
#m1p {font-size: 12px; font-weight: bold; text-transform: uppercase; height: 70px; padding-left: 125px;}
#m1p li {float: left; padding: 15px 15px 0 0;}
#m1p a,
#m1p a:link,
#m1p a:visited {color: #afafaf;}
#m1p a:hover,
#m1p a.a,
#m1p a.a:link,
#m1p a.a:visited,
#m1p a.a:hover {color: #444;}
.project {text-align: center;}
.project .main {width: 700px; margin: 0 auto; text-align: left;}
.project .images,
.project .images li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.project .images {float: left; width: 125px; padding-top: 100px;}
.project .images img {vertical-align: top;}
.project .images li {padding: 0 0 12px 20px;}
.project .content {margin-left: 125px; padding-right: 50px;}
* html .project .content {height: 1%; margin-left: 122px;}
.project .logo {margin-bottom: 15px;}
.project .logo img {vertical-align: top;}
.project .files,
.project .files li {margin: 0; padding: 0; display: block; list-style-type: none; list-style-image: none;}
.project .files {color: #bab3b5; width: 100%; margin-top: 35px;}
.project .files:after {content: ''; display: block; clear: both;}
.project .files li {float: left; width: 50%; margin-right: -1px;}
.project .files img {float: left; margin-right: 10px;}
.project .files a {font-weight: bold;}




/* LYTEBOX
----------------------------------------------- */
#lbOverlay {position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px;}
	#lbOverlay.grey {background-color: #000;}

#lbMain {position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0;}
#lbMain a img {border: none;}

#lbOuterContainer {position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto;}
	#lbOuterContainer.grey {border: 0 solid #888;}

#lbDetailsContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto;}
	#lbDetailsContainer.grey {border: 0 solid #888; border-top: none;}

#lbImageContainer, #lbIframeContainer {padding: 10px;}
#lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../img/lb_loading.gif) center no-repeat;}

#lbHoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lbImageContainer>#lbHoverNav {left: 0;}
#lbHoverNav a {outline: none;}

#lbPrev {width: 49%; height: 100%; background: transparent url(../img/blank.gif) no-repeat; display: block; left: 0; float: left;}
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover {background: url(../img/lb_prev.gif) left 15% no-repeat;}

#lbNext {width: 49%; height: 100%; background: transparent url(../img/blank.gif) no-repeat; display: block; right: 0; float: right;}
	#lbNext.grey:hover, #lbNext.grey:visited:hover {background: url(../img/lb_next.gif) right 15% no-repeat;}

#lbPrev2, #lbNext2 {text-decoration: none; font-weight: bold;}
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {color: #333;}

#lbPrev2_Off, #lbNext2_Off {font-weight: bold;}
	#lbPrev2_Off.grey, #lbNext2_Off.grey {color: #ccc;}

#lbDetailsData {padding: 0 10px;}
	#lbDetailsData.grey {color: #333;}

#lbDetails {width: 60%; float: left; text-align: left;}
#lbCaption {display: block; font-weight: bold;}
#lbNumberDisplay {float: left; display: block; padding-bottom: 1.0em;}
#lbNavDisplay {float: left; display: block; padding-bottom: 1.0em;}

#lbClose {width: 64px; height: 28px; float: right; margin-bottom: 1px;}
	#lbClose.grey {background: url(../img/lb_close.gif) no-repeat;}

#lbPlay {width: 64px; height: 28px; float: right; margin-bottom: 1px;}
	#lbPlay.grey {background: url(../img/lb_play.gif) no-repeat;}

#lbPause {width: 64px; height: 28px; float: right; margin-bottom: 1px;}
	#lbPause.grey {background: url(../img/lb_pause.gif) no-repeat;}