@charset "utf-8";

/* CSS Document */



* {

	margin:0;

	padding:0;

}

body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:medium;

	color:#fff;

	background:#000;

	padding:0;

	margin:0;

}

h1 {

	font-family: 'Verdana', Arial, Helvetica, sans-serif;

	font-size:18px;
}

h2 {

	font-family: 'Verdana', Arial, Helvetica, sans-serif;

	font-size:14px;
	color : #4CA1C2;

}

h3 {

	font-family:Georgia, "Times New Roman", Times, serif;

	font-style:italic;

	font-weight:normal;

	font-size:14px;

	text-decoration:underline;

	clear:both;

	padding:10px 0 0 10px;

}

p {

	font-family: 'Arial', Helvetica, sans-serif;

	font-size:11px;

}

ol {

	font-family: 'Arial', Helvetica, sans-serif;

	list-style:none;

}

li {

	font-family: 'Arial', Helvetica, sans-serif;

	list-style:none;

}

.clr {

	clear:both;

}

/* ************  header ************** */



header {

	background:#000000;

	width:100%;

	overflow:hidden;

	clear:both;

	margin:0;

	border-bottom:1px solid #525252;

}

.logo {

	margin-left:auto;

	margin-right: auto;

	width:300px;

	padding:10px 0;

	text-align:center;

	color:#fff;

}

.logo h1{
	color: #CECD65;
}

/* ************* navigation ****************** */





nav {

	width: 100%;

	clear:both;

	text-align:center;

	height:auto;

	margin:0 auto;

	background: #1F1C1C;

	border-bottom:1px solid #000;

	border-top:1px solid #000;

	

}

nav ul {

	list-style:none;

	margin:0 auto;

	width: auto;

	height:auto;

}

nav ul li {

	font-family:Arial, Helvetica, sans-serif;

	height: auto;

	line-height:30px;

	display:inline;

	text-align:center;

	list-style:none;

	width:auto;

	height:auto;

}

nav ul li a {

	font-family:Arial, Helvetica, sans-serif;

	font-size:100%;

	text-decoration:none;

	color:#CCCCCC;

	line-height:30px;

	padding:3px 5px;

	text-align:center;

	font-size:11px;

}

nav ul li a:hover, nav ul li a.active {

	color:#fffefd;

}

nav ul li:hover a, nav ul li.active a {

	color:#fffefd;

	width:100%;

}

/* ************ banner  ********************** */



#banner {

	width:304px;

	height:167px;

	clear:both;

	margin:10px auto;

	background:url(imgs/banner-bg.png) 0 145px no-repeat;

}

#container {

	position:relative;

	background:#fff;

	width:292px;

	height:136px;

	border:6px solid #FFF;

	overflow:hidden;

}

.sliderbutton {

	float:left;

	width:25px;

	height:144px;

	cursor:pointer;

	display:none;

}

#slideleft {

	background:url(images/icons.gif) -50px -265px no-repeat

}

#slideleft:hover {

	background-position:-0 -265px

}

#slideright {

	background:url(images/icons.gif) 0 90px no-repeat

}

#slideright:hover {

	background-position:-50px 90px

}

#slider {

	float:left;

	overflow:auto;

	width:300px;

	height:144px

}

#slider ul {

	position:absolute;

	list-style:none;

	top:0;

	left:0

}

#slider li {

	float:left;

	width:300px;

	height:144px

}

.pagination {

	position:absolute;

	top:80%;

	right:50%;

	list-style:none;

	height:25px

}

.pagination li {

	float:left;

	cursor:pointer;

	height:8px;

	width:8px;

	background:#ccc;

	margin:0 4px 0 0;

	border:1px solid #fff

}

.pagination li:hover, li.current {

	background:#fff

}

/* ******** content  ******************* */



#wrapper {

	width:90%;

	background: #1B0F0F;

	padding:10px;

	clear:both;

	margin-left:auto;

	margin-right:auto;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-topright: 5px;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	overflow:hidden;

}

#wrapper p {

	padding:5px 10px;

}

