html, body {height:100%;}
body {
	color:#7b7b7b;
	font:11px/18px "Trebuchet MS", helvetica, sans-serif;
	margin:0;
	min-width:932px;
	background:#181917 url(../images/bg-html.jpg) repeat-y 50% 0;
}
a {color:#c6ccba;}
a:visited {color:#c6ccba;}
a:hover { color: #fff; }
p {margin:0 0 22px;}
img {border-style:none;}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
input, select, label, textarea {vertical-align:middle;}
input.text,
select,
textarea {
	font:100% "Trebuchet MS", helvetica, sans-serif;
	color:#7b7b7b;
}
ul {
	margin:0 0 15px 15px;
	padding:0;
}
ul ul {margin:2px 0 2px 15px;}
.sIFR-replaced object, .sIFR-replaced embed {
	margin:0;
	padding:0;
	display:block;
}
#main {
	width:100%;
	position:relative;
	min-height:100%;
	background:url(../images/bg-body.jpg) no-repeat 50% 100%;
	z-index:1;
	overflow:hidden;
}
* html #main {
	height:100%;
	overflow:visible;
}
*+html #main {
	position:static;
}
#bg {
	width:100%;
	position:relative;
	overflow:hidden;
}
#index #main {background-image:url(../images/bg-body-index.jpg)}
#inner {
	width:1250px;
	position:relative;
	float:left;
	left:50%;
}
#wrap {
	width:1250px;
	position:relative;
	float:left;
	left:-50%;
}
#page-box {
	width:932px;
	margin:0 auto;
	padding:165px 0 300px;
	position:relative;
}
#page-box:after {
	clear:both;
	display:block;
	content:"";
}
#footer {
	margin:-240px 0 0;
	position:relative;
	z-index:2;
	font-size:10px;
	line-height:16px;
	color:#8c8c8c;
}
#footer .inner {
	background:url(../images/bg-footer.png) repeat-x;
	height:240px;
}
#footer .bg {
	background:url(../images/bg-footer-add.jpg) no-repeat 50% 0;
	height:240px;
}
.dsg-green {
	position:absolute;
	background:url(../images/dsg-green.png) no-repeat;
	width:526px;
	height:145px;
	overflow:hidden;
	top:-133px;
	left:-257px;
}
#footer .content {
	width:932px;
	margin:0 auto;
	position:relative;
	padding:25px 0 0;
}
#footer .content:after {
	clear:both;
	display:block;
	content:"";
}
#footer a {color:#8c8c8c;}
#footer strong {
	display:block;
	color:#fff;
	font-size:11px;
	margin:12px 0 0;
}
#footer ul {
	margin:0;
	list-style:none;
}
#footer .column {
	float:left;
	width:170px;
	padding:0 0 0 20px;
	position:relative;
}
#footer p {margin:0;}
#footer address {font-style:normal;}
#footer img {display:block;}
#logo {
	position:absolute;
	background:url(../images/logo.gif) no-repeat;
	width:235px;
	height:63px;
	overflow:hidden;
	left:6px;
	top:40px;
	text-indent:-9999em;
	margin:0;
	z-index:3;
}
#logo a {
	display:block;
	height:100%;
}
#header {
	position:absolute;
	z-index:900;
	top:60px;
	left:0;
	width:100%;
	height:91px;
}
.chat-form {
	float:right;
	background:url(../images/split-header.gif) no-repeat 0 50%;
	padding:0 0 1px 10px;
	position:relative;
	z-index:900;
}
.chat-form .open {
	width:152px;
	height:18px;
	padding:3px 10px;
	float:left;
	background:url(../images/bg-input-chat.gif) no-repeat;
	margin:2px 10px 0 0;
	color:#9a9695;
	font-size:14px;
	text-decoration:none;
}
#divChat {
	position:absolute;
	*position: inherit;
	width:283px;
	overflow:hidden;
	z-index:2;
	top:50px;
	*top: 0px;
	right:-14px;
	font-size:14px;
	color:#b7b4b1;
	display:none;
}



.active #divChat {display:block;}
#divChat a {color:#b7b4b1;}
#divChat .inner {
	width:100%;
	overflow:hidden;
}
#divChat .btm-shadow {
	width:283px;
	height:8px;
	background:url(../images/bg-popup-shadow-btm.png) no-repeat;
	overflow:hidden;
}

