@charset "utf-8";

/*=========================================== 
                                   BODY
===========================================*/

body {
	background-color: #FFF;
	background-image: url(img/back_main.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.5;	
}

h2 {
	font-size: 22px;
	font-weight: normal;
	color: #333;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
li {
	padding-top: 5px;
	line-height: 1.5;	
}
a
{
	color: #333;
	text-decoration: underline;
}
a:hover
{
	color: #DE9C01;
}
/*=========================================== 
                                 MAIN CONT
===========================================*/

#mainTb {

	}
#mainAddressLeft {
	height: 40px;
	width: 220px;
	}
#mainAddress {
	height: 40px;
	width: 740px;
	background-image: url(img/back_address.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#mainContA, #mainContC {
	background-image: url(img/back_cont.gif);
	background-repeat: repeat-y;
	background-position: left;
	}
#mainContA, #mainContB {
	width: 370px;
	vertical-align: top;
	}
#mainContC {
	width: 740px;
	vertical-align: top;
	}
#mainLeft {
	width: 220px;
	vertical-align: top;
	}
.mainCont {
	padding-left: 30px;
	padding-bottom: 30px;
	width: 340px;
	}
#mainContC .mainCont {
	padding-left: 30px;
	padding-bottom: 30px;
	width: 710px;
	}
	
.mainCont table td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background-color: #EEE;
	padding: 5px;
	}

/*=========================================== 
                                   HEADER
===========================================*/

#tdHeadTop {
	height: 20px;
	}
#tdHeadMenu {
	height: 70px;
	background-color: #FFF;
	}	
#tdHeadMenu #tdHeadLogo {
	background-image: url(img/logo_main.gif);
	display: block;
	height: 70px;
	width: 370px;
	float: left;
}
#tdHeadMenu #tdHeadLogo a {
	display: block;
	height: 70px;
	width: 370px;
}
#tdHeadMenu #tdHeadLogo h1 {
	display: none;	
}

#tdHeadMenu #tdHeadMenuItems {
	width: 590px;
	height: 70px;
	float: left;
	text-align: right;
}
#tdHeadMenu #tdHeadMenuItems p {
	margin: 0px;
	padding: 0x;
	text-align: right;
	padding-top: 36px;
}
#tdHeadMenu #tdHeadMenuItems p a {
	color: #333;
	text-decoration: none;
	font-size: 12px;
}
#tdHeadMenu #tdHeadMenuItems p a:hover {
	color: #DE9C01;
	text-decoration: underline;
}
#tdHeadFlash {
	height: 250px;
}

/*=========================================== 
                                   FOOTER
===========================================*/

#tdFootTop {
	height: 40px;
	background-color: #ececec;
	text-align: center;
}

#tdFootBottom {
	height: 100px;
	background-image: url(img/back_footer.gif);
	background-repeat: repeat-x;
	text-align: center;
	background-color: #434443;
}
#tdFootBottom p {
	color: #CCC;
}
#tdFootTopBlock {
	height: 40px;
	width: 960px;
	margin: auto;
}

#tdFootMenuCredits {
	text-align: center;
}
#tdFootMenuCreditsBlock {
	width: 960px;
	margin: auto;
}
#tdFootMenuCreditsLeft {
	width: 220px;
	float: left;
}
#tdFootMenuCreditsMain {
	width: 740px;
	float: left;
	text-align: center;
	background-image: url(img/back_cont.gif);
	background-repeat: repeat-y;
	background-position: left;
}



#tdFootTopBlock #tdFootTopLeft {
	width: 220px;
	height: 40px;
	float: left;
	text-align: left;
}
#tdFootTopBlock #tdFootTopLeft p {
	font-size: 10px;
	margin: 0px;
	padding: 0x;
	padding-top: 15px;
	text-align: center;
}
#tdFootTopBlock #tdFootMenuItems{
	width: 740px;
	height: 40px;
	text-align: center;
}
#tdFootTopBlock #tdFootMenuItems p {
	font-size: 10px;
	margin: 0px;
	padding: 0x;
	text-align: right;
	padding-top: 15px;
}
#tdFootTopBlock #tdFootMenuItems p a {
	color: #333;
	text-decoration: none;
}
#tdFootBottom p a {
	color: #CCC;
	text-decoration: none;
}
#tdFootTopBlock #tdFootMenuItems p a:hover, #tdFootBottom p a:hover {
	color: #DE9C01;
	text-decoration: underline;
}

