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

--*/



/* 1. --defaults--*/

* {
	margin:0;
	padding:0;
	}
	
html {
	font-size:100%;
		}

body {
	
	font-size:62.5%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
	border: 0;
	height: 100%; 
	max-height: 100%; 		
}
	
a {
	text-decoration:none;
	 outline: none;
	 color: #008800;
	 font-weight:bold;}
	 
a:hover {
	text-decoration:underline;}
	 

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:underline;}

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: 200px; 
right: 0;
bottom: 0;
z-index:10;

}

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

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:50px;
	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;
	height:160px;}

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 ;
	}

div#rec {
	border-top: 1px dotted #548B54;
	border-width:80%;
	margin-left:50px;
	width:520px;}
	
div#rec p {
	width:250px;
	margin:5px 0;}
	
div#rec h3 {
	margin:20px 0 0 0;}
	
div#rec a {
	color:#333;
	font-weight:bold;
	font-size:10px;
	text-indent:-99999px;}
	
div#rec a#reclink {
	color:#000;
	font-weight:normal;
	font-size:10px;}
	
div#rec a#indent span {
	text-indent:-99999px;}

div#rec img {
	margin-top:10px;}
	



/*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:90px;
	}
	
div.formfoot {
	width:430px;
	clear:left;}
	
div.formfoot p#req {
	float:left;
	width:100px;
	padding:0;}
	
	
div.submit input{
	margin:5px 0;
	width:100px;
	}
	
.marg {
	margin-top:20px;}
	
select, input {
	display:block;
	width:220px;
	margin:5px 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:580px;
margin-left:33px;
}

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

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:77px;
	height:59px;}
	
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 -62px}	
	
div#nav li#hometab a.hide span{
	background: url(../images/homeicon.gif) 0 0 no-repeat;
	}
	
div#nav li#examptab a.hide span {
	background:url(../images/exampicon.gif) 0 0 no-repeat;
	}
		
div#nav li#philtab a.hide span {
	background:url(../images/philicon.gif) 0 0 no-repeat;
	}
		
div#nav li#protab a.hide span {
	background:url(../images/processicon.gif) 0 0 no-repeat;
	}
	
	
div#nav li#standtab a.hide span {
	background:url(../images/standicon.gif) 0 0 no-repeat;
}
		
div#nav li#contab a.hide span {
	background:url(../images/contacticon.gif) 0 0 no-repeat;
	}
		
div#nav li#accesstab a.hide span {
	width:97px;
	background:url(../images/accessicon.gif) 0 0 no-repeat;
	}


/*--Main Column 1--*/


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

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

div#maincol1 p.dotted {
border-top:1px dotted #aaa;
	background:#eee;
	width:490px;
	padding: 20px;
	margin-left:50px;}
	
div#maincol1 img#pro {
	padding:2em 0 5px 60px;
	margin:0;}
	
div#maincol1 h4{
	padding:2em 0 0 60px;
	margin:0;}
	
div#maincol1 h3{
	padding:0 0 0 50px;
	margin:0;}
	
	
div#maincol1 h4 a{
	text-decoration:none;
	color:#000;}
	
	
div#maintop {
	background: url(../images/maintop.png) 0 0 no-repeat;
	position:relative;
	height:50px;
	margin-top:40px;
	}
	

	
div#mainmid {
	background: url(../images/mainmid.png) 0 0 repeat-y;
	float:left;
	padding:3em 0 0;
	}
	
div#maincol1 p {
	width:520px;
	padding: 0 0 10px 50px;
	font-size:120%;}
	
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:170px;
 }
 

	
.AccordionContainer#second  .AccordionContent {
	margin-left:-180px;}
	
.AccordionContainer#third  .AccordionContent {
		margin-left:-360px;}
	

.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 -145px;}
	
.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 -142px;}

.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:500px;
}

	
#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;
	padding:15px 0 0 15px;
	position:absolute;
	top:20px;
	left:0;
width:450px;

}

/*--main section bottom--*/


	
div#mainbot {
	background: url(../images/mainbot.png) 0 0 no-repeat;
	position:relative;
	height:362px;
	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;
	}