/* Basic Styles */

body {

	margin: 0;

	/*background: #f2f1e8 url(images/background.png);*/

	background-color: #FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	color: #898077;

}

table {

	border-collapse:collapse;

}

a:link, a:hover, a:visited, a:active {

	color: #0b9eb2;

	text-decoration: none;

	cursor: pointer;

}

.spacing {

	clear: both;

	width: 976px;

	height:35px;

}

.spacing10 {

	clear: both;

	width: 10px;

	height:10px;

}

#background {

	background: #f2f1e8 url(images/background.png);

	padding-top: 43px;

}

#canvas {

	width: 976px;

	margin-left: auto;

	margin-right: auto;

}

.topSpace {

	background-color: #f2f1e8;

	width:976px;

	height: 45px;

}

.logoHeader {

	height: 45px;

	width: 294px;

	float: left;

}



/*    NAVIGATION STUFF */

.mainNav {

	width: 548px;

	height:45px;

	margin: 0px;

	padding: 0px;

	float: right;

	float: right;

}

.mainNav ul.mainNavList {

	list-style: none;

	padding: 0px;

	margin: 2px 0px 0px 0px;

}

.mainNav ul.mainNavList li {

	float: left;

}

/* Normal Links */

.mainNav ul.mainNavList li.home a {

	display:block;

	width: 86px;

	height: 45px;

	background-image:url(images/mainnav.png);

	background-position: 0 0;
	outline:none;

}

.mainNav ul.mainNavList li.about a {

	display:block;

	width: 82px;

	height: 45px;

	background-image:url(images/mainnav.png);

	background-position: -86px 0;
	outline:none;

}

.mainNav ul.mainNavList li.services a {

	display:block;

	width: 96px;

	height: 45px;

	background-image:url(images/mainnav.png);

	background-position: -168px 0;
	outline:none;

}

.mainNav ul.mainNavList li.showcase a {

	display:block;

	width: 106px;

	height: 45px;

	background-image:url(images/mainnav.png);

	background-position: -264px 0;
	outline:none;

}

.mainNav ul.mainNavList li.news a {

	display:block;

	width: 78px;

	height: 45px;

	background-image:url(images/mainnav.png);

	background-position: -370px 0;
	outline:none;

}



.mainNav ul.mainNavList li.contact a {

	display:block;

	width: 100px;

	height: 45px;

	background-image:url(images/mainnav.png);

	background-position: -448px 0;
	outline:none;

}





/* Hover Links */

.mainNav ul.mainNavList li.home a:hover {

	background-position: 0 -45px;

}

.mainNav ul.mainNavList li.about a:hover {

	background-position: -86px -45px;

}

.mainNav ul.mainNavList li.services a:hover {

	background-position: -168px -45px;

}

.mainNav ul.mainNavList li.showcase a:hover {

	background-position: -264px -45px;

}

.mainNav ul.mainNavList li.news a:hover {

	background-position: -370px -45px;

}

.mainNav ul.mainNavList li.contact a:hover {

	background-position: -448px -45px;

}





/* Selected Links */

body.index.page .mainNav ul.mainNavList li.home a {

	background-position: 0 -45px;

}

body.page.about .mainNav ul.mainNavList li.about a {

	background-position: -86px -45px;

}

body.page.services .mainNav ul.mainNavList li.services a {

	background-position: -168px -45px;

}

body.showcase.view .mainNav ul.mainNavList li.showcase a {

	background-position: -264px -45px;

}

body.index.story .mainNav ul.mainNavList li.news a {

	background-position: -370px -45px;

}

body.page.contact .mainNav ul.mainNavList li.contact a {

	background-position: -448px -45px;

}



.containerFix {

	clear: both;

	height: 1px;

}

.whiteContainerTop {

	width: 976px;

	height: 10px;

	background:url(images/wht_container_bdr_top.png) no-repeat;

}

.whiteContainer {

	width: 920px;

	padding: 18px 28px;

	background: url(images/wht_container_bdr_sides.png) repeat-y;

}

.whiteContainerBottom {

	clear: both;

	width: 976px;

	height: 10px;

	background:url(images/wht_container_bdr_bot.png) no-repeat;

}

.homeVideo {

	width: 640px;

	float: left;

}

.homeVideoText {

	width: 257px;

	margin-left: 23px;

	float: right;

}

.horizontalDivider {

	clear: both;

	width: 960px;

	height: 47px;

	margin: 0px 8px;

	background: url(images/divider.png) repeat-x;

}

.horizontalDividerInteriorTop {

	clear: both;

	width: 960px;

	height: 47px;

	margin: 20px 8px 0px 8px;

	background: url(images/divider.png) repeat-x;

}



.leftBox {

	width: 420px;

	margin: 0px 0px 0px 8px;

	float: left;

	font-size: 15px;

	line-height: 23px;

	color: #6a5e52;

}

.rightBox {

	width: 486px;

	margin: 0px 0px 0px 62px;

	float: right;

	font-size: 15px;

	line-height: 23px;

	color: #6a5e52;

}

