html, body, header, figure, main, footer, article, section, ul, li, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, input, 
ins, kbd, q, s, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body
{
	font-family: 'Open Sans', sans-serif;
    background-color: #ffffff;
    color: #666666;
    font-size: 14px;
}

h1 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 10px 0;
}

h2 {
	font-size:20px;
	margin:10px 0 10px 0;
}

header
{
    margin: 0 auto;
    height: 150px;
}

header #logo
{
    background-color: #00a5d9;
    margin-top:50px;
    padding:10px;
    width: 100%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

header #logo #image
{
    margin: 0 auto;
    width: 1260px;
}

header #logo #image img
{
    width: 321px;
    height:90px;
}

main
{
    margin: 0 auto;
    width: 1260px;
}

main p
{
    width: 100%;
    margin: 0 0 30px 0;
}

main article {
	width:100%;
}

main article section
{
    width: 290px;
    min-height: 460px;
    padding:5px;
    margin: 0 0 20px 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 0 1px 0 #ccc;
    -moz-box-shadow: 0 0 1px 0 #ccc;
    box-shadow: 0 0 1px 0 #ccc;
}

main article section a {
	display: block;
	color: #666666;
	text-decoration: none;
}

	main article section a:visited {
		color: #666666;
	}

main article section figure
{
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
}

main article section figure img
{
    width: 100%;
    height: 100%;
}

main article section h2
{
    width: 100%;
    font-size:20px;
}

main article section p
{
    width: 100%;
    margin:0 0 10px 0;
}

	main article section:hover {
		-webkit-box-shadow: 0 0 10px 0 #84899d !important;
		-moz-box-shadow: 0 0 10px 0 #84899d !important;
		box-shadow: 0 0 10px 0 #84899d !important;
	}

footer
{
    width: 100%;
    height: 30px;
    text-align:center;
}

@media all and (max-width: 1280px) and (min-width: 948px) {
    header #logo #image, main { width: 948px; }
}

@media all and (max-width: 949px) and (min-width: 630px) {
    header #logo #image, main { width: 630px; }
}

@media all and (max-width: 631px) and (min-width: 320px) {
	header #logo {margin-top:0;}
    header #logo #image {width:290px;}
    main {width:97%;}
    main article section {width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
}

@media print {
    @page {
        margin: 0.5cm;
    }
}