@charset "utf-8";
/* CSS Document */

/*
  
 * Filename		 		style.css
 * Website				
 * Author				InMotion Hosting - http://inmotionhosting.com 

 */



@font-face {
    font-family: 'MicrosoftSansSerifRegular';
    src: url('../fonts/micross-webfont.eot');
    src: url('../fonts/micross-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/micross-webfont.woff') format('woff'),
         url('../fonts/micross-webfont.ttf') format('truetype'),
         url('../fonts/micross-webfont.svg#MicrosoftSansSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {margin:0;padding:0;}

body {background:#00446a url(../_img/cogent-icon.png) top center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

h1 {}
h2 {font-size:22px; margin:0 0 20px 0;}
h3 {}
h4 {}
h5 {}
h6 {}

p {line-height:24px; margin-bottom:16px;}

a:link, a:visited {text-decoration:none; outline:none;}
a:hover, a:focus {text-decoration:underline; outline:none;}


/* insert this class where you need to clear inline items */
.clearall {clear:both;}


/* float images left or right - adjust margins as needed */
.left-img {float:left; margin:0 10px 0 0;}
.right-img {float:right; margin:0 0 0 10px;}




/*** LAYOUT STYLES ***/

#topwrap {width:100%; margin:0; height:30px; background:#d7d7d7; color:#000; padding-top:10px;}
#top, #wrapper, #container, #header, #footer {margin:0 auto; width:920px;}
marquee {height:36px;}

/* HEADER */

#header {margin-bottom:10px;color:#fff;}
#logo {float:left;}
#contact-info {float:right; margin-top:30px;}
#contact-info h2 {font-family: 'MicrosoftSansSerifRegular'; font-size:16px; text-align:right; font-weight:normal; margin-bottom:16px; line-height:24px;}
#contact-info h3 {font-family: 'MicrosoftSansSerifRegular'; font-size:30px; text-align:right; font-weight:normal}


#container {background:#fff; border:1px solid #464a50; background:url(../_img/bg-container.jpg) repeat-y;}

/* NAVIGATION */

#nav {float:left; width:302px; height:300px;background:#24292e; font-family: 'MicrosoftSansSerifRegular';}
#nav ul {display:block; margin:0;}
#nav li {height:60px; width:302px; font-size:14px; }
#nav li.last {height:44px; width:274px; background:#24292e; border-bottom:1px solid #24292e;}
#nav li a, #nav li a:visited {display:block; height:37px; width:274px; color:#d3d4d5; padding:22px 0 0 28px; background:#24292e url(../_img/bullet-nav.png) left center no-repeat; border-bottom:1px solid #33383d;}
#nav li a:hover, #nav li a:focus {display:block; height:37px; width:274px; color:#d3d4d5; padding:22px 0 0 28px; background:#33383d url(../_img/bullet-nav.png) left center no-repeat; text-decoration:none; border-bottom:1px solid #33383d;}

body#pageHome li#navHome a {background:#33383d url(../_img/bullet-nav.png) left center no-repeat;}
body#pageServices li#navServices a {background:#33383d url(../_img/bullet-nav.png) left center no-repeat;}
body#pageCaseStudies li#navCaseStudies a {background:#33383d url(../_img/bullet-nav.png) left center no-repeat;}
body#pageDocuments li#navDocuments a {background:#33383d url(../_img/bullet-nav.png) left center no-repeat;}
body#pageContact li#navContact a {background:#33383d url(../_img/bullet-nav.png) left center no-repeat;}


/* LEADERBOARD */

#leader {float:right; width:618px; height:300px;}



/* CONTENT */

#content-wrap {}
#content {overflow:hidden;}



#content-left {float:left; width:270px; margin:16px; color:#fff; background:url(../_img/bg-left-col.jpg) top left no-repeat;}
#content-left h2 {font-size:18px; font-style:italic; margin-bottom:20px;}
#content-left p {font-style:italic; font-style:12px; line-height:20px; color:#d2d3d4;}
#content-right {float:right; width:586px;margin:16px; color:#1a1b1f;}

#content-right ul {list-style-type:square; margin:0 0 20px 20px; font-size:14px;}
#content-right li {padding-bottom:10px; line-height:24px;}


#hightlight {width:530px; margin:20px auto 30px auto; background:#f3f3f4; padding:14px;}
#hightlight ul {list-style-image:url(../_img/bullet-content.png); margin:0 0 20px 20px; font-size:12px;}
#hightlight li {padding-bottom:10px; line-height:20px;}


/* FOOTER */


#footer {margin:10px 0 0 0;}
#footer p {color:#dddada; font-size:14px; text-align:left; margin-bottom:6px;}

.spacing {padding-left:40px;}

#footer a, #footer a:visited {}
#footer a:hover, #footer a:focus {}

#contact {}
#contact p {}

#social {}

#copyright {margin:4px 0 20px 0;}
#copyright p {color:#9a9999; font-size:10px;}
#copyright a, #copyright a:visited {color:#dddada;}
#copyright a:hover, #copyright a:focus {color:#dddada; text-decoration:none;}



/* Errors */

#404wrap {margin:20px auto; width:800px; height:400px; background:#f2f2f2; border:1px solid #e3e3e3; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#404wrap h1 {font-size:18px; margin:20px; text-align:center;}
#404wrap p {margin:20px; text-align:center;}
#404wrap ol {margin:40px;}
#404wrap ul {margin:40px;}
#404wrap li {padding-bottom:8px;}
#404wrap a:link, #404wrap a:visited {color:#01759d; text-decoration:none; outline:none;}
#404wrap a:hover, #404wrap a:focus {color:#e26c1d; text-decoration:underline; outline:none;}