/* reset */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, font, img, ins, kbd, q, s,
small, strike, strong, b, u, i, center, ol, ul, li,
fieldset, form, input, textarea,tr, th, td, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
ol, ul { list-style: none; }
a img {
	border: none;
	text-align: right;
}
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
/* ----------------- */

html { background: #151618 }
body {
	position: relative;
	height: 100%;
	background: #151618 url('../images/page-bg.png') repeat-x top left;
	color: #000;
	text-align: left;
	font-family: verdana;
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
}
a {
	color: #000;
	text-decoration: none;
}

a:hover { border-bottom: 1px solid #000 }

#page-title a:hover, #footer a:hover { border-bottom: 1px solid #cecece }
#page-content a { border-bottom: 1px solid #000 }
#page-content a:hover {
	border-bottom: 1px solid #cecece;
	font-size: 100%;
	font-weight: bold;
}
#page-content h2 a, #page-content h3 a, #page-content h3 a { border: none }
#page-content h2 a:hover, #page-content h3 a:hover, #page-content h3 a:hover { border: none }
#page-title a, #footer a {
	color: #cecece;
	text-decoration: none;
}
h1 {
	margin-bottom: 15px;
	color: white;
	font-size: 20px;
	font-family: nevis;

	text-transform: uppercase;
}

h1 a, h2 a, h3 a, h4 a { color: #000 }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { border: none }
h1 span { font-size: 15px }

h2 {
	padding-bottom: 15px;
	color: #000;
	font-size: 18px;
	font-family: nevis;
	text-transform: uppercase;
	border-bottom: 1px solid #353535;
}
h3 {
	padding-bottom: 15px;
	color: #000;
	font-size: 15px;
	font-family: nevis;
	text-transform: uppercase;
	border-bottom: 1px solid #353535;
}
h4 {
	margin-right: 15px;
	padding-bottom: 7px;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
}
h4.item-h {
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
}
h4.news-h {
	margin-right: 0px;
	margin-bottom: 5px;
	font-family: nevis;
	border-bottom: 1px solid #353535;
}

p {
	margin-bottom: 10px;
	text-align: left;
}

blockquote {
	margin-bottom: 10px;
	margin-left: 15px;
	padding: 10px 15px;
	background: #f9f9f9;
	font-style: italic;
	border-left: 1px solid #727272;
}
#wrapper {
	margin: 0 auto;
	width: 100%;
	height: 785px;
}
#folio-wrapper {
	margin: 0 auto;
	width: 100%;
	height: 785px;
}
#col-left, #folio-col-left {
	margin-top: 30px;
	margin-left: 5%;
	width: 14.4%;
	height: 755px;
}
#container {
	margin-top: 30px;
	margin-left: 9.7%;
	width: 580px;
	height: 755px;
	overflow: hidden;
}
#container ul {
	margin: auto auto 10px 25px;
	list-style-type: disc;
}
#folio-container {
	margin-top: 30px;
	width: 815px;
	height: 755px;
	overflow: hidden;
}
#logo-container {
	width: 180px;
	height: 155px;
}

#logo-container a:hover { border: none }

.slogan {
	display: none;
	margin-left: 2px;
	padding: 6px;
	width: 150px;
	height: 30px;
	color: black;
	background-color: #e1e1e1;
	font: bold 11px/1.3em verdana;
	text-align: center;
	text-transform: uppercase;
	letter-spacing:1px;
}
#left-menu {
	padding-top: 15px;
	font: normal 11px verdana;
	text-transform: uppercase;
}
#mmenu li {
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 10px;
	line-height: 100%;
	border-left: 1px solid #000;
}

#mmenu li:hover { border-left: 1px solid #727272 }

#mmenu li a:link, #mmenu li a:visited {
	color: #000;
	text-decoration: none;
}
#mmenu li a:hover {
	color: #727272;
	text-decoration: none;
	border: none;
}
#mmenu ul.sub-menu {
	margin-top: 15px;
	margin-bottom: 24px;
	margin-left: 10px;
	text-transform: capitalize;
}

#mmenu ul.sub-menu li { border-left: none }

#mmenu li.parnt {
	display: block;
	height: 11px;
	overflow: hidden;
}
#mmenu li.parnt:hover, #mmenu li.parnt:hover  > a:first-child {
	color: #4c4c4c;
	background: none;
}

