/* :: ===============================================================================

	Author: www.Spot.bg

 ============================================================================== :: */

* {
	margin: 0; padding: 0;
	background: none;
	border: none;
}

html body, textarea {
	font: 13px/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

html body {
	height: 100%;
	text-align: center;
	background: url(page.png) repeat-x 50% 0;
}

#eXtra {
	background: url(extra_b.png) no-repeat 50% 0;
}

#site {
	position: relative;
	width: 980px;
	text-align: left;
	margin: 0 auto; padding-bottom: 0;
}


/* :: Tags 
================================================================================== */

ul {
	list-style: none;
}

hr {
	clear: both;
	position: relative; top: 1em;
	height: 1px; 
	margin: 0 0 2em; 
	border: 1px dotted; border-width: 1px 0 0;
}

small {
	font-size: 0.85em;
}

sup, sub {
	font-size: 0.8em;
	line-height: 0.5em;
}

sup {margin-bottom: -0.3em;}
sub {margin-top: -0.3em;}

acronym {
	padding-right: 15px;
	font-style: normal;
	background: url(acr_b.png) no-repeat 100% 50%; 
	border-bottom: 1px dotted; 
	cursor: help;
}

address {
	float: left; 
	width: 48%;
	margin: 0 1% 1em 0;
	font-style: normal;
	font-size: .9em;
}

address:first-line {
	font-size: 1em;
	font-weight: bold;
}

/* :: Page Header 
================================================================================== */

#header {
	position: relative;
	padding-top: 1px;
}
	
	#intro {
		background: url(header_b.png) no-repeat 96.5% 0;
	}
	
		#header .meta {
			position: absolute; top: 65px; right: 26px; z-index: 500;
			width: 500px;
		}
		
		#header .meta #cDetails {
			font-size: 1.2em; font-weight: bold !important;
		}
		
			#header .meta #cDetails li {
				width: 500px;
				text-align: right !important;
			}
			

		#intro h1 {
			width: 198px; height: 81px;
			margin: 14px 0 10px 24px; padding: 0;
			background: url(logo.png) no-repeat 0 0;
		}
						
			#intro h1 a {
				display: block;
				height: 81px;
			}

		#skipNav {position: absolute; left: -5555px;}

/* :: Main Navigation :: */

#mainNav {
	clear: both;
	margin-bottom: 10px; padding-bottom: 10px;
	background: url(nav_pattern.png) repeat-x 0 100%;
}

	#mainNav ul {
		padding: 10px 0 0;
		background: url(nav_pattern.png) repeat-x 0 0;
	}
	
		#mainNav li {
			position: relative;
			float: left;
			margin: 0 1px 0 0;
		}
		
		#mainNav li.current {
			
		}
		
			#mainNav a {
				display: block;
				padding: .5em 1em;
				font: bold 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-decoration: none; text-transform: uppercase;
			}
			
			#mainNav li.current a {
				background: url(nav_b.png) repeat-x 0 100%;
			}
			

/* :: Sub Navigation :: */
		
#mainNav ul ul {
	display: none;
	position: absolute; top: 1.5em; left: 0; z-index: 1000;
	width: 150px; height: auto;
	margin: 0 !important; padding: 5px !important;
	background: none;
	border: 1px solid;
}


#mainNav ul li.hovering ul, #mainNav ul li.subMenu:hover ul {
	display: block;
}

	#mainNav ul ul li {
		float: none;
		width: auto;
		margin: 0 0 2px !important; padding: 0 0 5px !important;
		background: url(dots_h.png) repeat-x 0 100%;
	}
	
		#mainNav ul ul a {
			display: block;
			margin: 0; 
			text-align: left;
			font-size: 0.9em !important;
		}
		
			#mainNav ul.level1 ul a span {
				padding: 0;
				background: none;
			}
			
			#mainNav li.current ul a {
				background: none;
			}


/* :: Graphic :: */

#graphic {
	clear: both;
	position: relative;
	height: 79px;
	padding: 80px 320px 0 85px;
	font-weight: bold; font-size: 1.1em;
	background: url(graphic.jpg) no-repeat 0 0;
}

	#graphic .inner {
		position: absolute; top: -44px; right: 25px; z-index: 1000;
		width: 138px; height: 44px;
		background: url(graphic_02.png) no-repeat 0 0;
	}

.index #graphic {
	height: 213px;
	padding: 105px 430px 0 85px;
	background-image: url(in_graphic.jpg);
}

	.index #graphic .inner {
		position: absolute; top: -34px; right: 210px; z-index: 1000;
		width: 85px; height: 34px;
		background: url(in_graphic_02.png) no-repeat 0 0;
	}

	#graphic h4 {
		text-transform: uppercase;
	}
	
	#graphic ul {
		padding: 0;
	}
	
		#graphic li {
			float: left;
			width: 28%;
			margin: 0 5px .3em 0; 
		}
		
			#graphic li a {
				display: block;
				font-size: 1em; letter-spacing: 1px;
				text-decoration: none;
				padding: .1em .1em .2em 1em;
				background: url(arrow_02.png) no-repeat .1em .57em;
			}
	

