@import url("reset.css");

/* General */

html {
	color:#000;
	font: 14.4px/17px "times new roman", serif;
	overflow-x: hidden;
}

body {
	background:#fafafa url(images/bodyback_inner.jpg) no-repeat left top;
}

body.coverPage {
	background:#fafafa url(images/bodybackrep.jpg) repeat-x left top;
}

h2 {
	font-size:34.6px;
	line-height:38px;
	font-weight:400;
}

a:link, a:visited  {
	color:#069;
	text-decoration:underline;
}

a:hover, a:active {
	color:#036;
	text-decoration:underline;
}

.clear {
	clear:both;
}

/* Wrapper */

#wrapper {
	width:100%;
	min-width: 992px;
}

.coverPage #wrapper {
	background:transparent url(images/bodyback.jpg) no-repeat center 0;
}

/* Header */

#header {
	position:relative;
	z-index:10;
	width:100%;
	height:176px;
	background:transparent url(images/logo_stick.jpg) no-repeat left 147px;
	
	min-width: 992px;
}

#links {
	position:absolute;
	z-index:30;
	top:38px;
	left:5%;
	/*text-indent:-9000px;*/
	height:20px;
}

#links li {
	float:left;
	display:inline;
	padding:0 30px;
	background:transparent url(images/link_sep.png) no-repeat scroll left 50%;
	
	text-indent:-9000px;
}

#links li.first {
	float:left;
	display:inline;
	padding:0 30px 0 0;
	background:none;
	
	text-indent:-9000px;
}

#links li a:link, #links li a:visited{
	display:block;
	height:25px;
	width:25px;
	background-position:0 top;
}

#links li a:hover, #links li a:active{
	display:block;
	height:25px;
	width:25px;
	background-position:0 bottom;
}

#linkHome {
	background-image:url(images/home.png);
}

#linkMail {
	background-image:url(images/mail.png);
}

#linkMap {
	background-image:url(images/sitemap.png);
}

#logo {
	position:absolute;
	z-index:20;
	top:133px;
	left:5%;
	display:block;
	text-indent:-9000px;
	width:206px;
	height:47px;
	background:transparent url(images/logo.png) no-repeat 0 0;
}

#mainNav {
	float:right;
	display:inline;
	margin:71px 2.41% 0 0;
	width:70.8%;
	height:35px;
	background:transparent url(images/nav_stick_big.jpg) no-repeat right bottom;
	
	font:14.4px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
}

#mainNav li {
	float:left;
	display:inline;
	margin:0 4% !important;
	margin:0 30px;
	padding:0 0 3px;
	background:transparent url(images/nav_arrow_small.gif) no-repeat center bottom;
}

#mainNav li.current{
	float:left;
	display:inline;
	margin:0 4% !important;
	margin:0 30px;
	padding:0 0 7px;
	background:transparent url(images/nav_arrow_big.png) no-repeat center bottom;
}

#mainNav li a:link, #mainNav li a:visited{
	display:inline-block;
	height:25px;
	padding:3px 8px 0;
	
	color:#000;
	font-size:14.4px;
	font-weight:bold;
	text-decoration:none;
}

#mainNav li a:hover, #mainNav li a:active{
	display:inline-block;
	height:25px;
	padding:3px 8px 0;
	background:transparent url(images/nav_bg.png) repeat-x scroll 0 0;
	
	
	color:#fff;
	font-size:14.4px;
	font-weight:bold;
	text-decoration:none;
}

#mainNav li.current a{
	display:inline-block;
	background:transparent url(images/nav_bg.png) repeat-x scroll 0 0;
	height:25px;
	padding:3px 8px 0;
	
	color:#fff;
	font-size:14.4px;
	font-weight:bold;
	text-decoration:none;
}

/* Header on the home page */

.coverPage #header {
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	width:100%;
	min-width: 992px;
	height:582px;
}

/* Content */

#sideContent {
	float:left;
	display:inline;
	margin:0 0 40px;
	width:28.6%;
}

.coverPage #sideContent {
	float:left;
	display:inline;
	margin:62px 0 0;
	width:28.6%;
}

