body {  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	line-height:140%; 
	color:#727272; 
	background:#ffffff;	
	margin: 0;
	text-align:center;
	padding: 0;
	}	
body table {font-size:100%;}
input, select, textarea {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	}
form {
	margin:0px; 
	padding:0px; 
	font-size:100%;
	}

/* h tags */
h1 {
	font-size:120%; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	padding:0px; 
	margin: 8px 0 8px 0;
	color:#727272;
	font-weight: normal;
	}
h1 span{color: #b4b4b4;}
h2 {
	font-size:120%; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	padding:0px; 
	margin: 8px 0 8px 0;
	color:#727272;
	font-weight: normal;
	}
h2 span{color: #b4b4b4;}
h3 {
	font-size:120%; 
	padding: 0px; 
	margin:0px;
	color:#fff;
	font-weight: normal;
	}

h4 {
	font-size:100%; 
	color:#000;
	padding: 0px; 
	margin: 0px;  
	}
h5 {
	font-size:100%; 
	padding: 0px; 
	color:#000;
	margin:0px; 
	line-height:normal; 
	}

h6 {
	font-size:100%; 
	padding: 0px; 
	margin: 0px; 
	line-height:normal; 
	color:#000;
	}

p{padding: 6px 0 6px 0; margin: 0;}

img {border: 0;}

a {	color:#727272; text-decoration: underline;}
a:visited {color:#727272;}
a:hover {color:#727272;}

a.orange {color:#fcaa31; text-decoration: underline; text-transform: uppercase; font-weight: bold; }
a.orange:visited {color:#fcaa31;}
a.orange:hover {color:#fcaa31;}

.align_left {
	float:left;
	}
.align_right {
	float:right;
	}
.align_middle {
	vertical-align:middle;
	}
.text_right{text-align: right;}
div.center, 
.center {
	text-align:center;
	}

.hide {display:none;}
.clearall {clear:both;}
br.clearall {
	clear:both;
	height:0em;
	line-height:0em;	
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/************************************************************/

#wrapper {
	margin:0 auto;
	padding:0;
	width:887px;
	background: #fff; 
	text-align:left;
	}

#top{
	width:887px;
	height: 69px;
	clear: both;
	background: url(top.gif) no-repeat;
	margin: 17px 0 2px 0;
	padding: 0;
}

#center{
	width:887px;
	clear: both;
	margin: 0;
	padding: 0;
}
#center a, #center a:visited, #center a:hover {color:#727272;}

#center2{
	width:887px;
	clear: both;
	margin: 0;
	padding: 0;
	background: url(page_bg.gif) repeat-y;
}
#center2-top{
	width:887px;
	clear: both;
	margin: 0;
	padding: 0;
	background: url(login_top.gif) no-repeat top right;
}
#center2-bottom{
	width:887px;
	clear: both;
	margin: 0;
	padding: 0;
	background: url(page_bg_bottom.gif) no-repeat bottom right;
}
#center2 a, #center2 a:visited, #center2 a:hover {color:#727272;}



#col-narrow{
	float: left;
	width: 198px;
	margin: 0;
	padding: 0;
	background: transparent;
}

#col-wide{
	float: left;
	width: 689px;
	margin: 0;
	padding: 0;
}

.col-med1{
	float: left;
	width: 328px;
	w\idth: 322px;
	margin: 0;
	padding: 3px 3px 6px 3px;
}
.col-med2{
	float: left;
	width: 360px;
	w\idth: 354px;
	margin: 0;
	padding: 0 3px 1px 3px;
}


/********************Top styles************************************/

a#logo{
	display: block;
	height: 64px;
	width: 195px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}

#breadcrumb{
	margin: 9px 15px 9px 15px;
}
#breadcrumb a, #breadcrumb a:visited, #breadcrumb a:hover{color:#727272;}
/******************* Top navigation ******************************/

