/* code */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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; 
} 

ol,ul { 
  list-style:none; 
} 

caption,th { 
  text-align:left; 
} 

h1,h2,h3,h4,h5,h6 { 
} 

q:before,q:after { 
  content:''; 
} 

abbr,acronym { 
  border:0; 
}

/* colours = blue: #28519e
			 light blue: #bec1de
*/

/*---general content---*/

/* #upbg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
background: url(../images/bg2.jpg) repeat-x;
z-index: 1;
} */

body {
  background: #fff /*url(../images/bg1.jpg)*/;
  font-size: 10pt;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 15px;
}


h1{
	margin-bottom: 10px;
  	font-weight: normal;
	padding: 5px 10px 6px 12px;
	text-align: center;
	background: #bec1de;
	border: 1px solid #28519e;
	border-top: none;
	color: #28519e;
	font-size: 100%;
}

h1 a {
	color: #000000;
}

p {
  padding: 5px;
}
 
#holder {
width:900px;
margin: 0px auto;
background: #fff;
/*z-index: 2;*/
position: relative;
/*border: 3px ridge #28519e;*/
}

#header {
  background: #ffffff url(../images/headerBackground.jpg) repeat;
  border: 1px solid #28519e;
  border-bottom: none;
  padding-bottom: 10px;
}

/* --- #header .header_logo {
  float:left;
  padding: 0px 12px 0px 12px;
} ----*/

#header p {
  padding: 77px 5px 0px 0px;
  text-align: right;
  color: #28519e;
}

#header p a {
  padding: 5px 10px 0px 0px;
  text-align: right;
  color: #28519e;
}

/* menu */

#nav {
width:888px;
float: left;
margin: 0px 0px 10px 0px;
padding: 5px;
text-align: center;
background: #bec1de;
border: 1px solid #28519e;
}

#nav ul {
	list-style:none;
}

#nav li {
	display: inline;
}

#nav a {
	display:block;
	float:left;
	padding: 5px 14px 5px 14px;
	margin-right: 5px;
	text-decoration: none;
	color: #555555;
	font-size: 100%;
	border: 1px solid #bec1de;
}

#nav a:hover {
	color:#28519e;
	background: #bec1de;
	border: 1px solid #28519e;
}

#nav .active a {
	color:#ffffff;
	background: #28519e;
	border: 1px solid #28519e;
}

/* middle content */

#middle {
width:602px;
float:left;
overflow: auto;
margin-right: 10px;
}

#middle img {
border: 1px solid #28519e;
}

#middle img.aboutImage {
border: 1px solid #28519e;
margin-top: 24px;
}

h2 {
  margin: 5px 5px 0px 0px;
  font-family: arial, sans-serif;
  color: #28519e;
  text-transform:uppercase;
  border-bottom: 1px solid #28519e;
  font-size: 14pt;
}

h3 {
  padding: 7px 0px 2px 0px;
  font-family: arial, sans-serif;
  color: #555555;
  font-weight:bold;
  font-size: 11pt;
}

#middle p {
  padding: 5px 5px 0px 0px;
  color: #555555;
}

#middle a {
  color: #000;
}

.flash { 
border: 1px solid #28519e;
}

/* gallery content */

/*------  gallery html below

    <ul>
      <li><a href="index.htm"><img src="images/gallery/thumb_one.jpg"  alt="image" title="image" /></a></li>
      <li><img src="images/gallery/thumb_one.jpg"  alt="image" title="image" /></li>   
    </ul>
	  <h3>Case Study Two</h3>
	  <p>Information about Case Study Two.</p>
    <ul>
      <li><img src="images/gallery/thumb_one.jpg"  alt="image" title="image" /></li>
      <li><img src="images/gallery/thumb_one.jpg"  alt="image" title="image" /></li>
      <li><img src="images/gallery/thumb_one.jpg"  alt="image" title="image" /></li>
      <li><img src="images/gallery/thumb_one.jpg"  alt="image" title="image" /></li>    
    </ul>
    <h3>Case Study Three</h3>
	  <p>Information about Case Study Three.</p>
    <ul>
      <li><img src="images/gallery/thumb_one.jpg"  alt="image" title="image" /></li>
      <li><img src="images/gallery/thumb_one.jpg"  alt="image" title="image" /></li>   
    </ul> 
	
-------*/

#gallery {
width:900px;
background-color:#fff;
overflow: auto;
margin-left: 10px;
margin-right: 10px;
}

#gallery ul {
	list-style:none;
}

#gallery li {
	display: inline;
	text-align:left;
}

#gallery img {
  padding: 2px 2px 2px 2px;
  border: 2px solid #dddddd;
}

#gallery img:hover{
  padding: 2px 2px 2px 2px;
  border: 2px solid #666;
}

/* right content */

#right {
width:288px;
padding:0px;
float:left;
}

#right p {
  color: #555555;
  padding-top: 5px;
}

#right h2 {
  padding: 5px 0px 0px 5px;
  font-family: arial, verdana, sans-serif;
  color: #28519e;
  text-transform:uppercase;
  font-size: 13pt;
  border: none;
}

#right a {
  color: #28519e;
}

/* footer */

#footer {
width: 898px;
height: 25px;
margin: auto;
background: #bec1de;
border: 1px solid #28519e;
margin-top: 10px;
}

#footer p {  
  text-align:center;
  color:#28519e;
  padding: 5px; 
}

#footer a {
  color: #28519e;
  text-decoration:underline;
}

#footer a:hover {
  color: #111;
}

/*  misc  */

ul.services {
list-style: disc;
list-style-position:inside;
color: #555555;
padding: 5px;
}

ul.services li {
padding: 1px;
}

ul.contactList {
list-style: disc;
list-style-position:inside;
color: #555555;
padding: 8px;
}

ul.contactList li {
padding: 10px;
}

.purpleLogo {
text-align: center; 
padding-top: 5px;

}

.purpleLogo a, p {
color: #555555;
text-decoration:none;
padding: 5px 0px;
}