@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	z-index: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #A6A6A6;
	text-align: left;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration: none;
	color: #E98300;
}
a:visited {
	text-decoration: none;
	color: #A6A6A6
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
#wrapper {
	text-align: left;
	width: 780px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#header {
	height: 85px;
	width: 100%;
	float: left;
	background-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E98300;
}
#header span {
	position: absolute;
	left: -3000px;
}
#logo {
	height: 58px;
	float: left;
	width: 215px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 27px;
	padding-left: 20px;
}
#topcon {
	height: auto;
	width: 100%;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #000000;
}
#topimage {
	width: 780px;
	padding-top: 5px;
}
h1 {
	font-size: 100%;
	color: #E98300;
	padding-bottom: 5px;
}
h2 {
	font-size: 80%;
	color: #E98300;
}
h3 {
	font-size: 75%;
	color: #ffffff;
	font-weight: normal;
}
#topconlt {
	float: left;
	width: 200px;
	height: 385px;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 20px;
	top: 0px;
	overflow: hidden;
	text-align: left;
	left: 0px;
}
#topconrt {
	float: right;
}
#topconbg {
	height: 400px;
	width: 780px;
}
#topconlt  h1 {
	font-size: 70%;
	color: #E98300;
}
#topconlt p {
	font-size: 75%;
	color: #FFFFFF;
}
#botcon {
	float: left;
	height: auto;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #000000;
	padding-top: 0px;
	padding-bottom: 20px;
}
#botconlt {
	float: left;
	height: 90px;
	width: 310px;
	padding-top: 10px;
	padding-left: 10px;
}
#botconrt {
	height: 80px;
	width: 450px;
	float: right;
	margin-top: 10px;
}
#abouttopcon {
	background-color: #000000;
	height: 112px;
	width: 780px;
}
.orange_text {
	color: #F8981D;
}
#content {
	width: 780px;
	text-align: center;
	height: auto;
	background-color: #000000;
}
#contactbot {
	text-align: center;
	padding-top: 5px;
}
#content p {
	font-size: 70%;
	color: #a6a6a6;
	text-align: left;
}
#textblock {
	text-align: left;
	width: 740px;
	height: auto;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
