/* © Bombia Design AB (Incorporated). */

/* 2003-2008. All Rights Reserved. */

/* @group universal */

body {
	margin: 0px;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 100%;
	background: #010204 url("../img/body.png") repeat-x -10px 0;
	color: #f1f1f1;
	width: 100%;
	padding: 0;
}


/* @end */

html {
	height: 100%;
}

a:focus {
	outline: none;
}

em {
	font-weight: normal;
	font-style: normal;
}

a, a:visited { 
	cursor: pointer;
	color: #14445e;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #009bd5;
}

p {
	margin-bottom: 10px;
	margin-top: 0;
}

img {
	border-style: none;
}

form {
	margin: 0;
	padding: 0;
}

hr {
border: 0;
height: 1px;
background-color: #052834;
color:#EDEBEC;
width: 90%l
}

.hrdot{
border: 0;
height: 1px;
background: #EDEBEC url(../img/hrdot.gif) repeat-x;
color:#EDEBEC;
width: 70%;
}

h1 {
	margin: 0 0 10px;
	padding: 0;
	color: #8bad17;
	font: bold 16px "Trebuchet MS", Verdana;
}

.type_cat {
text-align: right;
}

.type_cat li{
	color: #B6FF00;
	font: normal 10px "Trebuchet MS", Verdana;
	display:inline;
}

.type_cat li a{
	color: #FFFF03;
}

.type_cat li a.selected{
	color: #B6FF00;
	text-decoration: underline;
	background: url('../img/adown.png') no-repeat center bottom;
	padding-bottom: 4px;
}

.type_cat li a:hover{
	color: #B6FF00;
}


h2 {
	margin: 0 0 6px;
	padding: 0;
	color: #8bad17;
	font: bold 15px "Trebuchet MS", Verdana;
}





h2.serv_home {
	margin: 0 5px 5px 0;
	padding: 5px 0;
	color: #D27D00;
	font: bold 15px Arial, "Trebuchet MS", Verdana;
	border-bottom: 1px solid #D27D00;
}


h3 {
	margin: 0 0 10px;
	padding: 0;
	color: #f3842b;
	font: bold 13px "Trebuchet MS", Verdana;
}

h4 {
	margin: 0 0 10px;
	padding: 0;
	color: #fff;
	font: bold 12px "Trebuchet MS", Verdana;
}

h5 {
	margin: 0;
	padding: 0;
	color: #fff;
	font: bold 10px "Trebuchet MS", Verdana;
}

h6 {
	margin: 0;
	padding: 0;
	color: #fff;
	font: bold 10px "Trebuchet MS", Verdana;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.field {
	padding: 4px 4px 4px 22px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 220px;
	background: white no-repeat 3px 3px;
	margin-bottom: 10px;
	border: 1px inset #e1e1e1;
}

.select {
	margin-top: 2px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	border-width: 1px;
	padding: 2px;
	margin-bottom: 10px;
}

.textarea {
	height: 260px;
	margin-top: 2px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 4px;
	width: 432px;
	border: 1px inset #e1e1e1;
	margin-bottom: 15px;
}

.clear {
clear:both;
height: 2px;
display:none;
}


#container {
	width: 963px;
	margin-right: auto;
	margin-left: auto;
}

/* @group head */

#head {
	height: 143px;
	width: 963px;
	float: left;
	background: url("../img/logo.png") no-repeat center -1px;
	text-align:center;
}

#head:hover {
	background: url("../img/logo.png") no-repeat center -143px;
}

/* @group area */

#wrapper {
margin-top: 15px;
	width: 963px;
	float: left;
	background: #010204 url("../img/bg_base.png") no-repeat top center;
	position: relative;
	padding-bottom: 0px;
}

/* @group bar */

#side {
	width: 200px;
	float: left;
	position: relative;
	padding-right:10px
}


/* @group page */

#content {
	width: 750px;
	float: left;
	position: relative;
	top: 0px;
	right: 0px;
	bottom: 0;
	left: 0px;
}

/* @group foot */

#footer {
	width: 963px;
	float: left;
	margin-left: 0px;
	background: url("../img/footer.png") no-repeat top center;
	height: 41px;
}

#footer #copyright {
	color: white;
	font-size: 9px;
	text-align: center;
}

#footer #copyright a {
	color: #b9e8f9;
	padding-left: 8px;
}

#footer #copyright a:hover {
	color: #cff2ff;
	margin-top: 10px;
}


#footer .trademark {
text-align:center;
color: #474749;
	margin-top: 15px;
	font-size: 8.5px;
}

#dealer {
position:absolute;
width:95px;
height:88px;
top:0;
right:0;
background: transparent url("../img/dealer.png") no-repeat top center;
}

/* @group navigation */
/*big menu*/

#nav {
	width: 710px;
	margin: 0px auto;
	margin-top: 116px;
}

#nav .navs {
	padding: 0 auto;
	display: block;
	height: 10px;
}

#nav li {
	float: left;

}

#nav .nav {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 10px;
	width: 85px;
	padding: 7px;
	text-align:center;
	border-right: 1px solid #071115;
}

#nav a{
color: #D9D9D9;
}

#nav a:hover{
color: #A9D6E2;
background-color: #020607;
}

.maincat {
display: block;
border-bottom: 4px solid #052834;
padding: 4px 5px;
}