.board {
	float:left;
	display:inline;
	margin:60px 0 0 17.4% !important;
	margin:60px 0 0 5%;
	padding:7px;
	width:69.8%;
	background:#c00 url(images/leftmenubg.jpg) repeat-x scroll 0 bottom;
}

#sideNav {
	padding:5px 4px 8px 13%;
	background:transparent url(images/drafts.png) repeat scroll 0 0;
}

#sideNav li{
	margin:12px 0;
}

#sideNav li a:link, #sideNav li a:visited {
	padding-left:14px;
	background:transparent url(images/leftmenu_arrow.gif) no-repeat scroll 0 7px;
	
	color:#fff;
	font-weight:bold;
	font-size:14.4px;
	line-height:18px;
}

#sideNav li a:hover, #sideNav li a:active{
	padding-left:14px;
	background:transparent url(images/leftmenu_arrow_hov.gif) no-repeat scroll 0 7px;
	
	color:#ddd;
	font-weight:bold;
	font-size:14.4px;
	line-height:18px;
}

.pages {
	float:left;
	display:inline;
	margin:49px 0 0 17.4% !important;
	margin:49px 0 0 5%;
}

.coverPage .pages {
	float:left;
	display:inline;
	margin:0 0 0 20px !important;

}

.pages li{
	margin:0 22px 10px;
	padding-left:16px;
	background:transparent url(images/page_arrow.png) no-repeat scroll 0 4px;
	
	font-size:18.7px;
	font-weight:400;
	line-height:22px;
}

#content {
	float:left;
	display:inline;
	margin:0 0 40px;
	width:48.6%;
}

#content h3 {
	margin:20px 0;
	
	color:#4E4E4E;
	font-size:20.2px;
	font-weight:400;
	line-height:23px;
}

#content h4 {
	margin:20px 0;
	
	color:#4E4E4E;
	font-size:16px;
	font-weight:400;
	line-height:18.6px;
}

.redLetter:first-letter {
	color:#d50000;
}

#content .crumb{
	margin:0 40px 40px 0;
}

#content .crumb span{
	color:#a6a6a6;
}

#content p {
	margin:20px 0;
	color:#000;
	font-size:14.4px;
	line-height:17px;
}

#content ul {
	margin:20px 0 0 10px;
}

#content ul li{
	background:transparent url(images/list_arrow.gif) no-repeat scroll 0 7px;
	padding-left:15px;
}

#content .epigraph:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

#content .epigraph {
	display: inline-block; /* Fixes IE/Mac */
	width:100%;
}

#content .epigraph p{
	float:right;
	width:31%;
	padding:10px;
	background:#c00 url(images/leftmenubg.jpg) repeat-x scroll 0 bottom;
	color:#fff;
}

#content .email {
	color:#000;
	font-size:23px;
	line-height:27px;
}

#content #feedback {
	width:440px;
}

#content #feedback p{
	margin:6px 0;
}

#content #feedback p.required{
	margin:6px 0 6px 80px;
	color:#7d7d7d;
}

#content #feedback label{
	line-height:18px;
}

#content #feedback em.between{
	float:right;
	display:inline;
	padding:1px 1px 0 0;
	width:27px;
	text-align:center;
}

#content #feedback textarea, #content #feedback input {
	float:right;
	display:inline;
	width:352px;
	background-color:#adafaf;
	border-top:3px solid #adafaf;
	border-right:2px solid #adafaf;
	border-left:6px solid #adafaf;
	border-bottom:3px solid #adafaf;
	color:#fff;
}

#content #feedback textarea {
	height:162px;
}

#content #feedback #phone, #content #feedback #email {
	float:right;
	display:inline;
	width:158px;
}

#content #feedback #submit {
	float:none;
	margin:0 0 0 80px;
	width:72px;
	height:22px;
	background-color:#c00;
	border:none;
}

.coverPage #content {
	margin:576px 0 40px;
	width:100%;
}

.coverPage #content #text{
	float:right;
	display:inline;
	margin:58px 7.4% 0 0;
	width:40%;
	
	text-align:left;
}

.coverPage #content #text h2 {
	margin:0 0 21px;
}

