* {
  margin: 0;
  padding: 0;
}

body {
  background: url(../images/bg_page.jpg) no-repeat;
  color: #fff;
}

a:active {outline:none;}
:focus {-moz-outline-style:none;}

body, input, button, textarea, select {
  font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif; /* via typekit */
}

fieldset, img {
  border: 0;
}

li {
  list-style-type: none;
}

br.clear {
  clear: both;
  font-size: 1px;
}

p {
		font-weight: 300;
  font-size: 14px;
  line-height: 1.5em;
  color: #fff;
  margin-bottom: 1em;
}

strong {
		font-weight: 700;
}

p a {
  color: #99ccff;
		font-weight: 700;
  text-decoration: none;
}

p a:hover {
  color: #fff;
}

textarea {
		font-weight: 300;
  font-size: 15px;
  background: #fff;
  color: #333;
  border: 0;
  padding: 6px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(../PIE.php);
}

input.textfield {
		font-weight: 300;
  font-size: 15px;
  background: #fff;
  color: #333;
  border: 0;
  padding: 6px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(../PIE.php);
}

/* ------------------------------------------------------------------------------------- header */

div#header {
  height: 188px;
}

/* ------------------------------------------------------------------------------------- logo */

h1 a {
  width: 392px;
  height: 155px;
  background: url(../images/logo_nexus451.png) no-repeat;
  display: block;
  text-indent: -3000px;
}

/* ------------------------------------------------------------------------------------- headings */

h2 {
		font-weight: 700;
}

h2.page-title {
  font-size: 28px !important;
  margin: 15px 0 15px 21px;
}




/* ------------------------------------------------------------------------------------- social media links */

ul#sm-links {
  position: absolute;
  top: 0;
  left: 800px;
  background: url(../images/followus.png) no-repeat;
  width: 113px;
  height: 80px;
}

ul#sm-links li {
  float: left;
  margin-right: 10px;
  display: inline;
}

ul#sm-links a {
  display: block;
  padding-top: 20px;
  width: 24px;
  height: 24px;
  text-indent: -6000px;
}

li#nav-twitter {
  margin-left: 27px;
}

/* ------------------------------------------------------------------------------------- customer portal login */

form#customer-login-form label {
  font-size: 11px;
}

form#customer-login-form input.textfield {
  color: #333;
  font-size: 12px;
  margin: 2px 0px 10px;
  width: 300px;
}

form#customer-login-form a#forgotPassword {
  color: #fff;
  font-size: 11px;
  display: block; 
}

/* ------------------------------------------------------------------------------------- nav */

ul#nav {
		font-weight: 300;
  font-size: 14px;
  margin-left: 20px;
}

ul#nav li {
  display: inline;
}

ul#nav a {
  color: #fff;
  text-decoration: none;
  border-left: 1px solid #80a8da;
  padding: 0 2px 0 5px;
}

ul#nav a:hover {
  color: #ffab00;
}

ul#nav li.first a {
  border-left: 0;
  padding-left: 0;
}

/* ------------------------------------------------------------------------------------- nav current page */

body#page-home li#nav-home a,
body#page-about li#nav-about a,
body#page-salesforce-services li#nav-salesforce-services a,
body#page-cloud-saas-solutions li#nav-cloud-saas-solutions a,
body#page-crm-business-processes li#nav-crm-business-processes a,
body#page-web-design-mobile-media li#nav-web-design-mobile-media a,
body#page-blog li#nav-blog a,
body#page-contact li#nav-contact a {
  color: #ffab00;
}

/* ------------------------------------------------------------------------------------- subnav */

ul#subnav {
  background: url(../images/bg_subnav.png) no-repeat;
		font-weight: 300;
  font-size: 14px;
  height: 31px;
  padding-left: 21px;
}

ul#subnav li {
  list-style-type: none;
  display: inline;
  line-height: 31px;
  padding: 0 8px;
  border-left: 1px solid #fff;
}

ul#subnav li.first {
  border-left: 0;
  padding-left: 0;
}


ul#subnav a {
  color: #99ccff;
  text-decoration: none;
}

