@charset "UTF-8";

/* BEGIN general STYLES */
body {
	background: #ffffff url(../images/background2560x1200.jpg) fixed no-repeat center top;
	font-size: 12px;
	line-height: 1.25em;
	color: #7E7E7E;
}
a {
	color: #454545;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
}
#page {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}
#content {
	width: 765px;
	margin: 0 0 183px 235px;
}
#content p {
	margin-top: 18px;
}
#leftColumn {
	width: 204px;
	height: 100%;
	position: relative;
}
#homeLink {
	width: 204px;
	height: 51px;
	display: block;
	position: absolute;
	top: 65px;
	left: 0;
	border: none;
}
#menu {
	position: fixed;
	top: 0;
	width: 204px;
	height: 100%;
	min-height: 650px;
	padding-top: 65px;
	overflow: visible;
	background: url(../images/dsLogo.png) no-repeat left 65px;
}
#menu p {
	margin: 12px 0 12px 36px;
}
#menu p.first {
	margin-top: 85px;
}
#menu ul {
	margin: 24px 0 0 36px;
	line-height: 1em;
}
#menu ul li {
	height: 18px;
	padding: 8px 0 4px 15px;
	background: url(../images/listArrow.gif) no-repeat 4px 12px;
	border-top: 1px solid #daddde;
}
#menu ul li.first {
	border-top: none;
}
#menu ul li.current a {
	cursor: default;
	color: #df177b;
}
#menu ul li.current a:hover {
	border: none;
	text-decoration: none;
}
#theLoop {
	position: absolute;
	width: 170px;
	height: 55px;
	bottom: 130px;
	background: url(../images/inputBG.gif) no-repeat 89px 4px;
	overflow: visible;
	margin-left: 36px;
}
#loopForm, #thanks{
	height: 25px;
}
input#email {
	float: left;
	display: inline;
	width: 140px;
	height: 15px;
	border: 1px solid #999999;
	/* background: #f1fafd; */
	color: #7E7E7E;
}
#goButton {
	float: left;
	display: inline;
	margin: 0 0 0 2px;
}
#copyright {
	font-size: 9px;
	margin-top: 12px;
}
ul {
}
.loadingBG {
	background: url(../images/loading.gif) no-repeat 50% 50%;
}
.floatLeft {
	float: left;
	display: inline;
}
strong, .strong {
	font-weight: bold;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000000;
}
/* END general STYLES */


/* BEGIN index.html STYLES */
.blockWrapper {
	width: 765px;
	height: 366px;
	clear: both;
	line-height: 0;
}
.block {
	width: 765px;
	height: 366px;
}
.verticalStacker {
	width: 255px;
	height: 366px;
	float: left;
	display: inline;
}
/* BEGIN index.html STYLES */


/* BEGIN about.html STYLES */
#about #content {
	float: right; /* Fixes Safari issue */
	display: inline;
	margin-bottom: 0;
}
#topImages {
	height: 195px; /* 183px for images + 12px for margin-top */
}
#topImages img {
	margin-top: 12px;
	float: left;
	display: inline;
}
#mainCopy {
	width: 490px;
	float: left;
	display: inline;
	padding: 0 10px;
}
h2 {
	color: #4ec1eb;
	font-size: 18px;
	line-height: 24px;
	margin: 24px 0 12px 0;
}
.listColumn {
	width: 235px;
	float: left;
	display: inline;
}
#strategy li, #tech li {
	background: url(../images/listBullet.gif) no-repeat 0px 6px;
	padding-left: 8px;
}
#sideBar {
	float: left;
	display: inline;
	width: 235px;
	padding: 0 10px;
}
.title {
}
.answer {
	color: #4ec1eb;
}
#brands {
	clear: both;
}
#brands img {
	width: 122px;
	height: 65px;
	float: left;
	display: inline;
	margin-bottom: 50px;
}
/* END about.html STYLES */


/* BEGIN highlight.html STYLES */
.highlightWrapper {
	margin: 12px 0 36px 0;
	border-bottom: 1px solid #efefef;
}
.highlight {
	margin-bottom: 36px;
}
/* END highlight.html STYLES */


/* BEGIN showreel.html STYLES */
#reelWrapper {
	position: absolute;
	width: 800px;
	height: 480px;
}
#reel {
	height: 20px;
	font-size: 12px;
}
#reel a {
	color: #DF177B;
	background: #000000;
	text-decoration: none;
	float: right;
}
#reel a:hover {
	text-decoration: none;
}
/* END showreel.html STYLES */


/* BEGIN workwithus.html STYLES */
#work #content {
	margin-bottom: 12px;
}
#accordion {
	margin: 24px 0 12px 0;	
}
#accordion h6 {
	font-size:18px;
	line-height:24px;
	margin: 0;
	padding: 0;
}
#accordion h6 a {
	color:#4EC1EB;
	margin: 0;
	padding: 0;
}
#accordion h6 a:hover {
	text-decoration: none;
	border: none;
}
#accordion h6 .accordionMore, #accordion h6 .accordionClose {
	font-size: 12px;
	margin-left: 12px;
	color: #7E7E7E;
}
#accordion h6.ui-state-default .accordionMore {
	display: inline;
}
#accordion h6.ui-state-active .accordionMore {
	display: none;
}
#accordion h6.ui-state-default .accordionClose {
	display: none;
}
#accordion h6.ui-state-active .accordionClose {
	display: inline;
}
#accordion .ui-accordion-content {
	padding: 0 0 24px 0;
}
#accordion ul {
	margin-left: 12px;
}
#accordion ul li {
	background:transparent url(../images/listBullet.gif) no-repeat scroll 0 6px;
	padding-left:8px;
}
/* END workwithus.html STYLES */

/* BEGIN getInTouch.html STYLES */
#getInTouch #mainCopy {
	width: 765px;
	padding: 0;
}
.column {
	width: 235px;
	float: left;
	display: inline;
	padding: 0 10px;
}
.column h2 {
	width: 199px;	
}
.emailLink, .emailLink:hover {
	color: #4ec1eb;
}
/* END getInTouch.html STYLES */