#divChat .input-holder {
	width:238px;
	display:block;
	background-image:url(../images/bg-input-popup.gif);
	margin:0 0 15px;
	height:18px;
	padding:3px 10px;
}
#divChat .input-holder * {display:block;}
.input-holder span {
	width:100%;
	height:18px;
	overflow:hidden;
}
.input-holder input.text {
	color:#9a9695;
	padding:1px 5px;
	width:152px;
	margin:-2px 0 0 -2px;
	background:none;
	border:0;
	font-size:14px;
}
#divChat .content {
	float:left;
	width:253px;
	overflow:hidden;
	border:solid #7c736a;
	border-width:1px;
	background:#433b31 url(../images/bg-popup.jpg);
	padding:10px 10px 25px;
	position:relative;
	*position:inherit;
}
#divChat .close {
	position:absolute;
	bottom:10px;
	right:10px;
	background:url(../images/btn-close.gif) no-repeat;
	width:56px;
	height:13px;
	overflow:hidden;
	text-indent:-9999em;
}
.phone {
	float:right;
	background:url(../images/ico-phone.png) no-repeat;
	padding:0 0 0 36px;
	line-height:33px;
	height:33px;
	font-size:15px;
	color:#adbfac;
	margin:-3px 8px 0 0;
}
.phone2 {
	padding:0 0 0 0px;
	font-size:15px;
	color:#adbfac;
	margin:-3px 8px 0 0;
}
.email2 {
	padding:0 0 0 0px;
	font-size:15px;
	color:#adbfac;
	margin:-3px 8px 0 0;
}
.comments {
	width:100%;
	overflow:hidden;
	margin:0;
	list-style:none;
	border-top:1px solid #817b77;
	line-height:16px;
	padding:9px 0 0;
}
.comments li {
	background:url(../images/dash.gif) repeat-x 0 100%;
	margin:2px 0 -2px;
	padding:9px 30px 8px 5px;
	width:218px;
	overflow:hidden;
}
.comments p {
	display:table;
	height:1%;
	margin:0;
}
.comments strong {
	float:left;
	width:42px;
	margin:0 10px 0 0;
	color:#81cce0;
}
.comments .you strong {color:#92e4a9;}
#nav {
	margin:0;
	list-style:none;
	height:30px;
	padding:0 0 1px;
	background:url(../images/bg-nav.gif) repeat-x;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
}
#nav li {float:left;}
#nav li:hover, #nav li.hover {position:relative;}
#nav li a {
	display:block;
	height:30px;
	overflow:hidden;
	text-indent:-9999em;
	background:url(../images/bg-items.gif) no-repeat;
}
#nav li.home a {width:71px;}
#nav li.home:hover a, #nav li.home a:hover, #nav li.home a.hover {background-position:0 100%;}
#header li.development a {
	width:241px;
	background-position:-71px 0;
}
#nav li.development:hover a, #nav li.development a:hover, #nav li.development a.hover {background-position:-71px 100%;}
#nav li.media a {
	width:117px;
	background-position:-312px 0;
}
#nav li.media:hover a, #nav li.media a:hover, #nav li.media a.hover {background-position:-312px 100%;}
#nav li.mobile a {
	width:74px;
	background-position:-429px 0;
}
#nav li.mobile:hover a, #nav li.mobile a:hover, #nav li.mobile a.hover {background-position:-429px 100%;}
#nav li.clients a {
	width:77px;
	background-position:-503px 0;
}
#nav li.clients:hover a, #nav li.clients a:hover, #nav li.clients a.hover {background-position:-503px 100%;}
#nav li.about a {
	width:85px;
	background-position:-580px 0;
}
#nav li.about:hover a, #nav li.about a:hover, #nav li.about a.hover {background-position:-580px 100%;}
#nav li.contacts a {
	width:90px;
	background-position:-665px 0;
}
#nav li.contacts:hover a, #nav li.contacts a:hover, #nav li.contacts a.hover {background-position:-665px 100%;}
.sub {
	position:absolute;
	left:-9999em;
	top:29px;
	font-weight:bold;
	padding:1px 0 0;
	width:250px;
}
li:hover .sub, li.hover .sub {left:-2px;}
.sub .inner {
	width:100%;
	overflow:hidden;
}
.right-shadow {
	float:left;
	background:url(../images/bg-sub-nav-shadow.png) repeat-y;
	width:8px;
	overflow:hidden;
	margin:0 0 -9999px;
	padding:0 0 9999px;
}
#nav .btm-shadow {
	width:250px;
	height:138px;
	background:url(../images/bg-sub-nav-shadow-btm-design.png) no-repeat;
	overflow:hidden;
}
#nav .sub ul {
	float:left;
	width:240px;
	overflow:hidden;
	border:solid #7c736a;
	border-width:0 1px 1px;
	background:#433b31 url(../images/bg-sub-nav.jpg) no-repeat 0 100%;
	margin:0;
	list-style:none;
}
#nav li li {
	float:none;
	vertical-align:top;
	height:1%;
	background:url(../images/dash.gif) repeat-x;
	margin:-1px 2px 1px;
	padding:5px 1px;
	position:static !important;
}
#nav li li a {
	margin:0 3px;
	height:auto;
	text-indent:0;
	background:none !important;
	color:#b3afac;
	text-decoration:none;
	width:auto !important;
}
#nav li li strong {
	display:block;
	padding:3px 0;
}
#nav li li span {
	display:block;
	padding:0 10px;
}
#nav li li a:hover {
	background:url(../images/bg-sub-item-top.gif) no-repeat !important;
	color:#9a7e6e !important;
	border:0;
}
#nav li li a:hover strong {background:url(../images/bg-sub-item-btm.gif) no-repeat 0 100%;}
#nav li li a:hover span {background:#000;}

