.special-package-container
{
	width: 100%;
	height:100%;
	max-width: 1024px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	font-size:12px;
	background-color: #363636;
}


.container
{
	width: 96%;
	height:100%;
/*	padding:2%;*/
/*	overflow:hidden;*/

}

.container_main_useless { padding-top: 2%; }

.special-package-container a
{
color: #FFFFFF;
}


.sub-box-left
{
	width: 31%;
	overflow:hidden;
}



.sub-box-middle
{
	width: 31%;
	margin-left:2%;
	margin-right:2%;
}


.sub-box-right
{
	width: 31%;
	overflow:hidden;
}


.col {
	display: block;
	float:left;
	
}



.left-box
{
height:100%;
clear:both;

}



.middle-box
{
height:100%;

}



.right-box
{
height:100%;

}



.clearboth
{
clear:both;
margin:0;
padding:0;
}


.slug
{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#e96c3b; 
margin-bottom:7px;
}


.storybox-border-bottom
{
width:100%; height:100%;  
border-bottom:1px solid #4f4f4f; 
margin-bottom:10px; 
padding-bottom:15px; 
overflow:hidden;
}

.storybox
{
width:100%; 
height:100%;   
margin-top:10px ; 
overflow:hidden;

}


.title-intro
{
width:65%; 
float:left; 
font-weight:bold;
margin-right: 3%;
}

.title-intro-image
{
width:31.55%; 
height:auto; 
float: left;
}

.related-article
{
width:100%; 
height:100%;   
margin-top:10px ; 
overflow:hidden;
}



.storybox-border-bottom a, .storybox a
{
font-size:15px;
font-weight:bold;
}



.col:first-child { margin-left: 15px; }


.five-coloum-container
{
	width:100%; 
	height:100%;  
	background-color:#dadada; 
	overflow:hidden; 
	padding-top:10px; 
	padding-bottom:15px; 
	margin-top:20px;
}



.five-coloum-innerbox
{
	width:100%; 
	height:100%;  
}


.five-coloum-banner
{
width: 31%; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold; 
color:#ffffff; 
background-color:#bf1604; 
margin-left:10px; 
margin-bottom:10px; 
padding:5px; 
}

.five-coloum-subcontainer
{
width:100%; 
height:100%;  
background-color:#dadada; 
overflow:hidden;
}


.five-coloum-subbox
{
width:31%; 
float:left; 
margin-left:10px;
overflow:hidden;
}

.five-coloum-subbox-border
{
width:31%; 
float:left; 
margin-left:10px; 
padding-left:15px; 
border-left:1px solid #454545;
overflow:hidden;
}

.five-coloum-subbox-title
{
width:89%; 
padding:5px; 
background-color:#047ebf; 
color:#FFFFFF; 
font-size:12px; 
font-weight:normal;
text-transform:uppercase;
}

.five-coloum-subbox-border
{
width:31%; 
float:left; 
margin-left:10px; 
padding-left:15px; 
border-left:1px solid #454545;
overflow:hidden;
}


@media only screen and (max-width: 480px) {

.special-package-container
{
padding-left:2%;
padding-right:2%;
}

.container
{
padding:0px
}


.col { 
	margin: 1% 0 1% 0%;
}

.sub-box-left, .sub-box-right
 {
	width: 100%;
}

.sub-box-left

{
border-bottom:1px solid #454545;
margin-bottom:10px;
padding-bottom:10px;
}


.sub-box-middle{
	width: 100%;
}

.title-intro-image
{
width:100%;
margin-bottom:10px; margin-top:10px;

}


.five-coloum-container
{
width:100%;
margin-bottom:10px; margin-top:10px;

}

.container {
	width: 100%;
}

.special-package-container img
{
	width: 100%;
	height:100%;

}

.five-coloum-innerbox, 
.five-coloum-banner, 
.five-coloum-subcontainer, 
.five-coloum-subbox, 
.five-coloum-subbox-border, 
.five-coloum-subbox-title
{
	width: 100%;

}

.five-coloum-container
{
padding-left:2%;
padding-right:2%;
}


.five-coloum-subbox-border
	{
		margin-top:10px;
		padding-top:10px;
	}

.five-coloum-subbox-border
	{
	border-left: none;
	margin-left:0px; 
	padding-left:0px;
	}
	
	
.title-intro
{
width:100%;
}

}