body{
	background:#fff url(../images/bg-body.gif) repeat-x;
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}
form,fieldset{
	padding:0;
	margin:0;
	border:0;
}
input,textarea,select{vertical-align:middle;}
a{
	color:#666;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	color:#666;
}
img{border:0;}
#main{
	width:875px;
	margin:0 auto;
	position:relative;
	padding:178px 0 0;
	overflow:hidden;
}
#header{
	background: url(../images/bg-header.gif) no-repeat 100% 42px;
	overflow:hidden;
	height:182px;
	position:absolute;
	top:0;
	left:0;
	width:875px;
}
.holder{
	width:847px;
	overflow:hidden;
	padding:0 0 10px;
}
.list-contact{ 
	overflow:hidden;
	float:left;
	margin:17px 0 0;
	padding:0;
	list-style:none;
	vertical-align:middle;
}
.list-contact li{
	font-size:10px;
	color:#c1c1c1;
	font-weight:bold;
	float:left;
	background: url(../images/bullet-header.gif) no-repeat 0 5px;
	margin:0 8px 0 -4px;
	padding:0 0 0 9px;
	horizontal-align:middle;
}
.list-contact li a, 
.list-contact li a:hover{color:#c1c1c1;}
.header-text{
	float:right;
	text-indent:-9999px;
	margin:16px 0 0;
	background: url(../images/bg-header-text.gif) no-repeat;
	width:250px;
	height:17px;
}

 
 
 
 


.logo-box{
	width:100%;
 
	padding:37px 0 0;
}
.logo{
	text-indent:-9999px;
	height:81px;
	width:54px;
	float:left;
	overflow:hidden;
	background: url(../images/logo.gif) no-repeat;
	margin:-19px 10px 0 15px;
	position:relative;
	z-index:200;
}

.logo a{
	width:54px;
	height:81px;
	display:block;
}


#social{
	overflow:hidden;
	height:50px;
	position:absolute;
	top:80px;
	left:105px;
	width:875px;
}

 
.social-box{
	width:736px;
	overflow:inherit;
	padding:0 0 0;

} 

.facebook{
	text-indent:-9999px;
	float:right;
	height:100px;
	width:90px;
	overflow:hidden;
	background: url(../images/icon_facebook.png) no-repeat;
	margin:0px 0 0px 0px;
	right:2px;
	top:25px;

	position:relative;
	
}

.facebook a{
	width:91px;
	height:60px;
	display:block;
}


.twitter{
	text-indent:-9999px;
	float:right;
	height:90px;
	width:91px;
		overflow:hidden;
	background: url(../images/icon_twitter.png) no-repeat;
	margin:0px 0 0px 0px;
	top:25px;
	position:relative;
	
}

.twitter a{
	width:91px;
	height:60px;
	display:block;
}


 
.slogan{
	font-size:19px;
	font-weight:normal;
	display:block;
}
.logo-box span{
	color:#36c3eb;
	display:block;
}
.nav{
	width:842px;
	height:35px;
	background: url(../images/bg-nav1.gif) no-repeat;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
.nav li{
	float:left;
	padding:0 0 0 1px;
	background:url(../images/separator.gif) no-repeat;
}
.nav li a{
	float:left;
	width:168px;
	color:#323232;
	text-align:center;
	height:25px;
	padding:10px 0 0;
	font-size:11px;
}
.nav li a:hover{
	text-decoration:none;
	color:#323232;
}
.nav li.first{margin:0 0 0 -1px;}
.nav li.first a:hover,
.nav li.first a.active{background: url(../images/bg-nav1.gif) no-repeat 0 -35px;}
.nav li a:hover,
.nav li a.active{background: url(../images/bg-nav1.gif) no-repeat -168px -35px;}
.nav li.last a:hover,
.nav li.last a.active{background: url(../images/bg-nav1.gif) no-repeat -675px -35px;}
.nav li.last a{width:165px;}
/* content */
#content{
	padding:0 0 20px;
	height:1%;
	overflow:hidden;
}
#twocolumns{
	width:845px;
	overflow:hidden;
	margin:0 0 4px;
}
#twocolumns .content{
	float:left;
	width:500px;
	position:relative;
}
#twocolumns .content h2,
.info-box h2{
	font-size:16px;
	color:#323232;
	margin:0;
	background: url(../images/bg-heading-green.gif) no-repeat;
	padding:0 0 0 30px;
	display:block;
	height:21px;
	font-weight:normal;
}
.info-box h2{
	background: url(../images/bg-heading-red.gif) no-repeat;
	height:22px;
}
.color-text{
	color:#00853e;
	display:block;
	padding:0 0 6px 29px;
}
.info-box .color-text{
	background:none;
	color:#da0008;
	margin:0;
}
#twocolumns .content p{
	margin:0;
	line-height:16px;
}
.list-banners{
	float:right;
	width:230px;
	margin:0;
	padding:0;
	list-style:none;
}
.list-banners img{display:block;}
.list-banners li{
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 4px;
}
.list-banners li a{float:left;}
.inform{
	float:left;
	width:255px;
}
.title-area{
	width:246px;
	border-bottom:4px solid #00853e;
	margin:0 0 7px;
}
.info-box{
	float:right;
	width:317px;
}
.info-box .title-area{
	width:100%;
	overflow:hidden;
	border-bottom:4px solid #da0008;
	margin:0;
}
.info-box .box-list{
	background:#666;
	width:301px;
	overflow:hidden;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 13px;
	padding-left: 16px;
}
.info-box h3{
	text-transform:uppercase;
	color:#99dbfa;
	margin:0;
	font-weight:normal;
	font-size:11px;
}
.box-list ul{ 
	padding:0 0 0 1px;
	margin:0;
	list-style:none;
}
.box-list ul li{line-height:16px;}