.rightBoxHome {

	width: 486px;

	margin: 0px 0px 0px 62px;

	float: right;

	font-size: 15px;

	line-height: 23px;

	color: #6a5e52;

}

	.rightBoxHome p {

		padding: 6px 0px 0px 8px;

		margin: 0px;

		color: #6a5e52;

	}

.sectionTitle {

	width: 420px;

	height: 39px;

	margin-left: 8px;

}

.homeBrownBox {

	width: 322px;

	height: 172px;

	padding: 20px 0px;

	float: left;

	background: url(images/brownbox.png) no-repeat;

}

.homeBrownBoxSpace {

	width: 5px;

	height: 212px;

	float: left;

}

input[type='text'],

input[type='password'],

textarea {

	font-size: 12px;

	color: #999999;

	font-family: Arial, Helvetica, sans-serif;

}

input[type='text'],

input[type='password'] {

	background: url(images/elements/input_newsletter.png);

	border: 0;

	width: 256px;

	height: 26px;

	padding: 8px 8px 0px 8px;

}

textarea {

	background: url(images/elements/textarea.png);

	border: 0;

	width: 296px;

	height: 99px;

	color: #999999;

	font-size: 12px;

	padding: 8px 8px 0px 8px;

}

#signupName {

	background: url(images/elements/input_newsletter.png);

	border: 0;

	width: 256px;

	height: 26px;

	color: #999999;

	font-size: 12px;

	margin: 40px 0px 0px 26px;

	padding: 8px 8px 0px 8px;

}

#signupEmail {

	background: url(images/elements/input_newsletter.png);

	border: 0;

	width: 256px;

	height: 26px;

	color: #999999;

	font-size: 12px;

	margin: 6px 0px 0px 26px;

	padding: 8px 8px 0px 8px;

}

#signupSubmit {

	margin: 18px 0px 0px 196px;

}

.ourclientsWidget  {

	width: 322px;

	height: 114px;

	margin-top: 40px;

}

.newsItem {

	font-size: 12px;

	line-height: 20px;

	color: #6a5e52;

	margin: 40px 28px 28px 28px;

}

.newsItemHeader {

	color: #48392c;

	font-size: 11px;

	font-weight: bold;

}

.newsItemHeader a {

	text-decoration: none;

	color: #48392c;

}

.contactBoxText {

	font-size: 12px;

	line-height: 20px;

	color: #6a5e52;

	margin: 40px 28px 2px 28px;

}

.whiteBox {

	width: 486px;

	height: 172px;

	padding: 20px 0px;

	float: left;

	background: url(images/whitebox.png) no-repeat;

}

.whiteBoxSpace {

	width: 4px;

	height: 212px;

	float: left;

}

.whiteBox ul {

	font-size: 12px;

	line-height: 20px;

	color: #6a5e52;

	width: 430px;

	height: 130px;

	margin-left: 0px;

	padding-left: 0px;

	padding-top: 25px;

	list-style: none;

}

	.whiteBox ul li {

		width: 185px;

		margin-left: 30px;

	}

	

	.whiteBox ul.twoColumn li {

		float: left;

		width: 185px;

		margin-left: 30px;

	}

	.whiteBox .callout {

		font-size: 12px;

		line-height: 20px;

		color: #6a5e52;

		font-weight: bold;

		margin: 40px 40px 0px 0px;

		float: right;

	}

	.whiteBox ul.oneColumnFloat {

		width: 100px;

		float: left;

	}

/* SERVICES */

.introText {

	width: 976px;

	margin: 0px 0px 0px 8px;

	font-size: 15px;

	line-height: 23px;

	color: #6a5e52;

}	

.servicesList {

	width: 976px;

	margin: 0px 0px 0px 8px;

}	

	.servicesList .service {

		width: 470px;

		height:114px;

		margin: 0px 0px 21px 0px;

		float: left;

	}

	.servicesList .serviceSpace {

		width: 20px;

		float: left;

	}



/* SHOWCASE */

.showcaseContainerTop {

	width: 920px;

	height: 37px;

	background:url(images/showcase_container_bdr_top.png) no-repeat;

}

.showcaseContainer {

	width: 892px;

	padding: 18px 14px 0px;

	background: url(images/showcase_container_bdr_sides.png) repeat-y;

}

.showcaseContainerBottom {

	clear: both;

	width: 920px;

	height: 38px;

	position: relative;

	top: -39px;

	background:url(images/showcase_container_bdr_bot.png) no-repeat;

	overflow: hidden;

	z-index: 9;

}

.showcaseItem {

	width: 295px;

	padding-top: 67px;

	position: relative;

	float: left;

	text-align:center;

	z-index: 10;

}

.showcaseItemSelected {

	width: 297px;

	float:left;

	text-align:center;

	position: relative;

	z-index: 10;

}

.showcaseItemTitle {

	width: 297px;

	height: 45px;

	margin-top: -50px;

	text-align:center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #48392c;

}

	.showcaseItemTitle strong {

		font-weight: bold;

	}

.showcaseControls {

	width: 920px;

	text-align: center;

	margin-top: -22px;

}

