@charset "UTF-8";
@import url("../fancybox/jquery.fancybox-1.3.1.css");
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,span,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, "Helvetica Neue", sans-serif; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 1px; }
a:active { outline: none; border: none; }
a:focus { outline: none; -moz-outline-style: none; border: none; }

/* LAYOUT */
body {
	text-align:center;
	font-weight: 100;
	margin:0;
	padding:0;
	background: url(/images/background.jpg) repeat-x #FFFFFF top center;
}
div#page-wrap {
	position:relative;
	margin:0 auto;
	width:866px;
	text-align:left;
}
div#head {
	width: 960px;
	height: 195px;
}
div#navigation {
	position:absolute;
	right:-20px;
	top:139px;
	width:624px;
	height:46px;
}
#logo {
	position:absolute;
	left:0px;
	top:77px;
}
#slogan {
	position:absolute;
	right:0px;
	top:33px;
}
#neck {
	border: 1px solid #a1a1a5;
	background-color:white;
	overflow:hidden;
	width:864px;
	height:272px;
	position: relative;
}
#foot div div {
	width: 248px;
	margin: 20px 0;
	padding: 0px 20px 0;
}
#foot div div:last-child {
	border-right: none;
}
.innerWrap {
	overflow: hidden;
}
#foot .innerWrap {
	background: #a1a1a5 url(/images/column-borders.png) repeat-y;
	margin: 20px 1px;
}
#home #body .innerWrap {
	margin: 20px 0;
	background: url(/images/home/column-borders.png) repeat-y;
}
.interior #neck {
	padding: 20px;
	width: 824px;
	height: 232px;
}
ul#menu {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul#menu li {
	float:left
}
ul#menu a {
	color: white;
}
.intro {
	overflow: hidden;
	left:-1px;
	position: relative;
}
#foot {
	margin-bottom: 4px;
	background-color: #a1a1a5;
}
#foot div div, #body div div {
	width:248px;
	float: left;
}
#body div div {
	padding: 14px 20px 0;
}
#body, #foot {
	overflow: hidden;
}
#videoLink {
	position: absolute;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 162px;
	background-image: url(/images/sprite-videoLink.png);
	background-position: 0 0;
	right: 0;
	top: 468px;
	z-index: 10;
}
#videoLink:hover {
	background-position: 0 -19px;
}
#serviceList li {
	font-size: 11px;
	float: left;
	width: 124px;
}
.interior #neck p {
	width: 400px;
}
#copyright {
	position: relative;
	height: 24px;
	margin-bottom: 20px;
}
#copyright p {
	color: #303030;
	float: right;
	margin: 0;
}
#copyright a {
	color: #303030;
}
#copyright a:hover {
	color: #d31245;
}
ul#socialLinks li {
	float: left;
	margin-right: 6px;
}
ul#socialLinks li a {
	background-image: url(/images/social-links.png);
	height: 20px;
	width: 20px;
	display: block;
	text-indent: -9999px;
}
ul#socialLinks a#facebook {
	background-position: 0 0;
}
ul#socialLinks a#youtube {
	background-position: -20px 0;
	width: 17px;
}
ul#socialLinks a#linkedin {
	background-position: -37px 0;
}
.backButton, .circleButton {
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	color: #a1a1a5;
	display: inline;
	padding: 0 0 2px 30px;
	background-position: 0 0px;
	text-transform: lowercase;
	position: absolute;
	left: 20px;
	bottom: 20px;
	height: 18px;
}
.circleButton.two {
	left: 190px;
}
.circleButton.three {
	left: 330px;
}
.backButton:hover, .circleButton:hover {
	background-position: 0 -20px;
}
.backButton cufon, .circleButton cufon {
	position: relative;
	bottom: 4px;
}
.backButton {
	background: url(/images/backButton.png) no-repeat;
}
.circleButton {
	background: url(/images/circleButton.png) no-repeat;
}
#summary {
	position: absolute;
	top: 4000px;
	background-color: #a1a1a5;
	width: 500px;
	padding: 20px;
	margin: 20px;
}
#summary h2, #summary h2 a {
	color: white !important;
}
#summary div {
	border-bottom: 1px solid white;
	margin-bottom: 21px;
}

	/* Styling specific to the "Home" page */

	#home #body {
		margin: 20px 0;
	}
	#home #bodyText {
		padding: 20px 20px 0 20px;
	}
	#home #bodyText p {
		margin-bottom: 0;
	}

	#home #featuredWork {
		border-top: solid 1px #a1a1a5;
		padding: 10px 0 20px 0;
		border-bottom: solid 1px #a1a1a5;
		overflow: hidden;
	}
	#home #featuredWork div {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		clear: both;
		float: none;
	}
	#home #featuredWork h4 {
		margin: 7px 0 12px 20px;
	}
	#home #featuredWork ul {
		clear: both;
	}
	#home #featuredWork .float-right {
		margin-right: 20px;
	}
	#home #featuredWork li {
		float: left;
		margin-right: 14px;
	}
	#home #featuredWork li:last-child {
		margin-right: 0;
	}
	#loading {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -13px;
		background-image: url(/images/home/22.gif);
		display: block;
		width: 80px;
		height: 26px;
	}


	/* Styling specific to the "About" page */
	
	#about #neck .bg {
		position: absolute;
		bottom: 0;
		right: 0px;
	}
	#about #body {
		margin: 35px 0 20px 0;
		padding: 0 20px;
	}
	#about #body .leftCol {
		margin-right: 20px;
	}
	#about #body .leftCol, #faq #body .rightCol {
		width: 400px;
		float: left;
	}
	#about #body .rightCol {
		margin: 0;
	}
	ol {
		list-style-type: decimal;
		padding-left: 20px;
	}
	
	
	/* Styling specific to the "Services" page */
	
	#services table {
		position: absolute;
		right: 62px;
		top: 20px;
	}
	#services thead td {
		color: #d31245;
	}
	#services td {
		border: white solid 1px;
		border-collapse: collapse;
		padding: 6px 15px;
		color: black;
	}
	#services .col1 {
		background-color: #cecece;
	}
	#services .col2 {
		background-color: #b6b6b6
	}
	#services .col3 {
		 background-color: #a1a1a5;
	}
	#services thead td {
		font-family: Futura;
		background-color: white;
		font-size: 16px;
	}
	#services #body {
		margin: 35px 0 20px 0;
		padding: 0 20px;
	}
	#services #body .leftCol, #services #body .rightCol {
		width: 400px;
		float: left;
	}
	#services #body .leftCol {
		margin-right: 20px;
	}
	
	
	/* Styling specific to the "Supplemental-Services" page */
	
	#supplemental-services table {
		position: absolute;
		right: 62px;
		top: 50px;
	}
	#supplemental-services td {
		border: white solid 1px;
		border-collapse: collapse;
		padding: 6px 15px;
		color: black;
	}
	#supplemental-services .col1 {
		background-color: #cecece;
	}
	#supplemental-services .col2 {
		background-color: #b6b6b6
	}

	#supplemental-services thead td {
		font-family: Futura;
		background-color: white;
		font-size: 16px;
	}
	
	/* Styling specific to the "Projects" page */
	
	#projects #neck ul {
		width: 400px;
		position: absolute;
		right: 10px;
		top: 20px;
	}
	#projects #neck li {
		float: left;
		padding-right: 10px;
	}
	#projects #neck li.title {
		padding-top: 25px;
		padding-right: 20px;
		color: #a1a1a5;
		font-family: Futura, Arial, Helvetica, sans-serif;
		font-size: 16px;
	}
	#projects #neck li a {
		display: block;
		height: 72px;
		width: 72px;
		text-indent: -9999px;
		background-image: url(/images/projects/sprite-projectIcons2.png);
		background-repeat: no-repeat;
		margin-bottom: 8px; 
	}
	#projects a#aptiris {
		background-position: 0 0;
	}
	#projects a#bodyCraft {
		background-position: -72px 0;
	}
	#projects a#perfectAffinity {
		background-position: -144px 0;
	}
	#projects a#ebryit {
		background-position: -216px 0;
	}
	#projects a#bsd {
		background-position: 0 -72px;
	}
	#projects a#habitat {
		background-position: -72px -72px;
	}
	#projects a#surfTech {
		background-position: -144px -72px;
	}
	#projects a#tsma {
		background-position: -216px -72px;
	}
	#projects a#bogueWatch {
		background-position: 0 -144px;
	}
	#projects a#southernPrime {
		background-position: -72px -144px;
	}
	#projects a#fmsi {
		background-position: -144px -144px;
	}
	#projects a#constantRaving {
		background-position: -216px -144px;
	}
	#project-single .prev, #project-single .next {
		background-image: url(../images/projects/nextPrev.png);
		width: 21px;
		height: 20px;
		text-indent: -9999px;
		display: block;
		float: left;
		margin-right: 10px;
	}
	#project-single .prevNext {
		position: absolute;
		bottom: 16px;
		left: 20px;
		width: 400px;
		height: 22px;
	}
	#project-single .next {
		background-position: -63px 0;
	}
	#project-single .next:hover {
		background-position: -63px -20px;
	}
	#project-single .prev:hover {
		background-position: 0 -20px
	}
	#project-single a.projectIcon {
		text-indent: -9999px;
		display: block;
		height: 21px;
		width: 42px !important;
		float: left;
		background-image: url(/images/projects/nextPrev.png);
		background-position: -21px 0;
		margin-right: 10px;
	}
	
	
		/* Styling specific to the "Case_Studies" page */
	
	#case_studies #neck2 ul {
		width: 400px;
		position: absolute;
		right: 10px;
		top: 20px;
	}
	#case_studies #neck2 li {
		float: left;
		padding-right: 10px;
	}
	#case_studies #neck2 li.title {
		padding-top: 25px;
		padding-right: 20px;
		color: #a1a1a5;
		font-family: Futura, Arial, Helvetica, sans-serif;
		font-size: 16px;
	}
	#case_studies #neck2 li a {
		height: 72px;
		width: 72px;
		text-indent: -9999px;
		background-image: url(/images/projects/sprite-projectIcons2.png);
		background-repeat: no-repeat;
		margin-bottom: 8px; 
	}
	#projects a#blank {
		background-position: -72px -216px;
	}
	#projects a#aptiris2 {
		background-position: -72px 0;
	}
	#projects a#bodyCraft2 {
		background-position: -72px 0;
	}
	#projects a#perfectAffinity2 {
		background-position: -144px 0;
	}
	#projects a#ebryit2 {
		background-position: -216px 0;
	}
	#projects a#bsd2 {
		background-position: 0 -72px;
	}
	#projects a#habitat2 {
		background-position: -72px -72px;
	}
	#projects a#surfTech2 {
		background-position: -144px -72px;
	}
	#projects a#tsma2 {
		background-position: -216px -72px;
	}
	#projects a#bogueWatch2 {
		background-position: 0 -144px;
	}
	#projects a#southernPrime2 {
		background-position: -72px -144px;
	}
	#projects a#fmsi2 {
		background-position: -144px -144px;
	}
	#projects a#constantRaving2 {
		background-position: -216px -144px;
	}
	#projects a#disc-o-bed2 {
		background-position: 0 -216px;
	}
	#case_studies .prev, #project-single .next {
		background-image: url(../images/projects/nextPrev.png);
		width: 21px;
		height: 20px;
		text-indent: -9999px;
		display: block;
		float: left;
		margin-right: 10px;
	}
	#case_studies .prevNext {
		position: absolute;
		bottom: 16px;
		left: 20px;
		width: 400px;
		height: 22px;
	}
	#case_studies-single .next {
		background-position: -63px 0;
	}
	#case_studies-single .next:hover {
		background-position: -63px -20px;
	}
	#case_studies-single .prev:hover {
		background-position: 0 -20px
	}
	#case_studies-single a.projectIcon {
		text-indent: -9999px;
		display: block;
		height: 21px;
		width: 42px !important;
		float: left;
		background-image: url(/images/projects/nextPrev.png);
		background-position: -21px 0;
		margin-right: 10px;
	}

	
	/* Styling specific to the individual "Project" pages */
	#project-single .projectImage {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	/* Styling specific to the "FAQ" page */
	
	#faq #neck .bg {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#faq #body {
		margin: 35px 0 20px 0;
	}
	#faq #body .leftCol, #faq #body .rightCol {
		width: 400px;
		float: left;
		margin-left: 20px;
	}
	#faq #body ul {
		list-style-type: none;
		margin-bottom: 20px;
		overflow: hidden;
	}
	#faq #body li:after {
		content: ","
	}
	#faq #body li:last-child:after {
		content: "";
	}
	#faq #body li {
		float: left;
		margin-right: 4px;
	}
	#faq #body h4 {
		clear: both;
	}
	
	
	/* Styling specific to the "Clients" page */
	
	#clients .lists {
		height: 215px;
		position: absolute;
		width: 400px;
		right:13px;
		top: 22px;
	}
	#clients dl {
		float: left;
		width: 100px;
		height: 215px;
		padding: 0 15px;
		border-right: 1px solid #a1a1a4;
	}
	#clients dl:last-child {
		border-right:none;
	}
	#clients dt {
		color: #a7a7ab;
		font-weight: normal;
		font-size:16px;
		font-family: Futura, Arial, Helvetica, sans-serif;
	}
	#clients dd {
		padding-left: 15px;
	}


	/* Styling specific to the "Clients" page */
	
	#contact #formContainer {
		margin: 0 auto;
		width: 615px;
		padding: 20px;
	}
	#contact form {
		font-family: Arial, Helvetica, sans-serif;
	}
	#contact td {
		vertical-align: top;
		padding: 6px;
	}
	#contact .bg {
		position: absolute;
		bottom: 0;
		right: 0px;
	}
	
	/* Styling specific to the "Blog" page */
	
	#blog {
		background: white;
	}
	#blog #body {
		background-image: url(../images/blog/wrap-bg.png);
	}
	#blog h3, #blog dt {
		font-family:Futura, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:300;
		color:#FFF !important;
		line-height: 20px;
		text-transform: lowercase;
		position: relative;
		right: 1px;
	}
	#blog dl {
		list-style-type: circle;
		margin-bottom: 20px;
	}
	#blog dd {
		margin-left: 7px;
	}
	#blog #body {
		margin-top: 20px;
	}
	#blog #leftCol, #blog #rightCol {
		float: left;
	}
	#blog #leftCol {
		width: 227px;
		margin: 4px 20px 0 0;
		padding: 10px 20px 20px 20px;
	}
	#blog #rightCol {
		padding: 2px 0 20px 0;
		width: 579px;
	}
	#blog .postedOn {
		border-top: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		width: 579px;
		padding: 2px 0;
		margin-bottom: 5px;
	}
	#blog address {
		margin-bottom: 10px;
	}
	#blog .red-text {
		color:#d31245 !important
	}
	#blog .allow-caps {
		text-transform: none
	}
	#blog #respond {
		width: 100%;
	}
	#blog #body div div {
		width: 100%;
		padding: 0;
	}
	#blog p {
		margin-bottom: 16px;
	}
	#blog .postContainer {
		margin-bottom: 30px;
	}
	
	/* Styling specific to the process page */
	
	#process .bg {
		position: absolute;
		bottom: 0;
		right: 0px;
	}
	#process #body {
		margin: 35px 0 20px 0;
		padding: 0 20px;
	}
	#process #body .leftCol {
		margin-right: 20px;
	}
	#process #body .leftCol, #faq #body .rightCol {
		width: 400px;
		float: left;
	}
	#process #body .rightCol {
		margin: 0;
	}
	
	/* Styling specific to the sitemap */
	
	#sitemap ul ul {
		padding-left: 15px;
	}
	#sitemap #neck .bg {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	#sitemap #neck ul a {
		font-weight: bold;
		color: #d31245;
	}
	
	/* Styling specific to the testimonials */
	
	#testimonials #body {
		margin: 35px 0 20px 0;
		padding: 0 20px;
	}
	#testimonials #body .leftCol {
		margin-right: 20px;
	}
	#testimonials #body .leftCol, #faq #body .rightCol {
		width: 400px;
		float: left;
	}
	#testimonials #body .rightCol {
		margin: 0;
	}
	#testimonials #neck .bg {
		position: absolute;
		bottom: 0;
		right: 0px;
	}


