/*
 
1. --defaults-- 
2. --layout-- 
3. --header--
4. --navbar--
5. --main column 1--
6. --main column 2--
7. --main section bottom--


--*/



/* 1. --defaults--*/

* {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
	
html {
	font-size:100%;
		}

body {
	font-size:70%;
	font-family: Arial;
	border: 0;
	height: 100%;
	max-height: 100%;
	color: #000000;
	background-position: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	
a {
	text-decoration:none;
	outline: none;
	color: #CB4096;
	font-weight:bold;
}
	 
a:hover {
	text-decoration:none;
	cursor:hand;
}
	 

img {
	border:none;}
	
li {
	list-style:none;
	float:left;
	display:block;}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

strong {
	font-weight:normal;}
	


h2 {margin:10px 0 10px 50px;}

h3, h4 {margin:10px 0 10px 10px;}

h5 {padding:10px 0 10px 10px;
	font-size:120%;
	font-weight:normal;}
	
a.black {
	font-weight:normal;
	color:#000;}

a:hover.black {
	text-decoration:none;
}

textarea:focus, input:focus {
	background: #bbdfd0;}

.bold {	
	font-weight:bold;
	}
	

div#header {
position:fixed;
top:0;
left:0;
z-index:2;
}

	
* html div#header {
	position:absolute;}
	


#mainwrap{
	position: absolute;
	top: 0px;
	left: 50px;
	right: 0;
	bottom: 0;
	z-index:10;
}

	 
div#main{
	top:40px;
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 2em;
	padding-bottom: 20px;
	padding-left: 2em;
}
	
div#main, div#nav, div#mainmid, div#maintop, div#mainbot   {
	width:700px;
}

div#top {
	width:100%;
	height:239px;
	position:fixed;
	left:0;
	top:0;
	background: url(../images/skystrip.jpg) 0 0 repeat-x;
	z-index:1;
	}
	
	
div#back {
	height:100%;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:2;
	}
	
div#bot {
	height:170px;
	width:100%;
	position:fixed;
	bottom:-50px;
	z-index:4;
	display:block;
	}
	
div#tophill {
	background:url(../images/tophill.png) 0 0 repeat-x;
	width:100%;
	height:45px;
	padding:0;
	margin:0;
	}
	
div#hillstrip {
	background:url(../images/tophillstrip.png) 0 0 repeat-x;
	width:100%;
	height:132px;
	padding:0;
	margin:0;
	}
	
div#tree1 {
	position:fixed;
	background:url(../images/tree1.gif) 0 0 no-repeat;
	width:532px;
	height:361px;
	padding:0;
	margin:0;
	left:25px;
	bottom:90px;
	z-index:4;
	}
	
	
div#tree2 {
position:fixed;
	background:url(../images/tree2.png) 0 0 no-repeat;
	width:219px;
	height:204px;
	padding:0;
	margin:0;
	right:120px;
	bottom:145px;
	z-index:2;
	}

div#london {
	background:url(../images/london.gif) 0 0 no-repeat;
	width:800px;
	height:214px;
	position:fixed;
	left:15%;
	bottom:60px;}
	
div#girkin {
	background:url(../images/girkin.gif) 0 0 no-repeat;
	width:269px;
	height:168px;
	position:fixed;
	left:75%;
	bottom:110px;}
	
div#backlondon {
	background:url(../images/londonback.gif) 0 0 no-repeat;
	width:1275px;
	height:332px;
	position:fixed;
	left:30px;
	bottom:100px;}
	
div#londonshade {
	background:url(../images/londonshade.png) 0 0 repeat-x;
	height:187px;
	width:100%;
	position:fixed;
	left:0;
	bottom:100px;
	z-index:2;}
	
div#shade {
	background:url(../images/shade.png) 0 0 repeat-x;
	height:332px;
	width:100%;
	position:fixed;
	bottom:0;
	z-index:6;}

	
div#hill1 {
	height:109px;
	width:517px;
	background: url(../images/hillleft.png) 0 0 no-repeat;
	z-index:4;
	position: fixed;
	left:0;
	bottom:75px;
	}
	
div#hill2 {
	height:185px;
	width:311px;
	background: url(../images/hill2.gif) 0 0 no-repeat;
	z-index:3;
	position: fixed;
	left:400px;
	bottom:80px;
	}
	
	

	
