/* Stilpoint css */
* {margin: 0px; padding: 0px;}
body {
	background: #000;
	font-family: "Trebuchet MS", sans-serif;
}
header, footer, nav, section {display: block;}
h1 {
  height: 80px;
  margin-left: 44px;
	text-indent: -8888px;
  font-size: 1em;
	background: url(./images/stilpoint.png) no-repeat 0px 5px;
	background-size: 380px 68px;
}
/* high res header logo for webkit, mozilla, ie9-11, standard */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi), only screen and (min-device-pixel-ratio: 2) {
  h1  {
		background-image: url(./images/stilpoint@2x.png);
	}
}
h1 a { /* click for home */
  display: block;
  height: 75px;
  width: 400px;
}
h2 {
  font-size: 0.8em;
	line-height: 2.5em;
}
h3 {
  font-size: 1.3em;
  line-height: 2em;
}
h4 {
  font-size: 0.9em;
  line-height: 1.3em;
}
h5 {
  font-size: 0.8em;
	line-height: 2.5em;
}
p {
	font-size: 0.9em;
	line-height: 1.1em;
}
ul {
	list-style-type: none;
}
a:link, a:visited{
	color: #777;
	text-decoration: none;
}
a:hover, a:active {
  color: #000;
	text-decoration: none;
}
a img {
	border-style: none;
}
#wrapper {
	width: 1060px;
	margin: 0px auto;
	min-height: 700px;
	position: relative;
}
/* HEADER ------ */
header {background-color: #303030;}
header p.subHead {
  position: absolute;
  right: 44px;
  top: 17px;
  color: #fff;
  font-size: 1.9em;
  line-height: 1.5em;
}
header p.email {
  position: absolute;
  right: 44px;
  top: 88px;
}
header nav {
	width: 40%;
	margin-left: 33%;
}
header nav ul {
  font-size: 1em;
	line-height: 2em;
}
header nav li {
  float: left;
  padding: 0em 1em;
}
header nav a {
	display: block;
}
header a:link, header a:visited {
	color: #FFF;
}
header a:hover, header a:active {
/* 	text-decoration: none; */
	color: #fbd500;
}
header nav .selected {
	color: #fbd500;
}
footer {
  clear: both;
  min-height: 1em;
}
/* HOME PAGE ------ */
#content1 {
  height: 400px;
  background: url(images/designworks1.png) no-repeat center;
  clear: both;
}
#slider img {
  display: block;
  margin: 20px auto 0px auto;
}
#slider p {
  color: #ffffff;
  font-size: 1.1em;
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  top: 355px;
}
#slider p#bbName { /* IBM slide heading */
  top: 36px;
}
#slider p#bbName span {
  font-size: 0.8em;
}
#slider p#bbQuote { /* IBM slide text */
  top: 276px;
  width: 25%;
  padding: 0% 37% 0% 38%;
  text-align: left;
  font-size: 1em;
}
#homeInfo {
  height: 280px;
  background-color: #ffffff;
  background-image: url(images/fadeline.png), url(images/fadeline.png);
  background-position: left top, right top;
  background-repeat: no-repeat;
  position: relative;
}
#homeInfo h3 {
  color: #cf1e28;
  font-size: 1.5em;
  line-height: 2em;
  margin-left: 4%;
}
#homeInfo ul {
	font-size: 0.9em;
	line-height: 1.6em;
  list-style-type: disc;
	list-style-position: outside;
	padding-left: 2em;
}
/* #homeInfo li {} */
.infoBlock {
  width: 20.5%;
  margin-left: 4%;
  float: left;
}
.infoBlock img {
  display: block;
  margin: 8px 0px 0px 4px;
}
#shareBox {
  width: 270px;
  height: 24px;
  background: url(images/shareBkgd.png) no-repeat left top;
  position: absolute;
  top: 0px;
  right: 34px;
}
#shareBox p {
  padding: 3px 22px 0px;
}
.callBox {
  font-size: 1.3em;
  font-weight: bold;
  color: #cf1e28;
/*   text-align: center; */
}
a[href^=tel]{ /* turn off mobile styling of phone link */
  color:inherit;
  text-decoration:none;
}
/* CONTENT PAGES ----- */
#contentArea {
  min-height: 540px;
  position: relative;
  clear: left;
  background-color: #fff;
}
#contentArea h2 {
  margin: 0em 0em 0em 7%;
  padding-top: .6em;
  text-transform: uppercase;
  color: #555;
}
#contentArea h3 {
  margin: 0em 0em 0em 29%;
}
#contentArea p {
  line-height: 1.4em;
  margin-bottom: 1.3em;
}
#contentArea.logos {
  background: #fff url(images/logos.png) no-repeat 75px 140px;
  min-height: 650px;
}
#mainCol1 {
  width: 20%;
  float: left;
  clear: left;
  margin-left: 7%;
}
#mainCol1 h5 {
  text-transform: uppercase;
  color: #555;
}
#mainCol2 {
  position: relative;
  width: 69%;
  float: right;
  margin-right: 2%;
}
.twoCols {
  margin: 1.5em 2em 0em 0em;
  -webkit-column-count: 2;
  -webkit-column-gap: 3em; /* Saf3, Chrome*/
  -moz-column-count: 2;   
  -moz-column-gap: 3em; /* FF3.5+ */
  column-count: 2;        
  column-gap: 3em; /* Opera 11+*/
}
/* ASIDE TO ARCHIVE ------ */
#archive.gallery {
  position: absolute;
  top: 450px;
}
#archive p {
  color: #777;
  font-size: 0.8em;
}
/* GALLERY ------ */
#galleryNav1 {
  font-size: 0.8em;
	line-height: 2.5em;
	position: absolute;
	top: 0.5em;
	left: 28%;
}
#galleryNav1 li {
  float: left;
}
#galleryNav1 a {
	display: block;
  padding: 0em 1.4em;
}
#galleryNav2 {
  font-size: 0.8em;
	line-height: 4em;
  margin-top: 2em;
}
#galleryNav2 a {
	display: block;
}
#galleryNav1 .selected {padding: 0em 1.4em;}
#galleryNav1 .selected, #galleryNav2 .selected {
	color: #000;
}
 /* content & slider div */
 #galleryItems {
  clear: both;
}
#galleryItems img {margin-top: 3em;}
.galleryText {
  position: absolute;
  width: 14em;
  top: 7em;
  right: 1em;
}
.galleryText h4 {margin-bottom: 1em;}
/* MISC ------ */
.txtCenter {text-align: center;}
.txtBold {font-weight: bold;}
.txtReg {font-weight: normal;}
.txtItal {font-style: italic;}
.txtSmall {font-size: 0.8em;}
.floatL {float: left;}
.floatR {float: right;}
.clear {clear: both;}
.mvRt1 {margin-left: 3em;}
.photoWrap {float: left; margin: 0em 1em 3em 0em;}
.copyright {
	font-size: 0.7em;
	line-height: 2em;
	margin-right: 30px;
	text-align: right;
	clear: left;
}