* {
	margin: 0;
	padding: 0;
}

body { /* I DELETED font: 100% Georgia, "Times New Roman", Times, serif; */
font-family: Arial, Helvetica, sans-serif;
background: #f2f2f2; /* f2f2f2 this one, other light greys =  #f0f0f0, f8f8f8 */
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-size: 14px;
font-weight: 100;
line-height: 21px;
color: #000000;/* THIS IS MY BODY TEXT */
}

a {
text-decoration: none;
color: #000000; /* THIS IS MY LINK TEXT COLOR */
}

a:hover {
text-decoration: none;
color: #ff33ff;
}

#wrap {
margin: 20px auto;
width: 697px;
}


#header {
/*
font-family: Arial, Helvetica, sans-serif;
text-align: right;
font-size: 11px;
font-weight: 100;
line-height: 16px;
letter-spacing: 0px;
padding-top: 0px;
padding-right: 0px;
color: #ffffff;
*/

height: 120px;
float: center;
background: #333333 url(dr_images/design-republic.jpg) no-repeat; /* x xx xxx xx x */
background-position: center;
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}

#intropage1 {
width: 500px;
height: 500px;
background: #0066cc; /* THIS COLOUR WAS GREEN. IT'S A DUMMY COLOUR ONLY */
border-top: 25px solid #ffffff;
border-left: 25px solid #ffffff;
border-right: 25px solid #ffffff;
border-bottom: 25px solid #ffffff;
}

h1 { 
font-family: Arial, Helvetica, sans-serif;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-size: 22px;
font-weight: 900;
line-height: 18px;
color: #333333;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
letter-spacing: -1px;
margin-top: 2px;
margin-bottom: -10px;
}

h1 a {
font-weight: 900;
text-decoration: none;
color: #333333; /* THIS IS MY LINK TEXT COLOR */
}

h1 a:hover {
color: #333333;
text-decoration: none;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-size: 13px;
font-weight: 900;
line-height: 18px;
color: #333333;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-bottom: -15px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-size: 13px;
font-weight: 900;
line-height: 18px;
color: #333333;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-bottom: -15px;
}


h4 { /* THIS IS THE MENU2 TEXT */
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 18px;
font-weight: 900;
line-height: 18px;
letter-spacing: -0.2px;
color: #333333;

padding-bottom: 5px;
padding-right: 15px;
}

h4 a {
text-decoration: none;
color: #333333;/* THIS IS MY LINK TEXT COLOR */
}

h4 a:hover {
color: #333333;
background: none;
text-decoration: none;
}


h5 {
font-family: Arial, Helvetica, sans-serif;
text-align: right; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-size: 13px;
font-weight: 100;
line-height: 18px;
letter-spacing: 0px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 53px;
color: #333333;/* THIS IS MY BODY TEXT */

word-spacing:15px;
margin-left: 0px;
}


h5 a {
text-decoration: none;
color: #333333; /* 413326 THIS IS MY LINK TEXT COLOR */
}

h5 a:hover {
color: #009900; /* GREEN */
background: none;
text-decoration: none;
}


h6 {
font-family: Arial, Helvetica, sans-serif;
text-align: right; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-size: 26px;
font-weight: 100;
line-height: 18px;
color: #333333;
padding-top: 18px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
letter-spacing: 0px;
border-bottom: #333333 0px;
}

h6 a {
text-decoration: none;
color: #333333; /* 413326 THIS IS MY LINK TEXT COLOR */
}

h6 a:hover {
color: #009900; /* GREEN */
background: none;
text-decoration: none;
}


p {
font-family: Arial, Helvetica, sans-serif;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-size: 13px;
font-weight: 100;
line-height: 18px;
color: #333333;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
letter-spacing: 0px;
margin-bottom: 0px;
}

p a {
text-decoration: none;
color: #0066cc;/* THIS IS MY LINK TEXT COLOR */
}

p a:hover {
color: #0066cc;
background: none;
text-decoration: underline;
}

.photocaption {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 100;
line-height: 16px;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
width: 500px;
height: auto;
background: #ffffff;
border-top: 1px solid #ded8d1;
border-left: 1px solid #ded8d1;
border-right: 1px solid #ded8d1;
border-bottom: 1px solid #ded8d1;
color: #000000;
}

.photocaption a {
text-decoration: none;
color: #0066cc;/* THIS IS MY LINK TEXT COLOR */
}

.photocaption a:hover {
color: #0066cc;
background: none;
text-decoration: underline;
}




#menu {
font-family: Arial, Helvetica, sans-serif;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
height: 8px;
line-height: 0px;
vertical-align: baseline;
text-transform: none;
background: transparent;/* #85785f   KEEP THIS COLOUR. IT'S MY SPECIAL GREYISH BROWN */
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
padding-top: 0px;
padding-bottom: 0px;

