html body{
	background-color:#454547;
	margin:0;
	padding:0;
	color:#fff;
	font:13px/1.5em Verdana, Arial, Helvetica, sans-serif;
	
}

a{
	color:#fff;	
}
a:hover{
	color:#FF99FF;	
}
img{
	border:6px solid #717172;	
}


#contentwrap{
	background-color:#4D4D4F;
	padding-top:15px;
}
#content,#footer,#masthead{
	width:740px;
	margin:auto;
}

#content{
	padding-bottom:30px;	
}

	#main{
		
	}
#footwrap{
	border-top:1px solid #717172;
	padding-top:14px;
}

#masthead{
	
}

/*content styling*/
h1,h2,h3,h4{
	font-weight:normal;	
}
h3,.herocolour{
	color:#FF99FF;
}

h1{
	font-size: 46px;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
	font-family:'lato';
	letter-spacing:2.9px;
}

	h1 span.first{
		font-size: 50px;
	}

        h1 span.bar{
	letter-spacing:5.5px;
	}
h2{
	font-size:25px;
	margin: 5px 0;
    padding: 0;
}

h3{
	font-size:17px;
}

h4{
	font-size:14px;
	margin: 0 0 13px 0;
    padding: 0;
}

ul{
	font-family:'lato';
	color:#ddd;
	padding: 0 0 6px 14px;
}

li{
	margin-bottom:6px;
	padding-left:4px;
}
	#profile{
		letter-spacing:0.8px;
		margin-top:14px;
		margin-bottom:10px;
	}

	#profile ul{
		color: #FFFFFF;
    	list-style: none inside none;
    	padding: 10px 0 0 0;
    	margin: 0;
		font-size:14px;
		line-height:1.4em;
	}
	
	#profile li{
		margin-bottom:12px;
		padding-left:0px;
	}
	
.subheading{
	font-size:13px;
	color:#ddd;
}

.small{
	font-size:10px;	
}

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

h1{line-height:1.1;}
#contentwrap{
	padding:2% 4%;width:92%;
	text-align:center;
	overflow:hidden;
}
#content{width:100%;}	
table{width:100%!important;}

#content td{
	display:block;
	box-sizing:border-box;
	font-size:15px;
	height: auto!important;
	width:100%!important;
}

#footer{padding:2% 4%;width:92%;}
#footer td{
	  max-width: 30%!important;
  width: auto!important;
}
ul{
	text-align: left;
  	width: 90%;
  	margin-left: 4%!important;
}

img{margin-bottom:10%;}

}