.mid-part {

	width:90%;

	background: #000000;

	border-top:1px solid #666666;

	border-bottom:1px solid #666666;

	padding:5px 10px;

	text-align:center;

	color:#CCCCCC;

	font-weight:bold;

	font-size:12px;

	margin-left:auto;

	margin-right:auto;

}

.below-cont {

	width:100%;

	clear:both;

	margin-left:auto;

	margin-right:auto;

	width:90%;

	background: #1B0F0F;

	padding:10px;

	text-align:center;

	-webkit-border-bottom-right-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

	margin-bottom:10px;

}

/* ******************* click-buttons ************* */



.button-1 {

	width:50%;

	height:38px;

	border:1px solid #000;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	display:block;

	margin:5px auto 2px auto;

	background:#1F1C1C;

	cursor:pointer;

	text-align:center;

}

.button-1 img {

	float:left;

	padding:3px 0 5px 10px;

}

.button-1 a {

	color:#fff;

	text-decoration:none;

	font-weight:bold;

	font-size:13px;

	display:block;

	padding:10px 0 0 0;

}

.button-1 a:hover {

	color:#fff;

}

.button-1:hover {

	background:#2E2E2E;

	border:1px solid #000;

}

/* **************** nav-buttons **************** */



.button-2 {

	width:90%;

	overflow:hidden;

	margin-left:auto;

	margin-right:auto;

	clear:both;

}

.button-2 ul {

	list-style:none;

}

.button-2 ul li {

	clear:both;

	background:#1F1C1C;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	overflow:hidden;

	margin:2px 0 0 0;

	border:1px solid #000;

}
.button-2 ul li:hover {
	background:#2E2E2E;
}

.button-2 ul li a {

	background:url(imgs/pointer-bullets.png) 99% 50% no-repeat;

	display:block;

	color:#fff;

	padding:8px 10px;

	text-decoration:none;

	font-size:12px;

	text-transform:uppercase;

}

.button-2 ul li a:hover {

	color:#fff;

}

.button-2 ul li:hover {

	background:#2E2E2E;

	border:1px solid #000;

}

/* *******************  footer ******************* */



footer {

	text-align:center;

	width:100%;

	clear:both;

	background:url(imgs/footer-bg.png) repeat 0 0;

	padding:10px 0;

	margin:5px 0 0 0;

}

footer p {

	padding:0 0 5px 0;

	clear:both;

	color:#979797;

}

.contact {

	width:75%;

	clear:both;

	margin-left:auto;

	margin-right:auto;
	text-align: center;

}



label {

	width: 6em;

	margin: 0 auto;

	display: block;

	padding:3px 0 0 0;

}

.submit input {

	clear:both;

	margin: 2px auto;

	width:30%;



}

input, textarea {

	color: #333333;

	background: #CCCCCC;

		border:1px solid #333333;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	padding:3px;

	font-size:12px;

	width:100%;

	clear:both;

	margin-left:auto;

	margin-right:auto;

}

.submit input {

	color: #fff;

	background:url(imgs/button-bg.jpg) repeat-x 0 0;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	cursor:pointer;

	padding:5px 10px;

		border:1px solid #333333;

}

.submit input:hover {

	background:url(imgs/button-hover.jpg) repeat-x 0 0;

	color:#000;

}

legend {

	color: #fff;

	background: #000000;

	border: 1px solid #333333;

	padding: 5px 6px;

	font-size:14px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-style:italic;

}



iframe{

	border:1px solid #666;

	width:98%;

	overflow:hidden;

}



/* ************** gallery  ************** */



.portfolio-content, .portfolio-area{width:100%;}

.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}

.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}



/**** PORTFOLIO STYLES*****/

.portfolio-categ{margin-bottom:10px;}

.portfolio-categ li{display:inline;margin-right:10px;}

.image-block{ display:block;position: relative;}

.image-block img{border: 1px solid #d5d5d5; border-radius: 3px 3px 3px 3px;background:#FFFFFF;padding:5px; width:110px; height:84px;}

.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}

.portfolio-area li{    float: left;

    margin: 0;

    overflow: hidden;

    padding: 5px;

    width: 120px;}

.home-portfolio-text{margin-top:10px; display:none;}

li.active a{ text-decoration:underline;}

/**** END PORTFOLIO STYLES*****/