/* @override http://injectiondesign.com/google/demoassets/demo.css */

/* @group reser */
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;
}
body {
    line-height: 1;
} 
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* @end */

body {
	background-color: #dcdcdc;
	margin: 0;
	padding: 0;
}

.demo_header {
	height: 84px;
}

a#logo {
	width: 55px;
	height: 58px;
	background: url(logo.png) no-repeat center 25px;
	text-indent: -9999px;
	opacity: 0.52;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 89px;
}

a.see_redesign {
	text-decoration: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
	color: #534fd8;
	text-shadow: #efeeef 0 1px 0;
	font: 31px HelveticaNeue-Light, Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

a.see_redesign:hover {
	color: #534fd8;
	text-decoration: underline;
}

a#logo:hover {
	opacity: 1;
}

div.switcher {
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	text-shadow: #efeeef 0 1px 0;
	width: 441px;
	font: 14px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

div.switcher span.label  {
	color: #616161;
	display: block;
	float: left;
	padding-right: 25px;
	font: 15px HelveticaNeue-Light, Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
}

div.switcher span.design a {
	color: #5a56d8;
	text-decoration: none;
	padding: 3px 13px;
	font-weight: bold;

}

div.switcher span.design.selected a {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	
	font-weight: bold;
	color: #000;
	background-color: #fff;

	-webkit-box-shadow: 0px -1px 0px #bababa;
	-moz-box-shadow: 0px -1px 0px #bababa;
	box-shadow: 0px -1px 0px #bababa;
	padding-top: 4px;
}

div.switcher span.design.selected:hover a {
	cursor: default;
	text-decoration: none;
	color: #000;
}

div.switcher span.design a:hover {
	text-shadow: #fff 0 0 23px;
	color: #2a33e1;
}

/* @group site */

div.design-container {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 13px #bababa;
	-moz-box-shadow: 0px 3px 13px #bababa;
	box-shadow: 0px 3px 13px #bababa;
	margin-right: auto;
	margin-left: auto;
	width: 967px;
}

iframe.design {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 967px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 1700px;
	display: none;
}

iframe.design.selected {
	display: block;
}



/* @end */

/* @group My Group */

.footer {
	padding-top: 80px;
	padding-bottom: 42px;
	width: 624px;
	margin-right: auto;
	margin-left: auto;
	display: none;
}

.footer.selected {
	display: block;
}

.footer h2 {
	font: 23px/31px HelveticaNeue-Light, Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #3c3c3c;
	margin-bottom: 0;
}

.footer p {
	font: 13px/19px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #424242;
	padding-bottom: 38px;
	margin-top: -8px;
}

.footer p a {
	text-decoration: none;
	color: #3b55dc;
	font-weight: normal;
	font-style: normal;
}

.footer p a:hover {
	text-decoration: underline;
}

.footer .pleasevote {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #fbed9f;
	font: bold 13px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	margin-top: 16px;
	text-align: center;
	color: #2a2a2a;
	padding: 8px 16px 10px;
}

.footer .pleasevote a {
	color: #0029ff;
	text-decoration: underline;
}



/* @end */