#top ul{
	margin: 36px 0 0 13px;
	padding: 0;
	list-style-type:none;
	display:inline;
	float: left;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	width: 620px;
}
#top ul li{
	float: left;
	margin: 0;
	padding: 0 16px 0 16px; 
}
#top ul li a, #top ul li a:visited{
	font-weight: bold;
	text-decoration: none;
	color:#727272;
}

#top ul li.current a, #top ul li a:hover{
	color:#727272;
	text-decoration: underline;
}

/****************  Bottom *****************************************/

#bottom{
	width:887px;
	clear: both;
	margin: 2px 0 20px 0;
	padding: 0;
	background: url(bottom.gif) repeat-y;
	color: #fff;
}
#bottom a{color: #fff; font-weight: bold;}
#bottom-top{
	width:887px;
	clear: both;
	margin:  0;
	padding: 0;
	background: url(bottom1.gif) no-repeat top;
}
#bottom-bot{
	width:887px;
	w\idth:853px;
	clear: both;
	margin: 0;
	padding: 20px 17px 10px 17px;
	background: url(bottom2.gif) no-repeat bottom;
}
div[id]#bottom-bot{padding-bottom: 20px;}
#bottom .contacts{
	clear: both;
	margin-bottom: 8px;
}
#bottom ul{
	margin: 0;
	padding: 0;
	list-style-type:none;
	display:inline;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
#bottom ul li{
	float: left;
	margin: 0;
	padding: 0 8px 0 8px; 
	border-right: 1px solid #fff;
	line-height: 11px;
}
#bottom ul li{
	_border-right:expression(nextSibling == null ? 'none' : '1px solid #fff');
	_padding-left:expression(previousSibling == null ? '0px' : '8px');
}
#bottom ul li:last-child {border-right:none;}
#bottom ul li:first-child {padding-left: 0;}

#bottom ul li a{
	text-decoration: none;
	font-weight: normal;
}
#bottom ul li.current a, #bottom ul li a:hover{
	text-decoration: underline;
}

/*************************** Login area *********************/

#login-area{
	width:198px;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	background: url(login_area.gif) repeat-y;
	color: #fff;
}
#login-top{
	width:198px;
	clear: both;
	margin:  0;
	padding: 0;
	background: url(login_top.gif) no-repeat top;
}
#login-bottom{
	width:198px;
	w\idth:164px;
	clear: both;
	margin: 0;
	padding: 21px 17px 10px 17px;
	background: url(login_bottom.gif) no-repeat bottom;
}
#login-area a, #login-area a:visited, #login-area a:hover{
	color: #fff;
}
#login-area input{
	margin-bottom: 12px;
}
#login-area input.inp{
	width: 158px;
	w\idth: 148px;
	color: #656565;
	padding-left: 10px;
}
#login-area input.submit{
	width: 35px;
	height: 28px;
	background: url(button.gif) no-repeat 3px 0px;
	border: none;
	margin: 0 0 0 50px;
	float: right;
	padding: 0;
	color: #fff;
}


/*********************Blocks ******************************/

#white-narrow{
	width:198px;
	clear: both;
	margin: 3px 0 5px 0;
	padding: 0;
	background: url(white_narrow.gif) repeat-y;
}
#white-narrow-top{
	width:198px;
	clear: both;
	margin:  0;
	padding: 0;
	background: url(white_narrow_top.gif) no-repeat top;
}
#white-narrow-bottom{
	width:198px;
	w\idth:164px;
	clear: both;
	margin: 0;
	padding: 12px 17px 22px 17px;
	background: url(white_narrow_bottom.gif) no-repeat bottom;
}
#white-narrow a.orange, #white-narrow a.orange:visited, #white-narrow a.orange:hover {color:#fcaa31;}

#white-wide{
	width:887px;
	clear: both;
	margin: 3px 0 2px 0;
	padding: 0;
	background: url(white_wide.gif) repeat-y;
}
#white-wide-top{
	width:887px;
	clear: both;
	margin:  0;
	padding: 0;
	background: url(white_wide_top.gif) no-repeat top;
}
#white-wide-bottom{
	width:887px;
	w\idth:837px;
	clear: both;
	margin: 0;
	padding: 31px 25px 40px 25px;
	background: url(white_wide_bottom.gif) no-repeat bottom;
}