div#hill3 {
	height:157px;
	width:403px;
	background: url(../images/hillright.png) 0 0 no-repeat;
	position: fixed;
	right:0;
	z-index:4;
	bottom:60px;
	}
	


div#header {
	position: fixed;
	top:60px;
	padding:20px;
	z-index:10;
	
}
	

	


div#header span.contact {
	margin-right:10px;}
	
div#contact {
	border-top: 1px dotted #aaaaaa;
	width:155px;
	padding: 10px 10px 10px 15px;
	margin-top:20px;
		}
		
div#contact p{
	text-align:center;
	width:15.5em;}
	
div#header a {
	color:black;
	font-weight:normal;
	}
	
div#exampwrap {
	margin-left:35px;
	margin-top:10px;}

div.examples {
	float:left;
	width:115px;
	padding: 10px;
	margin-top:40px;
	position:relative;
	z-index:10;
	}
	
div#newsimg, div#blogimg a, div#latestimg a, div#clinicimg a{
color:blue;
	text-decoration:underline;}
	
div#newsimg a span, div#blogimg a span, div#latestimg a span, div#clinicimg a span {
	height:91px;
	display:block;
	position: relative;}
	
div#newsimg a span{
	background: url(../images/newsicon.gif) 0 0 no-repeat;
	width:115px;
	position:absolute;
	}
	
div#newsimg a span{
	background: url(../images/newsicon.gif) 0 0 no-repeat;
	width:115px;
	position:absolute;
	}
	
div#blogimg a span{
	background: url(../images/blogicon.gif) 0 0 no-repeat;
	width:115px;
	position:absolute;
	}
	
	
div#latestimg a span{
	background: url(../images/impicon.gif) 0 0 no-repeat;
	width:115px;
	position:absolute;}
	
div#clinicimg a span{
	background: url(../images/clinicicon.gif) 0 0 no-repeat;
	width:115px;
	position:absolute;}
	
div#newsimg a:hover span{
	background-position: 0 -97px ;
	}
	
div#blogimg a:hover span{
	background-position: 0 -95px ;
	}
	
div#latestimg a:hover span{
	background-position: 0 -98px ;
	}

div#clinicimg a:hover span{
	background-position: 0 -103px ;
	}





/*3. --forms--*/

div#newsexamp {
	float:left;
	margin-left:20px;
	width:135px;

	}
	
div#newsexamp a p{
margin:0;
padding:0 0 5px 0;

	}
	
div#newsexamp a:hover p{
text-decoration:underline;

	}

div#forminpnews {
	margin-left:60px;
	width:340px;
	float:left;}
	
	
div#forminp {
	margin-left:60px;}
	

	
label {
	display:block;
	width:80px;
	float:left;
	margin:5px;
	clear:left;
	}
	
div.submit {
	margin-left:35px;
	margin-right: 90px;
	}
	
div.formfoot {
	width:430px;
	clear:left;}
	
div.formfoot p#req {
	float:left;
	width:100px;
	padding:0;}
	
	
div.submit input{
	margin:0 0;
	width:65px;
	}
	
.marg {
	margin-top:20px;}
	
select, input {
	display:block;
	width:50px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	}
	

textarea {
	width:300px;
	margin:5px 0;
	}
	

#button {

padding: 0 10px;}


/*4. --navigation bar--*/

div#nav {
background: url(../images/mainmid.png) 0 0 repeat-y;
}

div#nav ul {
width:700px;
margin-left:0px;
}

div#nav li {
	position:relative;
	width:100px;
	margin-top:-20px;
	z-index:10;
	float:left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}	

li {
list-style:none;}


li a.hide{
	width: 75px; 
	height: 59px;
	float:left;
	overflow:hidden;
	color:blue;
	text-decoration:underline;
	}
	
div#nav li#hometab a.hide span, div#nav li#examptab a.hide span, div#nav li#philtab a.hide span, div#nav li#protab a.hide span, div#nav li#standtab a.hide span, div#nav li#contab a.hide span, div#nav li#accesstab a.hide span{
	position:absolute;
	width:100px;
	height:59px;
	left: 0px;
	top: 0px;
}
	
