body {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #dbdbdb;
}

.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
}
.clear {
  display: block;
  width: 100%;
  clear: both;
}
html[xmlns] .clear {
  display: block;
}
* html .clear {
  height: 1%;
}

a {
  outline: none;
  text-decoration: none;
}

code {
  font-weight: normal;
  font-style: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.fl_left {
  float: left;
}
.fl_right {
  float: right;
}

img {
  margin: 0;
  padding: 0;
  border: none;
  line-height: normal;
  vertical-align: middle;
}
.imgholder,
.imgl,
.imgr {
  padding: 4px;
  border: 1px solid #d6d6d6;
  text-align: center;
}
.imgl {
  float: left;
  margin: 0 15px 15px 0;
  clear: left;
}
.imgr {
  float: right;
  margin: 0 0 15px 15px;
  clear: right;
}
.padding a{
  padding:10px;
}
/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address,
article,
#right_column,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
}

q {
  display: block;
  padding: 0 10px 8px 10px;
  color: #979797;
  background-color: #ececec;
  font-style: italic;
  line-height: normal;
}
q:before {
  content: "� ";
  font-size: 26px;
}
q:after {
  content: " �";
  font-size: 26px;
  line-height: 0;
}

/*----------------------------------------------Generalise-------------------------------------*/

#header,
#footer {
  display: block;
  margin: 0 auto;
  width: 1300px;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
}

/*----------------------------------------------Header-------------------------------------*/

#header,
#header a {
  color: #c0bab6;
  background-color: #333333;
}

#header #hgroup {
  float: left;
  padding: 20px;
}
#header #hgroup h1 {
  font-size: 36px;
}
#header #hgroup h2 {
  font-size: 13px;
}

#header nav {
  float: right;
  padding: 20px;
}
#header nav ul {
  margin-top: 20px;
}
#header nav li {
  display: inline;
  margin-right: 15px;
  text-transform: uppercase;
}
#header nav li.last {
  margin-right: 0;
}
#header nav a {
  color: #c0bab6;
  background-color: #333333;
}
#header nav a:hover {
  color: #ff9900;
  background-color: #333333;
}

/*----------------------------------------------Content Area-------------------------------------*/

#container {
  display: block;
  margin: 0 auto;
  width: 1258px;
  padding: 30px 20px;
  color: #979797;
  background-color: #ffffff;
  border: 1px solid #333333;
  border-top: none;
  border-bottom: none;
  box-shadow:
  0 1px 4px rgba(0, 0, 0, .3),
  -15px 0 10px -15px rgba(0, 0, 0, .8),
  15px 0 10px -15px rgba(0, 0, 0, .8),
  0 0 20px rgba(0, 0, 0, .1) inset;
}
#container a {
  color: #ff9900;
  background-color: #ffffff;
}
#container section {
  margin: 0 0 30px 0;
}
#container section.last {
  margin: 0;
}
#container .more {
  text-align: right;
  text-transform: uppercase;
  font-size: smaller;
  font-weight: bold;
}

/* ------Main Content-----*/

#container #content {
  float: left;
  width: 900px;
  margin: 0 auto;
  padding: 30px 20px;
  color: #000000;
  text-align: justify;
}
#container #content #services ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#container #content #services ul li {
  display: block;
  width: 279px;
}
#container #content #services ul li.odd {
  float: left;
}
#container #content #services ul li.even {
  float: right;
}
#container #content #services ul li img {
  width: 269px;
  height: 100px;
  margin: 0 0 15px 0;
  padding: 4px;
  border: 1px solid #666666;
}
#container #content #services img {
  align-self: center;
}
/* ------Right Column-----*/
.list {
  padding: 3px 5px 3px 30px;
  
}
#container #right_column {
  float: right;
  width: 280px;
}
#container #right_column h2.title {
  margin-bottom: 20px;
}

#container #right_column nav {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
#container #right_column nav ul {
  list-style: none;
}
#container #right_column nav li {
  margin: 0 0 3px 0;
}
#container #right_column nav li.last {
  margin-bottom: 0;
}
#container #right_column .mainHead {
  content: attr(data-title);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0;
  padding: 5px 10px 5px 20px;
  color: #666666;
  background: url("../images/orange_file.gif") no-repeat 10px center #ffffff;
  text-decoration: none;
  border-bottom: 1px dotted #666666;
}
#container #right_column li a {
  content: attr(data-title);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0;
  padding: 5px 10px 5px 10px;
  color: #666666;
  text-decoration: none;
  border-bottom: 1px dotted #666666;
}
#container #right_column .mainHead:hover {
  color: #ff9900;
  background-color: #ffffff;
  background: url("../images/orange_file_down.gif") no-repeat 10px center #ffffff;
}
#container #right_column li a:hover {
  color: #ff9900;
  background-color: #ffffff;

}
#topNubex {
	position: fixed;
	right: 45px;
	bottom: 45px;
   }
 .copyright:hover {
  text-decoration: underline;
 }
 .leftimg {
  float: left;
  margin: 7px 7px 7px 0;
 }
 .rightimg  {
  float: right;
  margin: 7px 0 7px 7px;
 }
/*----------------------------------------------Footer-------------------------------------*/

#footer,
#footer a {
  color: #ffffff;
  background-color: #1e1e1e;
}
#footer p {
  margin: 0;
  padding: 20px;
}
/*----------------------------------------------Media-------------------------------------*/