body {
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
}
html, body { height:100%; }
body {font-size:100%; line-height:0.92em;}
html, input, textarea
	{	font-family:Arial; 
		color:#b3b3b3;
	}	
textarea{
   background:#2a2a2a;
   border:1px solid #787878;
   width:234px; height:95px;
   color:#b2b2b2; font-size:1em;
   overflow:auto}
	
a img{ border:0px}
img{ vertical-align:top;  }
#protect {
	 vertical-align: baseline;
}
b{color:#6195b9; }
span{color:#dddddd; font-size:1.3em;} 
a{color: #98BCD5; text-decoration:underline} 
a:hover{text-decoration:none}

.wrapper {
	
}
.pagewidth {
	width: 800px; 
	
}

/* c;asses */
.h{ height:34px}
input{
   background:#2a2a2a;
   border:1px solid #787878;
   width:181px; height:20px;
   color:#b2b2b2; font-size:1em
}

.btn{
   display: inline; 
	width: 100px; 
   background:#2a2a2a;
   border:1px solid #787878;
   color:#b2b2b2; font-size:1em
}

	
* { margin:0; padding:0;}

.clear { clear:both;}
.vam{ vertical-align:middle}
.width{ width:100%}


.b{color:#ffffff; font-size:1.27em;}

.a1{ color:#b3b3b3; font-size:1.16em} 
.a2{ color:#b3b3b3} 

ul{margin:0; padding:0; list-style:none; }
ul li{background:url(templ/images/1_z1.gif)  top left no-repeat; margin:0px; padding-left:12px; background-position:0 7px }
ul li a{color:#6195b9; text-decoration:underline; font-weight:bold; line-height:18px} 
ul li a:hover {color:#6195b9; }

.more{background:url(templ/images/1_z1.gif)  center right no-repeat; padding-right:7px; padding-bottom:3px}

/*header*/
#header { background:url(templ/images/bg_center.gif) repeat-x}
#header .bg_left{ background:url(templ/images/1_bg4.gif) no-repeat top left}
#header .bg_right{ background:url(templ/images/1_bg3.gif) no-repeat top right}
#header .logo{ text-align:left; display:block}
#header .pic{ text-align:left; display:block}

#content{ font-size:0.6875em; width:100%; margin:0px; padding:0px}
#content .bg{ background:url(templ/images/1_bg.gif) repeat-x top #212121}
.bg1{ background:url(templ/images/1_bg2.gif) repeat-x top; height:20px}

#block{ height:72px; margin-bottom:26px; background:url(images/bg2.gif)}
#content img{ display:block}
#protect img{ display:inline}


/*index.html*/
body {fwidth: expression(document.body.clientWidth<801 ? "801px" : "100%"); min-width:801px}
site_center1 {width: expression(document.body.clientWidth<801 ? "801px" : "100%"); min-width:801px}

.w{ width:100%; width: expression(document.body.clientWidth<801 ? "801px" : "100%"); min-width:801px; background:url(templ/images/bg.gif) repeat-x  top #1f1f1f;  background-repeat: repeat-x; }
.site_center{text-align:center; width:100%}
/*======= width =======*/
.site_center1{margin:0 auto; text-align:left; width:801px }

/*======= header =======*/
#header {height:444px; text-align:center}
#header .width{  margin:0 auto}

.col1, .col2, .col3 {float:left}

#content #block .col1{ width:37%; background:none}
#content #block .col2{ width:63%}

/*======= Content Column 1 =======*/
#content .col1{ width:36%;}
#content .col1 .indent{margin:0 40px 0 30px}
#content .col1 .indent1{margin:40px 30px 0 12px}
#content .col1 .indent2{margin:0px 0px 0 85px}
#content .col1 p{margin:10px 0px 32px 0px}
#content .col1 .title{margin:0px 0px 20px 25px}
#content .col1 .indent3{margin:13px 0px 0px 0px}

/*======= Content Column 2 =======*/
#content .col2{ width:63%}
#content .col2 .indent{margin:3px 0px 0 28px; font-size:1em; color: #DDDDDD;}
#content .col2 .pic{ float:left; margin:0 26px 0 0px}
#content .col2 .pic1{ margin:18px 0px 0 0px}
#content .col2 p{margin:9px 0px 0px 0px}
#content .col2 .indent1{margin:28px 0px 0 0px}
#content .col2 .title{margin:5px 0px 21px 0px}
#content .col2 .block{ width:145px; height:41px; vertical-align:middle; text-align:center; background:#323232}
#content .col2 .block a{ color:#ffffff; text-transform:uppercase; font-size:0.91em; font-weight:bold; padding-top:9px; }
#content .col2 .w1{ float:left; width:145px; padding-right:18px}
#content .col2 .w2{ float:left; width:145px; }

/*======= Content Column 3 =======*/
#content .col3{ width:1px; height: 350px; background:url(templ/images/1_bg.gif) no-repeat right top #2a2a2a}


/*======= footer =======*/
#footer { background-color: black; padding: 0 5px 0 5px; }
#footer {color: #727272; font-size:0.75em; padding:10px 0px 14px 36px; margin:0px}
#footer a {color:#b3b3b3; text-decoration:underline}  
#footer a:hover {text-decoration:none}

/*======= Menu =======*/

.menu {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
	FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 8px; WIDTH: 150px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
.menu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 2px; PADDING-TOP: 0px
}
.menu LI A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; 
	BORDER-LEFT: #373737 4px solid; COLOR: #fff; TEXT-DECORATION: none; 
	PADDING-BOTTOM: 7px; 
	MARGIN: 0px; BORDER-LEFT: #dbdbdb 4px solid; WIDTH: 200px; PADDING-TOP: 7px;

}

.menu LI A:hover {
	BORDER-LEFT: #6195b9 4px solid; 
}