@import url("thickbox.css");
/* ---------------------------------------------------------------
Default Style Sheet
author: Martin Vach
email: info@vades.cz
website: www.vades.cz
--------------------------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}
/* ... Body ... */
body
{
	font-family: "verdana", "arial ce", "helvetica ce", verdana, arial, helvetica, sans-serif;
  font-size: 78%;
	color: #333333;
	background: #EF921B url(../images/bcg-body.jpg) repeat-x;
	text-align: center;
	line-height: 1.6em;
}
#Content
{
  /*line-height: 1.8em;*/
}
table
{
	width: 100%;
}

#Content table
{
	_width: 680px;
}
table, th, td
{
	font-size: 100%;
}
td
{
	vertical-align: top;
}
h1
{
	font-size: 180%;
	margin: 15px 0 30px 0;
	padding-left: 35px;
  font-weight: normal;
	color: #9C1414;
	background: url(../images/bcg-h1.png) no-repeat;
  border-bottom: 1px solid #FFE3B1;
  padding-bottom: 10px;
}
#IndexMain h1
{
	background: 0 none;
	padding-left: 0;
}
h2
{
	font-size: 130%;
	margin: 20px 0 5px 0;
  color: #D63501;
}

.Content_articles h1
{
  border-bottom: 1px solid #FFE3B1;
	font-family: Georgia, Arial, Helvetica, Sans-serif;
	font-size: 240% !important;
  line-height:  1em;
  font-weight:  normal;
    margin-bottom:  10px;
}


.Content_articles h2
{
  font-family: Georgia, Arial, Helvetica, Sans-serif;
	font-weight:  normal;
	font-size: 190% !important;
  margin-top: 40px !important;
   
}



.ArticleL h2{
	border-bottom: 1px solid #FFE3B1;
	padding: 14px 10px 11px;
	font-family: Georgia, Arial, Helvetica, Sans-serif;
	font-size: 240% !important;
  line-height:  1.2em;
  font-weight:  normal;
  margin-top: 30px !important;
	
}

