/* General Styles
=================================*/

body {
        background: #CCCCCC url(/images/bg.gif) repeat-x;
        background-position: top center;
        text-align: center;
        margin:0 auto 0 auto;
        min-width:766px;
}

#logowrap {
        background:#000000;
        margin:5px auto 5px auto;
        width:766px;
	height:87px;
        text-align: left;
}

#wrapper {
        background: #FFFFFF;
        margin:0 auto 0 auto;
        width:766px;
        height: 100%;
        text-align: left;
}

#logo {
        width:389px;
        height:87px;
        background: #000000 url(/images/s3logo.png) no-repeat top left;
}

#contactinfo {
        width:200px;
        height:87px;
        float:right;
        text-align:right;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        font-weight:bold;
        color: #0099ff;
}

#contactinfo a:link {
        text-decoration: none;
        color:#CCCCCC;
}

#contactinfo a:hover {
        text-decoration: none;
        color:#FFFFFF;
}

#contactinfo a:visited {
        text-decoration: none;
        color:#CCCCCC;
}

#nav {
        background: #000000;
        width:766px;
        height: 47px;
        }

#branding {
        background:url(/images/synaptic_mockup-copy_02.jpg);
        width: 766px;
        height: 179px;
        padding: 0 0px 0 0px;
        }

#branding_services {
        background:url(/images/our_services.jpg);
        width: 766px;
        height: 179px;
        padding: 0 0px 0 0px;
        }

#branding_projects {
        background:url(/images/our_projects.jpg);
        width: 766px;
        height: 179px;
        padding: 0 0px 0 0px;
        }

#branding_techcenter {
        background:url(/images/tech_center.jpg);
        width: 766px;
        height: 179px;
        padding: 0 0px 0 0px;
        }

#branding_media {
        background:url(/images/media_main.jpg);
        width: 766px;
        height: 179px;
        padding: 0 0px 0 0px;
        }

#branding_aboutus {
        background:url(/images/about_main.jpg);
        width: 766px;
        height: 179px;
        padding: 0 0px 0 0px;
        }

#secondnav{
/*        background:#333333;*/
        background:#7B8089;z
        width:766px;
        height:20px;
        padding:0;
        border-bottom: #cccccc 1px dotted;
        }

#content {
        background-color:#FFFFFF;
        float: left;
        width: 512px;
        margin-top: 2px;
}

#content_wide {
        background-color:#FFFFFF;
        width: 766px;
        margin-top: 2px;
}

/* Content Styles
=================================*/

#secondnav ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float:left;
        }

#secondnav ul li {
        float:left;
        text-align:center;
        }

#secondnav ul a {
        display:block;
        width:130px;
        height:20px;
        padding:0 0em;
        margin-top: 0em;
        line-height:2.1em;
        text-decoration:none;
/*        color:#CCCCCC;*/
        color:#FFFFFF;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: .6em;
        }

#secondnav ul a:hover, #secondnav ul a.active {
        display:block;
        background: #6699CC;
        }

#content img {
        width: 472px;
        border: none 0;
        padding-top: 10px;
        }

#blogbody {
        padding: 0 20px 0 20px;
        border-right: 1px dotted #CCCCCC;

}

#blogbody2 {
        padding: 0 10px 0 10px;
}

#blogbody2 h2 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        font-weight:bold;
        color: #0099ff;
        border-bottom: 1px dotted #0099ff;
}

#blogbody4 a:link, #blogbody4 a:visited {
        border: 0px none;
        text-decoration: none;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        font-weight:bold;
        color:#0099ff;
        padding-left: 5px;
}

#blogbody4 a:hover {
        color:#999999;
}

#servicebar {
        padding: 0 10px 0 10px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        color: #0099ff;
        }

#servicebar a:link {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        text-decoration: none;
        color:#CCCCCC;
}

#servicebar a:hover {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        text-decoration: none;
        color:#FFFFFF;
}

#servicebar a:visited {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        text-decoration: none;
}

#blogbody3 {
        width:471px;
        display:block;
        border: 1px dotted #333333;
        background:#CCCCCC;
}

#blogbody3 p {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.6em;
        color:#FFFFFF;
        width:400px;
        height:40px;
        display:block;
        background: #999999;
        padding: 5px 10px 5px 10px;
        margin: 5px auto;
}

#blogbody3 p:hover {
        background:#666666;
}

#blogbody3 h1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#ffffff;
        font-size: 0.5em;
}

#blogbody3 p a:link {
        text-decoration: none;
        color:#FFFFFF;
}

#blogbody3 p a:visited {
        text-decoration: none;
        color:#FFFFFF;
}

/* SideBar Styles
=================================*/

#links {
        background-color:#FFFFFF;
        float: right;
        width: 251px;
        margin-top: 2px;
        padding: 0 0px 0 0px;
        line-height: 1.3em;
}

#links img {
        padding: 0px 0px 0px 0px;
}

#nav a:link {
        color: #003366;
        text-decoration: none;
}

#nav a:visited {
        color: #6699CC;
        text-decoration: none;
}

a.img, a.img, a.img {
        border: 0 none;
}

h2 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        font-weight: 100;
        color:#333333;
}

#blogbody h3 {
        background: url(/images/heading_arrow2.gif) no-repeat left center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#0099FF;
        font-size: 0.9em;
        font-weight: bold;
        padding-left: 20px;
        border-bottom: 1px dotted #0099ff;
}

img {
        border: 0px none;
}

#heading1 {
        display: block;
        background: #ebecde url(/images/heading1_bg.gif) repeat-x top left;
        height: 30px;
}

#heading1 h1 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        margin: 0px;
        color: #545863;
        padding-top:3px;
        padding-left: 10px;
}

#heading2 {
        display: block;
        background: #c3c5c4 url(/images/heading2_bg.gif) repeat-x top left;
        height: 30px;
}

#heading2 h1 {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.8em;
        margin: 0px;
        color: #545863;
        padding-top:1px;
        padding-left: 10px;
}

#footer {
        background:url(/images/footer.jpg) no-repeat bottom left;
        width: 766px;
        height: 128px;
        padding: 0 0px 0 0px;
}

#insidefooter {
        width: 350px;
        height: 100px;
        margin: 0px 15px;
        padding-top: 56px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.6em;
        text-align:center;
        }

#links a:link {
        background:url(/images/heading_arrow2.gif) no-repeat left center;
        border: 0px none;
        text-decoration: none;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        color:#999999;
        padding-left: 20px;
}

#links a:visited {
        background:url(/images/heading_arrow2.gif) no-repeat left center;
        border: 0px none;
        text-decoration: none;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;
        color:#999999;
        padding-left: 20px;
}

#links a:hover {
        color:#333333;
}

#links ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
}

#links li {
        list-style: none;
        margin: 0 0 8px 0;
}

.style1 {
        font-style: italic;
        font-weight: bold;
}

