/* 
	Resets defualt browser settings
	reset.css
*/


    body{margin:0 auto;padding:0;min-width:1008px;background-color:#fbfef5;text-align:center}
    #out{height:7456px; min-width:1008px; position:relative; overflow:hidden;background-color:#f5f9ea}
    #mid{position:absolute; _top:50%; left:50%; width:1156px; margin-left:-578px; text-align:center;}
    #in{ position:relative; top:-50%;}
    img{border:0}

	.title{background-color: #EAEAEA;
    height: 29px;
    text-align: left;
    width: 100%;}
	.titlea {
    margin: 0 auto;
    min-width: 1008px;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.sub {
    margin-left: 10% !important;
}
.title a {
    color: #3F3F3F;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
    margin-left: 16px;
}
.up{background: url("../images/icon_l.gif") no-repeat scroll center 50% rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline;
    float: left;
    height: 226px;
    width: 32px;
	}
.down{ background: url("../images/icon_r.gif") no-repeat scroll center 50% rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline;
    float: left;
    height: 226px;
    margin-left: 3px;
    width: 32px;}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*
	Page style
*/
body { 
	font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing:0;
	color:#434343;
	background:#efefef url(../img/background.png) repeat top center;
	//padding:20px 0;
	position:relative;
	-webkit-font-smoothing: subpixel-antialiased;
}
#container3{height:360px;}
#container4{height:391px}
#container5{padding-top:60px !important;}
#example5{height:377px !important;}
#container6{height:512px;//padding-top:160px !important;}
#example6{height:373px !important;}
#container7{height:396px;//padding-top:120px !important;}
#container,#container2,#container3,#container4,#container5,#container6,#container7  {
	width:490px;
	padding:10px;
	margin:0 0 0 740px;
	position:relative;
	z-index:0;
}

#example,#example2,#example3,#example4,#example5,#example6,#example7 {
	width:510px;
	height:425px;
	position:relative;
}

/*#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}*/

#frame,#frame2,#frame3,#frame4,#frame5,#frame6,#frame7 {
	position:absolute;
	z-index:0;
	width:626px;
	height:421px;
	top:-3px;
	left:-70px;
}

/*
	Slideshow
*/

#slides,#slides2,#slides3,#slides4,#slides5,#slides6,#slides7 {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:480px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:480px;
	height:345px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev,#slides2 .next,#slides2 .prev,#slides3 .next,#slides3 .prev ,#slides4 .next,#slides4 .prev ,#slides5 .next,#slides5 .prev ,#slides6 .next,#slides6 .prev ,#slides7 .next,#slides7 .prev  {
	position:absolute;
	top:147px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next,#slides2 .next,#slides3 .next,#slides4 .next,#slides5 .next,#slides6 .next,#slides7 .next {
	left:495px;
}

/*
	Pagination
*/

.pagination {
	margin:-26px auto 0;
	width:100px;
margin-right:0;
position:relative;
z-index:999;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption,.caption2,.caption3,.caption4,.caption5,.caption6,.caption7  {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	//width:540px;
	width:440px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
.caption p,.caption2 p,.caption3 p,.caption4 p,.caption5 p,.caption6 p,.caption7 p{text-align:left}

/*
	Anchors
*/

a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}
.pic {
    width: 1000px;
	background-color:##fbfef5;
    height: 226px;
    margin: 20px auto;
    overflow: hidden;
}
.conm {
    display: inline;
    float: left;
    height: 226px;
    //margin-top: 8px;
    overflow: hidden;
    padding: 1px 0;
    width: 930px;
}
.box {
    border: 1px solid #e4e9e0;
    display: inline;
    float: left;
    height: 226px;
    margin-left: 4px;
    overflow: hidden;
    padding: 2px;
    width: 300px;
}
#container4 > div#example4{height:458px !important}
#container4{height:468px !important}