/* CSS for Do It 4U */
/* Sitewise stuff*/

/*zero down the margins and padding to be in complete control over layout*/
*{
/*	margin:0;
	padding:0;*/
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


/*body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}*/



/*Next fixes scroll bar on FF as per IE no sideways jump*/

/*html{
width: 100%;
margin-bottom: 1px;
}*/

/*No it doesn't*/



body{
background:url(../images/y2zGreyFadeVert2.jpg) top repeat-x; 
color:#3c474f; /*darker shade of the pallette colour*/
/*	color:#596975;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;/*Appears almost out of focus and woolly in Safari 4 ok with latest version 08/2009*/
/*	font-family:Geneva, Arial, Helvetica, sans-serif;*/
	text-align:left;
	min-width:760px; /*Netscape 6 and firefox I think you lose the left of the page if sized below the min size in this case 720px*/
}

/* default the link colours*/
a {
	text-decoration:none;
}

a:link{
	color:#3c474f;
	text-decoration:underline;
}

a:visited{
	color:#3c474f;
	text-decoration:underline;	
}
a:hover{
	color:#7e7860;
/*Need to make a gif to suit the black background*/ 	
  background: url(../images/underline1-hover.gif) repeat-x left bottom; /*Thanks to Andy Budd - CSS Mastery*/	
/*	text-decoration:underline;*/
}
a:active{
	color:#849cae;
}

h2{
/*	margin:0;*/
	padding:0.5em 0 0.5em 1em;
	font-size:120%;
	font-weight:lighter;
	background:url(../images/headerBg3.gif) left no-repeat;
			margin-bottom:10px; /* fixes a spacing error with ie between the h2 and the first box div*/
/*	font-weight:bolder;*/
}

h3{
/*	margin:0;*/
	padding:0.5em 0 0.5em 0;
	font-size:80%;
/*	font-weight:bolder;*/
}




/*Thanks to Andy Budd - CSS Mastery*/

a[href^="mailto:"] {/* Not being used because of FoxEm*/
  background: url(../images/email.png) no-repeat right top;
  padding-right: 15px;
}
a[href^="http://"] {
  background: url(../images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}

a[href^="/"] { /*Internal Links*/
  background: url(../images/internalLink.gif) no-repeat right top;
  padding-right: 10px;
}

/*Needed to add a class because Mailto is used in javascript to hide the email address*/
a.FoxEmEmail{
  	background: url(../images/email.png) no-repeat right top;
	text-decoration:underline;  
  	padding-right: 15px;
}
.mozFf {
  	background: url(../images/FF-logo-only20.gif) no-repeat left top;
  	padding-left: 24px;
	padding-bottom:2px;
	cursor:help;
	background-color:#eeeeee;	
}
/*Advert Links*/


span.mozilla {
  	background: url(../images/FF-logo-only20.gif) no-repeat left top;
	font-weight:bolder;
  	padding-left:30px;
	padding-bottom:2px;
}
span.skinnyLincoln {
  	background: url(http://www.skinnylincoln.co.uk/favicon.ico) no-repeat left top;
	font-weight:bolder;
  	padding-left:30px;
	padding-bottom:2px;
}

span.safari {
  	background: url(http://www.apple.com/favicon.ico) no-repeat left top;
	font-weight:bolder;
  	padding-left:30px;
	padding-bottom:2px;
}

span.aj {
  	background: url(http://www.ambitionjunction.com/favicon.ico) no-repeat left top;
	font-weight:bolder;
  	padding-left:30px;
	padding-bottom:2px;
}
span.uni-lite {
  	background: url(http://www.uni-lite.com/favicon.ico) no-repeat left top;
	font-weight:bolder;
  	padding-left:30px;
	padding-bottom:2px;
}
.mozFfLink {
  	background:url(../images/FF-logo-only20.gif) no-repeat left top;
  	padding-left:50px;
	padding-bottom:2px;
}


/*end Advert Links*/

/*Main Divs*/
#container{ /*Negative margins*/
	width: 760px;
	position:relative;
	left:50%;
	margin-left: -380px;
/*	background-color:#f6f4b3;*/
	background-color:#fff;	
/*	padding:0px 0px 0px 0px;*/
/*	border:solid #666666 1px;*/

}

.bannerEmail{
/*	float:right;*/ /* Float caused the Banner to catch on the email text - position absolute fixed it!!*/
	position:absolute;
	right:5px;
	
	padding-top:1px;
	padding-right:12px;
}

.bannerEmail a{
	font-size:10px;
  	background: url(../images/email.png) no-repeat right top;
	padding-right: 15px; 	
	text-decoration:none;

}


#banner{
background:url(../images/y2zBanner3.gif) center top no-repeat;
	height:66px;
}

#banner h1{
	height:66px;
/*	background:url(../images/DoItLogoLeft.gif) left top no-repeat;*/
	text-indent:-5000px;
	font-size:14px;
}
#mainNav{
	width:100%;
	float:left;
	position:relative;
	top:5px;
}


#mainNav ul{

}

#mainNav li{
	list-style:none;
	font-size:80%;
	line-height:1.25em;
}