/* Right Side: content */
#page-title {
	width: 580px;
	height: 155px;
	max-height: 155px;
	overflow: hidden;
	color: #969696;
}
#page-title p {
	height: 100px;
	text-align: left;
}
#portfolio-title {
	width: 815px;
	height: 35px;
	max-height: 55px;
}
#page-content {
	position: relative;
	padding-top: 15px;
	width: 580px;
	height: 600px;
	max-height: 600px;
	overflow: hidden;
	text-align: left;
}
#portfolio-content {
	position: relative;
	margin-right: 5px;
	width: 815px;
	height: 645px;
	max-height: 715px;
	overflow: hidden;
}
.portfolio-item {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 645px;
}
#portfolio-content div.info-toggle {
	margin-top: 8px;
	width: 100px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase;
	cursor: pointer;
}
#portfolio-content div.info-toggle span {
	color: #000;
}

#portfolio-content div.info-toggle:hover { color: #000 }
#portfolio-content div.info { position: relative }

#portfolio-content div.imginfo {
	display: none;
	position: absolute;
	top: 60%;
	left: 0px;
	width: 100%;
	height: 40%;
	background: url('../images/seethrough.png') repeat top left;
	overflow: hidden;
}
#portfolio-content div.imginfo p {
	padding: 0px 20px;
	color: #000;
}

#portfolio-content div.imginfo h4 { padding: 20px 20px 10px 20px }

#folio-pagination {
	margin-top: 7px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase;
	color: white;
}
#folio-pagination a {
	color: white;
}
#folio-pagination a:hover {
	border-bottom: 1px solid white;
}
#folio-counter {
	position: absolute;
	bottom: 2px;
	right: 0px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase;
}
#folio-thumbs {
	margin-left: 25px;
	padding-right: 3px;
	width: 498px;
	height: 60px;
	border-left: 1px solid #353535;
	border-right: 1px solid #353535;
}
#slide-container {
	position: relative;
	width: 580px;
	height: 570px;
	overflow: hidden;
}

.slider-item { background: #fff }

.featured-img-wrap {
	margin-bottom: 20px;
	width: 580px;
	height: 300px;
	overflow: hidden;
}
div.featured-parag {
	padding-top: 10px;
	width: 580px;
	height: 210px;
}
div.featured-meta {
	position: absolute;
	top: 340px;
	clear: both;
}
div.page-box {
	padding-top: 10px;
	width: 580px;
	height: 530px;
}

#multi { padding-top: 0px }

div.page-box img {
	margin-right: 15px;
	text-align: center;
}

.service-img-wrap {
	margin-bottom: 15px;
	width: 580px;
	height: 150px;
	overflow: hidden;
}
div.service-parag {
	padding-top: 10px;
	width: 580px;
	height: 350px;
}
#more-container {
	display: none;
	position:absolute; 
	padding-top: 10px;
	width: 580px;
    height: 530px;
	background: #fff;
	z-index: 1;
}
#meta-pagination, #meta-pagination-s {
	position: absolute;
	right: 16px;
	width: 43px;
	font: normal 10px/1.2em verdana;
	text-align: center;
	text-transform: uppercase;
}

#meta-pagination { top: 340px }
#meta-pagination-s {	top: 20px }

span#nextarr, span#prevarr, span#nextarr-s, span#prevarr-s {
	display: block;
	position: absolute;
	width: 15px;
	height: 25px;
	cursor: pointer;
}

span#nextarr, span#prevarr { top: 334px }
span#nextarr-s, span#prevarr-s {
	top: 13px
}

span#nextarr, span#nextarr-s {
	right: 0px;
	background: transparent url('../images/next-arr.png') no-repeat center right;
}
span#prevarr, span#prevarr-s {
	right: 60px;
	background: transparent url('../images/prev-arr.png') no-repeat center left;
}
#actions a.up, #actions a.down, a.folio-p, a.folio-n {
	display: block;
	width: 11px;
	height: 9px;
	cursor: pointer;
}

#actions a.up { background: transparent url('../images/up-arr.png') no-repeat center; border: none }
#actions a.down { background: transparent url('../images/down-arr.png') no-repeat center; border: none }

a.folio-p {
	background: transparent url('../images/prev-arr.png') no-repeat center;
	margin-left: 120px;
}
a.folio-n {
	background: transparent url('../images/next-arr.png') no-repeat center;
	margin-left: 25px;
}

#actions a:hover, a.folio-p:hover, a.folio-n:hover { border: none }