ul#subnav a:hover,
ul#subnav li.active a {
  color: #fff;
}

/* ------------------------------------------------------------------------------------- main */

div#main {
  height: 711px;
}

/* ------------------------------------------------------------------------------------- footer */

div#footer {
  height: 365px;
  position: relative;
}

div.footer-col {
  float: left;
  width: 298px;
  margin-left: 12px;
  margin-right: 9px;

  margin-top: 20px;
  display: inline;
}

div.footer-col p {
  padding-left: 10px;
  line-height: 22px;
  margin-bottom: 22px;
  padding-bottom: 0;
  background: url(../images/bg_footer.png) no-repeat;
}

div#footer a {
  font-weight: 300;
  color: #fff;
}

/* ------------------------------------------------------------------------------------- home */

p#about-summary {
  margin-left: 20px;
		font-size: 24px;
		padding-top: 40px;
  font-weight: 700;
  line-height: 1.8em;
  margin-bottom: 0;
}

div.col-homepanel {
  width: 280px;
  float: left;
  margin: 35px 20px 0 20px;
  display: inline;
}

div.col-homepanel h2 {
  font-size: 18px;
  margin-bottom: 10px;
}

div.col-homepanel a.button {
  color: #fff;
  text-decoration: none;
  background: url(../images/bg_button.png) no-repeat;
  padding: 6px 0 10px 40px;
  font-size: 15px;
  display: block;
		font-weight: 700;
}

div.col-homepanel input.button {
  font-size: 15px;
		font-weight: 700;
  font-family: "museo-sans-1","museo-sans-2", Arial, sans-serif; /* via typekit */
}


div.col-homepanel p {
  margin-right: 26px;
  height: 125px;
}

div.col-homepanel p a {
  color: #ffab00;
  text-decoration: none;
}

/* ------------------------------------------------------------------------------------- internal pages */

div.col-internal-left {
  width: 440px;
  float: left;
  margin: 24px 30px 0 21px;
  display: inline;
}

div.col-internal-left h2 {
  font-size: 20px;
  margin-bottom: 20px;
}

div.col-internal-left ul,
div.col-internal-right ul {
  margin-bottom: 1em;
}

div.col-internal-left li,
div.col-internal-right li {
		font-weight: 300;
  font-size: 14px;
  line-height: 1.5em;
  color: #eef0f7;
  list-style-type: none;
}

div.col-internal-right {
  width: 440px;
  float: left;
  margin: 25px 0 0 0;
  display: inline;
}

div.col-internal-right h2 {
  font-size: 20px;
  margin-bottom: 20px;
}

div.col-internal-left h3,
div.col-internal-right h3 {
		font-weight: 300;
  font-size: 19px;
  line-height: 1.5em;
  color: #eef0f7;
  margin-bottom: 1em;
}

div.col-internal-left h4,
div.col-internal-right h4 {
		font-weight: 300;
  font-size: 19px;
  line-height: 1.5em;
  color: #99ccff;
}
 
/* ------------------------------------------------------------------------------------- about */
 
div.col-289 {
  width: 289px;
  float: left;
  margin: 34px 22px 0 10px;
  display: inline;
  line-height: 1.4em;
}
  
body#page-about h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

body#page-about h3 {
		font-weight: 300;
  font-size: 14px;
  margin-bottom: 0;
}

body#page-about p.linkedin-link {
  margin-bottom: 0;
  font-size: 12px;
}

body#page-about p.linkedin-link a {
  color: #fff;
  text-decoration: none;
}

/* ------------------------------------------------------------------------------------- contact */

div#contact-map {
  background: #fff;
  width: 440px;
  padding: 20px 0;
  margin-top: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(../PIE.php);
}

body#page-contact label {
		font-weight: 300;
  font-size: 14px;
}

div#contact-form input.textfield {
  width: 440px;
  margin: 2px 0 8px 0;
}

div#contact-form fieldset#enquiry-type label {
  display: block;
  height: 15px;
  padding-top: 10px;
}

div#contact-form fieldset#enquiry-type {
  margin-bottom: 10px;
}

div#contact-form p {
  margin: 10px 0 0 0  !important;
}

