/* 
    Document    :  core
    Created on  :  Apr 21, 2010, 9:22:34 AM
    Author      :  Mark Davidson
    Description :  Purpose of the stylesheet follows.
*/

* {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
}

body {
    background: #F5F5F7;
    color: #808284;
    font-family: Geneva, Arial;
    font-size: 11px;
    margin: 10px;
}

p {
    margin-bottom: 11px;
}

a, .colourTxt {
    color: #0072BC;
    font-size: 12px;
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    color: #000000;
    font-family: "trebuchet ms";
}

form {
    color: #000000;
}

form label {
    font-size: 17px;
    font-family: "trebuchet ms";
}

form label.required {
    color: darkred;
}

form dl dt {
    clear: both;
    float: left;
    padding: 10px 10px 10px 0;
    width: 35%;
}

form dl dd {
    float: left;
    padding: 10px 10px 10px 0;
    width: 50%;
}

form ul.errors {
    list-style: none;
}

form ul.errors, form ul.errors li {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

input, select, textarea {
    border: 1px solid #808284;
    font-size: 13px;
    padding: 2px;
    width: 100%
}

input#Submit {
    width: auto
}

.small {
    font-size: 8px;
}

#layout {
    margin: 0 auto;
    width: 1010px;
}

#top {
    height: 101px;
}

#top h1 {
    background: url("../images/layout/snetlogo.jpg");
    float: left;
    height: 101px;
    text-indent: -9999px;
    width: 254px;
}

#top #call {
    color: #0072BC;
    float: right;
    font-family: "trebuchet ms";
    font-size: 17px;
    margin-top: 30px;
    text-align: right;
}

#top #call span {
    color: #636466;
    font-size: 20px;
}

#mainNavigation {
    clear: both;
    height: 55px;
}

#mainNavigation ul {
    list-style: none;
}

#mainNavigation li {
    float: left;
}

#mainNavigation li a {
    background-image: url("../images/layout/snetnavbar2.jpg");
    display: block;
    height: 55px;
    text-indent: -9000px;
}

#mainNavigation #navHome {
    background-position: 0 0;
    width: 86px;
}

#mainNavigation #navHome:hover, #mainNavigation #navHome.current {
    background-position: 0 -51px;
}

#mainNavigation #navRevenue {
    background-position: -86px 0;
    width: 175px;
}

#mainNavigation #navRevenue:hover, #mainNavigation #navRevenue.current {
    background-position: -86px -51px;
}

#mainNavigation #navBilling {
    background-position: -261px 0;
    width: 71px;
}

#mainNavigation #navBilling:hover, #mainNavigation #navBilling.current {
    background-position: -261px -51px;
}

#mainNavigation #navProduct {
    background-position: -332px 0;
    width: 87px;
}

#mainNavigation #navProduct:hover, #mainNavigation #navProduct.current {
    background-position: -332px -51px;
}

#mainNavigation #navContent {
    background-position: -419px 0;
    width: 143px;
}

#mainNavigation #navContent:hover, #mainNavigation #navContent.current {
    background-position: -419px -51px;
}

#mainNavigation #navMobile {
    background-position: -562px 0;
    width: 139px;
}

#mainNavigation #navMobile:hover, #mainNavigation #navMobile.current {
    background-position: -562px -51px;
}

#mainNavigation #navServices {
    background-position: -701px 0;
    width: 84px;;
}

#mainNavigation #navServices:hover, #mainNavigation #navServices.current {
    background-position: -701px -51px;
}

#mainNavigation #navCompany {
    background-position: -785px 0;
    width: 90px;;
}

#mainNavigation #navCompany:hover, #mainNavigation #navCompany.current {
    background-position: -785px -51px;
}

#mainNavigation #navEnquiries {
    background-position: -875px 0;
    width: 135px;
}

#mainNavigation #navEnquiries:hover, #mainNavigation #navEnquiries.current {
    background-position: -875px -51px;
}

#innerLayout {
    clear: both;
    height: 100%;
}

#innerLayout #contentArea {
    float: right;
    width: 757px;
}

#innerLayout #contentArea #preNavigation {
    background: url("../images/layout/prenavbar.jpg") repeat-y;
    color: #FFFFFF;
    font-family: "trebuchet ms";
    font-size: 14px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    overflow: hidden;
}

