/*GENERAL*/


body {
	background:#ffffff none repeat scroll 0%;
	color:#444444;
	font-size: 13px;
	font-family:Arial, Tahoma, Verdana,  sans-serif;
	font-size: 13px;
	line-height:1.4em;
	margin:0pt auto;
}
a {
	color: #444444;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color: #444444;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, table {
	margin:0.7em 20px;
}
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#40293a;
	font-weight:bold;
}
#banner .block h2 {font-size:36px; margin:0.2em 20px;}
h1 {font-size:26px;}
h2 {font-size:20px;}
h3 {font-size:20px;}
h5 {font-size:18px;}
h6{font-size:14px;font-weight:bold;}
ul {
	list-style:none;
	padding-left:0px;
	margin-bottom:20px;
}
#content ol  {
	padding-left:0;
}
#content ol li {
	margin-left:40px;
	padding-left:0;
}
.home #banner .block p span {
	font-weight:bold;
	display:block;
}
.inner,
#container,
#subnav {
	width:960px;
	margin:0pt auto;
	overflow:hidden;
	position:relative;
	display:block;
}
/*Header*/
#header {
	background:#4e3146 url(/img/bg_header.jpg) repeat-x scroll left bottom;
}
#header .inner {
	height:82px;
	background: url(/img/bg_header_inner.jpg) no-repeat center top;
}
#header h3 {
	margin: 0;
	position:absolute;
	top:25px;
	left:20px;
}
#header h3 a {
	width:281px;
	height: 54px;
	display: block;
	margin: 0;
	padding: 0;
	background: url(/img/digitalhappy_logo.png) no-repeat left top;
}
#header h3 a span {
	display: none;
	visibility: hidden;
}
/*banner bits*/
#banner {
	background:#7bd7e5 url(/img/bg_banner.jpg) repeat-x scroll left top;
	margin:0pt auto;
	overflow:visible;
	position:relative;
	display:block;
}
#banner .inner {
	min-height:164px;
	padding-top:40px;
	padding-bottom:15px;
	background: url(/img/bg_banner_inner.jpg) no-repeat center top;
}
#banner.visual .inner h1,
#banner.visual .inner h2  {
	margin-right:420px;
}
#banner.visual .inner h1 {
	padding-top:20px;
	margin-top:0px;
}
#graphic {
	width:410px;
	height:207px;
	position:absolute;
	right:0px;
	top:0px;
}
#banner .nicky {
	background: url(/img/banners/nicky.jpg) no-repeat left top;
}
#banner .thecolourred {
	background: url(/img/banners/thecolourred.jpg) no-repeat left top;
}
#banner .getclickedon {
	background: url(/img/banners/getclickedon.jpg) no-repeat left top;
}
#banner .lucasfox {
	background: url(/img/banners/lucasfox.jpg) no-repeat left top;
}
#banner .bright {
	background: url(/img/banners/bright.jpg) no-repeat left top;
}
#banner .chicago {
	background: url(/img/banners/chicago.jpg) no-repeat left top;
}
#banner .rml {
	background: url(/img/banners/rml.jpg) no-repeat left top;
}
#banner .rogerlee {
	background: url(/img/banners/rogerlee.jpg) no-repeat left top;
}
#banner .tommy {
	background: url(/img/banners/tommy.jpg) no-repeat left top;
}
#banner .bizlunch {
	background: url(/img/banners/bizlunch.jpg) no-repeat left top;
}
#banner .dk {
	background: url(/img/banners/dk.jpg) no-repeat left top;
}
#banner .org350 {
	background: url(/img/banners/350-org.jpg) no-repeat left top;
}

