* {
	padding:0;
	margin: 0;
}
html, body { 
	height:100%;
}
html {

}
body { 
	background:url(images/body-bg.gif) left top; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#fff;
}

img {
	border:0; 
	
	text-align:left;
}
object { 


}
ul, ol {
	list-style:none;
	font-weight: bold;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 {
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}





/*==== GLOBAL =====*/
.container { 
	width:999px; 
	margin:0 auto;
	font-size:.8125em;
	position:relative;
}

#login-wrapper {
	background:url(images/login-bg.jpg) left top repeat-x;
	height:50px;
	display:none;
}
#header {
	height:131px;
	background:url(images/header-tail.jpg) left top repeat-x;
}
	#header .container {
		background:url(images/header-bg.jpg) no-repeat left top;
		height:131px;
	}
#content {
	background:url(images/content-bg.jpg) left top repeat-x;
}
#footer .container {
	background:url(images/footer-bg.jpg) no-repeat left top;
	text-align:right;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;

	font-weight:normal;
}


/*----- other -----*/
.img-indent {
	float:left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
.img-indent.alt {
	margin:-12px 8px -23px 0;
	position:relative;
}
.img-box {
	width:100%;
	overflow:hidden;
	padding-bottom:25px;
	font-weight: bold;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:18px;
	font-weight: bold;
	color: #FFF;
}
.p1 { 
	margin-bottom:9px;
}
.p2 { 
	margin-bottom:18px;
}
.p3 {
	margin-bottom:27px;
	font-weight: bold;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#f9ebc0; 

}
a:hover{
	text-decoration:none;
	color: #0FF;
}


h2 {
	font-size:24px;
	line-height:1.2em;
	border-top:1px solid #fff;
	padding:17px 24px 0 15px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}
	h2 img {
		float:right;
		margin:10px 0 0 17px;
	}
	
	h2.icon1 {
		background:url(images/icon1.jpg) no-repeat center top;
		padding:125px 0 0 0;
	}
	h2.icon2 {
		background:url(images/icon2.jpg) no-repeat center top;
		padding:125px 0 0 0;
	}
	h2.icon3 {
		background:url(images/icon3.jpg) no-repeat center top;
		padding:125px 0 0 0;
	}	
	
	
		
h3 {
	font-size:30px;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:18px;
}

h4 {
	font-size:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
	background:url(images/marker1.gif) no-repeat left 2px;
	padding:0 0 0 24px;
	margin-bottom:26px;
}
h5 {
	font-size:1em;
	color:#ffeaa8;
	margin-bottom:18px;
}
h6 {
	font-size:1em;
	color:#ffeaa8;
}


.txt1 {
	color:#ffe9a8;
}
	.txt1 a {
		color:#ffe186 !important;
	}


.link1 { 
	display:block;
	float:left;
	background:url(images/link1-bg.gif) left top repeat-x; 
	color:#282828; 
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.link1:hover { 
	color:#cc0909;
	text-decoration:underline;
}
	.link1 em {
		display:block;
		background:url(images/link1-left.gif) no-repeat left top;
	}
	.link1 b { 
		display:block;
		background:url(images/link1-right.gif) no-repeat right top; 
		padding:2px 16px 5px 16px; 
		font-style:normal;
	}



	

.button { 
	float:right;
}
	.button span { 
		display:block; 
		background:url(images/button-left.gif) no-repeat left top; 
		padding-left:3px;
	}
		.button span span { 
			background:url(images/button-right.gif) no-repeat right top;
			padding-right:4px;
			padding-left:0;
		}
			.button span span a { 
				display:block;
				background:#333743;
				padding:4px 5px 3px 5px;
				color:#fff;
				text-decoration:none;
				text-transform:uppercase;
			}
			.button span span a:hover { 
				text-decoration:underline;
			}


.button1 {
	background:url(images/button1.gif) no-repeat left top;
	width:143px;
	height:25px;
	display:block;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	color:#282828 !important;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	line-height:23px;
}
.button1:hover {
	text-decoration:underline;
}


.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}
.line-ver { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}

.title { 
	margin-bottom:20px;
}
.title-description {
	color:#ffeaa9;
	padding:0 0 13px 15px;
	margin-top:-10px;
	font-weight: bold;
}
	.title-description span {
		background:url(images/marker2.gif) no-repeat left 6px;
		padding:0 0 0 23px;
	}


/*==================boxes====================*/
.box {
	background:#bd161d;
	width:100%;
	color:#fff;
}
	.box .border-top {
		background:url(images/border-top.gif) repeat-x left top;
	}
	.box .border-bot {
		background:url(images/border-bot.gif) repeat-x left bottom;
	}
	.box .border-left {
		background:url(images/border-left.jpg) repeat-y left top;
	}
	.box .border-right {
		background:url(images/border-right.gif) repeat-y right top;
	}
	.box .left-top-corner {
		background:url(images/left-top-corner.jpg) no-repeat left top;
	}
	.box .right-top-corner {
		background:url(images/right-top-corner.gif) no-repeat right top;
	}
	.box .left-bot-corner {
		background:url(images/left-bot-corner.jpg) no-repeat left bottom;
		}
	.box .right-bot-corner {
		background:url(images/right-bot-corner.gif) no-repeat right bottom;
		}
	.box .inner { 
		padding:19px 0 15px 36px;
	}
	.box a {
	color:#FFF;
}
	
	
	
	
	.box .link1 { 
		background:url(images/link1-bg1.gif) left top repeat-x; 
		color:#282828;
	}
		.box .link1 em {
			background:url(images/link1-left1.gif) no-repeat left top;
		}
		.box .link1 b { 
			background:url(images/link1-right1.gif) no-repeat right top;
		}

.box1 {
	width:100%;
	color:#fff;
	background:none;
}
	.box1 .border-top {
		background:url(images/border1.gif) repeat-x left top;
	}
	.box1 .border-bot {
		background:url(images/border1.gif) repeat-x left bottom;
	}
	.box1 .border-left {
		background:url(images/border1.gif) repeat-y left top;
	}
	.box1 .border-right {
		background:url(images/border1.gif) repeat-y right top;
	}
	.box1 .left-top-corner {
		background:url(images/left-top-corner1.gif) no-repeat left top;
	}
	.box1 .right-top-corner {
		background:url(images/right-top-corner1.gif) no-repeat right top;
	}
	.box1 .left-bot-corner {
		background:url(images/left-bot-corner1.gif) no-repeat left bottom;
		width:100%;
		}
	.box1 .right-bot-corner {
		background:url(images/right-bot-corner1.gif) no-repeat right bottom;
		}
	.box1 .inner { 
		padding:1px 25px 15px 32px;
	}
	.box1 .inner1 { 
		padding:26px 25px 15px 32px;
	}
	
	
	
	
.box2 {
	font-weight: bold;
}

	.box2 .left-top-corner {
		background:url(images/left-top-corner2.gif) no-repeat left top;
		padding-left:18px;
	}
	.box2 .right-top-corner {
		background:url(images/right-top-corner2.gif) no-repeat right top;
		padding-right:18px;
	}
	.box2 .border-top {
		background:url(images/border-top2.gif) left top repeat-x;
		height:18px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.box2 .left-bot-corner {
		background:url(images/left-bot-corner2.gif) no-repeat left top;
		padding-left:18px;
		width:auto;
	}
	.box2 .right-bot-corner {
		background:url(images/right-bot-corner2.gif) no-repeat right top;
		padding-right:18px;
	}
	.box2 .border-bot {
		background:url(images/border-bot2.gif) left top repeat-x;
		height:18px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.box2 .border-left {
		background:url(images/border-left2.gif) left top repeat-y;
	}
	.box2 .border-left1 {
		background:url(images/border-left2-1.gif) no-repeat left top;
	}
	.box2 .center-bg {
		background:url(images/box2-bg.gif) left bottom repeat-x;
	}
	.box2 .inner {
		padding:7px 26px 10px 25px;
	}
	.box2 h4 {
		margin-bottom:15px;
	}



.box3 {
	background:url(images/box3-top.jpg) no-repeat right top #4e5b64;
	width:100%;
	color:#fff;
}
.box3.alt1 {
	background:#4e5b64;
}
	.box3 .border-left {
		background:url(images/border-left3.jpg) repeat-y left top;
		width:100%;
	}
	.box3 .border-right {
		background:url(images/border-right3.jpg) repeat-y right top;
		width:100%;
	}
	.box3 .left-top-corner {
		background:url(images/left-top-corner3.jpg) no-repeat left top;
		width:100%;
	}
	.box3 .left-top-corner1 {
		background:url(images/left-top-corner3-1.jpg) no-repeat left top;
		width:100%;
	}
	.box3 .right-top-corner {
		background:url(images/right-top-corner.gif) no-repeat right top;
	}
	.box3 .right-top-corner1 {
		background:url(images/right-top-corner3.jpg) no-repeat right top;
		width:100%;
	}
	.box3 .inner { 
		padding:31px 44px 28px 48px;
	}
	.box3 .inner1 { 
		padding:51px 44px 28px 48px;
	}

.address { 
}
	.address dt:first-line {
		color:#ffe186;
		font-weight:bold;
	}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:105px;
		}


/*===== header =====*/
#login-reg-button {
	position:absolute;
	width:633px;
	height:38px;
	left:333px;
	top:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#b0bdc6;
	font-weight:bold;
	text-align:center;
	line-height:34px;
}
	#login-reg-button a {
		color:#fff;
		text-decoration:none;
	}
	#login-reg-button a:hover {
		text-decoration:underline;
	}