#dw-design #textblock, #dw-develop #textblock, #dw-prototype #textblock, #dw-manufacture #textblock, #dw-sculpt #textblock, #dw-event #textblock {
	height: auto;
}
#twocolleft {
	text-align: left;
	float: left;
	width: 360px;
	margin-right: 10px;
	margin-left: 20px;
}
#twocolwide {
	text-align: left;
	float: left;
	width: 305px;
	margin-right: 10px;
	margin-left: 0px;
}
#twocolright {
	text-align: left;
	float: left;
	width: 360px;
	margin-right: 20px;
	margin-left: 10px;
}
#thrcolleft {
	text-align: left;
	float: left;
	width: 233px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#thrcolcen {
	text-align: left;
	float: left;
	width: 233px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#thrcolright {
	text-align: left;
	float: left;
	width: 233px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#footer {
	height: 80px;
	background-image: url(images/footer_bg.png);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E98300;
	width: 100%;
	float: left;
}
#footer ul {
	list-style-image: none;
	font-size: 70%;
	color: #A6A6A6;
	text-align: left;
	padding-top: 5px;
	padding-left: 20px;
}
#footer_left p {
	color: #808080;
	padding-left: 20px;
	font-size: 60%;
	padding-top: 10px;
}
#footer_left {
	width: 500px;
	float: left;
}
#footer_right {
	float: left;
	width: 260px;
	font-size: 70%;
	line-height: 10px;
	padding-top: 5px;
}
#footer li {
	display: inline;
	padding-right: 12px;
}
#footer li a:link {
	text-decoration: none;
	color: #A6A6A6;
}
#footer li a:visited {
	text-decoration: none;
	color: #808080;
}
#footer li a:hover, #footer li active, #footer li a:focus {
	color: #FFFFFF;


}
.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
#selected {
	color: #e98300;
	visibility:visible;
}
#ntext {
	width: 350px;
	height: 110px;
	float: right;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	overflow: hidden;
	text-align: left;
	background-repeat: repeat;
	background-image: url(images/trans.png);
}
#nblock{
	width: 740px;
	padding-top: 0px;
	text-align: left;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
}
#nblockhead{
	width: 740px;
	padding-top: 0px;
	text-align: left;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
}
.n a {
	color: #E98300;
	text-decoration: none;
}
.n a:hover {
	color: #FFFFFF;
}
#ntext p {
	font-size: 60%;
	color: #a6a6a6;
	padding-top: 5px;
}
.n h1 {
	font-size: 125%;
	color: #ffffff;
	line-height: 0.9em;
	padding-top: 5px;
	font-weight: normal;
}
.dropcontent h1 {
	font-size: 75%;
	color: #ffffff;
	padding-top: 5px;
	font-weight: bold;
}
.n h4 {
	font-weight: normal;
	font-size: 60%;
	color: #e98300;
	padding-top: 5px;
}
.n h3 {
	font-size: 75%;
	font-weight: normal;
	color: #e98300;
}
#nrd {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_r+d.jpg);
	background-repeat: no-repeat;
}
#nhmaf {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_hmf.jpg);
	background-repeat: no-repeat;
}
#nsis {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_clarksoriginals.jpg);
	background-repeat: no-repeat;
}
#nmonop {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_monopoly.jpg);
	background-repeat: no-repeat;
}
#nreddot{
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_reddot.jpg);
	background-repeat: no-repeat;
}
#ntct{
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_freedom-to-create-prize_sml.jpg);
	background-repeat: no-repeat;
}
#ndev{
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_microcone_sml.jpg);
	background-repeat: no-repeat;
}
#nrowtrx {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_triasx.jpg);
	background-repeat: no-repeat;
}
#npirate {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_pirates.jpg);
	background-repeat: no-repeat;
}
#nbbpod {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_bbpod.jpg);
	background-repeat: no-repeat;
}
#nwwf {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_wwf.jpg);
	background-repeat: no-repeat;
}
#nhk {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_hk.jpg);
	background-repeat: no-repeat;
}
#nrow {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_rowergo.jpg);
	background-repeat: no-repeat;
}
#nbris {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_moving.jpg);
	background-repeat: no-repeat;
}
#ndtt {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_dtt.jpg);
	background-repeat: no-repeat;
}
#nbuggy {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_dragons.jpg);
	background-repeat: no-repeat;
}
#napprentice {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_apprentice2.jpg);
	background-repeat: no-repeat;
}
#ngadget {
	height: 110px;
	width: 740px;
	float: left;
	background-image: url(images/news/news_gadgetshow_sml.jpg);
	background-repeat: no-repeat;
}
#nimage {
	width: 740px;
	overflow: hidden;
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#dw-news #nhmaf, #dw-news #nrd, #dw-news #nbbpod, #dw-news #nhk, #dw-news #nrowtrx, #dw-news #nrow, #dw-news #ndtt, #dw-news #nbris, #dw-news #nbuggy, #dw-news #npirate, #dw-news #nmonop, #dw-news #napprentice, #dw-news #ninventors {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e98300;
}