#innerLayout #contentArea #preNavigation a {
    color: #FFFFFF;
    font-size: 14px;
}

#innerLayout #contentArea #preNavigation h2 {
    color: #0072BC;
    display: inline;
    font-size: 15px;
    font-weight: bold;
}

#innerLayout #contentArea .contentBox {
    background: url("../images/layout/mainpanel.jpg") repeat-y;
    margin-bottom: 5px;
}

#innerLayout #contentArea .contentBox .inner {
    background: url("../images/layout/mainpanelbottom.jpg") bottom no-repeat;
    clear: both;
    padding: 25px;
    padding-top: 0;
    padding-right: 35px;
    text-align: justify;
}

#innerLayout #contentArea .contentBox .head {
    background: url("../images/layout/mainpaneltop2.jpg") top no-repeat;
    height: 40px;
    padding: 25px;
}

#innerLayout #contentArea .contentBox h3 {
    font-size: 30px;
    float: left;
}

#innerLayout #contentArea .contentBox h4 {
    color: #0072BC;
    font-family: Geneva, Arial;
    font-size: 11px;
    margin-bottom: 11px;
}

#innerLayout #contentArea .contentBox a.contact {
    background: url("../images/layout/contact.png") no-repeat left center;
    float: right;
    height: 30px;
    margin-top: 5px;
    text-indent: -9999px;
    width: 95px;
}

#innerLayout #contentArea .contentBox ul {
    margin: 11px 0 11px 30px;
}

#innerLayout #contentArea .contentBox li {
    color: #0072BC;
    font-size: 12px;
}

#innerLayout #contentArea .contentBox li span {
    color: #808284;
    font-size: 11px;
}

#innerLayout #leftMenu {
    float: left;
    width: 253px;
}

#innerLayout #leftMenu ul {
    list-style: none;
}

#innerLayout #leftMenu #news {
    background: url("../images/layout/news.jpg");
    height: 422px;
    overflow: hidden;
}

#innerLayout #leftMenu #news h3  a {
    display: block;
    height: 42px;
    text-indent: -9999px;
    width: 253px;
}

#innerLayout #leftMenu #news ul {
    margin: 15px;
}

#innerLayout #leftMenu #news ul li h4 {
    font-weight: bold;
    margin-bottom: 11px;
}

#innerLayout #leftMenu #news ul li p {
	font-size: 10px;
    margin-bottom: 11px;
    text-align: left;
}

#bottomArea {
    clear: both;
}

#bottomArea #threePanels {
    background: url("../images/layout/3panels.jpg");
    height: 274px;
}

#bottomArea #threePanels ul {
    list-style: none;
}

#bottomArea #threePanels li {
    float: left;
    height: 234px;
    padding: 20px;
    padding-right: 10px;
    width: 306px;
}

#bottomArea #threePanels h3 {
    font-size: 25px;
    margin-bottom: 15px;
}

#bottomArea #smallBoxes {
    clear: both;
    height: 102px;
}

#bottomArea #smallBoxes ul {
    list-style: none;
}

#bottomArea #smallBoxes li, .smallBox {
    float: left;
    height: 102px;
    padding: 15px;
    width: 222px;
}

#bottomArea #smallBoxes li h4, .smallBox h4 {
    font-size: 19px;
    margin-bottom: 11px;
}

#sBDesign {
    background-image: url("../images/layout/paneldesignqtr.jpg");
}

#sBCompetitions {
    background-image: url("../images/layout/panelqtrcomp.jpg");
}

#sBQueuing {
    background-image: url("../images/layout/panelqtrqueue.jpg");
}

#sBBusiness {
    background-image: url("../images/layout/panelqtrbusdev.jpg");
}

#sBProduct {
    background-image: url("../images/layout/panelqtrpro.jpg");
}

#sBMarketing {
    background-image: url("../images/layout/panelmarketingqtr.jpg");
}

#sBContent {
    background-image: url("../images/layout/panelqtrcont.jpg");
}

#sBContact {
    background-image: url("../images/layout/panelqtrcontact.jpg");
}

.sBPanel {
    background-image: url("../images/layout/panelqtr.jpg");
}

#footer {
    clear: both;
    padding-top: 20px;
}

#footer, #footer a {
    color: #636466;
    font-family: "trebuchet ms";
    font-size: 10px;
    text-align: center;
}

#footer p {
    margin: 0;
}