.maincats {
display: block;
border-bottom: 1px solid #052834;
padding: 4px 5px;
}

#category .type {
text-align:right;
color: #dedede;
font-size: 8px;
}

#category .type a {
display: inline;
padding-right: 8px;
color: #4978BF;

}

#category, #testimonial, #support, #visitor, #welcome, #service, #product, #trophy {
padding: 5px;
margin-bottom: 20px;
}

#trophy img {
float: left;
margin: 0 10px 0 0;
}

#trophy a{
font-size: 12px;
font-weight: bold;
color: #8BAD17;
}

#trophy a:hover{
color: #FBD60A;
}

#trophy a.small {
	vertical-align: super;
	font-size: 0.8em;
color: #f00;
}

#trophy a:hover.small{
color: #dedede;
}


#trophy ul{
clear: both;
padding: 5px;
margin-top: 15px;
}

#trophy li {
padding: 3px 1px ;
height: 55px;
padding-left: 60px;
margin-bottom: 5px;
margin-right: 15px;
width: 280px;
float: left;
}

#trophy li span.winner {
border-bottom: 1px solid #293C5D;
display: block;
padding-bottom: 5px;
font-weight: bold;
font-size: 14px;
}

.trophylist {
font-size: 9px;
}

.pos_first {
	background: transparent url("../img/medals.png") no-repeat 5px 3px;
}

.pos_second{
	background: transparent url("../img/medals.png") no-repeat 5px -60px;
}

.pos_third {
	background: transparent url("../img/medals.png") no-repeat 5px -122px;
}

#category {
overflow: hidden;

/*
overflow: hidden;
height: 450px;

min-height: 450px;
*/
}

#category #cat_sub ul{
padding: 5px;
}

#category #cat_sub li {
padding: 3px 1px ;
border-bottom: 1px solid #5A5D5D;
}

#category #cat_sub a {
display:block;
color: #f2f2f2;
}

#category #cat_sub a:hover {
color: #919191;
}

/* @end */




.green {
color: #8bad17;
}

.blue {
color: #62a0ff;
}

.greendark {
color: #d2e40a;
}





.testimonial {
color: #f4f4f4;
font-style: italic;
}

.testimonial_author {
display:block;
color: #dedede;
text-align: right;
font-weight: bold;
font-size: 9px;
}


.subsupport {
text-align: right;
color: #F3842B;
font-weight: bold;
}

.messenger {
text-align: right;
padding: 5px 5px;
color: #dedede;
border-bottom: 1px solid #676767;
}

.messenger img {
float: left;
}

.phone {
text-align: right;
font-size: 18px;
}

.subvisitor {
color: #676767;
display: block;
border-bottom: 1px solid #000A10;
text-align:right;
padding: 4px 2px;
}

.subvisitor span{
color: #F3842B;
font-weight: bold;
float: left;
}


#slideshow {
text-align:center;
margin: 15px auto;
width: 728px;
height: 230px;
}


#service_h ul {
list-style-type: none;
border: none;
position: relative
}

#service_h li {
width: 223px;
height: 100px;
padding: 5px 6px;
margin: 5px 5px;
float: left;
font-size: 10px;
background: url('../img/level_bg3.png') no-repeat left top;
}

#service_h li a{
color:#ED9118;
}

#service_h li a:hover{
color:#FDAC0E;
}

#service_h .serv_desc_h {
color: #000;
font-size: 10px;
}


#contact_workshop .location {
margin-left: 10px;
border-left: 4px solid #8BAD14;
padding-left: 10px;
}

#contact_workshop .location b {
color: #FFFF03;

}

#advertise{
text-align: center;
padding: 10px auto;
}

#advertise img {
border: 4px solid #070C11;
margin-bottom: 5px;
}

/* @end */



  #contact_workshop
  {
    float:left;  
    width:250px;
    height:20px;
  }
    
  #contact_form
  {
  display: block;
    float:right;  
	margin-right: 20px;
	padding: 10px 0 0 10px;
    width:350px;

	background: url('../img/clines.jpg') no-repeat;
  }


.cform li{
width: 235px;
min-height: 25px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 120px; /*width of left column containing the label elements*/


}

.cform label{
font-weight: bold;
float: left;
margin-left: -115px; /*width of left column*/
width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 220px;
}

.cform textarea{
font: 11px "Trebuchet MS", Verdana;
width: 220px;
height: 120px;
}


.cloading {
height: 100px;
width: 100%;
margin: 5% 0;
text-align: center;
}

.help {
cursor:help;
}

#latest_article {
height: 210px;
width: 730px;
margin-bottom: 10px;
}

#latest_article li{
display: block;
float: left;
width: 350px;
margin: 2px 5px 3px;
border-bottom: 1px solid #031D25;
}

#latest_article li span a{
width: 100px;
float: right;
font-size: 9px;
text-align: right;
color: #263544;
}

ul#testimonials li{
clear: both;
font-style: italic;
font-family:"Lucida Sans","Lucida Grande",Arial,Helvetica,Sans-Serif;
border-top: 1px dotted #A9D6E2;
padding: 10px 5px;
margin: 5px;
}



.inrg{
display:block;
color: #ACD6E2;
font-size: 125%;
}

.testimg{
float: right;
margin: 5px 10px;
background: #fff;
border: 3px solid #fff;
}