@charset "utf-8";


/* PRINT CSS 
-----------------------------------------------------------------------
*/
/* Formatting CSS */

.noprint, .noPrint {display: none;}

.printonly, printOnly {}

html {


}

body {
	margin: 0;
	padding: 50px 20px;
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 140%;
	text-align:left;
	max-width: 50em;
}

h1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 2.5em;
	border-bottom: 1px solid #000;
	padding: 0.2em 0 0.5em 0;
}

h2, h3, #news h5 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 2em 0 0.5em 0;
}

h4 {margin: 0;padding: 0;}

p, form {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	color: #1a688f;
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0.75em 0;
}

a:link, a:visited {
	color: #000;
	font-weight: bold;
}

a:link:after, a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   font-weight: normal;
   color: #666;
}
a[href^="/"]:after {
   content: " (http://www.dxdesigns.co.uk/" attr(href) ") ";
}


a.noURL:link, a.noURL:visited {text-decoration: none;}
a.noURL:link:after, a.noURL:visited:after, a.mb:after, a.mb:visited:after {
   content: "";
}


/*a:focus, a:active, a:hover {
	color: #fff;
	background-color: #000;
}*/

#evolveBox a, #redCowGames a, #news a, #featuresColumn a {}

img {
	border: 0;
}

blockquote {}

ul {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: outside circle;
	margin: 0 0 0 1em;
}

abbr, acronym, .help {
  border-bottom: 1px dotted;
  cursor: help;
}

textarea, input {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	background: #fff;
	padding: 2em;
	border: 1px solid #000;
	
}
textarea:focus, input:focus {
	background: #fff!important;
	border: 1px solid #000;
}

/* General layout divs */

#bgGrad {
	margin: 0;
	padding: 0;
	background: none;
}

#wrapper {
	width: 100%;
}

#topStrip {
	display: none;
}
#topStrip div {
	display: none;
}

#content {
	background: #fff;
	border-bottom: 0;
}

#contentInner {
	margin: 0;
	padding: 0;
}

/* MAIN CONTENT STUFF */

p#skip {
	display: none;
}

#mainHeader {
	display: none;
}

#topColumns {


}

/* --------- Menu --------- */

#menuBox {

}

#menuBox ul {
	display: none;
}

#menuBox p {font-weight: bold; font-size: 1.1em; color: #000; }





/* Showreel */

#topColumns #showreel {
	display: none;
}

/* Evolve */

#topColumns #evolveBox, #RightColumn #evolveBox {
	width: 100%;
	padding: 0;
	margin: 0;
	height: auto;
	min-height: auto;
}

#evolveBox h3 {

}

#evolveBox h3 span {color: #000;}

#evolveBox h4 {

}

#evolveBox p {

}

#evolveBox img#takeControl {
	display: none;
}

/* LATEST NEWS HEADING BAR */

h3#latestNews {

	text-transform: uppercase;

}

#news ul li a:link, #news ul li a:visited {color: #1a688f; font-weight: normal;}
#news ul li a:active, #news ul li a:hover, #news ul li a:focus {color: #000;}
#news ul li p strong a:link, #news ul li p strong a:visited {font-weight: bold;}
#news ul li a.more:link, #news ul li a.more:visited {color: #000; font-weight: bold;}
#news ul li a.more:focus, #news ul li a.more:active, #news ul li a.more:hover {color: #fff;}

/* BOTTOM COLUMNS etc */

#bottomColumns {
margin: 0;
}

#bottomColumns #redCowGames {

}

#bottomColumns #redCowGames h2 {

}

#bottomColumns #redCowGames p {

}
        
#bottomColumns #news {

}

#bottomColumns #news ul {
margin: 0 0 3em 0;
}

#bottomColumns #news ul li {
list-style: none;
margin: 2em 0;
padding: 0;
}



#bottomColumns #news ul li.newsItem p span { /* the date */
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	margin: 0.5em 0 0 0;
	color: #0279BB;
}

#bottomColumns #news ul li.newsItem p {
	margin: 0.5em 0;
}

#bottomColumns #news ul li.newsItem p a:link, #bottomColumns #news ul li.newsItem p a:visited {
	color: #1a688f;
	font-weight: normal;
}

#bottomColumns #news ul li.newsItem p a:active, #bottomColumns #news ul li.newsItem p a:focus {
	background-color: #000;
	color: #fff;
}
#bottomColumns #news ul li.newsItem p a:hover {
	background-color: transparent;
	color: #fff;
}

#bottomColumns #news ul li.newsItem p a.more:link, #bottomColumns #news ul li.newsItem p a.more:visited {
	font-weight: bold;
	color: #000;
}

#bottomColumns #news ul li.newsItem p a.more:active, #bottomColumns #news ul li.newsItem p a.more:focus, #bottomColumns #news ul li.newsItem p a.more:hover {
	background: #13A8FC;
	color: #fff;
}

 a.more:link,  a.more:visited {
	font-weight: bold;
	color: #000;
}
 a.more:active, a.more:focus,  a.more:hover {
	background: #13A8FC;
	color: #fff;
}

/* Misc */

.flash {
	display: none;
}

#myVideoShowreel {
	display: none;
}

.slashes {
	display: none;
}

#showreel {
	
}
#showreel h1 {

}

#tooltipImg {
	display:none;
}

iframe#googlemaps {
	display: none;
}

#content a:link#mb4 img, #content a:visited#mb4 img {margin-bottom: 20px;}

/* Inner Pages CSS including Red Cow and Portfolio home pages added 15/05/2008 */


#topColumnsInner {

}

