body{
    margin:0;
    padding:0;
    background-color: #ffffff;
    background-image: url('images/greyback_2013.png');
    background-repeat: repeat-x;
    background-position:top center;
    font: 14px Helvetica;
    color: #70706f;
    
}
p{
    text-align: left;
    color: #9a9a99;
}
.mainframe{
    position: relative;
    width: 900px;
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;

    min-height: 900px;
}
.logozone{
     height: 100px;
}
.navzone{
    height: 100px;
}

.graybody{
    position: relative;
    background-color: #ececec;
    margin-left: 25px;
    width: 750px;
}
.graybodylogos{
    position: relative;
    background-color: #ececec;
    margin-left: 25px;
    width: 750px;
    height: 550px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.graybodycontact{
    position: relative;
    background-color: #ececec;
    margin-left: 25px;
    width: 750px;
    height: 450px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.pageintro {
    font: 14px Helvetica;
    padding:  30px 60px 30px 60px; 
    color: #9a9a99;
    margin: 0 auto;
}
.bluelink{
    display: block;
    text-align: left;
    font: 14px Helvetica;
    color: #009fe3;
    padding-top: 16px;
    text-decoration: none;
}
.bluelink :hover{
    font-weight: bold;
    color: #9a9a99;
}

#logosintro {
    font: 14px Helvetica;
    padding:  40px 70px 20px 70px;
    margin-top: 0px;
}
.redtext{
    color: #009fe3; /* red */
    font-weight: bold;
    font: 16px Helvetica;
}
.redtextsm{
    color: #be1522; /* red */
    font-weight: bold;
    font: 14px Helvetica;
}
.iconarea{
    padding-left: 50px;
    width: 750px;
    margin: 0 auto;
}
.iconitem{
    float: left;
    background-color: #ffffff;
    width:  100px;
    height:  100px;
    border:  1px;
    border-color: #000000;
    margin: 15px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;  
    background-repeat: no-repeat;
    background-position:center;
        border:  1px;
    border-color: #9a9a99;
    border-style: solid;
    /* background-image: url('images/Home_Logo_Icon.png'); */
}
#logo1{
    background-image: url('images/logos_small/01_DMB_Networking_SM.png');
}
#logo2{
    background-image: url('images/logos_small/02_AVID_SM.png');
}
#logo3{
    background-image: url('images/logos_small/03_Raven_SM.png');
}
#logo4{
    background-image: url('images/logos_small/04_ClearEye_SM.png');
}
#logo5{
    background-image: url('images/logos_small/05_RunFit_SM.png');
}
#logo6{
    background-image: url('images/logos_small/06_EPIC_SM.png');
}
#logo7{
    background-image: url('images/logos_small/07_Haber_SM.png');
}
#logo8{
    background-image: url('images/logos_small/08_LPFROG_SM.png');
}
#logo9{
    background-image: url('images/logos_small/09_HNB_SM.png');
}
#logo10{
    background-image: url('images/logos_small/10_CT_SM.png');
}
#logo11{
    background-image: url('images/logos_small/11_GTEC_SM.png');
}
#logo12{
    background-image: url('images/logos_small/12_BREAD_SM.png');
}
#logo13{
    background-image: url('images/logos_small/13_AFT_SM.png');
}
#logo14{
    background-image: url('images/logos_small/14_MLFC_SM.png');
}
#logo15{
    background-image: url('images/logos_small/15_Rogue_SM.png');
}


#print1{
    background-image: url('images/print_small/01_PostCard_SM.png');
}
#print2{
    background-image: url('images/print_small/02_Fenway_SM.png');
}
#print3{
    background-image: url('images/print_small/03_B-Card_SM.png');
}







.iconitem.hover, .iconitem:hover{
    -moz-box-shadow: 1px 4px 8px #505050;
    -webkit-box-shadow: 1px 4px 8px #505050;
    box-shadow: 1px 4px 8px #505050;
}
.positionableicon{
    /* display: none; */
    background-color: #cccccc;
    width:  1px;
    height:  1px;
    border:  1px;
    border-color: #000000;
    margin: 25px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;  
    -moz-box-shadow: 1px 4px 8px #505050;
    -webkit-box-shadow: 1px 4px 8px #505050;
    box-shadow: 1px 4px 8px #505050;
}
.iconover {
    z-index:4;
    position: absolute;
}
.iconover2 {
    z-index:1;
}
.headerlogo{
    display:  block;
    background-image: url('images/soundmind_logo.png');
    background-repeat: no-repeat;
    margin-left: 60px;
    margin-top: 0px;
    width: 511px;
    height: 74px;
    float:  left;
}
.headerbox{
    width:  880px;
    text-align: right;
}
.headerquote{
    display: block;
    padding-top: 10px;
    height:40px;
    line-height: 33px;
    text-align: right;
    color: #70706f;
    font: 14px Helvetica;
    font-weight: bold;
    text-decoration: none;

    background: url('images/home_phoneicon.png') no-repeat right 0%;
    padding-right:40px; /* Set based on width of image */
}
.headerquoteicon{
    margin-left:15px;
}
.headerbox h1{
    color: #70706f;
    font: 40px Helvetica;
    margin: 0;
    text-align: right;
    padding-top: 30px;
}
.headerbox h4{
    color: #009fe3;
    font: 14px Helvetica;
    margin: 0; 
    top: 200px;
    text-align: right;
}