#white-mid{
	width:682px;
	clear: both;
	margin: 3px 1px 2px 0;
	padding: 0;
	background: url(white_mid.gif) repeat-y;
}
div[id]#white-mid{margin: 3px 3px 2px 0;}
#white-mid-top{
	width:682px;
	clear: both;
	margin:  0;
	padding: 0;
	background: url(white_mid_top.gif) no-repeat top;
}
#white-mid-bottom{
	width:682px;
	w\idth:632px;
	clear: both;
	margin: 0;
	padding: 21px 25px 25px 25px;
	background: url(white_mid_bottom.gif) no-repeat bottom;
}
.white-mid-right{
	float: right;
	text-align: left;
}

#white-mid2{
	width:349px;
	clear: both;
	margin: 3px  0 0 0;
	padding: 0;
	background: url(white_mid2.gif) repeat-y;
}
#white-mid2-top{
	width:349px;
	clear: both;
	margin:  0;
	padding: 0;
	background: url(white_mid2_top.gif) no-repeat top;
}
#white-mid2-bottom{
	width:349px;
	w\idth:303px;
	clear: both;
	margin: 0;
	padding: 20px 25px 50px 21px;
	background: url(white_mid2_bottom.gif) no-repeat bottom;
}


.first-block{
	width: 198px;
	w\idth: 164px;
	padding: 25px 17px 10px 17px;
	color: #fff;
}
.second-block{
	width: 198px;
	w\idth: 164px;
	padding: 38px 17px 25px 17px;
	background: url(gap.gif) no-repeat top;
	color: #fff;
}

#col-narrow .first-block a, #col-narrow .first-block a:visited, #col-narrow .first-block a:hover{color: #fff;}
#col-narrow .second-block a, #col-narrow .second-block a:visited, #col-narrow .second-block a:hover{color: #fff;}

.bottom-block{
	float: right;
	text-align: left;
	width: 223px;
	height: 125px;
	padding: 0;
	margin: 7px 1px 4px 5px;
	background: url(block_bottom.gif) no-repeat bottom;
	color: #fff;
}
.bottom-block p{
	padding: 2px 11px;
	margin: 0;
	line-height: 110%; 
}

.bottom-block p span{
	display: block;
	color: #ad6802;
}
.bottom-block img{
	background: url(img_bg.gif) no-repeat;
	padding: 2px 3px 0 3px;
	width: 223px;
	w\idth: 217px;
	height: 90px;
	he\ight: 88px;
}
/*********************** Sub navigation *******************/

#sub-nav{
	margin: 0;
	padding: 25px 17px 10px 17px;
}
#sub-nav ul{
	list-style-type: none;
	color: #fff;
	padding: 0;
	margin: 15px 0;
}
#sub-nav ul li{padding: 0; margin: 0;}
#sub-nav ul li a, #sub-nav ul li a:visited{
	color: #fff;
	text-decoration: none;
}
#sub-nav ul li.current a, #sub-nav ul li a:hover{
	color: #fff;
	text-decoration: underline;
}

/**********************************************************/

.large-str{
	
	line-height: 180%;
}
.large-img{
	margin: 3px 5px 9px 3px;
}
div[id].large-img{
	margin: 3px 3px 9px 3px;
}

a.orange-button{
	text-indent: -9999px;
	overflow: hidden;
	width: 28px;
	height: 28px;
	background: url(button_arr.gif) no-repeat right;
	border: none;
	margin: 0 0 0 50px;
	float: right;
	padding: 0;
}

.portfolio-img{
	margin: 3px 9px 9px 3px;
	float: left;
	border: none;
}
.portfolio-img-right{
	margin: 3px 0 9px 3px;
	float: left;
	border: none;
}