/* :: Main Content 
================================================================================== */


#main {
	margin: 0;
	background: url(in_main_b.png) no-repeat 0 0;
}

.layout_1-2 #main {background-image: url(main_b.png); background-repeat: repeat-y;}


	#content {
		min-height: 150px;
		padding: 25px;
	}
	
	.index #content {padding: 0;}
	
	.layout_1-2 #content {background: url(in_main_b.png) no-repeat 100% 0;}
	
	#content h2 {
		width: 611px;
		margin: 0 0 1em; padding: .3em 0;
		font-size: 1.4em; letter-spacing: 1px;
		text-transform: uppercase;
		border-style: solid; border-width: 1px 0;
	}
	
	.layout_2-1 .mcol2 h3 {
		margin: 0 0 1em; padding: .3em 0;
		font-size: 1.4em; font-weight: normal;
		border-style: solid; border-width: 1px 0;
	}
	
	#content h4 {
		border-style: solid; border-width: 1px 0;
	}
	
	#content ul {
			padding: 0 0 1em;
		}
		
			#content ul li {
				margin: 0.8em 0; padding: 0 0 0 2em;
				background: url(b_01.png) no-repeat 0 0.5em;
			}
			
		ul.list {
			padding: 0;
		}
		
			ul.list li {
				float: left;
				width: 20%;
				margin: 0 2px 1% 0; padding-left: 12px;
				background: url(b_01.png) no-repeat 0 0.5em;
			}
			
			.index ul.list li {
				width: 42%;
			}
			
				ul.list li a {
					padding: 0.1em 0.1em 0;
					text-decoration: none;
					border-bottom: 1px dotted #808080;
				}
				
				ul.list li a:hover {
					border: none;
				}
	

.mcol1, .mcol2, .mcol3, .mcol4 {
	position: relative;
	float: left;
}


/* :: Two Columns Layout :: */

.layout_1-2 .mcol1 {
	width: 273px;
	margin-right: 0; padding: 0;
}

.layout_1-2 .mcol2 {
	width: 657px;
	padding: 25px;
}

/* :: Other Two Columns Layout :: */

.layout_2-1 .mcol1 {
	width: 611px;
	margin-right: 25px; padding: 25px 0 25px 25px !important;
}

.layout_2-1 .mcol2 {
	width: 294px;
	padding: 25px 0;
}


/* :: Index Three Columns Layout :: */

.index .mcol1, .index .mcol2, .index .mcol3 {
	width: 293px;
}

.index .mcol1, .index .mcol2 {
	margin-right: 25px;
}

/* :: Index :: */

.index #main {
	padding: 20px 25px 10px;
}

	.index h3 {
		font-size: 1.2em;
		padding: .3em 0;
		border-style: solid; border-width: 1px 0;
	}
	
		.index h3 small {
			display: block;
			margin-top: -.2em; padding-left: 1.5em;
			font-size: .8em; font-weight: normal;
		}

/* :: Box Categories :: */

.boxCategories {
	margin: 0 0 0 1px; padding: 25px 0 25px 25px;
	text-align: right;
	background: url(boxcat_b.png) no-repeat 0 0;
}

	.boxCategories h4 {
		margin: 0 -5px .6em 0; padding: .5em;
		border-bottom: 1px solid;
	}
	
	#leftBar.mcol1 ul {
		margin: 0; padding: 0;
		border-top: 1px solid;
	}

		#leftBar.mcol1 ul li {
			margin: 0; padding: 0;
		}
		
				#leftBar.mcol1 ul ul li {
					background: url(dots_h.png) repeat-x 0 0;
				}
	
		.boxCategories a {
			display: block;
			padding: .3em .7em;
			font-size: 1.1em;
			text-decoration: none;
			border-bottom: 1px solid;
		}
		
		.boxCategories a:hover {
			
		}
	

/* :: Equipment :: */

#site .equip {
	margin: 0; padding: 0;
}

	#site .equip li {
		float: left;
		width: 300px;
		margin: 0 10px 10px 0; padding: 5px 0 0;
		text-align: center;
		background-image: none;
	}
	
		.equip li img {
		}
		
		.equip .description {
			padding: .5em 1em;
			font-size: .9em;
			text-align: left;
			border-top: 5px solid;
		}
		
			#site .equip ul li {
				float: none;
				width: auto;
				margin: 0 0 .3em 1em; padding: 0 0 0 15px;
				text-align: left;
				background: url(b_02.png) no-repeat 0 .3em;
			}

/* :: Gallery :: */

#site .imgLightBox {
	margin: 1em 0 0; padding: 1em 0 0;
	border-top: 1px dotted;
}

	#site .imgLightBox li {
		float: left;
		margin: 0 5px 5px 0; padding: 0;
		background: none;
	}
	
		#site .imgLightBox a {
			display: block;
			padding: 1px;
			border: 1px solid;
		}


/* :: Tables :: */