word-spacing: 10px;
}

#menu ul {
list-style-type: none;
padding-left: 0px;
}

#menu ul li {
display: block;
float: left;
}


#menu ul li a {
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
font-weight: 900;
font-size: 12px;
color: #999999;
}

#menu ul li a:hover {
color: #000000;
text-decoration: none;
}


#menu ul li b {
color: #000000;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
font-weight: 900;
font-size: 12px;
}

#menu ul li b:hover {
color: #000000;
text-decoration: none;
}


#menu ul li c {  /*  "c" DOES NOT WORK on IE8. I HAVE REMOVED FROM HTML FILES  */
color: #999999;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
font-weight: 900;
font-size: 12px;
}

#menu ul li c:hover {  /*  "c" DOES NOT WORK on IE8. I HAVE REMOVED FROM HTML FILES  */
color: #999999;
text-decoration: none;
}





#menu2 {
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 0px;
color: #000000;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
height: 24px;
line-height: 22px;
vertical-align: baseline;
background: transparent;/* xxxxxxxxxx */
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}

#menu2 ul {
list-style-type: none;
padding-left: 0px;
}

#menu2 ul li {
display: block;
float: left;
}

#menu2 ul li a {
padding-left: 0px;

padding-right: 20px;

text-decoration: none;
font-weight: 900;
font-size: 11px;
color: #999999;
}

#menu2 ul li a:hover {
color: #000000;
text-decoration: none;
}

#menu2 ul li b {
color: #000000;
padding-left: 0px;
padding-right: 20px;
text-decoration: none;
font-weight: 900;
font-size: 11px;
}

#menu2 ul li b:hover {
color: #000000;
text-decoration: none;
}


#menu2 ul li c {    /*  "c" DOES NOT WORK on IE8. I HAVE REMOVED FROM HTML FILES  */
color: #999999;
padding-left: 0px;
padding-right: 20px;
text-decoration: none;
font-weight: 900;
font-size: 11px;
}

#menu2 ul li c:hover {    /*  "c" DOES NOT WORK on IE8. I HAVE REMOVED FROM HTML FILES  */
color: #999999;
text-decoration: none;
}



#menu3 {
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 0px;
color: #000000;
text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
height: 12px;
line-height: 36px;
vertical-align: baseline;
background: transparent;/* xxxxxxxxxx */
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;

margin-top: -6px;
}

#menu3 ul {
list-style-type: none;
padding-left: 0px;
}

#menu3 ul li {
display: block;
float: left;
}

#menu3 ul li a {
padding-left: 0px;
padding-right: 20px;
text-decoration: none;
font-weight: 900;
font-size: 11px;
color: #999999;
}

#menu3 ul li a:hover {
color: #000000;
text-decoration: none;
}

#menu3 ul li b {
color: #000000;
padding-left: 0px;
padding-right: 20px;
text-decoration: none;
font-weight: 900;
font-size: 11px;
}

#menu3 ul li b:hover {
color: #000000;
text-decoration: none;
}


#menu3 ul li c {    /*  "c" DOES NOT WORK on IE8. I HAVE REMOVED FROM HTML FILES  */
color: #999999;
padding-left: 0px;
padding-right: 20px;
text-decoration: none;
font-weight: 900;
font-size: 11px;
}

#menu3 ul li c:hover {    /*  "c" DOES NOT WORK on IE8. I HAVE REMOVED FROM HTML FILES  */
color: #999999;
text-decoration: none;
}





#menuspace {
/*
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: left;
line-height: 21px;
*/
height: 30px;
background: transparent;/* KEEP THIS COLOUR. IT'S MY SPECIAL GREYISH BROWN */
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #cccccc;
padding-top: 30px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}



#gap {
/*
font-family: Helvetica, Arial, sans-serif;
color: #ffffff;
text-align: left;
line-height: 21px;
*/
height: 0px;
background: #cccccc;/* 40% blue 0066cc */
border-top: 0px solid #ffffff;
border-left: 25px solid #ffffff;
border-right: 25px solid #ffffff;
border-bottom: 0px solid #ffffff;
padding-top: 0px solid #ffffff;
padding-left: 0px solid #ffffff;
padding-right: 0px solid #ffffff;
padding-bottom: 0px solid #ffffff;
}



#content {
background: transparent;/* #e4e2dc KEEP THIS COLOUR. IT'S 20% OF MY SPECIAL GREYISH BROWN */
padding-top: 0px; /* TOP RIGHT BOTTOM LEFT */
padding-right: 0px; /* TOP RIGHT BOTTOM LEFT */
padding-bottom: 0px; /* TOP RIGHT BOTTOM LEFT */
padding-left: 0px; /* TOP RIGHT BOTTOM LEFT */
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;