h3
{
	font-size: 110%;
	margin-top: 10px;
	padding: 0;
}
/* ... Links ... */
a{color: #9C1414;}
a:hover{color: #DC480A;}
.MoreLink
{
	padding-left: 10px;
	margin-left:  10px;
	font-weight:  bold;
	text-decoration:  none;
  padding-left: 20px;
	background: url(../images/bcg-more.gif) no-repeat 0 50%;
  display:  block;
}
a.MoreLink:hover
{
	text-decoration:  underline;
	
}
/* ... Text ... */
#Content p
{
	margin-bottom: 10px;
}
.Perex, #CategoryPerex
{
	color: #9C1414;
  font-weight: bold;
  /*font-size: 110%;*/
  
}
.BoldText
{
	font-weight: bold;
}
.CenterText
{
	text-align: center;
}
.HighlightText
{
	font-weight: bold;
  margin: 10px 0;
  background: #FFE8BF url(../images/bcg-info.png) no-repeat 10px 10px;
  padding:  10px 10px 10px 40px;
  
  color: #9C1414;
}

blockquote
{
	font-style: italic;
  font-size:  110%;
  text-align: center;
  margin-left: 20px;
  border-top: 2px solid #EFCE95;
  border-bottom: 2px solid #EFCE95;
  /*background: #FFE8BF url(../images/bcg-blockquote.png) no-repeat 10px 10px;*/
  background: #FFE8BF;
  padding:  10px;
  color: #9C1414;
  /*float: right;
  width: 200px;
  clear: right;*/
}
/* ... List ... */
#Content ul li,#Content ol li
{
	margin-left: 15px;
}
#Content ul li
{
	margin-left: 0px !important;
  padding-left: 20px;
  list-style: none;
  background: url(../images/bcg-li.png) no-repeat;
  margin-bottom: 5px;
}
/* ... Help ... */
.NoScreen
{
  display: none;
}
hr.Cleaner
{
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
}
#Counter
{
	display: none;
	text-align: center;
}
/* ... Messages ... */
.ErrorMessage
{
	color: red;
  margin: 20px 0;
  font-size: 110%;
	font-weight: bold;
	padding: 17px 10px 17px 60px;
	border: solid 2px red;
	background: #FFF url(../images/message-error.png) no-repeat 10px 50%;
}
.WarMessage
{
	color: #FF9900;
  margin: 20px 0;
  font-size: 110%;
	font-weight: bold;
	padding: 17px 10px 17px 60px;
	border: solid 2px #FF9900;
	background: #FFF url(../images/message-war.png) no-repeat 10px 50%;
}
.OkMessage
{
	color: #009966;
  margin: 20px 0;
	font-size: 110%;
	font-weight: bold;
	border: solid 2px #009966;
	padding: 17px 10px 17px 60px;
	background: #FFF url(../images/message-ok.png) no-repeat 10px 50%;
}
.DeveloperMess
{
	margin: 20px 0;
	font-size: 150%;
	padding: 10px;
	border: 1px solid #CCC;
}
/* ... Images ... */
a img
{
	border: 0 none;
}
.img-left
{
	float: left;
	margin-right: 15px;
}
.img-right
{
	float: right;
	margin-left: 15px;
}
.ListBlock img
{
	float: left;
	margin-right: 15px;
}

.ListBlockS img
{
	float: right;
	margin-left: 15px;
}
#DetailBlock img
{
	float: left;
	margin-right: 15px;
}
/* //////////////////////////////// LAYOUT //////////////////////// */
#Page, #IndexMainWrap,#Header, #Navigation, #FooterIn,#BottomBar
{
	width: 980px;
	margin: 0 auto;
}
/* ... Page ... */
#Page
{
}

#PageIn
{
	text-align: left;
	margin-top: 30px;
	padding: 20px 0 10px 0;
	background: #FFEDCF;
}

#PageIndex #PageIn
{
	margin: 0 !important;
	padding: 0 !important;

	
}
/* ... Top Bar ... */
#LangBar
{
	text-align:  right;
  margin-right: 20px;
}
#LangBar span
{
	padding-left: 20px;
}
#LangBar a, .CurLang
{
	text-decoration: none;
  color: #FFF;
}
#LangBar a:hover
{
	text-decoration: underline;
}
.CurLang
{
	font-weight:  bold;
  padding-right: 20px;
}
/* ... Header ... */
#Header
{
	height: 160px;
	text-align:  left;
	line-height: 33px;
  width: 980px;
  background: url(../images/header_default.jpg) no-repeat 50% 0;
}

.HeaderBlog
{
	background: url(../images/header_blog.jpg) no-repeat 50% 0 !important;
}
#HeaderLogo
{
	padding-left: 50px;
}
#NoLogo
{
	height: 50px;
}
#HeaderName
{
	font-size:  30px;
	padding-left: 50px;
	width: 80%;
}
#HeaderSlogan
{
	font-size:  18px;
	padding-left: 50px;
	font-style:  italic;
	width: 80%;
}
#HeaderLinks
{
  position: relative;
  width: 280px;
  left: 700px;
  top: 10px;
}

#HeaderLinks a
{
  text-decoration:  none;
  color: #FFDCAF;
  display:  block;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: solid 1px #E97818;
}

#HeaderContact
{
  margin-left: 105px;
}
#HeaderRss
{
  margin-left: 170px;
}
/* ... Top Navigation... */
#Navigation
{
	width: 976px;
	height: 50px;
	line-height: 50px;
	background: #DF2324 url(../images/bcg-navi.jpg) repeat-x;
  border: solid 2px #9C1418;
}
#Navigation li
{
  list-style: none;
  float: left;
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  width: 139px;
  _width: 135px;
  font-size: 105%;
  text-transform: uppercase;
 	background: url(../images/bcg-navi-line.jpg) no-repeat 100% 0;
  
}
#Navigation li#Menu_57
{
  background: 0 none;
  
}
#Navigation li a
{
  display: block;
  float: left;
	text-decoration: none;
  color: #FCDAA0;
  width: 139px;
  _width: 135px;
  text-align:  center;
    /*padding: 0 15px;*/
}
#Navigation a:hover
{
	color: #EF9C1C;
  text-decoration:  underline;
}

#Navigation .CurPage {color: #EF9C1C;background: url(../images/bcg-navi-on.jpg) no-repeat;}
#Navigation .CurPage:hover
{
	text-decoration: none;
}

div#Navigation ul ul 
{
  display: none;
}



/* ... Content layout ... */
#ContentBox
{
	float: right;
	width: 760px;
}
.Layout_web2 #ContentBox
{
	float: left;
	width: 760px;
}
#Content
{
	float: left;
	width: 720px;
}
.Layout_lc #Content
{
  width: 700px;
	float: right;
}
.Layout_cr #Content
{
  width: 720px;
	float: left;
}
.Layout_c #Content
{
	width: 980px;
	float: left;
}
#ContentIn
{
	margin: 0 20px;
}

/* ... Secondary ... */
#Secondary
{
	float: right;
		width: 260px;
}
.Layout_cr #Secondary
{
	width: 260px;
}

#SecondaryIn
{
	padding: 0 10px;
}
/* ... Content items ... */
#BreadCrumb
{
	font-size: 80%;
	text-transform:lowercase;
	font-weight: bold;
	color: #FFDCAF;
	margin: -45px 0 30px 0;
	padding-bottom: 5px;
  line-height: 16px;
}
#BreadCrumb a
{
	font-weight: normal;
	color: #FFDCAF;
}
#BreadCrumb a:hover{color: #9C1418;}

#BlogBreadCrumb
{
  padding-left: 20px;
  text-align: left;
  color: #FFDCAF;
  font-size: 80%;
	text-transform:lowercase;
	font-weight: bold;
}
#BlogBreadCrumb a
{
	font-weight: normal;
	color: #FFDCAF;
}
#BlogBreadCrumb a:hover{color: #9C1418;}
/*.BreadHome
{
  padding-left:  20px;
  background: url(../images/bread-home.png) no-repeat 0 50%;
}*/

/* ... Search result page ... */
.SearchTerm
{
	padding: 5px;
	margin: 10px 0;
	background: #FEE2B0;
}

.ContentCTA
{
  padding: 10px 10px 10px 50px;
  border: solid 2px #9C1414;
  margin: 20px 0;
  width: 300px;
  color: #FFF;
  background: #D63602 url(../images/bcg-bubble-q.jpg) no-repeat 0 50%;
  }

.ContentCTA a
{
  color: #FFF;
  font-weight:  bold;
}
.ContentCTA a:hover
{
  color: #FFE3BF;
  
}

/* ... Articles ... */
.ArticlePanel
{
  margin-bottom: 10px;
  border-bottom: solid 1px #FFE3B1;
  padding: 5px;
}
.CommentsCnt
{
	padding-top: 5px;
	/*border-top: solid 1px #CFCFCF;*/
}
.CommentPanel
{
  margin-bottom: 10px;
  border-bottom: solid 1px #FFE3B1;
  padding: 5px;
}

.ArticlePanel span, .CommentPanel span
{
  padding-left: 15px;
  margin-right: 15px;
  font-style: italic;
 
}
span.CommentNum
{
	padding-left: 0 !important;
	font-style: normal;
	font-weight:  bold;
}
.ArticlePanel a, .CommentPanel a
{
  	text-decoration:  none;
}
.ArticlePanel a:hover, .CommentPanel a:hover
{
  		text-decoration:  underline;
}
.ArticlePanelDate, .CommentDate
{
  background: url(../images/bcg-panel-date.png) no-repeat 0 50%;
}
.ArticlePanelAuthor,.CommentName
{
  background: url(../images/bcg-panel-author.png) no-repeat 0 50%;
}
.ArticlePanelCategory
{
  background: url(../images/bcg-panel-category.png) no-repeat 0 50%;
}
.ArticlePanelVisit
{
  background: url(../images/bcg-panel-visit.png) no-repeat 0 50%;
}
.ArticlePanelComments
{
  background: url(../images/bcg-panel-comment.png) no-repeat 0 50%;
}

.LinkTo
{
  margin-top: 10px;
  padding: 5px 0;
  border-bottom: solid 1px #FEE2B0;
}
.LinkTo a
{
  padding-left: 20px;
  margin-right: 10px;
}
.linkuj{background: url(../images/linkuj.gif) no-repeat;}
.jagg{background: url(../images/jagg.png) no-repeat;}
.topclanky{background: url(../images/topclanky.jpg) no-repeat;}
.mediablog{background: url(../images/mediablog.gif) no-repeat;}
.bookmarky{background: url(../images/bookmarky.gif) no-repeat;}

.PullQuote
{
  text-align: center;
  padding: 10px;
  color: #9E1414;
  font-weight: bold;
  background: #FFE9C2;
  text-transform: uppercase;
  margin: 10px 0;
}

.ListBlock,.ListBlockS
{
	margin-bottom:  10px;
  border: solid 1px #FFE3B1;
  padding:  10px;
}
.ArticleL
{
  border: 0 none;
  padding:  0;
}

.BlogExamples{
  background: #FFF;
  padding: 15px;
  border: solid 1px #EFCE95;
  margin: 20px 0;
}

.BlogExamples img{
  float:  none !important;
}

.BlogExamples h3{
  margin-bottom: 15px;
  margin-top: 0!important;
  color: #D63501;
}


.ListBlock a ,.ListBlockS a
{
	text-decoration: none;
}
.ListBlock a:hover ,.ListBlockS a:hover
{
	text-decoration: underline;
}

.ServicesBlock h2, .ReferenceBlock h2
{
	margin-top: 10px !important;
}
.ServicePerex img
{
  background: 0 none !important;
  border: 0 !important;
}
.ReferenceLink a
{
  padding-left: 20px;
  background: url(../images/bcg-globe.png) no-repeat;
}


.ListBlock img, .DetailBlock img
{
	float: left;
   margin-right: 30px;
}

.ListBlock img
{
	border:  solid 2px #FEE2B0;
  background: #FEE2B0;
	padding:  5px;
  float: left;
}

.Perex img
{
  margin-right: 30px;
}

.DetailSBlock
{
  margin-bottom: 15px;
  padding:  0 10px 10px 10px;
	border:solid 1px #FFE3B1;
	background: url(../images/bcg-silver-gradient.jpg) repeat-x;
}



/* ... Catalog and Gallery ... */
.CatalogGallery img,.ListGallery img
{
	margin: 6px;
	border:  solid 2px #FEE2B0;
	padding:  5px;
}
.CatalogGallery img:hover, .ListGallery img:hover {border: solid 2px #DC480A;}

.ArticleL  img
{
  border:  0 none;
  background: #FEE2B0;
}
.ArticleL  img:hover
{
  border:  0 none;
}
/* ... Download ... */
#DownloadTable .EvenRow
{
	background: #FFE8BF;
}
#DownloadTable td
{
	padding:  10px;
	border:  solid 1px #FFE8BF;
}
#DownloadTable tr:hover
{
	background: #FFE3B3;
}
#DownloadTable td h3
{
	margin-top: 0 !important;
	margin-bottom:  5px;
	background: url(../images/bcg-download.png) no-repeat;
	line-height: 32px;
}
#DownloadTable td h3 a,#DownloadTable td .DownloadDes
{
	padding-left: 40px;
}
#ContactInfo table td
{
  padding: 10px;
}
.ContactPerson
{
  background: #FFE8BF;
}

.ContactHe, .ContactShe
{
	font-weight: bold;
  padding-left: 20px;
  background: url(../images/contact-he.png) no-repeat;
  color: #9E1414;
}
.ContactShe
{
	background: url(../images/contact-she.png) no-repeat;
}
.TablePrice th, .TablePrice td, .TableCmsD td
{
   padding: 5px 10px;
   
}
.TablePrice th
{
	background: #FFF url(../images/bcg-navi.jpg) repeat-x;
  border: solid 2px #9C1418;
  color:  #FADCAF;
  text-transform: uppercase;
}
.TablePrice td,.TableCmsD td
{
	border: solid 1px #FFDC9F;
  background:#FFE8BF;
  
}

	
/* ... Comments... */
.CommentBlock
{
	padding:  10px;
	border:  solid 1px #FFE2AF;
  margin: 10px 0;
}
.CommentBlock:hover
{
	background: #FFE3B3;
}
.CommentEvenRow
{
	background: #FFF9EF;
}

/* ... Sitemap... */
.SiteMap
{
	padding:  10px;
	border:  solid 1px #FEE2B0;
  margin-bottom: 20px;
}
.SiteMap ul li
{
  list-style: none;
  font-weight: bold;
}

.SiteMap ul.SmSubcat li
{
  font-weight: normal;
}

/* ... Pagination ... */
.Pagination
{
	margin-top: 20px;
  text-align: center;
}
.Pagination a
{
	text-decoration: none;
}
.Pagination a:hover
{
	text-decoration: underline;
}
.Pagination .pagenumlink
{
	padding: 3px;
	border: solid 1px #9C1414;
}
.Pagination span
{
	padding: 3px;
	color: #FFF;
	background: #9C1414;
  border: solid 1px #9C1414;
}
.Pagination p
{
	margin-bottom: 10px;
}

/* ... Bar, Secondary  ... */
#RssLink
{
	margin-bottom: 15px;
  text-align: right;
  
}
#Bar .BlockDiv, #Secondary .BlockDiv
{
	margin-bottom: 15px;
  padding:  7px;
	border:solid 1px #FFE3B1;
	background: url(../images/bcg-silver-gradient.jpg) repeat-x;
}

#Secondary h4,#Bar h4
{
	font-size: 110%;
	line-height: 50px;
	padding-left: 40px;
	color:  #9C1414; 
	
}

#QuickContact_H4
{
  background: url(../images/bcg-h4-contact.png) no-repeat;
  padding-left:  50px !important;
}
#SideServices_H4
{
  background: url(../images/bcg-h4-services.png) no-repeat;
  padding-left:  50px !important;
}

#BlockRubric_H4
{
  /*background: url(../images/bcg-h4-rubric.png) no-repeat 0 50%;*/
  padding-left:  0 !important;
  line-height:  30px !important;
  padding-bottom:  5px;
}

#SideArticles_H4
{
  background: url(../images/bcg-h4-blog.png) no-repeat;
}


/*#Bar .BlockType_box, #Secondary .BlockType_box
{
	padding:  7px;
	border:solid 1px #FFE3B1;
	background: url(../images/bcg-silver-gradient.jpg) repeat-x;
}*/
#QuickContactWrap
{
  padding:  0 !important;
	border:0 none !important;
	background: 0 none !important;
}
#QuickContact
{
	background: #DF2324 url(../images/bcg-navi.jpg) repeat-x !important;
  border: solid 2px #9C1418 !important;
  color: #FCDAA0;
  font-weight:  bold;
  font-size: 110%;
  padding: 8px 0;
}

#QuickContact p
{
	background: url(../images/bcg-phone.png) no-repeat 5px 50%;
  padding-left: 30px;
  line-height: 20px;
  
}

#SideArticles p, #SideServices p
{
	padding: 5px 0 5px 18px;
  background: url(../images/bcg-li.png) no-repeat 0 7px;
  border-bottom: solid 1px #FFE3B1;
}
#SideServices p
{
	background: url(../images/bcg-li-services.png) no-repeat 0 7px;
  
}
#Bar #BlockSearch, #Secondary #BlockSearch
{
	padding:  0 !important;
	border: 0 none;
}
.NewsDate
{
	font-weight:  bold;
	padding-left: 20px;
	background: url(../images/bcg-panel-date.png) no-repeat 0 50%;
}
.NewsTitle
{
	font-weight: bold;
	margin-top: 7px;
}

.NewsSummary
{
	margin-bottom: 15px;
}

/* ... Bar and Secondary Menu... */

#Bar .NotSelect_2 , #Secondary .NotSelect_2
{
  display: none;
}
#Secondary li, #Bar li
{
  list-style: none;
  line-height: 2em;
  padding: 5px 0 5px 18px;
  background: url(../images/bcg-li.png) no-repeat 0 7px;
  border-bottom: solid 1px #FFE3B1;
}
#BlockRubric li
{
  	background: url(../images/bcg-li-services.png) no-repeat 0 7px !important;
}
#Bar a, #Secondary a
{
    text-decoration: none;
}
#Bar a:hover, #Secondary a:hover
{
    text-decoration: underline;
}
#Bar .CurPage, #Secondary .CurPage
{
    font-weight: bold;
    text-decoration: underline;
}

/* ... Footer ... */
#Footer
{
	font-size: 11px;
	clear: both;
	height: 60px;
	text-align: center;
  background: #9C1414 url(../images/bcg-footer-content.gif) repeat-x;
  color: #CF9B9B;
}
#Footer a
{
	color: #CF9B9B;
}

#Footer a:hover
{
	color: #EF921B;
}

#FooterIn
{
	/*padding: 10px 0;*/
  text-align: left;
	
}

#FooterTextWrap
{
	width: 45%;
  float: left;
  margin-top: 10px;
  
}
#FooterLinks
{
	width: 35%;
  float: right;
  text-align: right;
  margin-top: 10px;
}


/* ... Form ... */
.ContentForm
{
  border: solid 2px #FEE2B0;
  background: url(../images/bcg-silver-gradient.jpg) repeat-x;
  padding: 10px;
}
#ForwardForm
{
  width: 400px;
}
.LoginF
{
  width: 300px;
  margin: 0 auto;
}
.CheckinF
{
  width: 500px;
  margin: 0 auto;
}
fieldset
{
  border: 0 none;
  padding:  10px;
}
.ContentForm label
{
  display: block;
  /*float: left;*/
  width: 98%;
  /*margin-bottom: 10px;*/
  color: #9C1414;
   margin-top: 10px;
}
.ContentForm fieldset input,.ContentForm fieldset textarea
{
  display: block;
  /*float: left;*/
  width: 98%;
  border: solid 1px #FEE2B0;
  padding: 5px;
  background: #FFF9EF url(../images/bcg-input.jpg) repeat-x;
}
.InputEmail
{
  width: 300px !important;
}

.ContentForm fieldset input:hover,.ContentForm fieldset textarea:hover,.SearchInput:hover {border: solid 1px #9E1414;}
.CheckBox
{
	display: inline !important;
	width: 20px !important;
	border: 0 none;
}
.InlineLabel
{
	display: inline !important;
	
}
.BtnSubmit
{
	background: url(../images/bcg-btn.jpg) repeat-x;
	height:  30px;
	padding: 0 5px;
	color:  #FFF;
	font-weight:  bold;
	cursor:  pointer;
	border:outset 1px #ccc;
	margin-top: 10px;
}
.BtnSubmit:hover
{
	background: url(../images/bcg-btn-over.jpg) repeat-x;
}

.IsRequired
{
  font-weight: bold;
}
label.error {
  color: red !important;
  font-weight: bold;
  background: url(../images/iconCaution.gif) no-repeat;
  padding-left: 20px;
  margin-top: 0 !important;
}
.SearchInput
{
 border: solid 1px #FEE2B0;
  color: #5F5F5F;
  padding: 3px;
  width: 130px;
  background: #F6F6F6 url(../images/bcg-input.jpg) repeat-x;
}

.BtnSearch
{
	background: url(../images/search-icon.png) no-repeat;
	height:  24px;
  width:  24px;
  margin-left:  5px;
	/*padding: 0 5px;
	color:  #FFF;
	font-weight:  bold;
  border:outset 1px #ccc;
	margin-top: 10px;
  */
  border: 0 none;
	cursor:  pointer;
	
}
/*.BtnSearch:hover
{
	 border:outset 1px #ccc;
}*/

.Loading_ 
{
	/*float:right; */
	margin: 0 auto;
	background: #D5FFBF url(../images/ajax-loader.gif) no-repeat 50% 50%; 
	width: 200px;
	height: 100px;
	display:none;
	text-align: center;
	line-height: 50%;
	padding: 20px;
}
.Loading
{
  background: #D5FFBF url(../images/ajax-loader.gif) no-repeat 50% 50%; 
	position: fixed;
	width: 200px;
	height: 100px;
  top: 50%;
	left: 30%;
	z-index: 1000;
	text-align: center;
	line-height: 50%;
	padding: 20px;
	display:none;
}
.Done
{
	display:none;
}

/* ... Homepage ... */
#IndexMainWrap h1
{
  display: none;
}
#IndexMain
{
  width: 980px;
  float: left;
  background: #E02423 url(../images/bcg-index-main.jpg) repeat-x;
  color: #FFD5B9;	
  font-size: 105%;
  text-align:  left;
  /*margin-bottom: 10px;*/
}
#Index1, #Index2, #Index3
{
  width: 326px;
  float: left;
  margin: 10px 0;
}
#Index1,#Index2
{
  background: url(../images/bcg-index-main-line.jpg) no-repeat 100% 0;
}
.IndexPerex
{
  padding: 0 10px 0 80px !important;
  font-weight: bold;
  line-height: 1.6em;
}

#Index1 .IndexPerex
{
  background: url(../images/bcg-index-webdesign.png) no-repeat 10px 0;
}
#Index2 .IndexPerex
{
  background: url(../images/bcg-index-programming.png) no-repeat 10px 0;
}
#Index3 .IndexPerex
{
  background: url(../images/bcg-index-others.png) no-repeat 10px 0;
}
#Index1 p, #Index2 p, #Index3 p,#Index1 ul, #Index2 ul, #Index3 ul
{
  padding: 0 10px;
}
.IndexPerex h2
{
  margin-top: 0!important;
  padding-left: 10px;
  padding-top: 0 !important;
  /*margin-bottom: 10px;*/
  font-size: 110%;
  margin-top: 0;
  /*background: url(no-bcg.gif);*/
}

.IndexPerex h2 a
{
  color: #F09D1D;
  text-decoration: none;
}
.IndexPerex h2 a:hover
{
  color: #F09D1D;
  text-decoration:underline;
}

#IndexMain ul li
{
  padding-left: 20px;
  background: url(../images/bcg-index-service-li.gif) no-repeat 0 -5px;
  line-height: 1.8em;
  list-style: none;
  border-bottom: solid 1px #B61B19;
  padding-bottom: 5px;
  margin-right: 10px;
}
#IndexArticlesWrap
{
  width: 530px;
  float: right;
  padding:  10px;
	border:solid 1px #FFE3B1;
	background: url(../images/bcg-silver-gradient.jpg) repeat-x;
}
#IndexArticles_H4
{
  font-size: 110%;
	line-height: 50px;
	color:  #9C1414;
  background: url(../images/bcg-h4-blog.png) no-repeat 0 50%;
  padding-left:  40px !important;
}
.IArticleTitle 
{
	margin: 20px 0 0 0 !important;
  padding: 10px 0 0 18px;
  background: url(../images/bcg-li.png) no-repeat 0 10px;
  border-top: solid 1px #FFE3B1;
  font-weight: bold;
  font-size: 110%;
}
.IArticleTitle a
{
	text-decoration: none;
}
.IArticleTitle a:hover
{
	text-decoration: underline;
}
.IArticleBody
{
	margin-top: 0 !important;
}

#IndexReferenceWrap
{
  width: 350px;
  float: left;
  margin-bottom:  10px;
}
#IndexReference_H4
{
  font-size: 110%;
	line-height: 50px;
	color:  #9C1414;
}
#IndexReference img
{
	margin: 6px;
	border:  solid 2px #FEE2B0;
	padding:  5px;
}
#IndexReference img:hover {border: solid 2px #DC480A;}
/* //////////////////////////////// Utility //////////////////////// */

/* ... Tabs ... */

ul#PageTabs li
{
  background: none;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    display:  block;
    margin: 0 1px 0 0;
    font-weight: bold;
	margin-left: 0 !important;
	list-style: none !important;
	 height: 34px;
	 
	 
	
}
.ui-tabs-nav a {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    display:  block;
    padding: 0 10px;
    /*background: #C6115A url(../images/layout/magazine-tab.png) no-repeat;*/
   background: #FFE2AF;
     height: 34px;
     line-height: 34px;
      
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */ 
    color: #9F1515 !important;   
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #FFF;
}
.ui-tabs-nav .ui-tabs-selected a {
    /*position: relative;
    top: 1px;
    z-index: 2;*/
    margin-top: 0;
    color: #FCDAA0 !important;
    text-decoration: none;
    background: #DF2324 url(../images/bcg-navi.jpg) repeat-x;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-panel {
    border-top: 2px solid #DF2324;
    padding: 10px;
    background: #FFF3DF; /* declare background color for container to avoid distorted fonts in IE while fading */
}


/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}