/*main nav*/
#mainnav {
	position: relative;
	float:right;
	font-size:20px;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	color:#ffffff;
	padding: 0;
	overflow: hidden;
	position: relative;
	margin:45px 20px 30px 0;
}
#mainnav li {
	float: left;
	display: inline;
	padding: 0;
	position: relative;
	list-style-type: none;
	list-style-image: none;
	background: transparent url(/img/menu_dot.gif) no-repeat left center;
	padding-left:7px;
}
#mainnav li.first {
	background:none;
}
#mainnav li a {
	float: left;
	text-decoration: none;
	text-transform:lowercase;
	color:#ffffff;
	margin:0;
	padding: 0px 7px;
}
#mainnav li a:hover,
#mainnav li a.sel {
	color:#f379c5;
}
/*subnav*/
#subnav {
	font-weight:bold;
	font-size:13px;
	line-height:normal;
}
#subnav ul {
	margin:0;
	padding-left:20px;
	list-style:none;
}
#subnav li {
	display:inline;
	margin:0;
	padding:0;
}
#subnav a {
	float:left;
	background:url(/img/subnav_left.gif) no-repeat left -80px;
	margin:0;
	padding:0 2px 0 8px;
	text-decoration:none;
}
#subnav a span {
	float:left;
	display:block;
	background:url(/img/subnav_right.gif) no-repeat right -80px;
	padding:8px 15px 20px 6px;
	color:#ffffff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subnav a span {float:none;}
/* End IE5-Mac hack */
#subnav a:hover span {
	color:#298e9e;
	background-position:100% -20px;
}
#subnav a:hover {
	background-position:0% -20px;
}
#subnav a.sel {
	float:left;
	background:url(/img/subnav_left.gif) no-repeat left -20px;
	margin:0;
	padding:0 2px 0 8px;
	text-decoration:none;
}
#subnav a.sel span {
	float:left;
	display:block;
	background:url(/img/subnav_right.gif) no-repeat right -20px;
	padding:8px 15px 20px 6px;
	color:#298e9e;
}
/*blocks*/
div.block {
	float:left;
	width:320px;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
	display:block;
}
div#twitterblock {
	border:1px solid red;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
	position:relative;
	display:block;
}
.block h2 {
	font-size:18px;
}
.wide {
	margin:20px 10px;
}
div.block img {
	padding:4px;
	background-color:#ffffff;
	border:#f2f0e9 1px solid;
}

p.buttons {
	overflow:hidden;
}
p.buttons a {
	float:left;
	padding:0 15px 0 0;
	margin-right:5px;
	background: #ffffff url(/img/btn_sprite.gif) no-repeat right -10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
}
p.buttons a:hover {
	background:#ffffff url(/img/btn_sprite.gif) no-repeat right -49px;
	color:#ffffff;
}
p.buttons a span {
	display:block;
	padding:5px 0 10px 15px;
	background:#ffffff url(/img/btn_sprite.gif) no-repeat left -10px;
}
p.buttons a:hover span {
	background:#ffffff url(/img/btn_sprite.gif) no-repeat left -49px;
}
/*container*/
#container {
	margin-top:30px;
	margin-bottom:40px;
	overflow:hidden;
	position:relative;
	display:block;
}
.twocolumns {
	background:transparent url(/img/bg_container_dots.gif) repeat-y scroll left top;
}
/*content*/
#content {
	width:640px;
	overflow:hidden;
	position:relative;
	display:block;
	float:left;
}
ul.clientlist {
	margin-left:20px;
	padding-left:20px;
}
ul.clientlist li {
	background: transparent url(/img/bg_tick.gif) no-repeat left center;
	padding-left:15px;
}
#sidebar ul {
	list-style-type: none;
	list-style-image: none;
	margin-left:20px;
	padding-left:0px;
}
#sidebar li {
	padding-left:0px;
}
/*sidebar*/
#sidebar {
	width: 320px;
	float:left;
	overflow:hidden;
	position:relative;
	display:block;
}
#sidebar h3 {
	color:#f379c5;
	background: transparent url(/img/bg_sidebar_title.jpg) no-repeat left top;
	padding-left:40px;
	padding-bottom:20px;
	padding-top:5px;
}
.dotted {
	background:url(/img/bg_sidebar_block_dots.gif) repeat-x scroll left bottom;
	padding-bottom:20px;
}
/*Footer*/
#footer {
	background:#fff url(/img/bg_footer.jpg) repeat-x scroll left top;
	margin:0pt auto;
	padding-bottom:60px;
	color:#999999;
}
#footer .inner {
	background: url(/img/bg_footer_inner.jpg) no-repeat center top;
	padding-top:20px;
}
.footer_blocks {
	background:transparent url(/img/bg_footer_dots.gif) repeat-y scroll left top;
	overflow:hidden;
}
#footer h4 {
	font-size:32px;
	color:#999999;
	margin-top:0.2em;
}
#footer a {
	color: #999999;
	text-decoration:underline;
}
#footer a:hover {
	color: #999999;
	text-decoration:none;
}
#footer ul  {
	margin-top:20px;
	padding-left:0px;
	}
