@charset "utf-8";
/* CSS Document */
@import url(../css/stylecontent.css);
html{}
body  {
	font:100% Arial, Helvetica, sans-serif;
	background: #3c3c3c;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:12px; 
	color: #e7e7e7;
}
h1{ clear:both; font:100% Arial; margin:0 0 10px 0; padding-top:5px; color:#7f7f7f; font-size:11px; font-weight:normal; text-align:left; letter-spacing:1px;}
h2{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h3{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h4{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h5{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h6{ margin:0; padding:0; font-size:11px; font-weight:normal; font-size:11px; color:#b3b3b3; padding-top:5px;}
img{ border:none;}
a{ text-decoration:none;}
p{ margin:0; padding:0;}

.columnContainer { background:#3c3c3c url(/img/design/skars_bcgbody_serv2.gif) top repeat-x; }
.columnContainer #container {position: relative; width: 1000px; margin: 0 auto; text-align: center; padding:0; min-height:785px; height:100%; background:url(/img/design/skars_bcgimgmain_serv2.jpg) left top no-repeat; _display:inline-block;}
																																																																	.columnContainer #container {_height: expression( document.body.clientHeight < 785 ? "784px" : "auto" ); /* set min-width for IE */
); /* sets min-height for IE */}
.columnContainer #imgID{ background-image:url(../img/design/skars_imgsmain_in.gif); background-repeat:no-repeat;}
.columnContainer #container .logo{ position:absolute; top:22px; left:24px; width:227px; height:73px; background-position:-74px -6px;}
.columnContainer #container .menuUpBcg{ position:absolute; height:67px; width:718px; top:28px; left:262px; background:#FFF; filter:alpha(opacity=12); -moz-opacity: 0.12; -khtml-opacity: 0.12; opacity: 0.12; z-index:2;}
.columnContainer #container .menuUp{ position:absolute; height:67px; width:718px; top:28px; left:262px; color:#FFF; padding-top:20px; z-index:3;}

.columnContainer #container .dillers{ position:absolute; width:300px; height:207px; left:320px; top:660px; font-size:14px; color:#FFF; text-align:left;  z-index:4;}
.columnContainer #container .dillers .logo1{ position:relative; float:left; width:59px; height:41px; background-position:-5px -6px; margin:15px 30px 0 0;}
.columnContainer #container .dillers .logo2{ position:relative; float:left; width:59px; height:41px; background-position:-5px -66px; margin:15px 30px 0 0;}
.columnContainer #container .dillers .logo3{ position:relative; float:left; width:59px; height:42px; background-position:-5px -123px; margin:15px 20px 0 0;}

.columnContainer #container .block1{position:absolute; height:139px; width:285px; top:660px; left:5px; background:url(../img/design/skars_bcgblock_in.jpg) left top no-repeat; color:#080808; text-align:left; padding:10px 20px;}
.columnContainer #container .block1 .text1bl1{ position:absolute; top:10px; left:25px; font-size:30px;}
.columnContainer #container .block1 .text2bl1{ position:absolute; top:34px; left:128px; font-family:"Arial Black", Gadget, sans-serif; color:#b6001d; font-size:40px; font-weight:bold; letter-spacing:-1px;}
.columnContainer #container .block1 .text3bl1{ font-size:43px; font-weight:none; padding-left:3px;}
.columnContainer #container .block1 .text4bl1{ position:absolute; top:90px; left:130px; color:#FFF; font-size:15px;}
.columnContainer #container .block2{position:absolute; height:60px; width:460px; top:100px; left:24px; text-align:left;}
.columnContainer #container .block2 .text1bl2{ color:#e00024; font-size:18px;}
.columnContainer #container .block2 .text2bl2{ color:#e7e7e7; font-size:20px; margin-left:50px;}
.columnContainer #container .block3{position:absolute; height:75px; width:250px; top:105px; left:280px; text-align:left;}
.columnContainer #container .block3 .navigator{ color:#fff; font-size:11px; }
.columnContainer #container .block3 .navigator a{ color:#fff; text-decoration:underline; padding:0 10px 0 10px;}
.columnContainer #container .block3 .pageName{ color:#fff; font-size:30px; padding:15px 0 0 10px; }
/*-----Texts------*/
.columnContainer #container .block4{position:absolute; width:360px; top:195px; left:25px; text-align:left; }
.columnContainer #container .block4 p, .columnContainer #container .block5 p{ color:#fff; font-size:11px; }
.columnContainer #container .block4 p.titleserv, .columnContainer #container .block5 p.titleserv{ color:#e00024; font-size:16px; margin-top:15px;}
.columnContainer #container .block5{position:absolute; top:195px; left:635px; text-align:left;}
.columnContainer #container .block5 p.titleserv a{color:#e00024; font-size:16px; margin-top:15px;}
.columnContainer #container .block5 p.titleserv a:hover{text-decoration:underline;}

.columnContainer #container .blockFeatures p {color:#e00024; font-size:16px; margin:5px 0 10px 120px;}
.columnContainer #container .blockFeatures .pointli{ float:left; width:9px; height:9px; background-position:-112px -136px; margin:3px 12px 12px 12px;}
.columnContainer #container .blockFeatures ul{ list-style:none; color:#dcdcdc; margin:0 0 0 19px; padding:0; text-align:left; font-size:12px; width:450px;}
.columnContainer #container .blockFeatures li{ clear:both; margin:12px 0; padding:0;}
.columnContainer #container .blockFeatures li a{ color:#dcdcdc; font-size:12px;}
.columnContainer #container .blockFeatures li a:hover{ text-decoration:underline;}
/*----end texts----*/
.columnContainer #container .footer{ position:absolute; top:800px; left:0; width:1000px;}
.columnContainer #container .footer .leftside{ position:relative; float:left; width:270px; padding:5px; color:#acacac; text-align:left;}
.columnContainer #container .footer .leftside a{color:#acacac;}
.columnContainer #container .footer .leftside a:hover{text-decoration:underline;}
.columnContainer #container .footer .rightside{ position:relative; float:right; width:690px; padding:5px; }
.columnContainer #container .footer .rightside p{color:#acacac; text-align:justify; font-family:Verdana, Geneva, sans-serif; font-size:11px; border-bottom:1px solid #484848; padding-bottom:5px;}
.columnContainer #container .footer .rightside .menuBottom{ position:relative; clear:both; padding:0; margin:0;}
.columnContainer #container .footer .rightside .menuBottom ul{ position:relative; list-style:none; margin:5px 0; padding:0; font-size:11px;} 
.columnContainer #container .footer .rightside .menuBottom li{ position:relative; float:left; background:url(../img/design/skars_bcglimenubottom_cur.gif) left center no-repeat; padding:0 14px 0 15px;}
.columnContainer #container .footer .rightside .menuBottom li a{ color:#FFF;}
.columnContainer #container .footer .rightside .menuBottom li a:hover{ color:#999;}
/*-------------*/
/* 09/09/11*/
#jsddm
{	margin: 0 0 0 20px;
	padding: 0;
}

	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		padding:7px 0;
		}

	#jsddm li a
	{	display: block;
		background: none;
		padding: 0 8px;
		text-decoration: none;
		border-right: none;
		color: #fff;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #3b3b3b;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0 10px;
			position: absolute;
			visibility: hidden;
			border: 1px solid #000;
			background: #3c3c3c;
			}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				border-bottom: 1px solid #000;
				border-left:none;
				text-align:left;}
			
			#jsddm li ul li a
			{	width: auto;
			 	padding:5px 12px 5px 30px;
				background: #3c3c3c url(../img/design/skars_bcglisubmenu.gif) 10px center no-repeat;
				border-bottom:1px solid #4d4d4d;
				color: #e7e7e7;}
			
			#jsddm li ul li a:hover
			{	color: #fff; background: #4d4d4d url(../img/design/skars_bcglisubmenu.gif) 9px center no-repeat;}
			
			#jsddm li ul li.splash{ height:4px;}
/*----------------------*/		

/*Services*/
.columnContainer #containerServ {position: relative; width: 1000px; margin: 0 auto; text-align: center; padding:0; min-height:720px; height:100%; background:url(/img/design/skars_bcgimgmain_serv.jpg) left top no-repeat; _display:inline-block;}
																																																																	.columnContainer #containerServ {_height: expression( document.body.clientHeight < 720 ? "719px" : "auto" ); /* set min-width for IE */
/*------------------------*/
