@charset "utf-8";
/* CSS Document */

.clearfix { clear:both;}
body { font:Arial, Helvetica, sans-serif; background:url(../images/body-bg2.jpg) center top;}
#colapse-div {color:white; width:900px; margin:0 auto; background-color:#0033FF;}
#drop-down-click {width:900px; height:15px; margin:0 auto;}
#header {
	width:900px;
	height:71px;
	padding-top:18px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header #logo { width:129px; float:left; height:60px;}
#header #other { width:300px; float:right; height:60px;}
#navigation { width:910px; height:44px; color:#FFFFFF; margin:0 auto; background:#000;}
.r-left { float:left; width:160px; margin-right:2px;}/*Change the values to fit parent div*/
.r-right { float:left; width:160px; margin-left:2px;}/*Change the values to fit parent div*/
.r-middle { float:left; width:585px; margin-left:1px;}/*Change the values to fit parent div*/
#container { width:900px; min-height:500px; height:auto !important; height:500px; margin:0 auto;}
#container .left-col { /*background-color:#0099CC;*/float:left;height:195px;margin-left:10px;margin-top:10px;width:547px;}
	.previous, .next, .container {float:left; margin-left:1px;}
	.previous, .next { width:20px; height:195px; margin:0 1px; text-indent:-9999px;}
	.previous { background:url(../images/prev.jpg) no-repeat left center;}
	.next { background:url(../images/next.jpg) no-repeat right center;}
#container .right-col {background:url(../images/intro-bg.jpg) no-repeat; float:right;height:108px;margin-right:10px;margin-top:10px;width:324px; font:13px georgia; padding:86px 0 0;}
	#container .right-col p { margin:0 10px; line-height:1.3em; padding-top:11px;}
	#sections { width:880px; margin:0 auto; padding:0 10px; padding-top:32px;}
	#sections .col { float:left; margin:0 1px 0 0; width:290px; text-align:center;}
		#sections #middle { float:left; margin:0 10px}
		#three-col { width:900px; height:156px; background:url(../images/3-col-bg.jpg) repeat-x; margin:35px auto 0 auto;}
.column {
	width:880px;
	margin-right:1px;
	float:left;
	color:#fff;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.column h1 { font:20px georgia; color:#fff; margin:9px 0; text-indent:10px;}
.column h2 { font:14px georgia; color:#fff; padding:9px 0; }
.column p {}
.image-packing-right { margin-right:6px;}
.column ul { padding:0 0 0 15px;}
.column ul li { line-height:1.5em; background:url(../images/bullet.gif) no-repeat; padding-left:19px; padding-bottom:9px; font:11px arial;}
#footer { width:900px; margin:0 auto; height:50px; text-align:right; color:#fff; font:13px georgia; padding-top:10px;}
.share {margin:0 auto; width:80%; padding:10%;}