#in8navbar {
    float: right;
    padding-left: 0;
    margin: 0;
    width: 100%;
    padding: 0px;
    list-style: none;
    -webkit-border-before: 0;
    -webkit-border-after: 0;
}
#in8navbar .goright{
    padding-right: 40px;
}
#in8navbar .selected{
    color: #009fe3;
}
#in8navbar li {
    float: right;
    margin: 0;
    padding: 0px 0px 0px 0px;
}

#in8navbar a {
    float: right;
    margin: 0;
    padding: 2px 10px 2px 10px;
    color: #70706f;
    font-weight: bold;
    text-decoration: none;
    font: 14px Helvetica;
}
#in8navbar a {
    float: right;
    margin: 0;
    padding: 2px 10px 2px 10px;
    color: #70706f;
    font-weight: bold;
    text-decoration: none;
    font: 14px Helvetica;
}

#in8navbar a:hover {
    /* text-shadow: #009fe3 0 1px 2px; */
    color: #009fe3;
}
.bluetextmed{
    color: #009fe3;
    font: 18px Helvetica;
}
.clear {
    clear: both;
}
.redlink {
    color: #009fe3; /* red */
    font: 12px Helvetica;
    text-decoration: none;
}
/* ---- icons main page ---- */
.graybodyhomeicons{
    background-color: #ffffff;
    margin: 0 auto;
    width: 900px;
    height:  180px;
}

#homeiconstext {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    width: 900px;
    padding: 0px;
    list-style: none;
}
#homeiconstext li {
    float:  left;
    text-align: left;
    display:  inline-box;  
    width: 180px;
    background-color: #ffffff;
    /* position: fixed; */
}

