* {
  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: Verdana, Arial, Helvetica, sans-serif;
}

fieldset, img {border: 0;}

li {list-style-type: none;}

br.clear {clear: both;}

@font-face {
	font-family: 'MuseoSans500';
	src: url('museosans_500-webfont.eot');
	src: local('_none_'), url('museosans_500-webfont.woff') format('woff'), url('museosans_500-webfont.ttf') format('truetype'), url('museosans_500-webfont.svg#webfontJWipOVWT') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

div#header {
  height: 188px;
}

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

h1 {

}

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

h2 {
  font-family: 'MuseoSans500', Arial, sans-serif;
		font-weight: normal;
}

/* ------------------------------------------------------------------------------------- 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;
}

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

ul#nav {
  font-family: 'MuseoSans500', Arial, sans-serif;
  margin-left: 20px;
  font-size: 14px;
}

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-website-development li#nav-website-development a,
body#page-data-integration li#nav-data-integration a,
body#page-mobile-media li#nav-mobile-media a,
body#page-products li#nav-products a,
body#page-cloud-services li#nav-cloud-services a,
body#page-consultancy li#nav-consultancy a,
body#page-blog li#nav-blog a,
body#page-contact li#nav-contact a {
  color: #ffab00;
}

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

div#main {
  height: 711px;
}

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

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

div.footer-col {
  float: left;
  width: 298px;
  margin-left: 12px;
  margin-right: 9px;
  background: url(../images/bg_footer.png) no-repeat;
  margin-top: 20px;
  display: inline;
}

div.footer-col p {
  font-size: 14px;
  font-family: 'MuseoSans500', Arial, sans-serif;
  line-height: 1.5em;
  padding-left: 10px;
}












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

p#about-summary {
  margin-left: 20px;
		font-size: 23px;
  font-family: 'MuseoSans500', Arial, sans-serif;
		line-height: 1.5em;
		padding-top: 40px;
}

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

div.col-homepanel h2 {
  font-size: 19px;
  margin-bottom: 20px;
}

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;
}

div.col-homepanel p {
  font-size: 14px;
  font-family: 'MuseoSans500', Arial, sans-serif;
  line-height: 1.5em;
  margin-right: 26px;
  height: 125px;
  color: #eef0f7;
}

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

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

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

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

div.col-internal-left p {
  font-size: 14px;
  font-family: 'MuseoSans500', Arial, sans-serif;
  line-height: 1.5em;
  color: #eef0f7;
  margin-bottom: 1em;
}


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

div.col-internal-left li,
div.col-internal-right li {
  font-size: 14px;
  font-family: 'MuseoSans500', Arial, sans-serif;
  line-height: 1.5em;
  color: #eef0f7;
  list-style-type: none;
}

div.col-internal-left p a,
div.col-internal-right p a {
  color: #ffab00;
  text-decoration: none;
}

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

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

div.col-internal-right p {
  font-size: 14px;
  font-family: 'MuseoSans500', Arial, sans-serif;
  line-height: 1.5em;
  color: #eef0f7;
  margin-bottom: 1em;
}


/* ------------------------------------------------------------------------------------- data integration */

body#page-data-integration div.col-internal-right {
  text-align: center;
}

/* ------------------------------------------------------------------------------------- mobile media */

body#page-mobile-media div.col-internal-right p {
  width: 250px;
  margin-left: 20px;
  margin-top: 15px;
}

div.col-internal-left h3,
div.col-internal-right h3 {
  font-size: 19px;
  font-weight: normal;
  font-family: 'MuseoSans500', Arial, sans-serif;
  line-height: 1.5em;
  color: #eef0f7;
  margin-bottom: 1em;
}

div.col-internal-left h4,
div.col-internal-right h4 {
  font-size: 19px;
  font-weight: normal;
  font-family: 'MuseoSans500', Arial, sans-serif;
  line-height: 1.5em;
  color: #99ccff;
}


/* ------------------------------------------------------------------------------------- on demand */

body#page-on-demand-saas-crm div.col-internal-left p span {
  color: #00ffff;
}

/* ------------------------------------------------------------------------------------- sms */

div#sms-price-structure {
  background: #ededed;
  width: 440px;
  height: 555px;
}

table#table-pricing {
  width: 400px;
  margin-left: 10px;
  padding-top: 10px;
}

table#table-pricing th,
table#table-pricing td {
  font-size: 14px;
  font-family: 'MuseoSans500', Arial, sans-serif;
  text-align: left;
  color: #666;
  padding: 5px 0;
}

table#table-pricing th {
  font-size: 19px;
  font-weight: normal;
}

table#table-pricing td {
  border-top: 1px solid #ccc;
}

table#table-pricing td.price,
table#table-pricing th.price {
  text-align: right;
}

/* ------------------------------------------------------------------------------------- website development - case studies */

body#page-website-development div#flowpanes {
	overflow: hidden;
  width: 440px;
	height:600px;
  position: relative;
}

body#page-website-development div#flowpanes div.casestudy {
	float: left;
	width: 440px;
  height: 643px;
  display: inline;
}

body#page-website-development div#flowpanes .items {
	width: 20000em;
	position: absolute;
	clear: both;
	margin: 0;
	padding: 0;
}

body#page-website-development ul#case-study-nav {
  margin-bottom: 10px;
}

body#page-website-development ul#case-study-nav li {
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  display: inline;
  padding-right: 15px;
}

body#page-website-development ul#case-study-nav a {
  color: #fff;
  text-decoration: none;
}

body#page-website-development div.casestudy div.casestudy-text {
  background: #fff;
  width: 440px;
  padding: 10px 0;
}

body#page-website-development div.casestudy div.flexcroll {
  background: #fff;
  height: 230px;
  width: 400px;
  margin: 0 20px;
}

body#page-website-development div.casestudy div.flexcroll p {
  color: #676767;
  padding-right: 10px;
}


body#page-website-development div.col-internal-right h2 {
  margin-bottom: 5px;
}


body#page-website-development div.col-internal-right h3 a {
  display: block;
  width: 440px;
  height: 49px;
  text-indent: -6000px;
  margin: 1px 0;
}

h3#btn-touramerica a {background: url(../images/btn_touramerica.png) no-repeat;}
h3#btn-goldcore a {background: url(../images/btn_goldcore.png) no-repeat;}
h3#btn-wejchert a {background: url(../images/btn_wejchert.png) no-repeat;}
h3#btn-calor a {background: url(../images/btn_calor.png) no-repeat;}


h3#btn-cunninghamlindsey {
  background: url(../images/btn_cunninghamlindsey.png) no-repeat;
  width: 440px;
  height: 49px;
  text-indent: -6000px;
  margin: 1px 0;
}


/* ------------------------------------------------------------------------------------- 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: 21px;
  margin-bottom: 10px;
}

body#page-about h3 {
  font-family: 'MuseoSans500', Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
}

body#page-about p {
  font-family: 'MuseoSans500', Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 1em;
}

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-form label {
  font-size: 11px;
}

div#contact-form input.textfield {
  width: 300px;
  margin: 2px 0 10px 0;
  font-size: 12px;
  color: #666;
}

div#contact-form form {

}

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

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

div#contact-form p {
  font-size: 11px !important;
  margin: 15px 0 0 0  !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

div#contact-form textarea {
  width: 300px;
  height: 150px;
  font-size: 12px;
  margin: 2px 0 0 0;
  color: #666;
}

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