/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
  background:url(../images/backgrounds/bodybg.png)  0 0 repeat transparent;
  background-color: #000
}
body{
  background:transparent;
  width:100%;
  font-family:Verdana,Arial, Helvetica, Sans-serif;
  color:#030e15;
  font-size:75%;
}

a{
  color:#fff;
  text-decoration:none;
}
a:hover{
  color:#ebc1db;
  text-decoration:underline;
}
.center{
  text-align:center;
}
#wrapper{

  width:780px;
  min-width:780px;
  background:url(../images/backgrounds/contentbgcenter.png) 50% 0 repeat-y transparent;
  margin-top: 60px !important;
  margin: 0 auto;
  -webkit-box-shadow: 0px 0px 160px rgba(255,255,255, 0.7);
  -moz-box-shadow:    0px 0px 160px rgba(255,255,255, 0.7);
   box-shadow:         0px 0px 160px rgba(255,255,255, 0.7);

	 behavior: url(http://localhost/newdimensionuk.com/css/PIE.htc);

}
#header,
#main,
#footer{
  width:780px;
  margin:0 auto;
}
#header{
  background:url(../images/backgrounds/head-bg.gif)  0 0 no-repeat transparent;
  height: 119px;
}

#brand{
  width:288px;
  height:79px;
  display:block;
  background:url(../images/logo.gif) 0 0 no-repeat transparent;
  float:left;
  margin-left: 20px;
  margin-top: 22px;
}
#foot-brand{
  width:125px;
  height:39px;
  display:block;
  background:url(../images/footer-logo.gif) 0 0 no-repeat transparent;
  float:left;
  margin-left: 20px;
  margin-top: 10px;
}
#brand span{
  display:none;
}
#foot-brand span{
  display:none;
}
#main{
  border-top: 5px solid #d0d0d0;
  border-bottom: 5px solid #d0d0d0;
  font-family: 'rabioheadregular';
  color:#fff;
  font-size: 23px;
}
#main ul {
    margin-left: 20px;
}
.accesspage {
    color: #000 !important;
    font-family: Verdana,Arial, Helvetica, Sans-serif !important;
    font-size: 12px !important;
    padding-bottom: 20px;
}
.homebg {
      height: 457px;
}
.servicesbg {
      background:url(../images/services-image.jpg)  0 0 no-repeat transparent;
      height: 460px;
}
.ethicalbg {
      background:url(../images/ethical-image.jpg)  0 0 no-repeat transparent;
}
.aboutbg {
      background:url(../images/about-image.jpg)  0 0 no-repeat transparent;
      height: 1005px;
}

#main p {
  padding: 10px;
  line-height: 27px;  
}
.black {
    color:#000;
    padding: 0px !important;
    margin-top: 20px;
    font: 12px Verdana, Helvetica, Arial, sans-serif;
}
.add1, add2 {
    width: 240px;
    float: left;
}
#fields {
    margin-top: 0px 
}
.black a {
    color: #000;
}
.home-first, .home-second {
    margin-bottom: 15px;
    padding: 10px;
}

small {
    font-size: 18px;
    color: #000;
}
small a {
    color: #000 !important;
}
body.do-it-yourself #main,
body.the-team #main,
body.contact-us #main



/****************         layout boxes          ******************/
#content{
 padding:0 16px;
}