.coverPage #content #text p {
	margin:20px 0;
	
	font-size:14.4px;
	line-height:17px;
}

#randWork {
	float:left;
	display:inline;
	width:48.8%;
	margin:20px 0 0;
}

#catList {
	float:left;
	display:inline;
	width:48.8%;
}

#randWorkPicture {
	float:left;
	display:inline;
	margin:62px 0 0;
	width:53.8%;
	background:transparent url(images/bar.gif) repeat-x 0 18px;
}

#randWorkPicture a{
	float:right;
	display:inline;
	background:transparent url(images/frame.gif) repeat-x scroll 0 0;
	padding:8px 8px 8px 14px;
	height:128px;
	width:190px;
}

#randWorkText {
	float:left;
	display:inline;
	width:46%;
}

#randWorkText h2{
	margin:0 0 18px 20px;
}

#randWorkText a:link, #randWorkText a:visited{
	font-size:24.5px;
	line-height:28px;
	color:#c00;
}

#randWorkText a:hover, #randWorkText a:active{
	font-size:24.5px;
	line-height:28px;
	color:#900;
}

#randWorkText p{
	margin:18px 0 18px 20px;
	
	font-size:14.4px;
	line-height:17px;
}

#catListTitle {
	float:left;
	display:inline;
	margin:21px 0 0;
	width:53.8%;
}

#catListTitle p{
	float:right;
	display:inline;
	margin:0;
	padding:15px 0 0;
	border-top:1px solid #ccc;
	
	color:#707070;
	font-size:15.8px;
	font-weight:bold;
	line-height:20px;
}

#catListValue {
	float:left;
	display:inline;
	width:46%;
	margin:21px 0 0;
	padding:15px 0 0;
	border-top:1px solid #ccc;
}

#catListValue ul{
	margin:2px 0 0 20px;
}

#catListValue ul li{
	margin:0 0 12px 15px;
	padding:0;
	background:none;
}

#catListValue ul li a{
	padding:0 0 0 15px;
	background:transparent url(images/cat_list_arrow.gif) no-repeat scroll 0 6px;
	
	font-weight:bold;
	font-size:14.4px;
	line-height:17px;
}


/* Secondary content */

#secondaryContent {
	float:left !important;
	display:inline;
	margin:0 0 40px;
	width:21%;
}

.coverPage #secondaryContent {
	float:right !important;
	display:inline;
	margin:56px 0 0;
	width:29.6%;
}

#adress {
	background:transparent url(images/tel_inner.png) no-repeat left top;
	margin:0 0 0 -29px !important;
	margin:0;
	padding:31px 0 0 29px;
	width:190px;
	
	color:#4E4E4E;
	font-weight:bold;
	font-size:14.4px;
}

 #adress a:link, #adress a:visited{
	color:#c00;
	font-weight:bold;
	font-size:14.4px;
	line-height:18px;
}

#adress a:hover, #adress a:active{
	color:#900;
	font-weight:bold;
	font-size:14.4px;
	line-height:18px;
}

.board-right{
	float:left;
	display:inline;
	margin:176px 0 0;
	padding:7px;
	width:82%;
	background:#c00 url(images/leftmenubg.jpg) repeat-x scroll 0 bottom;
}

.coverPage  #adress {
	background:transparent url(images/drafts.png) repeat scroll 0 0;
	margin:0 !important;
	padding:0 0 26px;
	width:100%;
	
	color:#4E4E4E;
	font-weight:bold;
	font-size:14.4px;
}

.coverPage  #adress p{
	background:transparent url(images/tel.png) no-repeat 26px 28px;
	margin:0 !important;
	padding:56px 0 0 54px;
	width:100%;
	
	color:#fff;
	font-weight:bold;
	font-size:14.4px;
	line-height:18px;
	
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src=/images/tel.png);
}

.coverPage  #adress a:link, .coverPage  #adress a:visited{
	padding:0 0 0 54px;
	
	color:#fff;
	font-weight:bold;
	font-size:14.4px;
	line-height:18px;
}