#header .logo {
	position:absolute;
	left:65px;
	top:33px;
}
#header .nav {
	position:absolute;
	font-size:14px;
	right:0;
	top:62px;
}
	#header .nav li {
		display:inline;
		background:url(images/divider.gif) no-repeat left 3px;
		padding:0 27px 0 30px;
	}
	#header .nav li.first {
		background:none;
	}
		#header .nav li a {
			color:#fff;
			text-decoration:none;

		}
		#header .nav li a:hover {

			text-decoration:underline;
		}
	

/*===== content =====*/
#content .row-1 .indent {
	padding:13px 0 0 18px;
}
#content .row-2 .indent {
	padding:0 0 0 13px;
	color: #FFF;
}
	.list1 li {
		background:url(images/arrow1.gif) no-repeat 7px 5px;
		padding:0 0 10px 32px;
		font-size:15px;
		font-style:italic;
	}
		.list1 li a {
			color:#fff;
			text-decoration:none;
		}
		.list1 li a:hover {
			text-decoration:underline;
		}
	
	
	.list2 li {
		padding-bottom:3px;
	}
	
	
	.works {
		width:100%;
		overflow:hidden;
		margin-bottom:14px;
	}
		.works li {
			float:left;
			padding:7px 7px 7px 7px;
			background:url(images/img-box.gif) no-repeat left top;
			width:193px;
			margin-right:12px;
		}
		.works li.last {
			margin-right:0;
		}
			.works li p {
				margin-bottom:10px;
			}
			.works li span {
				float:left;
				padding:0 0 0 7px;
			}
				.works li span img {
					margin-right:2px;
				}
				.works li a.fright {
					color:#ee1c24;
					padding-right:5px;
				}




