html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}
         
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ 
    display:block;
}

blockquote:before,
blockquote:after,
q:before,
q:after 
{
    content: '';
    content: none;
}

a:hover 
{
    text-decoration: underline
}

ol,
ul 
{
    list-style: none
}

blockquote,
q 
{
    quotes: none
}

table 
{
    border-collapse: collapse;
    border-spacing: 0;
}

:focus 
{
    outline: none
}

/* Typography */
h1 
{
    font-family: Georgia, serif;
    font-size: 2.5em; /* 40px / 16px */
    line-height: 1.2em; /* 48px / 40px */
    margin-bottom: .4em;/* 16px / 40px */
    margin-top: .4em; /* 16px / 40px */
}

header h1
{
	margin-bottom: 0;
}

h1 img{
	max-width: 100%;
	max-height: 400px;
	margin-left: 5px;
}

h2 
{
    border-bottom: 1px solid #c6bdbd;
    font-family: Arial, Georgia, serif;
    font-size: .85em; /* 24px/16px */
    line-height: 1em;
    margin-bottom: .666666667em; /* 16px / 24px */
    color: #9d9797;
}

h3
{
	font-weight: bold;	
	color: #444444;
}

a h3
{
	font-weight: normal;	
	color: #bb5555;
}

figcaption,
.top-stories li 
{
    font-size: .75em; /* 12px / 16px */
}

blockquote 
{
    font-style: italic;
    margin-bottom: 1.5em;
    padding-left: 1em;
}

blockquote:before 
{
    content: "\201C";
    float: left;
    font-size: 2.5em;
    font-style: normal;
    left: -.4em;
    position: relative;
}

aside section 
{
    overflow: hidden
}

a:hover 
{
    text-decoration: underline
}

cite 
{
    display: block;
    font-style: normal;
    text-align: right;
}

a 
{
    color: #bb5555;
    text-decoration: none;
}

/*
 * Base styles
 * --------------------------------------------------*/
body 
{
    background: #f4f4f4;
    color: #333;
    font: 100%/1.5em Georgia, 'Times New Roman', serif;
}

p,
ul,
ol 
{
    margin-bottom: 1em
}

header
{
	background: #000000;
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5); /* FF3.5 - 3.6 */
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

#container 
{
    margin: auto 0;
    overflow: hidden;
    width: 95%;
    padding: .625em 1.0548523% 1.5em; /* 10px/16px, 10px/948, 24px/16px */
    text-align: center;
}


.main img,
.slats img
{
	width: 100%;
	max-width: 100%;
}

aside img
{
	max-width: 100%;
}
	
ul.tags li 
{
    float: left;
    font-size: 14px;
    margin: 0 5px 5px 0;
}
    
ul.tags li a 
{
    -moz-border-radius: 0px 3px 3px 0px;
    -moz-transition: background-color .2s ease-in-out;
    -webkit-border-radius: 0px 3px 3px 0px;
    -webkit-transition: background-color .2s ease-in-out;
    background: #9D0000 url(../images/tag-bg.png) no-repeat 0 50%;
    border-radius: 0px 3px 3px 0px;
    color: #fff;
    float: left;
    font-weight: normal;
    padding: 5px 10px 6px 25px;
    transition: background-color .2s ease-in-out;
}

ul.tags li a:active 
{
    background-color: #ccc
}

ul.tags li a:hover,
ul.tags li a:focus 
{
    background-color: #333
}


.services, .contact 
{
    padding-top: 1.5em;
	clear: both;
	margin-top: -20px;
}

.inner 
{
    text-align: center;
    overflow: hidden;
    width: 95%;
	padding: 0 1.0548523%;
	background: #000000;
}


/* 600px */
@media all and (min-width: 37.5em)
{
	.slats li 
	{
	    float: left;
		margin-right: 2.5316456%; /* 24px / 948px */
		width: 47%;
	}
	.slats li:last-child 
	{
	    margin-right: 0;
	}
	
}


/* 860px */
@media all and (min-width: 53.75em)
{
	aside
	{
		display: block;
		margin-bottom: 1em;
		padding: 0 1%;
		width: auto;
	}
	
	aside section
	{
        float: left;
        margin-right: 2%;
        width: 48%;
	}

	nav[role="navigation"] li 
	{
	    float: left;
		border-top: 0;
	}
	
	nav[role="navigation"] a 
	{
		float: left;
	}
	
	footer[role="contentinfo"] .top 
	{
		float: right;
	}

}


/* 940px */
@media all and (min-width: 58.75em)
{
	.main 
	{
		display: table-cell;
		padding-right: 2.5316456%; /* 24px / 948px */
	}
	
	aside 
	{
	    display: table-cell;
		width: 300px;
	}
	
	aside section
	{
		float: none;
		width: 100%;
	}
}


/* 1300px */
@media all and (min-width: 81.25em)
{
	.main section img
	{
		margin-bottom: 1em;
		border: 3px solid #dbdbdb;
	}
	
	.main .articleInfo
	{
	    border-bottom: 2px solid #dbdbdb;
	}
	
	.main section
	{
		-moz-column-count: 2; /* Firefox */
		-webkit-column-count: 2; /* Safari, Chrome */
		column-count: 2;
		-moz-column-gap: 1.5em; /* Firefox */
		-webkit-column-gap: 1.5em; /* Safari, Chrome */
		column-gap: 1.5em;
		-moz-column-rule: 1px dotted #ccc; /* Firefox */
		-webkit-column-rule: 1px dotted #ccc; /* Safari, Chrome */
		column-rule: 1px dotted #ccc;
	}
}