div#nav li#hometab a:hover.hide span, div#nav li#examptab a:hover.hide span, div#nav li#standtab a:hover.hide span, div#nav li#contab a:hover.hide span {
	background-position:0 -65px;
	}
	
div#nav li#philtab a:hover.hide span, div#nav li#protab a:hover.hide span, div#nav li#accesstab a:hover.hide span  {
	background-position:0 -65px
}	
	
div#nav li#hometab a.hide span{
	background-image: url(../images/Dog_Walker_Home_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
div#nav li#examptab a.hide span {
	background-image: url(../images/Dog_Walker_Services_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
		
div#nav li#philtab a.hide span {
	background-image: url(../images/Dog_Walker_Prices_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
		
div#nav li#protab a.hide span {
	background-image: url(../images/Dog_Walker_Gallery_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	
div#nav li#standtab a.hide span {
	background-image: url(../images/Dog_Walker_FAQs_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
		
div#nav li#contab a.hide span {
	background-image: url(../images/Dog_Walker_Contact_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
		
div#nav li#accesstab a.hide span {
	width:97px;
	background-image: url(../images/Dog_Walker_Vacancies_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}


/*--Main Column 1--*/


div#maincol1 {
	float:left;
	width:700px;
}

div#maincol1 h2{
	border-bottom: 1px dotted #aaaaaa;
	padding-bottom:5px;
	width:600px;
	padding-top: 5px;
}

div#maincol1 p.dotted {
	border-top:1px dotted #aaa;
	width:560px;
	padding: 20px;
	margin-left:50px;
	background-color: #F4DDEF;
}
	
div#maincol1 p.dottedblank {
	border-top:0px dotted #aaa;
	width:560px;
	margin-left:50px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #F4DDEF;
}

div#maincol1 p.dottedblankpad {
	border-top:0px dotted #aaa;
	width:560px;
	margin-left:50px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #F4DDEF;
}

div#maincol1 p.dottedblankpadB {
	border-top:0px dotted #aaa;
	width:560px;
	margin-left:50px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #F4DDEF;
	font-weight: bold;
}
	
div#maincol1 img#pro {
	padding:2em 0 5px 60px;
	margin:0;}
	
div#maincol1 h4{
	padding:2em 0 0 60px;
	margin:0;}
	
div#maincol1 h3{
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}
	
	
div#maincol1 h4 a{
	text-decoration:none;
	color:#000;}
	
	
div#maintop {
	background: url(../images/maintop.png) 0 0 no-repeat;
	position:relative;
	height:140px;
	margin-top:20px;
	}
	

	
div#mainmid {
	background: url(../images/mainmid.png) 0 0 repeat-y;
	float:left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	
div#maincol1 p {
	width:600px;
	font-size:120%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 50px;
}
	
div#maincol1 div#dot ul li p.access2 {
	float:left;
	width:250px}
	
div#maincol1 div#dot ul li p.access {
	float:left;
	width:50px;
	clear:left;}
	
div#maincol1 a span.showurl {
	color:#999;
	font-size:120%;
	font-weight:normal;
	width:247px;
	margin-left:0;
	padding-left:0;
	text-align:center;
	display:block;
	}
	

.img a {
	text-decoration:none;}
		
div#maincol1 a:hover span.showurl {
	color:#000;
	text-decoration:underline;
	width:247px;
	margin-left:0;
	padding-left:0;
	text-align:center;
	display:block;}
	

div#maincol1 div#dot, div#maincol1 div#dot2 {
	border-top:1px dotted #aaa;
	background:#eee;
	width:470px;
	padding: 20px;
	margin-left:60px;}
	
div#maincol1 div#dot p, div#maincol1 div#dot2 p{
	background:#eee;
	width:470px;
	padding: 0px;
	margin: 0px;}
	
div#maincol1 div#dot li p, div#maincol1 div#dot2 li p {
	padding:3px 0;}
	
div#maincol1 p.middot {

	background:#eee;
	width:490px;
	padding: 0px 20px 10px;
	font-size:120%;
	margin-left:50px;}
	
div#maincol1 p.nodot {
	background:#eee;
	width:490px;
	padding: 10px 20px 20px;
	font-size:120%;
	margin-left:50px;}
	