.coverPage  #adress a:hover, .coverPage  #adress a:active{
	padding:0 0 0 54px;
	
	color:#ddd;
	font-weight:bold;
	font-size:14.4px;
	line-height:18px;
}

/* Footer */

#footer {
	clear:both;
	padding:52px 0 40px 26.9%;
	background:transparent url(images/logo_stick.jpg) no-repeat scroll 0 6px;
	
	min-width: 992px;
}

.coverPage #footer {
	clear:both;
	padding:58px 0 40px 28%;
	background:transparent url(images/logo_stick.jpg) no-repeat scroll 0 6px;
	
	min-width: 992px;
}

#footer p {
	padding:0 0 0 18px;
	
	color:#848484;
	font:bold 10.8px/14px arial,sans-serif;
}


#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(images/fancybox.png);
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url(images/fancybox.png);
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(fancy_title_over.png);
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url(images/fancybox.png);
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url(images/fancybox-x.png);
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url(images/fancybox.png);
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url(blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(images/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(images/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(images/fancybox-x.png);
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(images/fancybox.png);
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(images/fancybox-y.png);
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(images/fancybox.png);
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(images/fancybox-x.png);
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(images/fancybox.png);
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(images/fancybox-y.png);
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(images/fancybox.png);
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_loading.png, sizingMethod=scale); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_close.png, sizingMethod=scale); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_title_over.png, sizingMethod=scale); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_title_left.png, sizingMethod=scale); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_title_main.png, sizingMethod=scale); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_title_right.png, sizingMethod=scale); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_nav_left.png, sizingMethod=scale); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_nav_right.png, sizingMethod=scale); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_shadow_n.png, sizingMethod=scale); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_shadow_ne.png, sizingMethod=scale); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_shadow_e.png, sizingMethod=scale); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_shadow_se.png, sizingMethod=scale); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_shadow_s.png, sizingMethod=scale); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_shadow_sw.png, sizingMethod=scale); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_shadow_w.png, sizingMethod=scale); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://avtoritet.info/images/fancy_shadow_nw.png, sizingMethod=scale); }





/* Portfolio */
#fancybox-href {
	display:block;
}

#content .details {
	width:560px;
	min-height:173;
	display:none;
}

#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px 5px 2px;

	display:none;
	
	color:#333;
	font:13px/18px tahoma,sans-serif;
}

#content ul.portfolio-categories {
	margin:0 0 80px 174px;
	width:342px;
}

#content ul.portfolio-categories li {
	float:left;
	display:inline;
	margin:0 20px 17px 0;
	padding:0;
	background:none;
}

#content ul.portfolio-categories li a {
	display:block;
	width:148px;
	height:147px;
	position:relative;
	color:#000;
	text-decoration:none;
}

#content ul.portfolio-categories .preview-img {
	position:absolute;
	z-index:10;
	left:10px;
	top:8px;
	background:transparent url() no-repeat 0 50%;
	width:130px;
	height:94px;
}

#content ul.portfolio-categories img {
	position:relative;
	z-index:20;
	vertical-align:bottom;
	margin:0;
	padding:0;
}

#content ul.portfolio-list {
	margin:0 0 80px 174px;
}

#content ul.portfolio-list li {
	float:left;
	display:inline;
	margin:0 20px 17px 0;
	padding:0;
	background:none;
}

#content ul.portfolio-list li a {
	display:block;
	width:148px;
	height:147px;
	position:relative;
	color:#000;
	text-decoration:none;
}

#content ul.portfolio-list .preview-img {
	position:absolute;
	z-index:10;
	left:10px;
	top:8px;
	background:transparent url() no-repeat 0 50%;
	width:130px;
	height:94px;
}

#content ul.portfolio-list img {
	position:relative;
	z-index:20;
	vertical-align:bottom;
	margin:0;
	padding:0;
}

#content ul.portfolio-categories span {
	position:absolute;
	z-index:30;
	display:block;
	width:115px;
	top:105px;
	right:10px;
	font-weight:bold;
	font-size:16px;
	font-family:"times New Roman",serif;
	line-height:14px;
	text-align:right;
}

#content ul.portfolio {
	margin:0;
}