.fltrt { /* this class can be used whenever you wish to float an element to the right side of the page. The floated element must be placed above the element that will display next to it in the source code. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* this class can be used whenever you wish to float an element left on the page */
	float: left;
	margin-right: 8px;
}
#dw-about #about, #dw-work #work, #dw-design #design, #dw-design #services, #dw-develop #develop, #dw-develop #services, #dw-prototype #prototype, #dw-prototype #services, #dw-manufacture #manufacture, #dw-manufacture #services, #dw-sculpt #sculpt, #dw-sculpt #services, #dw-event #event, #dw-event #services, #dw-news #news, #dw-contact #contact, #dw-services #services, #dw-features #features {
	color: #E98300;
}
#dw-gazelle #gazelle, #dw-pulsair #pulsair, #dw-gunnebo #gunnebo, #dw-yotoy #yotoy, #dw-magstim #magstim, #dw-dunlop #dunlop, #dw-nexus #nexus, #dw-virgin #virgin, #dw-rowergo #rowergo, #dw-sculpt_gallery #sculpt_gallery, #dw-gazelle #work, #dw-pulsair #work, #dw-gunnebo #work, #dw-yotoy #work, #dw-magstim #work, #dw-dunlop #work, #dw-nexus #work, #dw-virgin #work, #dw-rowergo #work, #dw-sculpt_gallery #work, #dw-starwars #work, #dw-starwars #starwars, #dw-superman #work, #dw-superman #superman, #dw-lb #work, #dw-lb #lb, #dw-other #work, #dw-other #other, #dw-digital #work, #dw-digital #digital, #dw-dr #work, #dw-dr #dr, #dw-rose #work, #dw-rose #rose, #dw-cybermen #work, #dw-cybermen #cybermen, #dw-aliens #work, #dw-aliens #aliens, #dw-daleks #work, #dw-daleks #daleks, #dw-companions #work, #dw-companions #companions, #dw-twelve #work, #dw-twelve #twelve, #dw-dr #drwho, #dw-rose #drwho, #dw-aliens #drwho, #dw-cybermen #drwho, #dw-daleks #drwho,  #dw-companions #drwho, #dw-twelve #drwho, #dw-hp #work, #dw-hp #hp, #dw-hp #hpg, #dw-dementor #work, #dw-dementor #hpg, #dw-dementor #dementor, #dw-dementor #hpg, #dw-dumbledore #work, #dw-dumbledore #hpg, #dw-dumbledore #dumbledore, #dw-hermione #work, #dw-hermione #hermione, #dw-hermione #hpg, #dw-malfoy #work, #dw-malfoy #malfoy, #dw-malfoy #hpg, #dw-mad-eye #work, #dw-mad-eye #mad-eye, #dw-mad-eye #hpg, #dw-progress #work, #dw-progress #progress, #dw-progress #hpg, #dw-ron #work, #dw-ron #ron, #dw-ron #hpg, #dw-black #work, #dw-black #black, #dw-black #hpg, #dw-snape #work, #dw-snape #snape, #dw-snape #hpg, #dw-daisy #work, #dw-daisy #daisy, #dw-roary #work, #dw-roary #roary, #dw-monopoly #work, #dw-monopoly #monopoly, #dw-balamory #work, #dw-balamory #balamory, #dw-bbpod #work, #dw-bbpod #bbpod, #dw-dev #work, #dw-dev #dev, #dw-sis #work, #dw-sis #sis, #dw-triasx #work, #dw-triasx #triasx {
	color: #E98300;
}
#nav {
	float:right;
	padding-right:10px;
	width:535px;
	height:auto;
	position:relative;
	margin:38px 0 80px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
#nav li {
	display:inline;
	margin:0;
	padding:0;
	height:auto;
	text-decoration: none;
}
#nav ul li {
	display:block;
	height:20px;
	float:right;
	padding:3px 0 0 3px;
	text-decoration:none;
	font-size:110%;
	white-space:nowrap;
	font-weight:normal;
}
* html #nav ul li a {
	width:1px;
}
#nav ul a {
	height:100%;
	display:block;
	color:#a6a6a6;
	font-weight:normal;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li:hover a {
	cursor:pointer;
	color:#e98300;
}
#nav .sub {
	display:none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/* for IE5.5 and IE6 only */