div#maincol1 p.pmarg{
	margin-bottom:20px;}
	
div#maincol1 li{
	padding:0;
	float:none;
	
}

div#maincol1 ol{
	padding-top:0px;
	
}

div#maincol1 ul {
background:#eee;
	width:500px;
	padding: 0 20px 20px;
	font-size:120%;
	margin-left:60px;}
	
div#maincol1 div#dot ul {
	margin-top:20px;
	width:300px;}

div#maincol1 div.showcase {
	margin-left:60px;
	width:550px;}
	
div#showtop {
	width:550px;
	clear:right;
	margin-left:50px;}
	
#impbut img, #impbut a {
	float:left;
	margin:10px 0 0;}
	
#impbut a {
	position:relative;
	margin:25px 0 0 120px;}
	
#impbut a span {
	background:url(../images/impbutton.jpg) 0 0 no-repeat;
	width:156px;
	height:38px;
	display:block;
	position:absolute;}
	
#impbut a:hover span {
	background:url(../images/impbutton.jpg) 0 -41px no-repeat;
	}
	
div#showbot {
	clear:left;
	margin-left:50px;}


div#maincol1 div.brief h4, div#maincol1 div.sol h4, div#maincol1 div.url h4{
padding-left:0;
margin-left:10px;}
	
div#maincol1 div.img, div#maincol1 div.brief, div#maincol1 div.sol {
	float:left;
	width:247px;}

div.img {
	margin:20px 0 0 7px;
	text-align:center;
	float:left;
	width:247px;
	}
	
div.url{
	margin-left:20px;
	float:left;
	width:219px;}
	
div.sol{
	margin-left:20px;}
	
div#maincol1 div.brief p, div#maincol1 div.sol ol {
	width:220px;
	border-top: 1px dotted #aaa;
	background-color: #eeeeee;
	padding:10px 0 ;
	float:left;
	margin-left:10px;
	}
	
div#maincol1 div.sol ol li {
	font-size:14px;
	padding:2px 0;}
	
div.brief {
	clear:left;
	margin-right:10px;}

div.brief, div.sol {
	width:240px;
	float:left;}
	
		
.container h5 span {
	display:none;}
	
div.maincol1 h4.sIFR-replaced a {
	text-decoration:none;
	color:#000;}
	

		
div.dev {
		background-color: #eeeeee;
		margin:0 0 0 50px;
		padding: 0 20px 20px;
		width:490px;
}
	
div#maincol1 p#w3 {
	padding:10px 0 10px 60px;}
	
	
div#maincol1 p#w3 img{
	width:70px;
	height:25px;}

div#maincol1 div.dev p {
	float:left;
	width:300px;
	clear:left;
	padding-left:25px;
	padding-right:50px;}
	
div.dev img#wframe {
	float :left;
	width:100px;}
	
div#dev2 span {
	font-size:90%;
	display:block;
	width:80px;
	text-align:center;
	float:right;
	padding-top:10px;
	margin-right:25px;}
	
div#php {
	height:150px;}

div#php p{
	margin-top:40px;
	font-size:120%;
		font-weight:normal;}

/*--accordion--*/


.AccordionContainer {
	margin:0 0 0 10px;
	padding-top:20px;
	float:left;
	}

.AccordionContainer#first {
	
	margin-left:60px;}
	
.AccordionContainer#second, .AccordionContainer#third{
	
	margin-left:10px;}
		
 
 .AccordionTitle, .AccordionContainer
{
	position:relative;
	width:200px;
 }
 

	
.AccordionContainer#second  .AccordionContent {
	margin-left:-200px;
}
	
.AccordionContainer#third  .AccordionContent {
	margin-left:-430px;
}
	

.AccordionTitle a
{
  height:145px;
  width:150px;
  overflow:hidden;
  cursor:pointer;
  text-align:center;
  display:block;
  color:blue;
	text-decoration:underline;
  /*-moz-user-select:none;*/

}

.AccordionTitle#ac1 a {
	position:relative;
	height:145px;
  width:150px;}

.AccordionTitle#ac1 a span {
	background:url(../images/postit1.gif) 0 0 no-repeat;
	height:145px;
  width:150px;
  position:absolute;
  left:0;
  top:0;}
	