#LeftColumn {

}

/* -- CENTRE COL CSS -- */

#CentreColumn {

}

#CentreColumn p, #CentreColumn ul {

}

#CentreColumn  h1 {

}

#CentreColumn  h2 {

}
#CentreColumn  h2.firstH2 {}

#CentreColumn  h3 {}


/* #CentreColumn p + h2 {margin-top: 2em;} */  /* IE ignores :(  use class instead. boooo. */

#CentreColumn ul {
	margin: 2em 4em;
	padding: 0;
}

#CentreColumn ul li {
	list-style: square outside url("../images/tick2.gif");
	margin: 0.5em 0;
	color: #000;
	font-weight: bold;
	padding: 0 0 0 0;
}

#CentreColumn ul li a:link, #CentreColumn ul li a:visited {
	color: #000;
}
#CentreColumn ul li a:active, #CentreColumn  ul li a:focus {
	background: #13A8FC;
	color: #fff;
}
#CentreColumn ul li a:hover {
	background: #13A8FC;
	color: #fff;
}

#CentreColumn img#Badge {
	display: none;
}

/* -- RIGHT COL CSS -- */

#RightColumn {

}

#RightColumn div.rightColTop {

}

#RightColumn p {}

#RightColumn ul {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#1a688f;
	font-size:0.9em;
	margin: 0 10px 0 20px;
	padding: 0;
}

#RightColumn li {

	background-repeat: no-repeat;
	padding: 0;
	list-style: square outside;

	color: #000;
}

.bold {
	color:#000;
	font-weight:bold;
}



#RightColumn img {
	margin:0 0 17px 0;
	float: left;
	clear: left;
}

a.quote {
	display:  none;
}


/* FOOTER */

#footer {
	margin: 50px 0 20px 0;
	font-size: 0.9em;
	clear: both;
	text-align: center;
	border-top: 1px solid #000;
}
#footer p {
	color: #000;
	font-weight: bold;	
	margin: 1em;
	width: auto;
	padding: 0;
	line-height: 2em;
}

#footer p span#fl {
display: none;
}
#footer p span#fl em {visibility: hidden;}

#footer p span#fm {
	padding: 4px;
}
#footer p span#fr {
	display: none;
	width: 10px;
	padding: 4px;
}

#footer p span#fr em {visibility: hidden;}

#footer p a:link, #footer p a:visited {
	display: none;

}
#footer p a:active, #footer p a:focus, #footer p a:hover {
	color: #000;
	background-color: #fff;
}

/* -- BOTTOM COLUMNS --*/
        
#bottomColumns #featuresColumn {

}

#bottomColumns #featuresColumn #specialOffers {

}
            
#bottomColumns #featuresColumn #dxblog {

}
#topColumnsInner #dxblog {
	width: 234px;
	background-color: #13a8fc;
	margin:0;
	float: left;
	border-top: 7px solid #fff;
}


#bottomColumns #featuresColumn #specialOffers h3 {

}

#bottomColumns #featuresColumn #dxblog h3 {

}
#topColumnsInner #dxblog h3 {
	text-indent: -9999px;
	background: transparent url("../images/blog-h1-darkerbg.gif") no-repeat;
	width:203px;
	height:24px;
}
            
#address {
	margin: 2em 0 0 0;
}

#address p {
	color: #000;
	font-size: 1.5em;
	clear: left;
	padding: 10px;
	margin: 0;
	width: 18em;
	border: 1px solid #ccc;
}

#address p.phone {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #000;
	font-weight: bold;
	border-top: 0;
	border-bottom: 0;
}

#specialOffers h3, #dxblog h3, #address h3 {
	text-transform: uppercase;


}

#specialOffers p, #dxblog p, #address p {

}


#address p {}
#address p span {color: #000;}


#CentreColumn ul#contactOptionsList li {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.5em;
	margin: 1em;
	padding-left: 1px;
}

/* --- FORM --- */

form#contactform {
	margin: 0px 10px 20px 10px;
	padding: 0px 10px 0 10px;
	overflow: hidden;
	width: 510px;
}

form#contactform label, form#contactform p {	
	line-height: 3em;
	margin: 2em 0;
	padding: 0;
}
form#contactform p {font-size: 1em;}

form#contactform input, form#contactform textarea {
	float: right;
	margin: -2em 0 2em 0;
	padding: 0;
	width: 420px;
	resize: none; /* safari */
}
form#contactform input {height: 2.5em;}
form#contactform textarea {height: 30em; overflow:auto;}


form#contactform input.submitbutton {
display: none;
}
form#contactform input.submitbutton:active, form#contactform input.submitbutton:focus, form#contactform input.submitbutton:hover {
	background-color: #F241D7!important;
	color: #fff;
	border: 2px solid #000;
}


/*  Checkboxes  */

form#contactform #checkboxes {
	width: 80%;
	padding-left: 10em;
}

form#contactform #checkboxes label {
	width: 10em;
	font-style: italic;
	float:left;
	clear: left;
	line-height: 1em;
	margin: 1em;
}

form#contactform #checkboxes input {
	width: auto;
	float: left;
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	outline: 0;
	background: none;
}


/* Sitemap */

#CentreColumn ul#sitemap li {
	list-style: square outside url("../images/page_go.gif");
	position: relative;
	top: -2px;
}
#CentreColumn ul#sitemap li a {position: relative; top: -2px;}

/* Resources */

#CentreColumn.resources ul li {
	list-style: square outside url("../images/page_world.gif");
	position: relative;
	top: -2px;
}
#CentreColumn.resources ul li a {position: relative; top: -2px;}