/* Reset stylesheet by Eric Meyer (http://meyerweb.com/eric/tools/css/reset/) */
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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {
    list-style: none;
}

input {
    padding:0;
}

br.clear {
    clear: both;
}

section, article, aside, header, footer, nav { display: block; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* CSS Rules for the layout */

body{
    font: bold 12px Arial;
}

#container{
    max-width: 500px;
    margin: 0px auto;
}

header{
    text-align: center;
}

header a{
    display: inline-block;
    margin-top: 64px;
}

header img{
    height: auto;    
    width: 166px;
    border: none;
}

nav{
    margin-top: 44px;
    margin-bottom: 18px;   
    text-align: center; 
    font-size: 0px;
}

nav a{
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    font-size: 12px;
}

nav span{
    width: 15px;
    font-size: 12px;
    padding: 0 5px;
}


.magenta:hover{
    color:rgb(222,0,123);
}
.magenta_content p::selection, .magenta_content div::selection {
	background: rgb(222,0,123); /* Safari */
}
.magenta_content p::-moz-selection, .magenta_content div::-moz-selection {
	background: rgb(222,0,123); /* Firefox */
}

.red:hover{
    color:rgb(224,0,27);
}
.red_content p::selection, .red_content div::selection {
	background: rgb(224,0,27); /* Safari */
}
.red_content p::-moz-selection, .red_content div::-moz-selection {
	background: rgb(224,0,27);; /* Firefox */
}

.yellow:hover{
    color:rgb(255,240,0);
}
.yellow_content p::selection, .yellow_content div::selection {
	background: rgb(255,240,0); /* Safari */
}
.yellow_content p::-moz-selection, .yellow_content div::-moz-selection {
	background: rgb(255,240,0); /* Firefox */
}

.green:hover{
    color:rgb(0,153,59);
}
.green_content p::selection, .green_content div::selection {
	background: rgb(0,153,59); /* Safari */
}
.green_content p::-moz-selection, .green_content div::-moz-selection {
	background: rgb(0,153,59); /* Firefox */
}


.blue:hover{
    color:rgb(0,159,238);
}
.blue_content p::selection, .blue_content div::selection {
	background: rgb(0,159,238); /* Safari */
}
.blue_content p::-moz-selection, .blue_content div::-moz-selection {
	background: rgb(0,159,238); /* Firefox */
}


.none_content p::selection, .none_content div::selection {
    background: rgb(0,159,238);
}

.none_content p::-moz-selection, .none_content div::-moz-selection {
    background: rgb(0,159,238);
}


.content img{
    max-width: 100%;
    height: auto!important;
    margin: 0 auto;
    display: block;    
}