.AccordionTitle#ac1 a:hover span {
	background-position: 0 -156px;
}
	
.AccordionTitle#ac2 a {
	position:relative;
	height:145px;
  width:150px;}
	
.AccordionTitle#ac2 a span{
	background:url(../images/postit2.gif) 0 0 no-repeat;
	height:145px;
  width:150px;
  position:absolute;
  left:0;
  top:0;
}

.AccordionTitle#ac2 a:hover span {
	background-position: 0 -156px;
}

.AccordionTitle#ac3 a {
	position:relative;
	height:145px;
  width:150px;}
	
.AccordionTitle#ac3 a span{
	background:url(../images/postit3.gif) 0 0 no-repeat;
	height:145px;
	width:150px;
	position:absolute;
	left:0;
	top:0;
}
	
.AccordionTitle#ac3 a:hover span{
	background-position: 0 -156px;}
	

.AccordionContent
{
	position:relative;
	height:0px;
	overflow:hidden;
	width:600px;
}

	
#Accordion1Content {
	background:url(../images/post1back.gif) 0 0 no-repeat;}
	
#Accordion2Content {
	background:url(../images/post2back.gif) 0 0 no-repeat;}

#Accordion3Content {
	background:url(../images/post3back.gif) 0 0 no-repeat;}	
	


div#maincol1 div.AccordionContent p
{
	margin-left:5px;
	position:absolute;
	top:20px;
	left:32px;
	width:500px;
	height: 94px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

/*--main section bottom--*/


	
div#mainbot {
	background: url(../images/mainbot.png) 0 0 no-repeat;
	position:relative;
	height:181px;
	clear:left;
	padding-top:10px;
	}
	

	
div#copy p {
	text-align:center;}
	
div#copy {
	color: #005300;
	font-size:90%;}
	
 div#mainbot p a {
 	color: #666;
	}
	
 div#mainbot p a:hover {
 	text-decoration:underline;
	}


/*------------- PHOTO GALLERY --------------*/

.pg { float: left; width: 475px; padding: 22px 25px 0 25px; }
.pg_end { float: left; width: 525px; height: 25px; }
.pg_photo { float: left; width: 135px; height: 59px; background: #333333; padding: 23px 10px 23px 10px; margin: 0 0 5px 0; }
.pg_divider { float: left; width: 5px; height: 5px; }

.cs_pic { border: 3px #4e4e4e solid; display: block; margin: 0; padding: 0; }
.cs_picOn { border: 3px #77b009 solid; display: block; margin: 0; padding: 0; } /* or #949494 */


/*------------- GLOBAL SELECTORS --------------*/



#copy_right_inside_info ul { margin: 10px 0 10px 0;  }
#copy_right_inside_info ul li { margin:0; padding: 4px 0px 4px 18px; display:block; list-style-type:none; background: url(../images/ul_star_on.gif) no-repeat 0 11px; font-size: 15px; line-height: 21px; }


/*------------- BUSHWALKING --------------*/

.ad {
	float: left;
	width: 476px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 22px;
	padding-right: 112px;
	padding-bottom: 0px;
	padding-left: 110px;
}
.ad_end { float: left; width: 525px; height: 25px; }
.ad_photo {
	float: left;
	width: 421px;
	padding: 25px 27px 0 27px;
	background: #F4DDEF;
}
.ad_text { float: left; width: 405px; padding: 3px 35px 9px 35px; background: #333333; }
.ad_text_clean {
	float: left;
	width: 475px;
	height: 25px;
	background: #F4DDEF;
}


/*------------- BUSHWALKING OV --------------*/

.ad_ov {
	float: left;
	width: 680px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 22px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.ad_ov_end { float: left; width: 525px; height: 25px; }
.ad_ov_photo {
	float: left;
	width: 660px;
	background: #F4DDEF;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.ad_ov_text {
	font-size:11pt;
	font-family: Arial;
	float: left;
	width: 300px;
	padding: 10px;
	background: #F4DDEF;
}

.ad_ov_text_bold {
	font-size:11pt;
	font-family: Arial;
	float: left;
	width: 300px;
	background: #F4DDEF;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.ad_ov_text_clean {
	float: left;
	width: 680px;
	height: 25px;
	background: #F4DDEF;
}