.page-title-thumb{
	font-size:25px;
	color:#FFF;
	margin-bottom:10px;
}

.page-title-thumb a{
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	line-height:18px;
}

.page-title-thumb a:hover{
	text-decoration:none;
	color:#CCC;
}

.page-title{
	font-size:22px;
	color: #5ba2bf;
	background-image:url(../img/red-arrow-large.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
}

.page-title a{
	background-image:url(../img/arrow-grey.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:10px;
	color:#0F1139;
	text-decoration:none;
	font-size:13px;
	line-height:18px;
}

.page-title a:hover{
	text-decoration:none;
	color:#333;
	background-repeat:no-repeat;
	background-image:url(../img/arrow-green.png);
}

/*!!!!!!!!!!! Page Content Styling !!!!!!!!!!!!!*/


#page-content
{
	font-family: "aktiv-grotesk",sans-serif;
	margin-top:30px;
	margin-bottom:30px;
}

#page-content h1
{
	color: #5987c6;
    font-family: "aktiv-grotesk",sans-serif;
    font-size: 45px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
	margin-bottom:20px;
}

#page-content h2
{
	font-weight: 400;
	color:#666;
	font-size: 20px;
	margin-bottom:10px;
	line-height:150%;
}

#page-content h3
{
	font-weight:bold;
	color: #5987c6;
	font-size: 25px;
	margin-bottom:30px;
	line-height:150%
}

#page-content p
{
	margin-bottom:10px;
	color:#666;
    font-size: 18px;
    line-height: 170%;
    margin: 0 0 10px;
}

#page-content p a
{
	color: #4A7DAF;
}


.page-sumamry{
	 border:1px solid #F2F2F2;
	 margin-bottom:20px;
	 border-radius:3px;
	 padding:10px;
	 -o-transition:1s;
	-ms-transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;
}

.page-sumamry h2 a {
	font-family: "aktiv-grotesk",sans-serif;
	font-weight: 400;
	color: #5987c6;
	font-size: 35px;
	-o-transition:1s;
	-ms-transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;
	text-decoration:none;
}

.page-sumamry h2 a:hover {
	color:#FF9F9F;
}

.page-sumamry p{
	font-size:12px;
	line-height:22px;
	color:#666666;
}

.green_btn
{
	background-color:#5987c6;
	float:right;
	padding:3px 10px;
	border-radius: 3px;
	-o-transition:1s;
	-ms-transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	transition:1s;
}


.green_btn:hover
{
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}

.green_btn a
{
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-decoration:none
}

.foot-div{
	float:left;
	margin-right:20px;
	width:12%;
}

.foot-div h1 a{
	text-decoration:none;
	font-size:15px;
	color:#000;
	border-bottom:1px solid #666;
	display:inline-block;
}

.foot-div p a{
	text-decoration:none;
	font-size:13px;
	color:#06C;
}


#left-content h1{
	line-height:150%;
	font-size:22px;
}


#left-content p{
	line-height:150%;
	font-size:14px;
}

#left-content ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#left-content ul li{
	font-weight: normal;
	font-size: 18px;
	color:#333;
	padding:4px 0px;
	-o-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
	border-bottom:1px dotted #999;
	background-color: #FDFDFD;
    background-image: -moz-linear-gradient(center top , #FDFDFD, #F8F8F8);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFDFD', endColorstr='#F8F8F8');
	background:-webkit-gradient(linear,left top,left bottom,from(#FDFDFD),to(#F8F8F8));
	background:-moz-linear-gradient(top,#FDFDFD,#F8F8F8);
	background-image: -ms-linear-gradient(top, #FDFDFD 0%, #F8F8F8 100%);
	background-image: -o-linear-gradient(top, #FDFDFD 0%, #F8F8F8 100%);
}

#left-content li:hover{
	background-color:#EAEAEA;
}

#left-content ul li a{
	font-weight: normal;
	font-size: 16px;
	color:#5e5e5e;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1);
	-o-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
	text-decoration:none;
	padding-left:15px;
	background-image:url(skins/images/bullet.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
	margin-left:5px;
}

#left-content ul li a:hover{
	color:#000;
	margin-left:10px;
}

#left-content ul li ul{
	margin-left:10px;
}

#left-content ul li ul li{
	margin-left:15px;
	border-bottom:0px dotted #999;
}

#left-content img{
	max-width:100%;
}

#left-content{
	float:left;
	width:25%;
	min-height:300px;
	margin-top:20px;
}

#right-content{
	float:none;
	width:auto;
	min-height:300px;
	margin-top:20px;
}



/* iPads (portrait & landscape) ----------- */
/* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { */
@media only screen and (max-width : 1100px) {



}

/* iPads (portrait & landscape) ----------- */
@media only screen and (max-width : 950px) {

	.foot-div{
		float:left;
		margin-right:20px;
		width:20%;
		min-height:150px;
	}

}


/* iPad Minis (portrait & landscape) ----------- */
@media only screen and (max-width : 620px) {



}


/* Smartphones (portrait) ----------- */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
@media only screen and (max-width : 500px) {
	
	.page-sumamry h2 a {
		font-size: 28px;
	}

	#page-content
	{
		margin-top:20px;
		margin-bottom:20px;
	}
	
	#left-content{
		float:none;
		width:100%;
		min-height:1px;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	#right-content{
		float:none;
		width:100%;
		min-height:1px;
		margin-top:20px;
	}
	
	.foot-div{
		float:left;
		margin-right:20px;
		width:40%;
		min-height:150px;
	}
}


/* Smartphones (portrait) ----------- */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
@media only screen and (max-width : 340px) {

	#page-content h1
	{
		color: #5987c6;
		font-family: "aktiv-grotesk",sans-serif;
		font-size: 25px;
		font-weight: normal;
		line-height:150%;
		margin: 0 0 10px;
		padding: 0;
	}
	
	#page-content h2
	{
		color:#333;
		font-family: "aktiv-grotesk",sans-serif;
		font-size: 18px;
		font-weight: normal;
		line-height:150%;
		margin: 0 0 10px;
		padding: 0;
	}
	
	#page-content h3 img
	{
		display:none;
	}
	
	#page-content ul
	{
		margin:0px;
	}

}