#mainNav ul, li{
	float:left;
}

#mainNav li a{
	padding: 0.25em 0.25em 0.25em 1.25em;
	display:block;
	text-decoration:none;
	background:url(../images/sandNavDivider.gif) no-repeat 0px 50%;
	font-size:120%;
	font-weight:bolder;
}

/*Style the main Nav Bar Links*/
	#mainNav li a:link{
		color:#596975;
	}
	#mainNav li a:visited{
		color:#849ca9;
	}
	#mainNav li a:hover{
		color:#7e7860;
		text-decoration:underline;
	}
	#mainNav li a:active{
		color:#849CAE;
	}
	#mainNav li.first a { /*removes the divider from the first entry*/
		background:none;
	}
	#mainNav li.current a { /*sets the Nav bar List item when selected*/
		color:#7e7860;
		cursor:default;
		text-decoration:none;
	}
	#mainNav li.backTo a { /*sets the Nav bar List item when selected*/
		color:#7e7860;
		text-decoration:none;
	}
	#mainNav li.backTo a:hover { /*sets the Nav bar List item when selected*/
	color:#849ca9;
	text-decoration:underline;
}	
	
	
/*end MainNavBar Links*/

#home #contentMain{
/*background:url(../images/Keyhole2.jpg) right center no-repeat;*/
}

#contentMain{
position:relative;
font-size:90%;
	margin-top:1.5em; /*Steps over MainNav floated block*/
	padding:10px;
}

#contentMain p {
line-height:1.25em;
	padding:5px 10px 5px 5px;
font-size:90%;

}
#contentMain p.bolder {
font-weight:bolder;
}

#contentMain p.title {
font-weight:bolder;
color:#7e7860;
}

#contentMain h3 {
font-weight:bolder;
color:#7e7860;
}

#contentMain dl{  
/*	float:none; *//*Must reset the float from earlier ??*/
/*	padding-left:1em;*/
	font-size:85%;
}

#contentMain dt{
/*	padding-left:1em;*/
	padding-top:5px;
/*	padding-bottom:5px;*/
	font-weight:bolder;
	color:#7e7860;
}

#contentMain dd{
	padding-top:3px;
/*	padding-bottom:5px;*/
/*	float:none;*/ /*Must reset the float from earlier can't just do the float:none in the ul declaration??*/
	padding-left:2em;
	line-height:1.5em;
	list-style:none;/*??Not Required no list style for DD*/	
/*	background:url(../images/sandNavDot.gif) no-repeat 10px 6px;*/
		background:url(../images/sandNavDot.gif) no-repeat 5px 4px; /*can't add list style to DL/DD/DT items - use background image instead????*/
/*	background:url(../imagePNGs/y2zNavDot.png) no-repeat 5px 4px; */	

}


#contentMain ul{
	float:none; /*Must reset the float from earlier ??*/
	padding-left:1em;
}

#contentMain li{
	float:none; /*Must reset the float from earlier can't just do the float:none in the ul declaration??*/
	padding-left:3.5em;
	line-height:1.5em;
	list-style:none;
	background:url(../images/y2zNavDot.gif) no-repeat 30px 50%; 		