/******************  Menu ***********************/
.menu-left {
    height: 37px;
    width: 8px;
    background:url(../images/header-left.png)  0 0 repeat transparent;
    position: absolute;
    margin-left: -8px;
    margin-top: -7px;

}
.menu-right {
    height: 37px;
    width: 8px;
    background:url(../images/header-right.png)  0 0 repeat transparent;
    position: absolute;
    float: right;
    margin-left: 780px;
    margin-top: -37px;

}
#menu{
  margin:0;
  font-size:12px;
  font-weight:bold;
    background:url(../images/backgrounds/menu-bg.gif)  0 0 repeat transparent;
    height: 30px;

}
#menu ul {
    width: 800px;
    margin: 0 auto;
  list-style:none;
  padding-top: 6px;
  padding-left: 20px;
}
#menu ul li:first-child {
    margin-left: 0px;
}
#menu ul li {
 margin:0 3px 0 55px;
 display:block;
 float:left;
}
#menu ul li a {
 color:#fff;
 padding: 1px 12px 1px 12px;
 display:block;
 text-transform: uppercase;
 height: 16px;

}
#menu ul li a:hover,
body.home #menu ul li a.menu-home,
body.services #menu ul li a.menu-services,
body.about #menu ul li a.menu-about,
body.ethical-policies #menu ul li a.menu-ethical-policies,
body.contact-us #menu ul li a.menu-contactus
{
  color:#7f3f74;
  background-color:#fff;
  text-decoration: none;
}
#footer a:hover,
body.home #footer ul li a.menu-home,
body.services #footer ul li a.menu-services,
body.about #footer ul li a.menu-about,
body.ethical-policies #footer ul li a.menu-ethical-policies,
body.contact-us #footer ul li a.menu-contactus,
body.accessibility #footer ul li a.menu-accessibility {
    color: #7f3f74 !important;
}

/****************************** footer ************************/
#footerwrapper{
  width:100%;
  margin:0;
  min-width:780px;

}

#footer{
  font-size:12px;
  position:relative;
  background: #fff;
  height: 70px;
  background:url(../images/backgrounds/foot-bg.gif)  0 0 no-repeat transparent;

}
#credits{
 padding: 0 14px;
 margin:0 0 20px 0;
 float: right;
 font-size: 10px;
}

#footer ul{
  margin:0;
  padding:14px 14px 10px 14px;
  float: right;
}

#footer ul li{
  display:inline;
  padding:0 1px;
}
#footer ul li.last{
  border-right:0 none;
}
#footer ul li a{
  color:#030e15;
  font-size: 10px;

}
#credits a {
    color: #7f3f74;
}
#credits a:hover {
    color: #7f3f74 !important;
}
#footer ul li a {
  text-transform: uppercase;
  color: #171717;

}
#footer ul li a:hover, #credits a:hover{
  color:#030e15;
  text-decoration:underline;
}


/***************************************     headings and type  ****************************************/
h1, 
h2,
h3,
h4,
.tele,
#menu,
#service-price-breakdown th
{
  font-family: ?Arial Black?, Gadget, sans-serif;
}
h1{
  font-size:24px;
  color:#fff;
  font-weight:normal;
}
h1 span{
  color:#35c7ec;
}
#content h2{
  font-size:18px;
  border-bottom: 1px solid #d0d0d0;
  padding:0 0 8px 0;
  margin:0 0 16px 0;
}
.sidebar h3{
  font-size:18px;
  color:#444;
  border-bottom: 1px solid #d0d0d0;
  padding:0 0 8px 0;
  margin:0 0 16px 0;
}
.sidebar h3 span{
  color:#35c7ec;
}
#home-featured h2{
 color:#fff;
 font-size:22px;
 font-weight:normal
}
#home-featured h2 span{
  color:#35c7ec;
}
.home-right h2{
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 5px;
  padding: 16px 0 0;
  text-align: center;
  font-size:15px;
  text-transform: uppercase;
  
}
.home-right h2 span{
  color:#baec35;
}

p strong, b{
  font-weight:bold;
}
#casestudy-list p{
  margin:0 0 4px 0;
  font-size:12px;
  line-height:1.3em;
}
.home-left p{
  padding:0 18px;
}
.findoutmore-content {
   background-position: -274px -69px;
   width:255px;
   height:33px;
   display:block;
   margin-left:18px;
   margin-top:-8px;
}
.findoutmore-content  span{
  display:none;
}
.clear:after,
#casestudy-list li:after,
.content-sidebar ul li:after{
  display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; 
}


.italic {
    font-style: italic;
    color: #632423  
}

.final_row {
    font-weight: bold;
}

#slides #home-text {
    position: absolute;
}