#homeiconstext a {
    text-align: left;
    color: #70706f;
    font-weight: bold;
    text-decoration: none;
    font: 12px Helvetica;
    padding-left:  8px;
    margin-left: 25px;
}
#homeiconstext a:hover {
    /* text-shadow: #009fe3 0 1px 2px; */
    color: #009fe3;
}
.iconhome{
    float: left;
    background-color: #ffffff;
    width:  150px;
    height:  150px;
    border:  1px;
    border-color: #9a9a99;
    border-style: solid;
    margin: 2px 15px 15px 13px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;  
    background-repeat: no-repeat;
    background-position:center;
}
.iconhome.hover, .iconhome:hover{
    -moz-box-shadow: 1px 4px 8px #505050;
    -webkit-box-shadow: 1px 4px 8px #505050;
    box-shadow: 1px 4px 8px #505050;
}#iconhome1{
    background-image: url('images/home_icon_web.png');
}
#iconhome2{
    background-image: url('images/home_icon_branding.png');
}
#iconhome3{
    background-image: url('images/home_icon_marketing.png');
}
#iconhome4{
    background-image: url('images/home_icon_apps.png');
}
#iconhome5{
    background-image: url('images/home_icon_services.png');
}
#animationoverlay{
    display: none; 
}
#animationbox{
    background-color: #ffffff;
    width:  350px;
    height:  350px;
    border:  1px;
    padding: 6px;
    border-color: #000000;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;  
    -moz-box-shadow: 1px 4px 8px #505050;
    -webkit-box-shadow: 1px 4px 8px #505050;
    box-shadow: 1px 4px 8px #505050;
}
#animationbox-viewer{
    position:  relative;
    width:  350px;
    height:  300px;  
    overflow:  hidden;  
}
#animationbox-viewer-0{
    /* float:  left; */
    position:  absolute;
    background-color: #ffffff;
    border-color: #cccccc;
    width:  350px;
    height:  300px;       
    background-image: url('images/DMB_Networking_LG.png');
    background-repeat: no-repeat;
    background-position:center;
}
#animationbox-viewer-1{
    /* float: left; */
    position:  absolute;
    background-color: #ffffff;
    left: 350px;
    width:  350px;
    height:  300px;       
    background-image: url('images/DMB_Networking_LG.png');
    background-repeat: no-repeat;
    background-position:center;
}
#animationbox-bottom-left {
    display: inline-block;
    margin-left: 10px;
    width:  18px;
    height:  21px;       
    background-image: url('images/arrow_left.png');
    background-repeat: no-repeat;
    background-position:center;
}
#animationbox-bottom-right {
    display: inline-block;
    margin-right: 10px;
    width:  18px;
    height:  21px;       
    background-image: url('images/arrow_right.png');
    background-repeat: no-repeat;
    background-position:center;
}
#animationbox-bottom-middle {
    display: inline-block;
    width:  286px;
    text-align: center;
    color: #666666;
    text-shadow: #999999 0 2px 2px;
    font: 12px Helvetica;
}
#animationbox-close {
    display: inline-block;
    margin-left: 300px;
    margin-top: 8px;
    width:  36px;
    height:  13px;       
    background-image: url('images/close.png');
    background-repeat: no-repeat;
    background-position:center;
}
.homecolumns{
    margin: 0 auto;
    width: 900px;
    margin-top: 20px;
    padding-left: 0px;
    background-color: #ffffff;
}
.homecolumn-wide{
    display: inline-block;
    width: 276px;
}
.homecolumn-wide-middle{
    display: inline-block;
    width: 316px;
}
.homecolumn-wide-header{
    text-align: center;
    color: #70706f;
    /* text-shadow: #999999 0 1px 1px; */
    font: 14px Helvetica;
    font-weight: bold;
}
.homecolumn-wide-text{
    font: 12px Helvetica;
    display: inline-block;
    color: #666666;
    height: 212px;
    border-right: 1px solid #cccccc;
    padding-left: 20px;
    padding-right: 20px;
}
.homecolumn-wide-text-right{
    font: 12px Helvetica;
    display: inline-block;
    color: #666666;
    height: 212px;
    padding-left: 20px;
    padding-right: 20px;
}
.homecolumn-slim {
    
    display: inline-block;
}
.homecolumn-wide-footer{
    padding-left: 80px;
}
.homecolumn-slim{
    display: inline-block;
    height: 170px;
    width: 25px;
}
#newsletterarea{
    margin-left: 516px;
    margin-top: 0px;
    width: 360px;
    padding: 16px 6px 6px 6px;
    background-color: #ececec;
    -moz-border-radius-bottomleft: 16px;
    -moz-border-radius-bottomright: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -webkit-border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;  
    border-bottom-right-radius: 16px;
    font: 12px Helvetica;
}
#newsletteremail{
    text-align: left;
    border-color: #666666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:  1px;
    padding: 4px;
    padding-left: 8px;
}
#newsletterbutton{
    display: inline-block;
    margin-bottom: -7px;
    margin-left: 1px;
    width: 59px;
    height: 23px;
    background: url(images/home_signup_button.png) no-repeat;
}
#newsletterbutton:active{
    background: url(images/home_signup_button.png) no-repeat;
}
#qwarn
{
    color: #be1522; /* red */
}
#cwarn
{
    color: #be1522; /* red */
    text-align: left;
}
#form_contact {
    margin-left: 200px;
}
.formclean{
    border: solid 1px #9a9a99;
    color: #000000;
    padding: 2px;
    display: block;
    margin: 20px;
}

#contactform{
    color: #666666;
    /* text-shadow: #999999 0 1px 1px; */
    font: 14px Helvetica;
    padding-left: 70px;
}
#contactform{
    color: #666666;
    /* text-shadow: #999999 0 1px 1px; */
    font: 14px Helvetica;
    padding-left: 70px;
}
.textsm {
    color: #999999;
    font: 11px Helvetica;
    text-shadow: none;
}
.services-wide-header{
    padding: 20px;
    text-align: left;
    color: #be1522;
    /* text-shadow: #999999 0 1px 1px; */
    font: 14px Helvetica;
}
.services-wide-text{
    font: 12px Helvetica;
    padding-left: 20px;
    padding-right: 20px;
    color: #666666;
}
/* --- split --- */
.splitarea{
    padding: 0px 60px 0px 60px;
}
.splitarea ul{
    font: 14px Helvetica;
    margin: 0px;
    padding: 6px 0px 16px 18px;
}
.sublist li{
    font: 14px Helvetica;
    margin: 0;
    padding: 0;
}
.splitarea h3{
    font: 14px Helvetica;
    color: #575756; /* light blue */
    font-weight: bold;
    margin: 0;
    padding: 0px 0px 6px 0px;
}
.splitarea h2{
    font: 16px Helvetica;
    color: #70706f; /* dark gray */
    margin: 0;
    font-weight: bold;
    padding: 0px 0px 2px 0px;
}
#splitleft{
    float: left;
    background-color: #575756;
    width: 200px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    padding: 16px;
    text-align: left;
}
#splitright{
    float: right;
    text-align: left;
    width: 500px;
}