div#contact-form p.note {
  text-align: center;
  padding: 0 20px;
  font-size: 13px !important;
}

div#contact-form textarea {
  width: 440px;
  margin: 2px 0 0 0;
  height: 174px;
}

div#contact-form input.button {
  cursor: pointer;
  margin-left: 270px;
}

div#newsletter-signup p {
  height: 75px;
}

div#newsletter-signup input.textfield {
  width: 282px;
  margin-bottom: 18px;
}

div#newsletter-signup input.button {
  color: #fff;
  text-decoration: none;
  background: url(../images/bg_button.png) no-repeat;
  padding: 6px 0 10px 40px;
  font-size: 15px;
  display: block;
  border: 0;
  cursor: pointer;
  text-align: left;
}

/* ------------------------------------------------------------------------------------- landing */

div#landing {
  width: 921px;
  margin-left: 21px;
  padding-top: 20px;
}

div#landing h2 {
  font-size: 46px;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  line-height: 1.2em;
}

div#landing h2 span {
  font-size: 26px;
  font-weight: 300;
}

div#landing fieldset {
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

div#landing label {
  font-size: 16px;
		font-weight: 300;
  color: #fff;
}

div#landing h4,
div#landing h4 label {
  font-size: 16px;
		font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

div#landing h3,
div#landing h3 label {
  font-size: 27px;
		font-weight: 700;
  color: #ccc;
  margin-bottom: 15px;
}


div#landing ul.form-fields li {
  float: left;
  list-style-type: none;
  width: 293px;
  margin-right: 21px;
  display: inline;
}

div#landing ul.form-fields li.last {
  margin-right: 0;
}

div#landing input.textfield {
  width: 293px;
  margin: 2px 0 14px 0;
}

div#enquiry-fields {
  float: left;
  width: 293px;
}

div#enquiry-fields label {
  display: block;
  height: 15px;
  padding-top: 7px;
  font-size: 14px;
}

div#comments-field {
  float: left;
  width: 607px;
  margin-left: 21px;
  display: inline;
}

div#comments-field textarea {
  width: 607px;
  height: 100px;
  margin: 2px 0 12px 0;
}

div#landing.landing-job textarea {
  height: 150px;
  margin: 10px 0 12px 0;
}


div#landing input.button {
  cursor: pointer;
  float: left;
  margin-left: 21px;
  display: inline;
  width: 293px;
}

label#check-newsletter {
  margin-left: 314px;
  float: left;
  display: inline;
  width: 293px;
  padding-top: 15px;
}

div#col-summary {
  width: 293px;
  float: left;
}

div#col-contact-details {
  width: 607px;
  float: left;
  margin-left: 21px;
  display: inline;
}

.no-margin {
  margin: 0 !important;
}





ul#sitemap {
  margin: 20px; 0 0 21px;
  color: #fff;
}

ul#sitemap a {
  color: #fff;
  text-decoration: none;
}

ul#sitemap a:hover {
  color: #9CF;
}
 
ul#sitemap li {
  font-weight: 700;
  line-height: 2em;
}

ul#sitemap li li {
  font-weight: 300;
  display: inline;
  font-size: 14px;
}

ul#sitemap li li a {
  padding: 0 5px;
}

ul#sitemap li li:first-child a {
  padding-left: 0;
}

div#thank-you {
  width: 703px;
  height: 236px;
  margin: 20px;
  background: url(/images/ty451.png) no-repeat;
  text-indent: -9999px;
}

div#unsubscribe {
  width: 655px;
  height: 297px;
  margin: 20px;
  background: url(/images/unsubscribe_dont.png) no-repeat;
  text-indent: -9999px;
}

form#form-unsubscribe label {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  margin-left: 20px;
}

form#form-unsubscribe label input {
  margin-right: 10px;
}

form#form-unsubscribe input.submit {
  margin: 20px 0 0 362px;
  cursor: pointer;
}

div#unsubscribe-confirm {
  width: 621px;
  height: 244px;
  margin: 20px;
  background: url(/images/unsubscribe_confirm.png) no-repeat;
  text-indent: -9999px;
}