/* -- gallery begin --*/
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 457px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
	display:none;
}
div.nav-controls {
	position:absolute;
	right:45px;
	width:390px;
	bottom:54px;
}
div.nav-controls a.prev {
	background:url(images/button2.gif) no-repeat left top;
	width:59px;
	height:25px;
	color:#282828;
	display:block;
	float:left;
	line-height:25px;
	padding:0;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	z-index:11;
}
	div.nav-controls a.prev:hover {
		text-decoration:underline;
	}
div.nav-controls a.next {
	background:url(images/button2.gif) no-repeat left top;
	width:59px;
	height:25px;
	color:#282828;
	display:block;
	float:right;
	line-height:25px;
	padding:0;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	z-index:11;
}
	div.nav-controls a.next:hover {
		text-decoration:underline;
	}

div.slideshow-container {
	position: relative;
	height: 357px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image:url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 457px;
	height: 357px;
}

div.slideshow a.advance-link {
	display: block;
	width: 457px;
	height: 357px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding:0;
	margin:0;
}
	div.slideshow a.advance-link img {
		padding:0;
		margin:0;
		display:block;
		position:absolute;
		top:0;
		left:0;
	}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 457px;
	top: 0;
	left: 0;
}
div.caption {
	padding:10px 0 0 0;
	font-weight: bold;
}
div.image-title {
	font-weight: bold;
	
}
	div.image-title strong {
		color:#ffeaa8;
	}