#nav .media .sub {width:220px;}
#nav .media .sub ul {width:210px;}
#nav .media .btm-shadow {
	width:219px;
	height:92px;
	background-image:url(../images/bg-sub-nav-shadow-btm-media.png);
}
#nav li.media li a:hover {background-image:url(../images/bg-sub-item-top-media.gif) !important;}
#nav li.media li a:hover strong {background-image:url(../images/bg-sub-item-btm-media.gif) !important;}

#nav .about .sub {width:150px;}
#nav .about .sub ul {width:140px;}
#nav .about .btm-shadow {
	width:149px;
	height:63px;
	background-image:url(../images/bg-sub-nav-shadow-btm-about.png);
}
#nav li.about li a:hover {background-image:url(../images/bg-sub-item-top-about.gif) !important;}
#nav li.about li a:hover strong {background-image:url(../images/bg-sub-item-btm-about.gif) !important;}
.dsg-tap {
	position:absolute;
	background:url(../images/dsg-tap.png) no-repeat;
	width:120px;
	height:370px;
	overflow:hidden;
	top:144px;
	right:-94px;
	z-index:9;
}
.dsg-pink {
	position:absolute;
	background:url(../images/dsg-pink.png) no-repeat;
	width:545px;
	height:334px;
	overflow:hidden;
	top:411px;
	right:-164px;
	z-index:-1;
}
.homepage-dsg {
	position:absolute;
	background:url(../images/dsg-pink.png) no-repeat;
	width:545px;
	height:334px;
	overflow:hidden;
	top:411px;
	right:-164px;
	z-index:-1;
}
#container {
	width:100%;
}
#container:after {
	clear:both;
	display:block;
	content:"";
}
#main-content {
	float:left;
	width:590px;
	color:#c8c8c8;
}
#main-content a {color:#a {color:#c6ccba;};}
#main-content a:hover { color: #fff; }
#main-content .inner {
	background:#353535 url(../images/bg-main-content.gif) repeat-x;
	border:1px solid #000;
	padding:40px 33px 72px 36px;
	width:521px;
	overflow:hidden;
}
#main-content img {
	display:block;
	margin:0 0 25px;
}
#main-content .btm-shadow {
	width:588px;
	height:16px;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/bg-main-content-shadow.png) no-repeat;
}
#page-box h2 {
	font-size:34px;
	color:#fff;
	margin:0 0 10px;
}
#page-box h3 {
	font-size:16px;
	color:#b2b0a8;
	margin:0 0 10px;
}
.links {
	width:100%;
	overflow:hidden;
	margin:0;
	list-style:none;
	font-size:16px;
}
.links li {
	float:left;
	padding:0 19px 0 0;
	margin:0 15px 0 0;
	background:url(../images/arrow.gif) no-repeat 100% 50%;
	white-space:nowrap;
}
.links li strong {
	border-bottom:1px solid #d88882;
	display:block;
}
.links a {
	color:#c6ccba !important;
	text-decoration:none;
}