height: auto;
}

.contactformright {
background: #ffffcc;
float: right;
width: 425px;
height: auto;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;

margin-top: 0px;
margin-left: 0px;
}

.right {
background: #cccccc url(dr_images/leftrightrepeat_w220.gif) repeat-y;
float: right;
width: 425px;
height: 225px;
border-top: 25px solid #cccccc;
border-left: 25px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}

.right h2 {
font-size: 16px;
font-weight: 100;
padding-top: 15px; /* TOP RIGHT BOTTOM LEFT */
padding-right: 0px; /* TOP RIGHT BOTTOM LEFT */
padding-bottom: 7px; /* TOP RIGHT BOTTOM LEFT */
padding-left: 0px; /* TOP RIGHT BOTTOM LEFT */
}
.right h2 a {
text-decoration: none;
}
.right h2 a:hover {
}

.rightnoborder {
background: none;
float: right;
width: 450px;
height: auto;
border-top: 0px solid #cccccc;
border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-left: 0px;

margin-bottom: 25px;
}

.rightnoborder h2 {
font-size: 16px;
font-weight: 100;
padding-top: 15px; /* TOP RIGHT BOTTOM LEFT */
padding-right: 0px; /* TOP RIGHT BOTTOM LEFT */
padding-bottom: 7px; /* TOP RIGHT BOTTOM LEFT */
padding-left: 0px; /* TOP RIGHT BOTTOM LEFT */
}
.rightnoborder h2 a {
text-decoration: none;
}
.rightnoborder h2 a:hover {
}

.underright {
background: #cccccc;
float: right;
width: 425px;
height: 25px;
border-top: 0px solid #cccccc;
border-left: 25px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
margin-bottom: 25px;
}



.left {
background: #cccccc url(dr_images/leftrightrepeat_w220.gif) repeat-y;
float: left;
width: 220px;
height: auto;
border-top: 1px solid #cccccc;
border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}


.left ul {
padding-top: 0px;
padding-right: 0px;
list-style-type: none;
}

.left ul li a {
text-decoration: none;
font-weight: 100;
}

.left ul li a:hover {
}




.lefttextbox {
background: #ffffff url(dr_images/leftrightrepeat_w220.gif) repeat-y;
float: left;
width: 220px;
height: auto;
border-top: 1px solid #cccccc;
border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;

margin-bottom: 25px;
}


.lefttextbox ul {
padding-top: 0px;
padding-right: 0px;
list-style-type: none;
}

.lefttextbox ul li a {
text-decoration: none;
font-weight: 100;
}

.lefttextbox ul li a:hover {
}


.poseidon {
background: #f2f2f2 url(dr_gifs/poseidon_plan.jpg) no-repeat;
float: left;
width: 697px;
height: 1564px;
border: 0px solid #cccccc;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;

margin-top: 25px;
}





.underleft {
background: #ffffff url(dr_images/foldedpaper.jpg) no-repeat;
float: left;
width: auto;
height: auto;
border: 0px solid #cccccc;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}



.textboxunder {
background: #ffffff url(dr_images/leftrightrepeat_w450.gif) repeat-y;
float: right;
width: 450px;
height: auto;
border-top: 1px solid #cccccc;
border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-bottom: 25px;
}


.textboxunder ul {
padding-top: 0px;
padding-right: 0px;
list-style-type: none;
}

.textboxunder ul li a {
text-decoration: none;
font-weight: 100;
}

.textboxunder ul li a:hover {

}



.leftbelow {
background: transparent;
float: left;
width: 697px;
border: 0px solid #cccccc;
padding-top: 13px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}


.leftbelow ul {
padding-top: 0px;
padding-right: 0px;
list-style-type: none;
}

.leftbelow ul li a {
text-decoration: none;
font-weight: 100;
}

.leftbelow ul li a:hover {

}


#bottom {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 48px;
font-weight: 100;
line-height: 0px;
letter-spacing: 0px;
background: transparent;
padding-top: 150px;
height: 13px;
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;

vertical-align: bottom;
}


#linegap {
/*
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: left;
line-height: 21px;
*/
height: 1px;
background: #999999;/* 40% blue 0066cc */
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
padding-top: 0px solid #ffffff;
padding-left: 0px solid #ffffff;
padding-right: 0px solid #ffffff;
padding-bottom: 10px solid #ffffff;

vertical-align: bottom;
}



#footer {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 10px;
font-weight: 100;
line-height: 10px;
letter-spacing: 0px;
padding-top: 10px;
padding-bottom: 10px;
color: #000000;

vertical-align: bottom;
}

#footer a { color: #000000; }