#nav table {
	position:absolute;
	border-collapse:collapse;
	left:0;
	top:0;
	font-size:80%;
}
#nav .sub li a:hover, #nav ul a:hover .sub li a:hover, #nav ul li:hover .sub li a:hover {
	color:#e98300;
}
#nav ul li a:hover .sub, #nav ul li:hover .sub, #dw-develop .sub, #dw-design .sub, #dw-prototype .sub, #dw-manufacture .sub, #dw-services .sub, #dw-sculpt .sub, #dw-event .sub {
	display:block;
	position:absolute;
	width:100%;
	top:1.65em;
	right:10px;
	padding:0;
	z-index:100;
	margin: 0px;
	font-size: 70%;
	height: 2.5em;
	font-weight:normal;
}
* html #nav ul a:hover .sub {
	z-index:-1;
	margin-top:0;
	margin-t\op:1px;
}
#nav ul a:hover .sub li a, #nav ul li:hover .sub li a {
	display:inline;
	white-space:nowrap;
	color:#a6a6a6;
}
#onecol {
	margin: 20px;
	height: auto;
	width: 740px;
}
#onecol li {
	font-size: 75%;
	color: #A6A6A6;
	margin-left: 20px;
}
#contacttop {
	background-color: #000000;
	height: 285px;
	width: 780px;
	text-align: left;
}
#dw-contact h3 {
	font-weight: normal;
}
#contactform {
	text-align: left;
	z-index: 500;
	float: left;
	width: 780px;
}
#contactbot #thrcolleft {
	width: 180px;
	margin-left: 100px;
}
#contactbot #thrcolcen {
	width: 180px;
	margin-left: 35px;
}
#contactbot #thrcolright {
	width: 180px;
	float: right;
	margin-right: 30px;
}
#submit {
	background-color: #424242;
	color: #a6a6a6;
	display: block;
	padding-right: 3px;
	padding-left: 3px;
	width: 100px;
	margin-left: 3px;
	font-weight: bold;
}
#submit:hover {
	color: #ECE9D8;
	background-color: #e98300;
}
#contactform p {
	color: #FFFFFF;
	text-align: right;
}
#contactform h1 {
	color: #FFFFFF;
	font-size: 125%;
	font-weight: lighter;
}
#map {
	position: relative;
	background-color: #000;
}
#case {
	height: 500px;
	overflow: hidden;
}
#case_image {
	position: relative;
	height: 480px;
	padding: 0;
}
#sculpt_image {
	position: relative;
	height: 600px;
	padding: 0;
}
#case_menu_right {

	width: 780px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 6000;
}
#copyright {
	width: 415px;
	height: 553px;
	position: absolute;
	background-image: url(images/copyright_designworks.png);
	background-repeat: no-repeat;
	background-position: center top;
	left: 182px;
	top: 0px;
	z-index: 3000;
}
#case_menu_bot {
	float: right;
	width: 780px;
	height: 30px;
}
#client {
	font-size: 100%;
	color: #E98300;
	margin-right: 5px;
	float: left;
}
#project {
	font-size: 70%;
	float: left;
	color: #A6A6A6;
	font-weight: normal;
	margin-top: 7px;
}
#images  {
	font-size: 75%;
	float: right;
	width: 120px;
	height: 30px;
	padding-top: 10px;
}
#back {
	font-size: 75%;
	float: right;
	width: auto;
	height: 30px;
	padding-top: 10px;
}
#images  a, #back a {
	font-weight: normal;
	text-decoration: none;
	color: #A6A6A6;
}
#images  a:hover, #back a:hover {
	color: #E98300;
}
#midcon {
	background-color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.or_bold {
	font-weight: bold;
	color: #e98300;
}
#head_text {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(images/bg_text_head.jpg);
	background-repeat: repeat-x;
	font-size: 140%;
	color: #e98300;
	text-align: left;
	margin-top: 5px;
	height: 35px;
}
#head_textblock {
	padding-right: 20px;
	font-size: 100%;
	color: #FFFFFF;
	height: auto;
	padding-left: 20px;
	text-align: left;
}
#head_text span {
	left: -3000px;
	position: absolute;
	width: 740px;
}
#head_textblock span {
	left: -3000px;
	position: absolute;
	width: 500px;
}
#latnews {
	height: 110px;
	width: 740px;
	margin-right: 20px;
	margin-left: 20px;
}
#textblock li {
	list-style-type: square;
	font-size: 75%;
	color: #e98300;
	padding-top: 3px;
	font-weight: normal;
	list-style-position: outside;
	margin-left: 10px;
}
#dw-work #midcon {
	padding-left: 20px;
	width: 740px;
	height: 405px;
	padding-top: 0px;
	text-align: center;
	display: block;
	background-color: #000;
}
#dw-contactthanks #textblock {
	height: 285px;
}
#dw-comingsoon #botcon {
	height: 350px;
}
#head_textblock h1 {
	font-size: 100%;
	color: #FFFFFF;
}
#late {
	background-color: #000000;
}
#s {
	display:block;
	height:60px;
	width: 100%;
	margin:0px;
}
#s ul {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left: 20px;
}
#s li {
	display:block;
	float:left;
	margin-right:8px;
	width:140px;
	border:1px solid #000;
}
#s li.ss1 {
	background-color: #F28500;
	background-image: url(images/menu/s_design.jpg);
	background-repeat: no-repeat;
}
#s li.ss2 {
	background-color: #F28500;
	background-image: url(images/menu/s_develop.jpg);
	background-repeat: no-repeat;
}
#s li.ss3 {
	background-color: #F28500;
	background-image: url(images/menu/s_prototype.jpg);
	background-repeat: no-repeat;
}
#s li.ss4 {
	background-color: #F28500;
	background-image: url(images/menu/s_manufacture.jpg);
	background-repeat: no-repeat;
}
#s li.ss5 {
	background-color: #F28500;
	background-image: url(images/menu/s_sculpt.jpg);
	background-repeat: no-repeat;
}
#s a {
	display:block;
	width:140px;
	padding-top:30px;
	color:#000;
	text-decoration:none;
	text-align:right;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
}
#s a#s1 {
	background-image: url(images/menu/s_design_over.jpg);
	background-repeat: no-repeat;
	background-position: -140px -60px;
}
#s a#s2 {
	background-image: url(images/menu/s_develop_over.jpg);
	background-repeat: no-repeat;
	background-position: -140px -60px;
}
#s a#s3 {
	background-image: url(images/menu/s_prototype_over.jpg);
	background-repeat: no-repeat;
	background-position: -140px -60px;
}
#s a#s4 {
	background-image: url(images/menu/s_manufacture_over.jpg);
	background-repeat: no-repeat;
	background-position: -140px -60px;
}
#s a#s5 {
	background-image: url(images/menu/s_sculpt_over.jpg);
	background-repeat: no-repeat;
	background-position: -140px -60px;
}
#s a#s1:hover, #s a#s2:hover, #s a#s3:hover, #s a#s4:hover, #s a#s5:hover {
	background-position:top right;
	z-index:50;
	color:#FFF;
}