/*	background:url(../images/sandNavDot.gif) no-repeat 30px 50%;*/ /*easier positioning with background fixes IE sloppy positioning of list style image*/
}

#contentMain li.first{
	padding-top:0.5em;
	padding-left:0;
	padding-bottom:0.4em;
	background:none;
	font-weight:bolder;
}

#contentSub{
position:relative;
float:right;
width:65%;
height:200px; /*Keeps every thing stable as the photos change size*/
padding:30px 10px 10px 10px;

}

#contentSubNav{
position:relative;
float:left;
width:25%;
height:400px;

}

#contentMain .box{
	border:solid #7e7860 1px;
	margin:12px;
	padding:10px;
	}

#contentMain .links{
	position:absolute;
	font-size:90%;
	width:200px;
	top:380px;
	left:20px;
/*	background:url(../images/Picture047.jpg) no-repeat center center;	*/	
}

#contentMain .services{
font-size:90%;
	width:240px; /* fixes IE problem when box colapses to the right*/
	position:absolute;
	top: 87px;
	right:20px;
}

#contentMain .mainText{
	position:relative;
	left:10%;
	width:90%;

}

#contentMain .introText{
	position:relative;
	width:65%;
}

#contentMain .centreText{
	position:relative;
	width:100%;
}

#contentMain .leftText{
	position:relative;
	width:80%;

}

#contentMain .rightText{
	position:relative;
	left:30%;
	width:70%;

}
#contentMain .subText{
	position:relative;
	left:12%;
	width:85%;
}


#contentMain .y2zContact {
	position:relative;
	left:5%;
	width:85%;
}



#contentMain .y2zContact img {
	display:block;
	position:absolute;
	right:40px;
	top:30px;
}

#contentMain .y2zLinks {
	position:relative;
	right:8%;
	width:85%;
}

.siteMap{

}



.siteMap ul{
	float:none; /*Must reset the float from earlier ??*/
	padding-left:1em;

}

.siteMap li{
font-size:90%;
	float:none; /*Must reset the float from earlier can't just do the float:none in the ul declaration??*/
	padding-left:3.5em;
	line-height:1.5em;
	list-style:none;
	background:url(../images/y2zNavDot.gif) no-repeat 30px 50%; 		
/*	background:url(../images/sandNavDot.gif) no-repeat 30px 50%;*/ /*easier positioning with background fixes IE sloppy positioning of list style image*/
}

.siteMap li.Bold{
	padding-top:0.5em;
	padding-left:0;
	padding-bottom:0.4em;
	background:none;
	font-weight:bolder;
}







#picMain{

}

#footer{
	text-align:center;
	color:#7e7860;
	padding: 5px 10px 5px 10px;
	font-size:80%;
	margin: 0 10px 0 10px; /*shortens the line above the footer text*/		
	border-top:solid #7e7860 1px;
	position:relative;

}
/*End Main Divs*/

/*Div to Add Y2Z Link to foot of page*/

#Y2Z{
	margin: 0 10px 0 10px;
	text-align:right;
	line-height:2em;
	font-size:70%;
}

#Y2Z a {
	text-decoration:none;
	padding: 4px 34px 4px 0;
}

#Y2Z a:link{
	background:url(../images/Y2Z_small.gif) no-repeat right 50%;
	color:#666666;
}

#Y2Z a:visited{
	background:url(../images/Y2Z_small.gif) no-repeat right 50%;
	color:#444444;	
}

#Y2Z a:hover{
	background:url(../images/Y2Z_small_Over.gif) no-repeat right 50%;
	color:#cc6600;

}
#Y2Z a:active{
	background:url(../images/Y2Z_small.gif) no-repeat right 50%;
	color:#FFFFFF;
}


.clearBoth{
	clear:both;
}
p.strapLine{
	color:#7e7860;
	text-align:right;
	font-size:80%;
	line-height:1.5em;
}

.tidy{
position:absolute;
right:10px;

}
.tidy img{
border:none;

}
a.tidy {
background:none;
}