.box-list3 ul{ 
	padding:0 0 0 1px;
	margin:0;
	list-style:none;
}
.box-list3 ul li{line-height:16px;}

.list{
	width:120px;
	overflow:hidden;
	float:left;
	padding:0 3px 0 1px;
}

.list2{
	width:150px;
	overflow:hidden;
	float:left;
	padding:0 3px 0 1px;
}

.box-list ul li a,
.box-list ul li a:hover{
	color:#fff;
	text-transform:none;
}
#footer{
	border-top:1px solid #888;
	width:845px;
	padding:8px 0 30px;
	overflow:hidden;
}
#footer span{
	font-size:10px;
	color:#888;
	float:right;
}
#footer p{
	margin:0;
	font-size:10px;
	color:#999;
	float:left;
}
#footer span a{
	color:#888;
	text-decoration:underline;
}
#footer span a:hover{
	color:#888;
	text-decoration:none;
}
#footer ul{
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	word-spacing:-3px;
}
#footer ul li{
	float:left;
	background:url(../images/bullet-footer.gif) no-repeat 0 5px;
	padding:0 0 0 7px;
	margin:0 7px 0 -4px;
	font-size:10px;
	color:#999;
}
/*gallery*/
.box-visual{
	margin:10px 0 3px;
	height:265px;
	width:850px;
	float:left;
}
.gallery{
	overflow:hidden;
	padding:0;
	position:relative;
}
.gallery div.gal-holder{
	overflow: hidden;
	width:850px;
	height:265px;
	position: relative;
}
.gallery ul{
	position:relative;
	padding:0;
	margin:0;
	list-style: none;
	width:9999px;
	overflow:hidden;
}
.gallery li{
	float:left;
	width:850px;
	height:262px;
	position:relative;
	overflow:visible;
}
.gallery li div{position:absolute;}
.gallery li div strong{
	text-indent:-9999px;
	height:46px;
	background:url(../images/bg-custom.gif) no-repeat;
	margin:0 0 5px;
	display:block;
}
.gallery li div p{
	color:#fff;
	font-size:12px;
	line-height:16px;
	margin:0;
}
.link-more{padding:0 0 0 3px;}
.gallery li.custom{background: url(../images/bg-visual1.gif) no-repeat;}
.gallery li.commercial{background: url(../images/bg-visual2.gif) no-repeat;}
.gallery li.labels{background: url(../images/bg-visual3.gif) no-repeat;}
.gallery li.promotional{
	background: url(../images/bg-visual4.gif) no-repeat;
	margin:-5px 0 0;
}
.gallery li.custom div{
	top:77px;
	left:315px;
	width:326px;
}
.gallery li.commercial div{
	top:40px;
	left:155px;
	width:408px;
}
.gallery li.labels div{
	top:109px;
	left:289px;
	width:380px;
}
.gallery li.promotional div{
	top:105px;
	left:360px;
	width:413px;
}
.gallery li.commercial div strong{background: url(../images/bg-commercial.gif) no-repeat;}
.gallery li.labels div strong{
	background: url(../images/bg-labels.gif) no-repeat;
	margin:0;
}
.gallery li.promotional div strong{
	background: url(../images/bg-promotional.gif) no-repeat;
	margin:0 0 5px;
}
.gallery li.commercial p,
.gallery li.promotional p{color:#3a3a3a;}
.link-prev,
.link-next{
	position:absolute;
	width:21px;
	height:22px;
	top:41px;
	left:24px;
	z-index:50;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}
.link-prev{background: url(../images/btn-prev.png) no-repeat;}
.link-next{
	background: url(../images/btn-next.png) no-repeat;
	left: 48px;
}
/* inner */
.twocolumns-inner{
	float:left;
	width:617px;
	padding:0 0 0 8px;
	overflow:hidden;
}
.data{
	float:left;
	width:330px;
}
.data h1{
	font-size:21px;
	font-weight:normal;
	color:#36c3eb;
	margin:0 0 9px;
}

.image-holder img{display:block;}
.image-holder{margin:0 0 11px;}
.data p{ 
	line-height:17px;
	margin:0 0 10px;
} 



.datanext{
	float:top;
	width:250px;
	margin:3px 3px 3px 350px;
}
.datanext h1{
	font-size:21px;
	font-weight:normal;
	color:#36c3eb;
	margin:0 0 9px;
}

.image-holder img{display:block;}
.image-holder{margin:0 0 11px;}
.datanext p{ 
	line-height:17px;
	margin:0 0 10px;
} 





.threecolumns{
	border-top:1px solid #888;
	padding:19px 0 0 8px;
	width:835px;
	margin:15px 0 0;
	overflow:hidden;
}
.box-text{
	float:left;
	width:228px;
	padding:0 26px 0 0;
	overflow:hidden;
}
.wide{
	width:232px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.wide .link-banner{margin:0 0 8px -10px;}
.box-text p{
	line-height:16px;
	margin:0 0 0 1px;
}
.link-banner{ 
	margin:0 0 8px;
	display:block;
}
.link-banner img{display:block;}
.aside2{
	background:#e8e8e8;
	padding:7px 0 15px 25px;
	margin:5px 7px 0 0;
	width:292px;
	float:right;
	border-top:3px solid #00853e;
	display:inline;
}
.threecolumns h3{
	font-weight:normal;
	color:#00853e;
	text-transform:uppercase;
	margin:0;
	font-size:11px;
}
.threecolumns .box-list{
	float:left;
	width:120px;
}

.threecolumns .box-list ul li a, 
.threecolumns .box-list ul li a:hover{color:#3a3a3a;}

.threecolumns .box-list3{
	float:left;
	width:150px;
}

.threecolumns .box-list3 ul li a, 
.threecolumns .box-list3 ul li a:hover{color:#3a3a3a;}


.foo p{padding-left:2px;}
.aside1{
	width:440px;
	float:right;
	padding:26px 0 0;
}
.aside1 p{
	margin:0;
	line-height:19px;
}
.aside{
	width:240px;
	float:right;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.aside ul{
	margin:0;
	padding:0;
	list-style:none;
}
.aside p{
	font-size:12px;
	color:#3a3a3a;
	margin:0 0 6px;
}
.aside ul li{
	background: url(../images/bullet-inner.gif) no-repeat 0 7px;
	padding:0 0 0 10px;
	line-height:20px;
}
.sidebar{
	float:right;
	width:190px;
}
.sidebar h2{
	font-size:19px;
	color:#da0008;
	margin:0 0 4px 12px;
	font-weight:normal;
}
.sidebar ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar ul li{
	border-top:1px solid #a8a8a8;
	width:185px;
	padding:5px 0 0 2px;
	margin:0 0 5px;
}
.sidebar ul li a{
	font-weight:bold;
	font-size:12px;
	color:#36c3eb;	
	padding:0 0 0 11px;
}
.sidebar ul li a:hover, 
.sidebar ul li.active a{
	color:#3a3a3a;
	text-decoration:none;
	background: url(../images/arrow.gif) no-repeat 0 2px;
}
.box-list-image{
	width:100%;
	overflow:hidden;
}
.box-list-image ul{
	margin:0 -70px 0 10px;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.box-list-image ul li{
	float:left;
	margin:0 71px 0 0;
}
.box-list-image ul li a img{ display:block;}
.data-holder,
.data-holder2{
	height:1%;
	padding:18px 32px 8px 0;
	overflow:hidden;
}
.data-holder2{
	padding:18px 5px 6px;
	width:818px;
}