#footer ul li {
	display:inline;
	text-transform:lowercase;
	padding:0 5px;
	border-right: 1px solid #adadad;
	}
#footer ul li.first {
	padding-left:0;
	}
#footer ul li.last {
	border-right: none;
	}
/*////////////////
*	Formsstuff
////////////////*/

div.contactform {
	margin:30px 20px;
}
div.contactformconfirm {
	margin:20px 20px;
	border: 1px #dcdcdc solid;
}
div.contactform input,
div.contactform select,
div.contactform textarea {
	background:transparent url(/img/bg_input.gif) no-repeat scroll right bottom;
	padding:3px 2px;
	border: 1px #c3bcc1 solid;
	/*width: 100%;*/
	width: 500px;
	color:#444444;
	font-size: 13px;
	font-family:Arial, Tahoma, Verdana,  sans-serif;
	font-size: 13px;
}
div.contactform input.checkbox {
	width:auto;
	}
button {
	background: #f379c5;
	border: 1px #fff solid;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight:bold;
	letter-spacing:-1px;
	padding:6px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;

}
button:hover {
	background: #7bd7e5;
	color: #fff;
}	
/*general inline image style*/
p img {
background-color:#FFFFFF;
border:1px solid #F2F0E9;
padding:4px;
}
/*home content bits*/
#mainpic {
	float:left;
	width:640px;
	margin-top:-50px;
	overflow:visible;
	position:relative;
	display:block;
	/*background:gold;*/
}
#mainpic img {
	width:610px;
	height:400px;
}
.home #container {
	overflow:visible;
	margin-top:0px;
}
.home #container h2 {
	font-size:32px;
	margin:0.2em 20px;
}
.home #footer {
	margin-top:20px;
}
.home #banner p,
.home #banner a {
	color:#40293A;
	font-size:15px;
	line-height:1.3em;
}
.home #banner {
	padding-bottom:30px;
}
.home .block .wide {
	margin:10px 0px;
}
.home .block img {
	/*margin:10px;*/
	margin:5px 10px 5px 10px;
}
a:hover img {
	border:#b5b5b2 1px solid;	
	}
p.workthumbs {
	margin:10px 30px;
}
p.workthumbs img {
	margin:10px 5px;
}


#slideshow {
height:460px;
}
#gallery {
	float:left;
	width:640px;
	
	margin-top:-50px;
	overflow:visible;
	position:relative;
	display:block;
	background:transparent url(/img/bg_slideshow.png) no-repeat left top;
	/*background:gold;*/
}
div.loader {
	background-image: url(/img/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 640px;
	height: 400px
}
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:550px; 
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	/*margin: 5px 5px 5px 0;*/
	margin:0;
	list-style: none;
}
a.thumb {
	padding: 0px;
	margin:0px;
}
div.embox {
	clear: both;
	background-color: #fff
}
div.slideshow span.image-wrapper {
	float: left;
	padding:10px;
}
#gallery img {
	border:none;
	padding: 9px 10px 10px 14px;
	width: 594px;
	height: 398px;
}
cite {
	font-size:11px;
	color:#999999;
	font-style:normal;
}
h2 em {
	font-size: 13px;
	font-weight:normal;
	color: #999999;
	line-height: 1.2em;
	font-style: normal;
}
.credits {
	font-size: 11px;
	color: #999999;
	font-style: normal;
}

#content ul.quoted {
	font-style: italic;
	margin: 0;
}
#content ul.quoted li {
	text-indent: -1.3em;
	zoom: 1;
	position: relative;
	margin: 0 10px;
	padding: 10px 10px 10px 20px;
	vertical-align: baseline;
	background: #fff;
}

#content ul.quoted span.quote {
	vertical-align: top;
	line-height: 140%;
	margin-top: 1em;
}
#content ul.quoted span.startquote,
#content ul.quoted span.endquote {
	/*Contains the quote marks*/
	vertical-align: top;
	z-index: 1;
	line-height: 60%;
	font-size: 250%;
	padding: 0 4px 0 0;
	*position: relative;
	*bottom: 0.2em;
}