*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body { margin:0; padding:0;font-family:Tahoma, Aria; font-size:100%; color:#000; text-shadow:none;}
@font-face {
	font-family: 'Copperplate Gothic light';
	src: url('../Font/copperplate-GothicBoldT.eot');
	src: local('Copperplate Gothic light'),url('../Font/Copperplate-GothicBoldT.woff'), url('../Font/copp07569-copperplate-gothic-bold-T.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Global Setting */
ul,li,h1,h3,h4,h5,h6,h2,article,p{margin:0; padding:0; list-style:none;
                        }
table td{vertical-align:top}



[class*='col-'] {
	float: left;
	padding-right: 20px;
}

[class*='col-']:last-of-type {
	padding-right: 0px;
}

.grid {
	width: 100%;
	max-width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding: 5px 0 0px 20px;
	min-width: 1000px;
}

.grid-pad > [class*='col-']:last-of-type {
	padding-right: 20px;
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

@media handheld, only screen and (max-width: 767px) {

	
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		min-width:1000px;
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
}


.row
{
    width:1000px;
    margin:auto;
    display:table;
}
        .column1
        {
            width:100px;
            vertical-align:top;
            display:table-cell;
        }
        .column2
        {
            vertical-align:top;
            display:table-cell;
            width:200px;
        }
        .column3
        {vertical-align:top;
            display:table-cell;
            width:300px;
            
        }
        .column4
        {
           vertical-align:top;
            display:table-cell;
            width:400px;
        }
        .column5
        {
            vertical-align:top;
            display:table-cell;
            width:50px;
            
        }
        .column6
        {
            vertical-align:top;
            display:table-cell;
            width:600px;
        }
        .column7
        {
            vertical-align:top;
            display:table-cell;
            width:700px;
        }
        .column8
        {
            vertical-align:top;
            display:table-cell;
            width:800px;
        }
        .column9
        {
            vertical-align:top;
            display:table-cell;
            width:900px;
        }
        .column10
        {
            vertical-align:top;
            display:table-cell;
            width:1000px;
        }
.marginLeft-2
{
    margin-left:2px;
} 
.marginLeft-5
{
    margin-left:5px;
}
.marginLeft-10
{
    margin-left:10px;
}
.marginLeft-12
{
    margin-left:12px;
}
.marginLeft-15
{
    margin-left:15px;
}
.marginLeft-18
{
    margin-left:18px;
}
.marginLeft-20
{
    margin-left:20px;
}
.marginLeft-22
{
    margin-left:22px;
}
.marginLeft-25
{
    margin-left:28px;
}
.marginLeft-28
{
    margin-left:28px;
}

.SiteName
{
    font-size: 2em;
    font-weight: 400;
    letter-spacing: normal;
    font-family: Copperplate Gothic light;
    text-transform: uppercase;
    text-shadow: 0 0 13px #000;
    -webkit-text-shadow: 0 0 13px #000;
    -moz-text-shadow: 0 0 13px #000;
    font-weight: bold;
    text-transform: uppercase;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    color:#fff;
}

.slogan
		{
			color: #fff;
			font-family:Copperplate Gothic light;
			font-size:1em;
			display:block;
		}

/* Global Veriable */
.float-left{float:left}.float-right{float:right}.clear{clear:both; height:1px; padding:0px; margin:0;}
h1._Title{font-family: Copperplate Gothic light, sans-serif; font-size:18pt; font-weight:400;}



/* Page Setting */
header
{
    background:url(../Images/new/header.jpg); background-repeat:repeat; height:184px; width:100%;min-width:1000px; min-height:184px;
}

/* Navigation */
nav
{
    background-color: #82262B;
    box-shadow: inset 0px 0px 0px 1px #6D1217, inset 0px 2px 0px 0px #6D1217, inset 0px 0px 0px 2px #6D1217;
    height:51px;
    min-height:51px;
    min-width:1000px;
}

/* information - latest news */
.latestNews {
background-image: url(../Images/new/Transparent.png);
background-repeat: repeat;
background-color: #EEE3C7; /*url('images/bg06.jpg') center center repeat-x;*/
 /*box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.6), inset 0px 2px 0px 0px rgba(255,255,255,0.1), inset 0px 0px 0px 2px rgba(255,255,255,0.1);*/
 height:40px;
 min-height:40px;
 width:100%;
 min-width:1000px;
 margin-bottom:5px;
}

/* Box */

		.box
		{
			margin: 5px;
			box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
		}
		
		.box-standard
		{
			border: solid 1px #d7d7d7;
			padding: 20px;
			background: #fff;
		}
		
			.box-standard h2
			{
				/*background: url('images/bg07.jpg') center center repeat-x;*/
				background:#e77843;
				
				 background-image: -moz-linear-gradient(top,  #b2e1ff 0%, #be4a13 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#be4a13)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #e77843 0%,#be4a13 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #e77843 0%,#be4a13 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #e77843 0%,#be4a13 100%); /* IE10+ */
background-image: linear-gradient(to bottom,  #e77843 0%,#be4a13 100%); /* W3C */
    -pie-background: linear-gradient(to bottom, #e77843,#be4a13); /*ie 6-9 via PIE*/
				
				
				position: relative;
				left: -20px;
				top: -20px;
				padding:8px;
				margin: 0 -40px 0 0;
				border-bottom: solid 1px #b6440e;
				color:#82262b;
				/*box-shadow: inset 0px 0px 0px 1px #fff;*/
				/*text-shadow: 1px 1px 0px #fff;*/
			}
		
		#sidebar .box
		{
			margin-bottom: 10px;
		}
		
		#content .box
		{
			margin-bottom: 5px;
		}
		
		#sidebar .box-standard
		{
			background: url('images/bg02.jpg');
			box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15), inset 0px 0px 0px 1px #fff;
		}
		
			#sidebar .box-standard h2
			{
				/*background: url('images/bg06.jpg') center center repeat-x;*/
				background:#eee3c7;
				border-top:2px solid #dacdae;
				border-bottom:2px solid #dacdae;
				background:#e77843;
				
				 background-image: -moz-linear-gradient(top,  #b2e1ff 0%, #be4a13 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#be4a13)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #e77843 0%,#be4a13 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #e77843 0%,#be4a13 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #e77843 0%,#be4a13 100%); /* IE10+ */
background-image: linear-gradient(to bottom,  #e77843 0%,#be4a13 100%); /* W3C */
    -pie-background: linear-gradient(to bottom, #e77843,#be4a13); /*ie 6-9 via PIE*/
				/*text-shadow: -1px -1px 0px #000;*/
				/*box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.4), inset 0px 0px 0px 2px rgba(255,255,255,0.25);*/
			}
			
			
			/* Page Slider */
			
			.box-features
		{
			height: 368px;
			overflow: hidden;
		}
		
			.box-features .tabs
			{
				position: absolute;
				z-index: 2;
				left: 0;
				top: 0;
				width: 100%;
				height:5px;
				margin: 0 -40px 0 0;
				background: url('images/bg06.jpg') center center repeat-x;
				text-shadow: -1px -1px 0px #000;
				box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.4), inset 0px 0px 0px 2px rgba(255,255,255,0.25), 0px 0px 20px rgba(0,0,0,0.75);
			}

				.box-features .tabs li
				{
					float: left;
					position: relative;
					font-size: 1.1em;
					letter-spacing: -0.01em;
				}

					.box-features .tabs li a
					{
						display: block;
						padding: 14px 20px 15px 20px;
						text-decoration: none;
						color: #aaa;
						outline: 0;
						transition: color .25s ease-in-out;
						-moz-transition: color .25s ease-in-out;
						-webkit-transition: color .25s ease-in-out;
					}
					
					.box-features .tabs li a:hover
					{
						color: #fff;
					}
				
				.box-features .tabs li a.active
				{
					background: url('images/bg07.jpg') center center repeat-x;
					box-shadow: inset 0px 0px 0px 1px #fff;
					text-shadow: 1px 1px 0px #fff;
				}
				
					.box-features .tabs li a.active
					{
						color: #313131;
					}

					.box-features .tabs li a.active:after
					{
						content: '';
						position: absolute;
						display: block;
						bottom: 0;
						left: 50%;
						width: 32px;
						height: 32px;
						margin-left: -16px;
						margin-bottom: -31px;
						background: url('images/sprites.png') -64px 0px no-repeat;
					}

			.box-features .captions
			{
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				z-index: 1;
				padding: 6px;
				opacity: 0.95;
				
			}
			
				.box-features .captions .caption-line-1
				{
					color:#000;
					font-size:18pt; font-weight:400; 
                      /*text-transform:uppercase;*/     
                      -moz-transition: all 0.2s;
                      -ms-transition: all 0.2s;
                      -o-transition: all 0.2s;
                      transition: all 0.2s;
				}
			
			.box-features .viewer
			{
				padding-top: 50px;
			}

				.box-features .viewer .reel
				{
				}

					.box-features .viewer .reel article
					{
						position: relative;
						width: 792px;
					}

						.box-features .viewer .reel article img
						{
							width: 792px;
						}