#content ul.portfolio li {
	float:left;
	display:inline;
	width:94px;
	height:94px;
	margin:5px 10px 7px 0;
	padding:0;
	background:none;
}

#content ul.portfolio img{
	vertical-align:bottom;
	margin:0;
	padding:5px;
	border:1px solid #bbb;
}

#content .portfolio-description {
	float:left;
	display:inline;
	margin:20px 0 0;
	width:156px;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-align:right;
}

#content .portfolio-categories-description {
	position:relative;
	float:left;
	display:inline;
	margin:162px 0 0;
	width:156px;
}

#content .ul-partners {
	margin:0;
}

#content .ul-partners li {
	margin:0;
	padding:10px 0 20px 0;
	background:none;
}

#content .ul-partners-frame-img {
	float:left;
	display:inline;
	overflow:hidden;
	width:150px;
}

#content .ul-partners-img-link {
	float:left;
	display:inline;
	width:450px;
}

#content .ul-partners-img-link:hover {
	margin:0 0 0 -150px;
}

#content .ul-partners-img {
	float:left;
	display:inline;
	width:150px;
	vertical-align:middle;
	text-align:center;
	background:transparent url() no-repeat center top;
}

#content .ul-partners li h4 {
	font-weight:bold;
	margin:0 0 0 162px;
}

#content .ul-partners li h4:first-letter {
	color:#d50000;
}

#content .ul-partners li p.ul-partners-desc {
	margin:0 0 0 162px;
}


/* Fancy content */

#fancybox-inner .portfolio-full-inner {
	padding:21px 8px 8px;
	width:684px;
	height:551px;
	background:#fff url(images/bg_detail_top.jpg) repeat-x 0 0;
}

#fancybox-inner .main-img-outer {
	float:left;
	display:inline;
	position:relative;
	margin:3px 20px 20px 0;
	background:transparent url(images/bg-main-img-outer.gif) repeat-y 9px 0;
}

#fancybox-inner .main-img-inner {
	float:left;
	display:inline;
	background:transparent url(images/bg-main-img-inner.gif) no-repeat 5px 100%;
}

#fancybox-inner .main-img {

	padding:26px 0 15px 21px;
	background:transparent url(images/bg-main-img.gif) no-repeat 0 0;
}

#fancybox-inner .main-img-enlarge {
	position:relative;
	display:block;
}

#fancybox-inner .main-img-zoom {
	display:none;
	position:absolute;
	bottom:0;
	right:3px;
	width:107px;
	height:32px;
	background:transparent url(images/bg-img-zoom.png) no-repeat 0 0;
}

#fancybox-inner .main-img img{
	width:246px;
	vertical-align:bottom;
	border:1px solid black;
}


/*
#fancybox-inner .main-img img {
	width:246px;
	vertical-align:bottom;
}
#fancybox-inner .main-img:before {
	display:block;
	margin:-40px -11px 0 -10px;
	height:40px;
	content:url(images/bg-billboard-top.gif);
}
#fancybox-inner .main-img:after {
	display:block;
	margin:0 -11px -14px -10px;
	height:14px;
	content:url(images/bg-billboard-bottom.gif);
}
#fancybox-inner .main-img {zoom:1;behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = <span class="main-img-left"></span> + this.innerHTML + <span class="main-img-right"></span>) : );}
#fancybox-inner .main-img-left {background:transparent url(images/bg-billboard-top.gif) no-repeat 0 0;position:absolute;display:block;height:40px;width:100%;top:-40px;left:0px;}
#fancybox-inner .main-img-right {background:transparent url(images/bg-billboard-bottom.gif) no-repeat 0 0;position:absolute;display:block;height:14px;width:100%;bottom:-14px;left:0px;}
*/


#fancybox-inner h2 {
	padding:5px 0 12px;
	font-size:21px;
	line-height:24px;
	background:transparent url(images/bg-portfolio-detail-h2.gif) repeat-x 0 100%;
}

#fancybox-inner h2:first-letter {
	color:#d50000;
}

#fancybox-inner h3 {
	clear:both;
	margin:5px 0;
	padding:0 0 6px;
	background:transparent url(images/bg-hr.gif) repeat-x 0 100%;
	
	font-size:18px;
	line-height:21px;
}