/* TYPOGRAPHY */
body {
	font-size:12px;
	font-family:Arial;
	text-align:left;
	line-height:20px;
	color: #303030;
}
h1 {
	font-family:Futura, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:700;
	color:#999;
	line-height: 20px;
	margin-bottom: 20px;
	text-transform: lowercase;
}
h2 {
	font-family:Futura, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:700;
	color:#999 !important;
	line-height: 25px;
	margin-bottom: 6px;
	text-transform: lowercase;
}
h2 a {
	color: #999;
}
h4 {
	font-family: Futura, Arial, Helvetica, sans-serif;
	position: relative;
	left:-1px;
	margin-bottom: 5px;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	color: #FFF;
	text-transform: lowercase;
}
#body h4 {
	color: #a1a1a5
}
#foot {
	font-size: 11px;
}
#copyright p {
	font-size: 10px;
}
p, address {
	margin-bottom: 20px;
}
b {
	font-weight: bold;
}
b, .red-text {color:#d31245 !important;}
.allow-caps {
	text-transform: none;
}
a {
	color:#d31245;
	text-decoration: none;
}
a:hover {color:#363636}
::selection {
	background: #d31245; /* Safari */
	}
::-moz-selection {
	background: #d31245; /* Firefox */
}


/* UTILITY */

.float-left {
	float: left;
}
.float-right {
	float: right;
}