/*
  _   _   _   _   _   _   _   _   _   _   _   _   
 / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \ / \  
( K | I | S | H | A | N | - | B | H | O | O | T |
 \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/ \_/  

*/
/*+++++++++++++++++++++++++++++DEFAULTS+++++++++++++++++++++++++++*/
html{ overflow-x:hidden;}
body{ margin:0; padding:0; background:url(../images/banner-bg.gif) repeat-x #111213;}
div{ color:#e0e4e7; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:16px;}
p, ul, li, h1, h2, h3{ margin:0; padding:0;}
.clear{ clear:both;}
/*+++++++++++++++++++++++++++++LOGO ANIMATION+++++++++++++++++++++++++++*/
		ul#doko li {
				list-style:none;

		float:left;
	}
	
	/* Link - common attributes */
	ul#doko li a {
		background:url(../images/the.png) no-repeat scroll top left;
		display:block;
		height:234px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "dokonamlo" */
	ul#doko li a.dokonamlo {
		width:192px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	
	/* Span (on hover) - common attributes */
	ul#doko li a span {
		background:url(../images/the.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
/*+++++++++++++++++++++++++++++MAIN DIVS++++++++++++++++++++++++++++*/
#wraper{ width: 100%; margin:0 auto; padding:0;}
#banner-main{ margin:0 auto; width:965px;}
#banner{ height:130px; position:relative;}
.logo{ z-index:9999; margin-left:2%; position:absolute;}
.image{ width:100%; text-align:center; background:url(../images/banner-image.jpg) no-repeat center; height:370px;} 
.image-contact{ width:100%; text-align:center; background:url(../images/banner-contact.jpg) no-repeat center; height:370px;} 
#main-container{ width:100%; background:url(../images/nav-bg.gif) repeat-x;}
.menu{ width:965px; margin:0 auto; height:82px; padding-top:25px; }
.title{font-family:  Myriad Pro, Helvetica,vedana; font-size:1.4em; text-transform:uppercase;}
.content{width:965px; margin:0 auto; padding-top:22px; padding-bottom:100px; color:#acafb3;}
p{ color:#ccc4b9; text-align: justify;}
.row1{ line-height:28px; color:#e0e4e7; font-size:1.4em;}
.row1 a {
	text-decoration : none;
	color : #ffc600;
}
.row1 a:hover {
	text-decoration:line-through;
color : #ffc600;
}
.row2{ line-height:28px; color:#e0e4e7; font-size:1.1em;}
.row2 a {
	text-decoration : none;
	color : #ffc600;
}
.row2 a:hover {
	text-decoration:line-through;
color : #ffc600;
}
.work{ float:left; width:150px; padding-top:50px; padding-bottom:12px;}
.portfolio{ float:left; width:550px; padding-top:50px; padding-bottom:12px;}
.domain{ font-size:11px; float:left; width:275px; text-transform:uppercase;}
.lunch{ font-size:11px; float:right; width:200px; padding-right:35px; text-align:right;}
.lunch a{ color:#fec720; text-decoration:none;}
.lunch a:hover{ color:#fFF; text-decoration:none;}
a.lunch1:link, a.lunch1:active, a.lunch1:visited{ color:#fec720; text-decoration:none;}
a.lunch1:hover{ color:#fFF; text-decoration:none;}
.service{ float:right; width:250px; padding-top:50px; padding-bottom:12px; line-height:20px; color:#aaaaaa;}
.service ul{ padding-left:15px; padding-top:8px;}
.highlight{
	color:#fec720;
	left: inherit;
}
#footer-content{ background:url(../images/footer-bg.gif) repeat-x #2a2a2a;}
#footer{ width:965px; margin:0 auto; padding-top:12px; margin-bottom:12px;}
#footer .col1{ width:290px; float:left;}
#footer .col1 a{ text-decoration:none; color:#e0c645;}
#footer .col2{ width:320px; float:left;}
.col2 p{ background: #100902; width:250px; height:164px; text-align:center; padding:5px;}
.col2 p img{ margin:3px;}
#footer .col3{ width:355px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
#footer .col3 p{ text-align:justify; padding-right:22px; padding-top:12px; font-size:1.1em; color:#858585; font-family: Cambria, Helvetica, sans-serif;}
#footer .col4{ width:355px; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; }
#footer .col4 p{ text-align:justify; padding-right:22px; padding-top:12px; font-size:1.1em; color:#858585; font-family: Cambria, Helvetica, sans-serif;}
#copyright-content{ background:#000000; height: 48PX;}

/*+++++++++++++++++++++++++++++TEXT AND LINKS++++++++++++++++++++++++++++*/
h1{ color:#c7bd77; font-size:1.6em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;}
h1 span{ color:#ccc4b9;}
.sites{text-align:right;line-height:30px; padding-right:22px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px;}
.sites a{ text-decoration:none; color:#FFFFFF;}
.call{ height:50px; padding-top:15px; text-align:right; padding-right:22px; text-transform:uppercase; font-size:1.4em;color:#FFFFFF; font-family:Helvetica, Arial, sans-serif;
background-image: url(../images/call.gif); 
background-repeat: no-repeat;
background-position: 750px;
    cursor: pointer;
}
.nav{ line-height:35px; text-align:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#606060;}
.nav ul{ display:inline; list-style:none;}
.nav li{ display:inline; list-style:none;}
.nav li a{ text-decoration:none; color:#000000; padding:0 10px 0 10px; }
.nav li a:hover{ text-decoration:none; color:#ff002a; padding:0 10px 0 10px;}
.nav li a:active { 
	color: #333333;
	}
.copyright .cola{ float:left; width:300px; font-size:13px; color:#848484; font-family:  Cambria, Helvetica,vedana;}
.copyright .colb{ float:right; width:500px; text-align:right; font-size:13px; color:#848484; font-family:  Cambria, Helvetica,vedana;}
 .colb a{color:#848484; text-decoration:none;}
 .colb a:hover{color:#FEC720; text-decoration:none;}
.menu ul{ float:left; margin:0; padding:0;}
.menu li{ float:left; width:193px; list-style:none; font-family:  Myriad Pro, Helvetica,vedana; font-size:1.2em; }
.menu li a{ text-decoration:none; color:#d4d4d4;}

/*+++++++++++++++++++++++++++++BUTTON AND FORMS++++++++++++++++++++++++++++*/
a.view:link, a.view:active, a.view:visited{ color:#000; text-decoration:none; text-transform:uppercase; background: url(../images/more-bg.png) no-repeat; float:left; width:120px; line-height:30px; text-align:center;}
a.view:hover{ color:#000; text-decoration:none; text-transform:uppercase; background: url(../images/more-bg-hover.png) no-repeat;  width:120px; line-height:30px; text-align:center;}
.copyright{  width:965px; margin:0 auto; padding-top:12px;}
a.quote:link, a.quote:active, a.quote:visited{ color:#8a8a8a; text-decoration:none; text-transform:uppercase; background:url(../images/btn-bg.png) no-repeat; float:left; width:185px; line-height:25px; text-align:center;}
a.quote:hover{ color:#8a8a8a; text-decoration:none; text-transform:uppercase; background: url(../images/btn-bg-hove.png) no-repeat;  width:185px; line-height:25px; text-align:center;}
a.more:link, a.more:active, a.more:visited{ color:#8a8a8a; text-decoration:none; text-transform:uppercase; background:url(../images/btn1-bg.png) no-repeat; float:left; width:100px; line-height:25px; text-align:center; padding-left:}
a.more:hover{ color:#8a8a8a; text-decoration:none; text-transform:uppercase; background: url(../images/btn1-bg-hover.png) no-repeat;  width:100px; line-height:25px; text-align:center;}

/*=========================ABOUT US PAGE=========================*/
.about-us{ width:690px; float:left; color:#9d9891;}
.about-service{ margin-top:35px; width:243px; float:right; background: #171616; border:1px #282828 solid; padding:8px; font-size:0.9em; color:#c0b8ae;}
.about-service h2 {
	color:#ccc4b9;
	font-family:Cambria, "Times New Roman", Times, serif;
	font-size:13px;
	text-transform:uppercase;
}
.about-service h2 span{ color:#fec720; font-family:"Times New Roman", Times, serif;;}
.about-service ul{ padding-left:12px; font-family:Cambria, Georgia;}
.about-service li{
	font-size:1.2em;
	font-family: Cambria, Verdana, Geneva, sans-serif;
	color: #999;
	line-height: 18px;
}

/*=========================SERVICES PAGE=========================*/
.service-nav{ width: 177px; float:left;}
.service-nav ul{ display:block; list-style:none;}
.service-nav li{ display:block; list-style:none;}
.service-nav li{ display:block; list-style:none; background:#463d39; width:170px; line-height:30px; color:#FFFFFF; text-transform:uppercase; margin-bottom:1px;}
.service-nav li a{ text-decoration: none; display:block; background:#463d39; width:170px; line-height:30px; color:#FFFFFF; padding-left:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.service-nav li a:hover{ text-decoration:none; display:block; background:#fec720; width:180px; line-height:30px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.ser{ font-family:impact; font-size:18px; font-style:normal; text-align:right; padding-right:12px; line-height:40px; background:#0099cc; display:block; width:170px; letter-spacing:3px;}
.service-content{ width:500px; float:left; margin-left:18px; color:#9d9891;}
.SlidingPanels {width: 300px;height: 300px;}
.SlidingPanelsContent {	width: 300px; height: 300px;  color:#9d9891; text-align:justify; border:none;}
.SlidingPanelsContent h1 {color:#c7bd77; font-size:1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;}
#example2.SlidingPanels {float: left; border:none;}
#example2 .SlidingPanelsContentGroup {	float: left; width: 10000px;}
#example2 .SlidingPanelsContent {float: left; width: 500px;}

/*=========================PORTFOLIO PAGE=========================*/
.port-img{ width:525px; float:left;}
.port-img img{ border:1px #282828 solid;}
.port-disc{ width:220px; height:240px; float:left; background: #171616; border:1px #282828 solid; padding:8px; font-size:0.9em;}
.port-disc p{ text-align:justify; font-size:10px; color:#b6b6b6; }
.portfolio-content{ width:770px; height:100%; float:left; margin-left:18px; color:#ccc4b9;}
.SlidingPanels1 {width: 770px; height: 100%;}
.SlidingPanelsContent1 {width: 770px; height: 100%; color:#ccc4b9; font-size:0.9em;	text-align:justify;}
.SlidingPanelsContent1 h1 {color:#c7bd77; font-size:1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal;}

/*=========================CONTACT PAGE=========================*/
.contact-form{ width:670px; float:left;}
.contact-info{width:243px; float:right; background:url(../images/contact-bg.jpg) no-repeat; width:241px; height:345px; padding:8px; line-height:19px; color:#acafb3;}
.form-col1{ width:315px; float:left; }
.form-col2{ width:315px; float:right; }
.contact-info h2{ color:#ccc4b9; font-family:"Times New Roman", Times, serif; font-size:16px; text-transform:uppercase;}
.cssform p {width: 300px;clear: left;margin: 0;padding: 5px 0 8px 0px; /*width of left column containing the label elements*/}
.cssform label {float: left;margin-left: -145px; /*width of left column*/width: 145px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/width: 250px;}
.cssform textarea { background:none; border:1px #333333 solid; color:#8d8d8d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.cssform input{ background:none; border:1px #333333 solid; line-height:23px; height:23px; padding:2px; color:#8d8d8d; font-size:11px;}
#sent {text-align:center; font-weight:bold; font-size:14px; padding:2px;}
.btn{ color:#FFFFFF; width:100px; float:left; margin-right:3px;}

/*=========================SLIDESHOWS=========================*/
#slideshow, #slideshow-static{position:relative; height:370px;overflow:hidden;}
#slideshow DIV, #slideshow-static DIV{position:absolute;width: 2400px;margin-left: -1200px;margin-bottom: -190px;height: 370px;left: 50%;bottom: 50%;z-index:8;}
#slideshow DIV.active {z-index:10;opacity:1.0; position: absolute;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 370px;display: block; border:\0;z-index:-9;}
#slideshow DIV.overtop {width: 980px;margin-left: -490px;margin-bottom: -190px;height: 370px;left: 50%;bottom: 50%;z-index:99;display:block;}
.slideshow-box{width: 980px;position: relative;left: 1120px;top: 0px;}
.slide-show-left{float: left;width: 380px;}
.slide-show-right{float: right;width: 600px;}
.side-box{ margin-top:0px;}
.HeaderContact{background-image: url(images/call_1300_youi.gif);width: 225px;height: 25px;background-repeat: no-repeat;float: right;margin-top: 45px;background-position: 30px;cursor: pointer;}

/*=========================SLIDESHOWS 2=========================*/
#slideshow2, #slideshow2-static{position:relative; height:370px;overflow:hidden;}
#slideshow2 DIV, #slideshow2-static DIV{position:absolute;width: 2400px;margin-left: -1200px;margin-bottom: -190px;height: 370px;left: 50%;bottom: 50%;z-index:8;}
#slideshow2 DIV.active {z-index:10;opacity:1.0; position: absolute; }
#slideshow2 DIV.last-active {z-index:9;}

.row1-sitemap {line-height:28px; color:#e0e4e7; font-size:1em;}
.row1-sitemap ul {line-height:28px; list-style:none; margin:0; padding:0;}
.row1-sitemap li {line-height:28px; list-style:none; margin:0; padding:0; border-bottom:1px #3B3B3B solid;}
.row1-sitemap li a {line-height:28px; list-style:none; margin:0; padding:0; text-decoration : none; color:#e0e4e7;}
.row1-sitemap li a:hover {line-height:28px; list-style:none; margin:0; padding:0; text-decoration : none; color : #ffc600;}