#fancybox-inner .hr {
	clear:both;
	height:5px;
	background:#ececec url(images/bg-hr.gif) repeat-x 0 0;
}

#fancybox-inner p{
	margin:5px 0;
}

#fancybox-inner p.description {
	margin:26px 0 0;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
}

#fancybox-inner .related-works {
	float:left;
	display:inline;
	width:49%;
	height:200px;
}

#fancybox-inner .last-comments {
	margin:0 0 0 287px;
	position:relative;
}

#fancybox-inner .last-comments-header {
	float:left;
	display:inline;
	min-height:122px;
	width:67px;
	background:#ddd url(images/bg-last-comments-header.jpg) no-repeat 0 0;
}

#fancybox-inner .last-comments-add {
	position:absolute;
	top:-26px;
	right:0;
	display:block;
	height:29px;
	width:100px;
	text-indent:-9000px;
	background:#ddd url(images/bg-last-comments-add.jpg) no-repeat 0 0;
}

#fancybox-inner h5 {
	color:#aaa;
	margin:10px 0;
}

#fancybox-inner .name {
	color:#555;
	font-size:15px;
	font-style: italic;
}

#fancybox-inner .last-comments p {
	margin:10px 0;
}

#fancybox-inner p {
	margin:0;
}

#fancybox-inner .catecory-back {
	margin:10px 0 0;
	text-align:right;
}

#fancybox-inner .catecory-back a {
	float:right;
	display:inline;
	padding-left:39px;
	background:transparent url(images/bg-category-back.jpg) no-repeat 0 0;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#fancybox-inner .portfolio-categories {
	margin:5px;
}

#fancybox-inner .portfolio-categories li {
	float:left;
	display:inline;
	margin:5px 10px 7px 0;
	padding:0;
	background:none;
}

#fancybox-inner .portfolio-categories img{
	vertical-align:bottom;
	margin:0;
	padding:5px;
	border:1px solid #bbb;
}

#fancybox-inner .add-comment {
	float:left;
	display:inline;
	width:268px;
}

#form-add-comment {
	
}

#form-add-comment p{
	margin:6px 0;
}

#form-add-comment label{
	display:block;
	line-height:18px;
}

#form-add-comment textarea, #form-add-comment input {
	width:262px;
	background-color:#fbfbfb;
	border:1px solid #555;
	padding:2px;
	color:#222;
}

#form-add-comment textarea {
	height:62px;
}

#form-add-comment .form-button {
	float:right;
	display:inline;
	padding:3px 4px;
	background:#c00 url(images/bg-button.gif) repeat-x 0 100%;
	border:none;
	text-decoration:none;
	color:#fff;
}






#scroll-content {
	width:684px;
	height:551px;
}

#scroll-portfolio {
	width:100px;
	height:100px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.portfolio-full-inner .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:transparent url(images/bg-scrollbar.gif) repeat-y 4px 0;
}
.portfolio-full-inner .jScrollPaneDrag {
	position: absolute;
	background: transparent url(images/bg-scrollbar-disc.png) no-repeat 50% 50%;
	cursor: pointer;
	overflow: hidden;
	height:26px !important;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#nav, #nav ul {list-style: none; margin: 0; padding: 0; float: left; width: 100%;}
#content #nav li {float: left; position:relative;background-image:none;padding-right:1px;}
#nav a {display: block;  padding: 4px 10px; text-decoration:none; color:#000;}
#nav a:hover {color: #FFF}
#nav li:hover,
#nav li.jshover {background:#D90D21; color: #FFF;  }
#nav li:hover:first-child {background:#FFF}
#nav li ul {display: none; position: absolute; top: -15px; left: 235px; lef\t: 247px; background:#F9F9F9; padding: 4px; width: 270px; border: solid 1px #D2E0E8}
					   
#nav li li a {width: 240px;  background: none;}
#nav li:hover ul,
#nav li.jshover ul {display: block;}
#nav li:hover li ul,
#nav li.jshover li ul {display: none; width: 270px; top: -9px; left: 200px; lef\t: 230px;}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {display: block;}