#sitemap {
	font-size: 100%;
	text-decoration: none;
	display: block;
	color: #a6a6a6;
}
#sitemap ul {
	list-style-type: none;
	margin-left: 20px;
}
#sitemap ul li {
	margin-bottom: 5px;
}
#sitemap ul a {
	color: #a6a6a6;
	text-decoration: none;
}
#sitemap ul ul {
	font-size: 80%;
	color: #a6a6a6;
}
#sitemap a:visited {
	color: #808080;
	text-decoration: none;
}
#sitemap a:hover {
	color: #e98300;
	text-decoration: none;
}
/* sculpting images slideshow*/
#FrogJS {
	width: 780px;
	height: 600px;
	margin: 0 auto;
}
#FrogJSCredit {
	text-align: left;
	font-size: 65%;
	padding: 1px;
	color: #555555;
}
#FrogJSCaption {
	text-align: left;
	font-size: 75%;
	line-height: 100%;
	position: relative;
	top: 7px;
}
.scu #back {
	padding-top: 4px;
	height: 20px;
}
#dw-features #FrogJSCaption {
	text-align: right;
	font-size: 75%;
	line-height: 100%;
	position: relative;
	top: 7px;
	right: 0px;
}

#nline {
	width: 740px;
	height: auto;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E98300;
	margin-left: 20px;
	padding-bottom: 10px;
}
#botcon  li {
	font-size: 70%;
	color: #E98300;
}
/* contact form styling*/
.cform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-bottom: 0px;
}
.cform fieldset {
   margin-bottom: 3px;
}

.cform fieldset li {
    list-style: none;
    padding: 5px;
    margin: 0;
    clear: both;
}
.cform input, .cform textarea, .cform option, .cform select {
	color: #4D4D4D;
	width: 250px;
}
#email2 {
	height: 1px;
	visibility: hidden;
}
#nimg {
	width: 370px;
	float: left;
	height: 110px;
	overflow: hidden;
}