div.image-desc {
	font-weight: bold;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	width:420px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	list-style: none;
	padding:0 0 27px 33px;

}

a.thumb:focus {

}

div.pagination {
	clear: both;
	text-align:center;
	position:relative;
	z-index:10;
}
div.top.pagination {
	display:none;
}

div.navigation div.bottom {
	
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	padding:0 4px;
	font-weight:bold;
	color:#fff;
}
div.pagination a:hover {
	text-decoration: none;
	color:#ffeaa8;
}
div.pagination span.current {
	color:#ffeaa8;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/* -- gallery end --*/




/*===== footer =====*/
#footer {
	color:#ffeaa9;
}
	#footer .indent {
	padding:17px 44px 72px 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #3F4854;
	}
		#footer a {
	color:#FFF;
	font-weight:bold;
		}


/*----- forms -----*/
#login-form fieldset {
	border:none;
	color:#a3bbc2;
	padding:12px 0 0 52px;
}
	#login-form label {
		background:url(images/input-bg.gif) no-repeat left top;
		margin:0 13px 0 6px;
		
		height:25px;
	}
	#login-form input.text {
		width:120px;
		padding:3px 4px 5px 10px;
		background:none;
		border:none;
		color:#545f69;
	}
	#login-form input.checkbox {
		width:12px;
		height:12px;
		margin:0 8px 0 10px
	}
	#login-form input.submit {
		background:url(images/login-button.jpg) no-repeat left top;
		width:68px;
		height:25px;
		border:none;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		margin:0 0 0 25px;
	
		color:#fff;
	}
	#login-form p {
		float:right;
		width:252px;
		font-size:12px;
		line-height:16px;
		border-left:1px solid #545d65;
		padding: 0 0 0 27px;
		margin:0;
	}
		#login-form p a {
			color:#ffeaa8;
		}
		
#search-form {
	position:absolute;
	top:12px;
	right:11px;
}
	#search-form fieldset {
		border:none;
		width:230px;
		height:25px;
		background:url(images/search-form-bg.jpg) no-repeat left top;
	}
		#search-form input.text {
			background:none;
			border:none;
			padding:1px 0 2px 13px;
			width:180px;
			color:#545f69;
		}
		#search-form input.submit {
			width:22px;
			height:25px;
			background:none;
			border:none;
			margin-right:8px;
		
		}

#ClockForm {
	position:absolute;
	right:0;
	bottom:10px;
}
#ClockForm fieldset {
	border:none;
	text-align:right;
}
	#ClockForm fieldset input {
		border:none;
		background:none;
		color:#a3b0b9;
		width:250px;
	
	}

#contacts-form fieldset {
	border:none;
}
	#contacts-form label { 
		display:block;
		height:50px;
		background:url(images/input-bg1.gif) no-repeat left 18px;
	} 
		#contacts-form label input { 
			width:385px;
			padding:3px 10px 3px 15px;
			color:#91867f;
			background:none;
			border:none;
		}
		#contacts-form textarea {
			width:385px;
			height:175px;
			padding:1px 10px 1px 15px;
			color:#91867f;
			overflow:auto;
			background:none;
			border:none;
		}
		#contacts-form .textarea-box {
			background:url(images/textarea-bg.gif) no-repeat left top;
			width:415px;
			height:183px;
			margin-bottom:24px;
		}
		#contacts-form .link1 {
			float:right;
			margin-left:20px;
		}

/*==========================================*/