/*=========================================== 
                                 SLIDESHOW
===========================================*/

#tbSlideShow {
	background-image: url(img/back_slideshow_big.jpg);
	width: 960px;
	background-repeat: no-repeat;
}

#tdSlideShowText {
	width: 310px;
	vertical-align: top;
}

#slideShowBlock {
	width: 640px;
	height: 580px;
	padding-top: 20px;
}

#slideShowTextBlock {
	width: 220px;
	height: 350px;
	padding-left: 70px;
	padding-top: 110px;
}

/*=========================================== 
                                 ELEMENTS
===========================================*/
#mainAddress {
	padding-left: 30px;
	}
#mainAddress a {
	text-decoration: none;
	}
	#mainAddress a:hover {
	text-decoration: underline;
	}

.listBlock {
	padding-bottom: 10px;
	}
	
#mainLeft .listBlock {
	width: 220px;
	} 
	
.listItem {
	display: block;
	}
.listItemGrid {
	display: block;
	float: left;
	height: 80px;
	width: 140px;
	margin-bottom: 10px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #CCC;
	}
.listItem a, .listItemGrid a {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	}
.listItemOff, .listItemOn {
	display: block;
	height: 30px;
	padding-bottom: 3px;
	background-image: url(img/back_menu_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
.listItemOn {
	background-image: url(img/back_menu_on.gif);
	}
.listItemOff a, .listItemOn a {
	display: block;
	height: 30px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 20px;
	padding-top: 9px;
	}
.listItemGrid a {
	display: block;
	height: 80px;
	width: 140px;
	}
.listItem a:hover, .listItemGrid a:hover  {
	text-decoration: none;
	color: #DE9C01;
	}
.listItemOn a:hover, .listItemOff a:hover  {
	text-decoration: underline;
	}
.listItem a img {
	margin-right: 4px;
	}
	
	
	.boxG {
	background-color: #FFF;
	
	}
	
	.boxG .boxStart {
	background-image: url(img/back_boxG_start.gif);
	background-repeat: no-repeat;
	width: 150px;
	background-position: left top;
	}
	.boxG .boxCont {
	background-image: url(img/back_boxG.gif);
	background-repeat: repeat-y;
	padding: 10px;
	}
	
	.boxG h2 {
	color: #FFF;
	font-size: 18px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 0px;
	}
	.boxG p {
	color: #FFF;
	font-size: 10px;
	background-image: url(img/back_boxG_line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding-bottom: 15px;
	padding-top: 0px;
	}
	
	.boxG p a {
	font-weight: bold;
	color: #FC0;
	text-decoration: none;
	font-size: 12px;
	background-image: url(img/back_link.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	}
	.boxG p a:hover {
	text-decoration: underline;
	}
	
	

	
	/****************************************************/
/******************************         Sudo Slider */
/****************************************************/

#slider {
	width:640px;
	text-align: left;
}
.boxCont #slider {
	width:320px;
}
#slider img{
    border:none;
}
#slider ul, #slider li{
	position:relative;
    margin:0;
    padding:0;
    list-style:none;
}
#slider li { 
    width:640px;
    overflow:hidden; 
}
.boxCont #slider li { 
    width:320px;
}
#slider li p {
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
}

/****************************************************/
/*******************         Sudo Slider NAVIGATION */
/****************************************************/

ol {
	margin:1em 0;
	padding:0;
	padding-top:10px;
	height:20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
ol li {
	margin:0 2px 2px 0;
	padding:0;
	float:left;
	list-style:none;
	height:20px;
	line-height:20px;
}
ol li a {
	float:left;
	height:20px;
	line-height:20px;
	background:#666;
	color:#DDD;
	padding:0 6px;
	text-decoration:none;
}
ol li.current a {
	background:#f2a70d;
	color:#FFF;
}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus {
	outline:none;
	-moz-outline-style: none;
}
ol li a:active, .prevBtn a:active, .nextBtn a:active {
	outline:none;
	-moz-outline-style: none;
}