#main table {
	margin: 1.5em 0 2em;
	font-size: 0.9em; line-height: 1.3em;
	border-collapse: collapse;
}

	#main th {
		font-size: 0.9em; font-weight: bold;
		text-align: left; text-transform: uppercase;
	}
	
	#main tbody th {
		text-transform: none;
		background: none;
	}
	
	#main th.noFill {
		background: none;
		border: none;
	}
	
	#main th, #main td {
		padding: 0.35em 0.55em;
		border: 1px solid;
	}
	

/* :: Special Classes 
================================================================================== */


.ok {color: #090;}

.warning {color: #b00;}

.c50 {color: #999;}

.more {
	margin: -5px 0 0; padding: 0;
	background: url(sm_pattern.png) repeat-x 0 0;
}

	.more a {
		display: block;
		margin: 0; padding: 4px 0;
		text-decoration: none; letter-spacing: 1px;
		text-align: right;
		background: url(sm_pattern.png) repeat-x 0 100%;
	}
	
		.more a span {
			display: block;
			padding: .1em;
		}

img.img {
	padding: 3px;
	border: 1px solid;
}

img.fR {
	margin: 0 0 1.5em 1.5em;
}

img.fL {
	margin: 0 1.5em 1.5em 0;
}

.hdn {visibility: hidden;}

.linkList {
	margin: 0 0 1em; padding: 0;
}

	.linkList li {
		margin: 0 0 1.2em;
	}
	
		.linkList a {
			display: block;
			padding: 0 0 0 18px;
			text-decoration: none;
			background: url(link_list.png) no-repeat 0 3px;
		}
		
		.linkList a:hover {background-position: 0 -97px;}


.pdf {
	padding-left: 20px;
	background: url(icon_pdf.png) no-repeat 0 50%;
}

/* :: Forms 
================================================================================== */

input, textarea, select {
	color: black;
	font-size: 1.1em; 
	margin: 0.1em; padding: 4px;
	border: 1px solid;
}

input:focus, textarea:focus, select:focus {
	background: white;
}

.txt, textarea {
	width: 200px;
	border: 1px inset;
}

.txtSmall {
	width: 40px;
}

#site textarea {
	width: 250px; height: 160px;
}

#site fieldset textarea {
	width: 200px;	
}

fieldset {
	margin: 1.5em 0; padding: 1.5em;
	border: 1px solid;
}

	legend {
		padding: 0 0.5em;
		font-size: 1.2em; font-weight: bold;
	}


	label {
		display: block;
		margin: 0 0 0.5em;
	}
	
	fieldset label {
		float: left;
		width: 55%;	
	}

	form p {
		clear: left; 
		padding: 5px 26px 10px 0;
	}


select {
	padding: 0;
	border: 1px inset #75736e;
}


input:focus, textarea:focus, select:focus {
	outline: 2px solid #ccc;
}

.btn, .btn:focus {
	margin: 0.1em; padding: .1em .4em .2em;
	font-size: 1.1em;
	border: 3px double;
	outline: none;
}

.attention {
	font-weight: bold;
	margin: 1em 0; padding: 10px 0 10px 45px;
	background: url(attention_sm.png) no-repeat 0 50%;
}

.attentionBox {
	width: 45%; min-height: 35px;
	padding: 5px 10px 2px 50px;
	background: url(attention_sm.png) no-repeat 10px 4px;
	border: 1px dotted;
}

	.warningField em {
		font-weight: normal;
	}


/* :: Side Bar 
================================================================================== */



/* :: Footer ========================================================= :: */

#footer {
	padding: 0 0 5px;
	font-size: 0.9em;
	background: url(footer_b.png) repeat-x 0 0;
}

	#footer .inner {
		position: relative;
		width: 960px; min-height: 100px;
		margin: 0 auto; padding: 20px 0;
		text-align: left;
	}

	  #footer p {
		  margin: 0 70px; padding: 0;
		  text-align: center;
	  }

#spot {
		  margin: -15px 0 0; padding: 0;
	  }
	  
		  #spot a {
			  position: relative;
			  display: block;
			  width: 65px; height: 17px; 
			  margin: 0 0 0 auto; padding: 0;
			  background: url(spot_logo.png) no-repeat 0 0;
		  }
			  
		  #spot a:hover {background-position: 0 -100px;}
		  
			  #spot a:hover em {
				  display: block;
				  position: absolute; top: -40px; right: 0;
				  width: 120px;
				  color: black; 
				  font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
				  padding: 3px 5px 5px;
				  background: #f6f6f6 url(spot_logo.png) repeat-x 0 -200px;
				  border: 1px solid black;
				  border-radius: 3px;
				  -moz-border-radius: 3px;
				  -webkit-border-radius: 3px;
			  }
			  
		  #spot a span, #spot em {display: none;}


/* :: EOS :: */

.fL {float: left;}
.fR {float: right;}
.cL {clear: left;}
.cR {clear: right;}
.cB {clear: both;}

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

.clearFix {display: inline-block;}

/* Hide from IE Mac \*/
.clearFix {display: block;}
/* End hide from IE Mac */


#intro h1 span, .introDesc,
.hide {display: none !important;}

h3, h4, h5, h6, 
th,
.copy 
{cursor: default;}


.gry, .grn,
.btn {cursor: pointer;}


#mainNav a,
.btn {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}