#splitleft p{
    color: #ffffff; 
}
.heavy li{
    font-weight: bold;
    color: #ffffff;
}
.subtitleleft{
    color: #ffffff;
    font: 22px Helvetica;
    font-weight: bold;
}
h4.subtitleleft{
    color: #ffffff;
    font: 18px Helvetica;
    font-weight: bold;
    border-style: solid;
    border:  1px;
    padding: 2px 2px 2px 16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-color: #ffffff;
    border-style: solid;
}
.subtitleleftblue{
    color: #ffffff;
    font: 18px Helvetica;
    font-weight: bold;
}
#splitleft hr{
    background-color: #9a9a99;
    width: 100%;
    border: 0px;
    height: 1px;
}

.subtitleright{
    color: #ffb400; /* ugly orange */
    font: 20px Helvetica;
    font-weight: bold;
    margin: 0;
}
h3.subtitlesay{
    color: #70706f; /* dark gray */
    font: 14px Helvetica;
    font-style: italic;
    padding-left: 20px;

}
.subimage{
    float: left;
    padding: 10px;
}
.sublist{
    clear: both;
    padding-top: 20px;
}
.sublist p{
    color: #70706f; /* dark gray */
    padding: 8px 0px 8px 0px;
    margin: 0;
}
.sublist h3{
    padding: 12px 0px 0px 0px;
}


/* --- marketing --- */
#marketinglist{
    position: absolute;
    left: 640px;
    top: 360px;
    text-align: left;
    color: #70706f;
    font: 14px Helvetica;
}
#marketinglist h2{
    text-align: left;
    color: #70706f;
    font: 14px Helvetica;
    font-style: italic;
    font-weight: bold;
}
/* --- sub menu --- */
#submenu{
    position: absolute;
    left: 60px;
    top: 210px;
    text-align: left;
    font: 14px Helvetica;
    color: #70706f;
}
#submenu a{
    text-decoration: none;
    color: #70706f;
}
#submenu a:hover{
    text-decoration: none;

    color: #9a9a99;
}
#submenu .selected{
    color: #009fe3; /* light blue */
}

/* --- footer --- */
.footerzone{
    color: #cccccc;
    text-align: center;
    padding-top: 50px;
    width: 900px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 0 auto;
}
.footerzone a{
    color: #70706f;
    text-align: center;
    font: 14px Helvetica;
    text-decoration: none;
}
.footerzone a:hover{
    text-decoration: none;
    color: #009fe3; /* light blue */
}
.footerzone .selected{
    color: #be1522; /* red bb1717*/
}
.footerzone hr{
    background-color: #9a9a99;
    width: 900px;
    border: 0px;
    height: 2px;
}
.footertextsm{
    color: #9a9a99;
    text-align: center;
    font: 12px Helvetica;
    padding: 6px;
}
.bluetext{
    color: #009fe3 !important; /* light blue */
}

/* ---- Dropdown Menu ---- */
#dropdownmenu{
    list-style: none;
    font-weight: bold;
    margin-bottom: 3px;
    float: right;
    width: 100%;
    font: 14px Helvetica;
    /* Bring the nav above everything else--uncomment if needed.
    position: relative;
    z-index: 5;
    */
}
#dropdownmenu li{
    float: right;
    margin-right: 20px;
    position: relative;
}
#dropdownmenu a{
    display: block;
    padding: 5px;
    color: #70706f;
    text-decoration: none;
}
#dropdownmenu a:hover{
    color: #009fe3;
}
/*--- DROPDOWN ---*/
#dropdownmenu ul{
    background: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    left: -9999px;
    padding: 0;
}
#dropdownmenu ul li{
    padding-top: 0px;
    float: none;
    text-align: left;
    border-color: #000000;
}
#dropdownmenu ul a{
    white-space: nowrap;
    color: #009fe3;
    font-weight: bold;
    background: #ffffff;
    border: 1px #777777 solid;
    padding: 5px;

}
#dropdownmenu li:hover ul{
    left:0;
}
#dropdownmenu li:hover a{

}
#dropdownmenu li:hover ul a{
    text-decoration: none;
}
#dropdownmenu li:hover ul li a:hover{
    background: #efefef;
}