.showcaseProjectList {

	width: 976px;

	margin-left: 8px;

}

	.showcaseProjectList ul.projectList {

		margin: 0px;

		padding: 0px;

	}

		.showcaseProjectList ul.projectList li {

			float: left;

			width: 300px;

			list-style: none;

			font: 12px Arial, Helvetica, sans-serif;

			color: #6e6258;

			margin: 5px 20px 5px 0px;

			font-weight: bold;

		}

			.showcaseProjectList ul.projectList li a {

				text-decoration: none;

				color: #6e6258;

			}

			

.jqmWindow .whiteContainer {

	width: 920px;

	padding: 18px 28px 8px;

	background: url(images/wht_container_bdr_sides.png) repeat-y;

}

.leftBoxProject {

	width: 380px;

	font-size: 12px;

	float:left;

}

	.leftBoxProject span.clientTitle {

		font-size: 16px;

	}

	.leftBoxProject span.projectTitle {

		font-weight: bold;

	}

.rightBoxProject {

	width: 516px;

	float:right;

}

.lbProjectDetails {

	clear: both;

	float: left;

	width: 380px;

}

	.lbProjectDetails .technologies {

		font-size: 12px;

		font-weight: bold;

		margin-top: 5px;

	}

	.lbProjectDetails .siteLink {

		float: right;

	}

.rbShowcaseControls {

	float: right;

	width: 516px;

	text-align: center;

	margin-top: 14px;

}

.modalClose {

	width: 32px;

	height: 32px;

	position: relative;

	/*margin-top: -470px;*/

	top: -475px;

	left: -7px;

}







/* NEWS */

.NewsTitle {

	width: 976px;

	margin: 0px 0px 8px 8px;

}



.leftBoxNews {

	width: 633px;

	margin: 0px 0px 0px 8px;

	float: left;

	font-size: 15px;

	line-height: 23px;

	color: #6a5e52;

}

	.leftBoxNews .newsItem {

		width: 597px;

		font-size: 12px;

		line-height: 20px;

		color: #6a5e52;

		margin: 0px 28px 28px 0px;

		padding: 12px;

		background-color: #FFFFFF;

	}

	.leftBoxNews .newsItemHeader {

		color: #48392c;

		font-size: 18px;

		font-weight: bold;

	}

	.leftBoxNews .tags {

		float: left;

	}

	.leftBoxNews .comments {

		float: right;

	}

.rightBoxNews {

	width: 327px;

	margin: 0px 0px 0px 0px;

	float: right;

	font-size: 15px;

	line-height: 23px;

	color: #6a5e52;

}

.horizontalDividerShort {

	clear: both;

	width: 318px;

	height: 37px;

	margin: 0px 0px;

	background: url(images/divider.png) repeat-x;

}

/* CONTACT */

.leftBoxContact {

	width: 326px;

	margin: 0px 0px 0px 8px;

	float: left;

	font-size: 15px;

	line-height: 23px;

	color: #6a5e52;

}

.rightBoxContact {

	width: 635px;

	margin: 0px 0px 0px 0px;

	float: right;

	font-size: 15px;

	line-height: 23px;

	color: #6a5e52;

}	

#contactName {

	background: url(images/elements/input_newsletter.png);

	border: 0;

	width: 256px;

	height: 26px;

	color: #999999;

	font-size: 12px;

	margin: 18px 0px 0px 0px;

	padding: 8px 8px 0px 8px;

}

#contactEmail {

	background: url(images/elements/input_newsletter.png);

	border: 0;

	width: 256px;

	height: 26px;

	color: #999999;

	font-size: 12px;

	margin: 6px 0px 0px 0px;

	padding: 8px 8px 0px 8px;

}

#contactPhone {

	background: url(images/elements/input_newsletter.png);

	border: 0;

	width: 256px;

	height: 26px;

	color: #999999;

	font-size: 12px;

	margin: 6px 0px 0px 0px;

	padding: 8px 8px 0px 8px;

}

#contactSubmit {

	margin: 18px 0px 0px 510px;

}

#contactMessage {

	background: url(images/elements/textarea.png);

	border: 0;

	width: 296px;

	height: 99px;

	color: #999999;

	font-size: 12px;

	margin: 18px 20px 0px 26px;

	padding: 8px 8px 0px 8px;

	float: right;

}



/*  FOOTER */

.footer {

	background: url(images/footer_background.png) repeat-x;

	width: 100%;

	height: 89px;

}

.footerContainer {

	width: 976px;

	margin-left: auto;

	margin-right: auto;

	padding-top: 37px;

	font-size: 10px;

	color: #b5afa9;

}

.footerLinks {

	width: 600px;

	float:left;

}

a.footerLink:link, a.footerLink:visited, a.footerLink:hover, a.footerLink:active {

	color: #898077;

	font-size: 12px;

	font-weight: bold;

}

.footerLinkDivider {

	color: #898077;

	font-size: 14px;

	font-weight: bold;

	padding: 0px 12px;

}

.copyrightInfo {

	width: 200px;

	float:right;

	padding-right: 8px;

	text-align: right;

}



#slideshow,

#slideshow li {

	margin: 0px;

	padding: 0px;

	list-style: none;

	width: 640px;

	height: 360px;

	overflow: hidden;

}