/* ===================================David Propert CSS Document */
/* ===================================Created by Tiger Two Creative Designs */
/* ===================================info@tigertwo.co.uk */

/*==============================================Preamble*/

* {
margin: 0;
padding: 0;
}

body {
background-color: #F8F5F2;
font-size: large;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #60513A;
}

/*=================================================Layout*/

#container {
background: #F8F5F2 url(images/background.jpg) no-repeat top left;
width: 950px;
height: 760px;
border: 1px solid #DfDcD7;
}

body[id=dpa] #container {
height: auto;
min-height: 760px;
}

#nav {
float: right;
width: 170px;
height: 240px;
margin-top: 70px;
margin-right: 7px;
}

body[id=dpa] #nav {
margin-right: 15px;
}

#main {
position: relative;
margin-top: 120px;
margin-left: 70px;
width: 640px;
}

/*cranial page*/
#mainpix {
position: relative;
margin-top: 120px;
margin-left: 200px;
width: 510px;
}

#pixbox {
float:left;
width: 95px;
margin-top: 120px;
margin-left: 35px;
}

body[id=dpa] #pixbox {
margin-left: 70px;
}

/*osteopathic team page*/
.infobox {
width: 100%
}

/*contact page*/
#safehands {
position:absolute;
width: 85px;
height: 125px;
margin-left: 765px;
margin-top: -110px;
}

body[id=dpa] #safehands {
margin-top: 240px;
}

/*=================================================Navigation */

ul {
font-size: small;
font-weight: bold;
line-height: 25px;
}

li {
list-style-type: none;
}

#nav a:link { 
background-color: #F8F5F2;
color: #60513A;
border: 1px solid #7E8B7A;
display:block;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

#nav a:visited { 
background-color: #F8F5F2;
color: #60513A;
border: 1px solid #7E8B7A;
display:block;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

#nav a:hover, #nav a.selected:link, #nav a.selected:visited, #nav a.selected:hover, #nav a.selected:active { 
background-color: #CBD0CA;
color: #60513A;
border: 1px solid #7E8B7A;
display:block;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

#nav a:active { 
background-color: #F8F5F2;
color: #60513A;
border: 1px solid #7E8B7A;
display:block;
text-decoration: none;
padding-left: 5px;
margin-top: 5px;
margin-bottom: 5px;
}


/*=================================================Styled tags */

h1.main {
font-size: larger;
color: #7E8B7A;
font-weight: normal;
margin-left: 200px;
}

h1.sub {
font-size: medium;
margin-left: 200px;
margin-top:70px;
}

h2, span {
color: #7E8B7A;
font-size:large;
font-weight:normal;
}

p { margin-bottom: 30px;}

p.useful {
font-size:medium;
font-weight:bold;
}


.infobox img { float: left; }
.infobox p { margin-left: 130px;}

#mainpix img { float: left; border: 1px solid #60513A; }
#mainpix p.directions {
	float:right; 
	font-size: small;
	margin-left: 280px;
	margin-top: -300px;
	}

/*===================================================links */

/*in page links*/
a.inpage:link {color: #60513A;}
a.inpage:visited {color: #60513A;}
a.inpage:hover {color: #60513A; text-decoration: none;}
a.inpage:active {color: #60513A;}