div.scrollable { 
    position: relative; 
    overflow: hidden;
} 
div.scrollable div.items {
	position: absolute;
	height: 20000em;
	left: 2px;
	top: 3px;
}
div.item {
	margin-top: 10px;
	width: 580px;
	height: 166px;
	border-bottom: 1px solid #353535;
	overflow: hidden;
}
div.item img.item-img {
	width: 200px;
	height: 130px;
}
div.item-info {
	position: relative;
	height: 150px;
	overflow: hidden;
}

div.item-info p { padding: 5px 0px }
div.item-info img.mail { margin-left: 20px; margin-top: 2px }
div.mail-tooltip {
	display: none;
	position: fixed;
	padding: 4px;
	height: 11px;
	color: black;
	background-color: #efefef;
	font: normal 10px/1.2em verdana;
	text-align: left;
	text-transform: uppercase;
}
.item-parag { border-top: 1px solid #353535 }

.scrollable-news-parag {
	height: 98px;
	overflow: hidden;
}
div.item-info .scroll-fix {
	width: 100%;
	float: left;
}

div.item-info span { color: #000 }

#portfolio-content span {
	color: white;
	font-size: 12px;
}

#folio-counter span { font: normal 10px/1.2em verdana; color: #000; }

.thumb-item {
	margin-left: 3px;
	width: 80px;
	height: 60px;
	float: left;
}

.thumb-item img { cursor: pointer }

.close {
	display: none;
	width: 11px;
	height: 16px;
	background: transparent url('../images/close.png') no-repeat center;
	cursor: pointer;
}
.read-more {
	margin-left: 10px;
	font: normal 10px/1.2em verdana;
	text-transform: uppercase
}

.date { font: normal 10px/1.2em verdana }
.news-pagination { margin-right: 30px; margin-top: 1px; }
.news-pagination p { font: normal 10px/1.5em verdana;  }
.news-pagination span { text-transform: uppercase;  }

div.more-arr-hover {
	border-top: 1px solid #000;
	background: transparent url('../images/more-arr.png') no-repeat center;
}
.more-arr {
	height: 7px;
	visibility: hidden;
	cursor: pointer;	
}

.folio-arrs { margin-top: 25px }

.minus-info {
	display: none;
	margin-right: 3px;
	margin-left: 1px;
}
a.lightbox img:hover  {
	opacity: 0.8;
	cursor: url(../images/ico-enlarge.png), default;
}
#contact-info {
	padding-right: 2%;
	width: 36%;
}

#contact-info p { padding-bottom: 20px }
#contact-info span { color: #000 }

#contact-form {
	margin-top: 5px;
	padding-left: 2%;
	width: 60%;
}
#contact-form input#name, #contact-form input#email {
	padding: 5px;
	width: 330px;
	height: 15px;
	color: #727272;
	background-color: #fff;
	border-top: 1px solid #353535;
}
#contact-form input#name:hover, #contact-form input#email:hover {
	background-color: #efefef;
}
#contact-form input#send {
	margin-top: 10px;
	width: 100px;
	height: 15px;
	font: normal 11px/1.5em verdana;
	text-align: right;
	color: #000;
	text-transform: uppercase;
	background-color: #fff;
	cursor: pointer;
}
#contact-form input#send:hover {
	color: #727272;
}
#contact-form textarea {
	padding: 5px;
	width: 330px;
	height: 150px;
	font: normal 12px/1.5em verdana;
	color: #727272;
	background-color: #fff;
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535;
}

#contact-form textarea:hover { background-color: #efefef }

#additional-info {
	padding-top: 10px;
	height: 240px;
	overflow: hidden;
	border-top: 1px solid #353535;
}
#form-message {
	margin-left: 10px;
	width: 260px;
	height: 70px;
	color: red;
	font: normal 11px/1.5em verdana;
}
#form-message ul {
	margin: 0px;
	list-style: none;
}

#form-message ul li.success { color: #000 }

.form-loader {
	display: none;
	margin-top: 13px;
}

/* Footer */
#footer {
	margin: 0px auto auto 5%;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 90%;
	font: normal 11px verdana;
	color: #969696;
}
#footer p.tip {
	display: none;
	margin-right: 20px;
	color: white;
}
#footer ul li {
	display: inline;
	margin-right: 3px;
	width: 16px;
	height: 15px;
}
#footer ul li a { border: none }