@charset "utf-8";
@import url(reset.css);

/* GENERAL PAGE ELEMENTS */
html, body {  height:100%;  } 
body { width:100%; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }

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


.page-wrapper { position: relative; width: 1024px; margin: auto; }
.content-wrapper { position: absolute; width: 100%; top: 259px; left: 0; z-index: 1; border-top: 4px solid #b2ca42; }
	
.header { position: absolute; top: 0; left: 0; width: 100%; height: 258px; z-index: 1; border-bottom: 1px solid #6f8819; }
	.header img { position: absolute; top: 0; left: 0; width: 1024px; height: 258px; z-index: 1; }
	.logo-wrapper { position: absolute; top: 0; left: 9px; width: 260px; height: 258px; background: transparent url(../img/logo-bg.png) no-repeat left top; z-index: 2; }
	.logo-wrapper a { position: absolute; left: 14px; top: 178px; display: block; width: 235px; height: 70px; background: transparent url(../img/logo.png) no-repeat left top; z-index: 3; border: none; }
	
	#menu { height:33px; position: absolute; /*left: 390px;*/ left: 503px; top: 205px; z-index: 2; }
	#menu li { padding: 0; line-height: 1px; height:33px; float: left; background: transparent url(../img/menu-middle.png) repeat-x left top; vertical-align: top;}
	#menu li a { display: inline-block; height: 26px; padding: 7px 20px 0; color: #ffffff; font-size: 20px; border-bottom: none; background: transparent url(../img/menu-divider.png) no-repeat right 3px; vertical-align: top; }
	#menu li.active a { font-style: italic; }
	#menu li.pre-last a { background-image: none; padding-right: 16px; }
	#menu li.post-first a { padding-left: 16px; }
	#menu li#menuL, #menu li#menuR { width: 4px; font-size: 1px; line-height: 1px; }
	#menu li#menuL { background: transparent url(../img/menu-left.png) no-repeat left top; }
	#menu li#menuR { background: transparent url(../img/menu-right.png) no-repeat left top; }
	
.footer {  }


/* columns */
.cols-3-left, .cols-3-new-work, .cols-3-right, .new-work-right, .cols-3-submenu, .cols-2-left, .cols-2-submenu  { position: absolute; top: 0; left: 0; padding-top: 37px; }
.cols-3-left, .cols-2-left { padding-right: 14px; padding-left: 21px; padding-top: 30px; }
.cols-3-left { width: 468px; }
.cols-2-left { width: 731px; }
	.cols-3-left .col-header, .cols-2-left .col-header { padding-bottom: 24px; }
	.cols-2-left .new-work {  }
	.cols-2-left .new-work li { float: left; padding-right: 10px; }
	
.cols-3-new-work { width: 229px; left: 503px; padding-right: 16px; padding-left: 18px; background: transparent url(../img/backgrounds/middle-col-bg-repeat.gif) repeat-y left top; }
	.cols-3-new-work .col-middle-top { width: 263px; height: 6px; position: absolute; left: 0; top: 0; background: transparent url(../img/backgrounds/middle-col-bg-top.gif) no-repeat left top; display: block; }
	.cols-3-new-work .col-middle-bottom { position: relative; left: -18px; width: 263px; height: 125px; background: transparent url(../img/backgrounds/middle-col-bg-bottom.png) no-repeat left top; display: block; }
	.cols-3-new-work .col-header, .cols-3-middle .first-col-header { padding-left: 3px; padding-bottom: 19px; }
.cols-3-right, .cols-3-submenu, .cols-2-submenu { width: 215px; left: 766px; padding-right: 19px; padding-left:24px; }
	.cols-3-right .first-col-header { padding-bottom: 24px; }
	.cols-3-right .col-header, .cols-3-submenu .col-header, .cols-2-submenu .col-header { padding-top: 27px; }

.new-work-right { left: 761px; }
.cols-3-submenu { left: 503px; }
.cols-3-submenu .first-col-header, .cols-2-submenu .first-col-header { padding-bottom: 19px; }
	#submenu {}
	#submenu li { padding-left: 0px; padding-bottom: 4px; }
	#submenu li a { font-size: 17px; border-bottom: none; }
	#submenu li a:hover { color: #7b9521; }
	#submenu li.active a { color: #7b9521; font-style: italic; }
	
/* middle-col 3 cols */
.new-work { padding: 0px; }
.new-work  li { padding: 0 0 17px 0; position: relative; width: 229px; height: 131px; background: transparent url(../img/new-work-bg.png) no-repeat left top; font-size: 1em; line-height: 1.3em; }
.new-work  li a { border-bottom: none; }
.new-work  li a.new-work-img { position: absolute; left: 6px; top: 7px; }
.new-work  li h4 { font-weight: bold; font-size: 1.1em; position: absolute; left: 13px; top: 106px; }

.more-work { position: relative; }
.more-work-left { width: 115px; }
.more-work-right { width: 115px; position: absolute; left: 130px; top: 0; }

/* right-col 3 cols */
.reference-quote { padding: 0; position: relative; }
.reference-quote span { padding: 0 3px 0; position: relative; left: -4px; top: 11px; line-height: 0.2em; font-style: italic; font-size: 32px; color: #9db431; }
.reference-name { font-style: italic; font-size: 1.2em; color: #9db431; text-align: right; }

/* Left text col styles */
.service-link { font-size: 1.2em; display: inline-block; margin: 0 0 20px 0; }

img.show-big { margin-bottom: 25px; }
img.show-banner { margin-bottom: 15px; }
.img-wrapper-portrait, .img-wrapper-landscape { padding-bottom: 25px; }
.img-wrapper-portrait img  { margin-right: 20px; border: 1px solid #e4e4e4; }
.img-wrapper-landscape img { margin-right: 21px; border: 1px solid #e4e4e4; }
.img-wrapper-portrait img.last, .img-wrapper-landscape img.last { margin-right: 0 !important; }
.img-wrapper-portrait {}
.img-wrapper-landscape {}

/* typography */
h1, h2, h3, h4, h5, h6 {  }
h1 { font-size: 3em; padding: 0 0 21px; }
h2, .col-header, .first-col-header { font-size: 2.2em; padding: 8px 0 12px; }
.first-col-header { padding-top: 0; }
h1 .highlight, .col-header .highlight, .first-col-header .highlight { font-weight: bold; }

h2 {  }
h3 { font-size: 1.3em; font-weight: bold; padding: 0 0 4px 0; }
h4 { }
h5 { }
h6 { }

p { font-size: 1.3em; line-height: 1.4em; padding: 0 0 16px 0; }
blockquote { }
cite { }
em { font-style: italic; }
strong { font-weight: bold; }

a         { color: #333333; text-decoration: none; border-bottom: 1px solid #9db431; }
a:link    {  }
a:hover   { color: #6f8819; }
a:active  { color: #333333; border-bottom: 1px solid #333333; }
a:focus   { color: #333333; border-bottom: 1px solid #333333; outline: none; }
a:visited {  }

ul { padding: 0 0 16px 2px; }
ul li { padding: 2px 0 2px 10px; font-size: 1.3em; line-height: 19px; }

.left  { float: left; }
.right { float: right; }
.small { font-size: 1em;}

strong.normal { font-weight: normal; }
em.normal { font-style: normal; }

/* Lists */
.link-list {  }
.link-list li { background: transparent url(../img/arrow-bullet.gif) no-repeat left 8px; }

/* Forms */
fieldset {  }
legend { }
label { font-style: italic; font-size: 1.2em; line-height: 1.1em; padding: 0 0 3px 0; display: block; }
.fText, select, textarea { padding: 3px 4px; width: 270px; font-size: 1.2em; line-height: 1.4em; font-family:Arial, Helvetica, sans-serif; border: 1px solid #B2CA42; }
select {  }
textarea { width: 380px; height: 120px; }

.fText {  }
.fRadio {  }
.fCheckbox {  }
.fSubmit { padding: 4px 6px; font-size: 1.4em; line-height: 1.1em; font-weight: bold; position: relative; left: 316px; color: #6F8819; }

.fItem { padding: 0 0 8px 0; }
.req {  }

.fErrorMess { padding: 0 0 4px 0; font-size: 1.1em; line-height: 1.3em; color: #ce5802; font-weight: bold; }
.fError label { color: #ce5802; }
.fError .fText { border-color: #ce5802;  }

.fSuccess { padding: 0 0 20px 0; }

#fContact {  }