/***********************

 Pixelspring.com Styles
 Author: Vivek Bhatia
 Updated on 05.23.09

************************/

@import url("resets.css");
@import url("960.css");

body {
    background: White url('images/blueGradient.gif') repeat-x top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.25em;
    margin: 20px auto 0 auto;
    padding-top: 45px;
}

a, a:visited
{
    color: #000;
    text-decoration:none;
}

a:hover, a:active
{
    color:#c63;
    text-decoration:none;
}

h1, h2, h3, h4 {
    line-height: 1.5em;
    margin-bottom:0.25em;
}

h1 {
    font-size: 2.5em;
    font-weight:bold;
}

h2 {
    font-size: 1.75em;
}

h3 
{
    font-size: 1.375em;
}

p {
    color: #444;
    font-size: 0.875em;
    margin-bottom: 1.25em;
}

.grid_6 {
    margin:0;
    padding:0;
    padding-right:20px;
    width:460px !important;
}

#header {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#header h1 {
    line-height:2em;
    margin-bottom:0.75em;
}

#header h1 img 
{
    vertical-align:middle;
}

#header h2 {
    border-top: solid 3px #dfdfdf;
    border-bottom: solid 3px #dfdfdf;
    font-size:1.125em;
    margin: 0.75em auto;
    padding:0.75em 0;
}

#nav ul 
{
    list-style:none;
}

#nav li 
{
    display: inline;
    font-size: 1.125em;
    font-weight: normal;
    margin:0 10px 0 10px;
}

#synapseLink { display:block; width:620px; height:220px; background:url('images/synapse.jpg') no-repeat 0 0; }
#synapseLink:hover { background:url('images/synapse.jpg') no-repeat 0 -220px; }

#synapseLink4 { display:block; width:310px; height:110px; background:url('images/synapse4.jpg') no-repeat 0 0; }
#synapseLink4:hover { background:url('images/synapse4.jpg') no-repeat 0 -110px; }

#pfLink4 { display:block; margin:0 auto; width:143px; height:79px; background:url('images/pfLogo.jpg') no-repeat 0 0; }
#pfLink4:hover { background:url('images/pfLogo.jpg') no-repeat 0 -79px; }

#pdLink4 { display:block; margin:0 auto; width:210px; height:90px; background:url('images/pdLogo.jpg') no-repeat 0 0; }
#pdLink4:hover { background:url('images/pdLogo.jpg') no-repeat 0 -90px; }

#belowFoldArea
{
    border-top:solid 1px #FFD95F;
    background:#FDF9CC;
    margin-top:1.5em;
    padding:1.5em 0;
    width:100%;
}

.screenshot 
{
    border: solid 1px #ccc;
    padding: 10px;
    margin:20px 0;
    text-align:center;
}

#footer 
{
    font-size: 0.875em;
    color: #aaa;
    margin-top:2.5em;
    text-align:center;
    line-height:1.5em;
}

#footer a, #footer a:visited
{
    color: #aaa;
    border-bottom:dotted 1px #aaa;
}

#footer a:hover, #footer a:active
{
    color: #c63;
}

#footer6
{
    border-top:solid 1px #777;
    background:#FFD95F;
    font-size: 0.875em;
    width:100%;
    padding:0.75em 0;
    text-align:center;
    line-height:1.5em;
}

#footer6 a
{
    border-bottom:dotted 1px #000;
}

blockquote
{
    font-size: 1.25em;
    line-height: 1.25em;
    margin: 3em 0;
}

.emphasis
{
    font-weight:bold;
    color:#F39333;
}