.links2 {
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	list-style:none;
	font-size:12px;
}
.links2 li {
	float:left;
	padding: 0px 0px 0px 19px;
	margin:0 15px 0 0;
	background:url(../images/arrow2.gif) no-repeat;
	white-space:nowrap;
}

.links2 a {
	color:#c6ccba !important;
}

.links2 a:hover {
	color:#fff !important;
}

.links2 a:visited {
	color:#c6ccba !important;
}










#sidebar {
	float:right;
	width:306px;
	padding:0 0 117px;
}
#sidebar .box {
	width:100%;
	overflow:hidden;
	margin:0 0 -117px;
}
#sidebar .box .inner {
	width:256px;
	overflow:hidden;
	border:1px solid #000;
	padding:20px 22px 10px 26px;
	background:#1c1c1c;
	color:#c8c8c8;
}
#sidebar .btm-shadow {
	width:302px;
	height:137px;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/bg-sidebar-box-shadow.png) no-repeat;
}
.right {
	float:right;
	margin:0 0 0 -30px;
}
.img-list {
	margin:0 -20px -5px 0;
	list-style:none;
	width:276px;
	overflow:hidden;
}
.img-list li {
	float:left;
	padding:0 15px 15px 0;
}
.img-list img {
	display:block;
	border:1px solid #676767;
}
.general-box {
	margin:0 0 12px;
	overflow:hidden;
	
}
.general-box .btm-shadow {
	background:url(../images/bg-general-box-shadow.png) no-repeat;
	width:927px;
	height:19px;
	overflow:hidden;
	margin:0 auto;
}
.general-box img {display:block;}
.union-box {
	width:100%;
}
.union-box:after {
	clear:both;
	display:block;
	content:"";
}
.info-box {
	width:590px;
	float:left;
	position:relative;
}
.info-box .inner {
	width:515px;
	overflow:hidden;
	padding:30px 35px 35px 38px;
	border:1px solid #000;
	background:#000 url(../images/bg-info-box.jpg) repeat-x;
	position:relative;
}
.info-box img {
	float:right;
	margin:15px 0 0 20px;
}
.info-box .btm-shadow {
	background:url(../images/bg-info-column-shadow.png) no-repeat;
	width:588px;
	height:16px;
	overflow:hidden;
	margin:0 auto;
}
.frog {
	background:url(../images/dsg-frog.png) no-repeat;
	width:64px;
	height:60px;
	overflow:hidden;
	position:absolute;
	right:-30px;
	top:-27px;
}
.twitter-box {
	float:right;
	width:301px;
	position:relative;
	margin:0 5px 0 0;
	display:inline;
}
.twitter-box .inner {
	border:2px solid #000;
	background:#222;
	width:300px;
}
.twitter-box .inner:after {
	clear:both;
	display:block;
	content:"";
}
.twitter-box .btm-shadow {
	width:303px;
	height:18px;
	overflow:hidden;
	background:url(../images/bg-twitter-shadow.png) no-repeat;
	margin:0 auto;
	z-index:1;
}
.bird {
	background:url(../images/dsg-bird.png) no-repeat;
	width:123px;
	height:112px;
	overflow:hidden;
	position:absolute;
	right:-10px;
	bottom:-55px;
}
.link-tweets {
	position:absolute;
	bottom:-5px;
	left:8px;
	z-index:9;
	font-weight:bold;
	font-size:12px;
	height:16px;
	overflow:hidden;
}
.link-tweets a {text-decoration:none;}
.twitter-box ul {
	margin:0;
	list-style:none;
	font-size:10px;
	line-height:14px;
	color:#b9b9b9;
}
.twitter-box li {
	width:281px;
	padding:8px;
	overflow:hidden;
	vertical-align:top;
}
.twitter-box li.even {background:#000;}
.twitter-box img {
	float:left;
	margin:0 13px 0 0;
}
.text-box {
	display:table;
	height:1%;
}
.twitter-box strong {
	color:#fff;
	display:block;
	font-size:11px;
}
.dsg-blue {
	position:absolute;
	background:url(../images/dsg-blue.png) no-repeat;
	width:566px;
	height:194px;
	overflow:hidden;
	top:-62px;
	left:-153px;
	z-index: -1;
}
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash #page-box h2 span {
	visibility:hidden;
}
.sIFR-hasFlash #page-box h3 span {
	visibility:hidden;
}
.sIFR-hasFlash .links span {
	visibility:hidden;
}