#home-text {
    width: 273px;
    background: #883e6c;
    -moz-opacity: 0.80;
    opacity:.80;
    filter: alpha(opacity=80);
    z-index: 9999999;
    font-family: 'rabioheadregular';
    color: #fff;
    font-size: 23px !important;
    line-height: 27px;
}
.hometext {
        height: 457px;

}
.aboutfirst {
    float: right;
}
.ethicalfirst {
    float: right;
    height: 620px !important;
}
.aboutfirst p {
    margin-bottom: 10px;
}
.aboutsecond {
    float: left;
    margin-top: 494px;
    height: 510px !important;
}
.aboutsecond p {
    margin-bottom: 25px;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 21, 2012 */
@font-face {
    font-family: 'rabioheadregular';
    src: url('rabiohead-webfont.eot');
    src: url('rabiohead-webfont.eot?#iefix') format('embedded-opentype'),
         url('rabiohead-webfont.woff') format('woff'),
         url('rabiohead-webfont.ttf') format('truetype'),
         url('rabiohead-webfont.svg#rabioheadregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.contact-text {
    float: left;
    min-height: 585px;
}
.contact-text p {
    padding-left: 20px !important;
    padding-bottom: 0px !important;
}
#google-map {
    float: right;
    padding: 40px;
    max-width: 427px;
    height: 504px;
}


/*contact form*/
#form p {
    padding-left: 5px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    text-align: left;
}
#form {width:210px;
    margin-left: 20px;
	padding: 10px;	
	margin: 0 auto;
	background: rgb(247, 247, 247);
	border: 1px solid rgba(147, 184, 189,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
		 text-align:center;}

/*CSS for Error notification*/
.notification_error{
	border: 1px solid #f95c5c;
	height: auto;color: #f95c5c;
	padding: 10px;
	margin: 10px auto;
	text-align:left;
	-moz-border-radius:5px;
	margin-bottom:10px;}

/*CSS for Successfully sent notification*/
.notification_ok{
	border: 1px #883E6C solid;
	height: auto;padding: 10px;
	margin:0 auto;
	background: #f5f9fd;
	text-align: center;-moz-border-radius:
	5px;margin-bottom:10px;
	color: #883E6C;
	}

/*CSS for textarea (Name and email)*/
textarea{
	width:190px;margin: 10px auto;
	padding: 5px;
	border: 1px solid #cccccc;
	color: #333333;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
	-moz-border-radius: 3px;
		-webkit-appearance: textfield;
			-webkit-box-sizing: content-box;
	-moz-box-sizing : content-box;
		box-sizing : content-box;
			-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
		border-radius: 3px;
			-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
		box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
			webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
			transition: all 0.2s linear;}

/*CSS for textbox (Message)*/		
.textbox {
	width:190px;height:25px;
	margin: 5px auto;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #cccccc;
	color: #333333;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
	-moz-border-radius: 3px;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;}
.textbox2 {height:140px; max-width:192px}

/*CSS for submit button*/		
.button {width: 25%;
	cursor: pointer;	
	background: #883E6C;
	padding: 4px 5px;
	font-family: 'rabioheadregular';
	color: #fff;
	font-size: 24px;	
	border: 1px solid rgb(28, 108, 122);	
	margin-bottom: 10px;	
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;	
	-webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	   -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	        box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset,
	        0px 0px 0px 3px rgb(254, 254, 254),
	        0px 5px 3px 3px rgb(210, 210, 210);
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
			text-align:center;}
			
.button:hover{
	background: #a96f8d;
}

/**** advanced input styling ****/
/* placeholder */
::-webkit-input-placeholder  { 
	color: rgb(190, 188, 188); 
	font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{ 
	color: rgb(190, 188, 188);
	font-style: italic;
} 
input {
  outline: none;
}
.clr{
	clear: both;
}


#form-container input {
    width: 190px !important;
}

#form-container{
	width:210px;
    margin-left: 20px;
	padding: 10px;	
	margin: 0 auto;
	background: rgb(247, 247, 247);
	border: 1px solid rgba(147, 184, 189,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
		 text-align:center;
}

td{
	white-space:nowrap;
}

textarea{
	color:#404040;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}



/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:780px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:780px;
	height:457px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:0px auto 0;
	width:100px;
	position: absolute;
	margin-top: -20px;
	z-index: 9999;
	margin-left: 700px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

/*
	Anchors
*/

a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}