html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: inherit;
  font-size: normal;
/*  font-family: Tahoma, Arial, sans-serif; */
  vertical-align: baseline;
}

body { 
  height: 100.01%;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


* {
/*	font-family: Tahoma, Arial, sans-serif;*/
	font-family: Verdana, Arial, Tahoma, sans-serif; 
	
}

body {
	background-color: #888;
	width: 100%;
	margin: 0px;
}

div {
 	padding: 0px;
 	margin: 0px;
}

#header, #main, #footer {
}

#header {
	height: 115px;
	background-image: url('images/header/header_bg.gif');
	background-repeat:repeat-x;
}

/* width settings */
#big_mcontainer, #hcontainer {
	width: 975px;
}

#mcontainer  {
	/* width: 80%; */
	 width: 935px; 
/* 	min-width: 700px;*/
}
	
#hcontainer {
	margin-left: auto; 
	margin-right: auto;
}

#hcontainer img {
 	padding-top: 5px; 
 	padding-left: 20px; 
 	float: left;
}

#hposition {
	width: 100%; 
	height: 100%; 
	padding-top: 89px;
}

#main {
	background-image: url('images/body/main_bg.gif');
	background-repeat:repeat-x repeat-y;
	height: 100%;
}

.gradient {
	height: 100%;
	width: 40px;
	display: block;
}

#lgrad {
	float: left;
	height: 100%;
}

#rgrad {
	float: right;
}

#mcontainer {
	height: 100%;

	padding: 0px 20px;
	overflow: hidden;
	float: left;

	background-color: #3a3a3a;
	background-image:url('images/body/body-gradient-bottom.png');
	background-repeat:repeat-x;
	background-position:bottom; 	
}

#footer {
	
}

#footer-body {
	height: 67px;
	background: #f8f7e5 url('images/footer/footer.jpg') no-repeat center bottom;
	margin-left: auto; 
	margin-right: auto;
}

#big_mcontainer {
	margin-left: auto; 
	margin-right: auto;
}

.container #header {
	background-color: #00CC99; 
}

#menu {
	float: right;
	padding-top: 81px; 
}

#menu li {
	list-style: none;
	float: left;
	height: 34px;
}


.button {
	background-repeat: no-repeat;
	background-color: white;
	display: block;
}


#home {
	background-image: url(images/header/menu/home_active.png);
	background-repeat: no-repeat;
	background-color: #111;

	height: 34px;
	width: 73px;
	padding-right: 5px;
}

a { overflow: hidden; }

#home a {
	background-image: url(images/header/menu/home.png);
	background-repeat: no-repeat;
	display: block;

	height: 34px;
	width: 73px;
}

#home a:hover {
	background: none;
}

#aboutus  {
	background-image: url(images/header/menu/about_active.png);
	background-repeat: no-repeat;
	background-color: #111;

	height: 34px;
	width: 101px;
	padding-right: 4px;
}


#aboutus  a {
	background-image: url(images/header/menu/about.png);
	background-repeat: no-repeat;
	display: block;

	height: 34px;
	width: 101px;
}

#aboutus  a:hover {
	background: none;
}


#portfolio {
	background-image: url(images/header/menu/portfolio_active.png);
	background-repeat: no-repeat;
	background-color: #111;
	
	height: 34px;
	width: 98px;
	padding-right: 5px;
}


#portfolio a {
	background-image: url(images/header/menu/portfolio.png);
	background-repeat: no-repeat;
	display: block;

	height: 34px;
	width: 98px;
}

#portfolio a:hover {
	background: none;
}

#commendations {
	background-image: url(images/header/menu/commendations_active.png);
	background-repeat: no-repeat;
	background-color: #111;

	height: 34px;
	width: 164px;
	padding-right: 4px;
}


#commendations a {
	background-image: url(images/header/menu/commendations.png);
	background-repeat: no-repeat;
	display: block;

	height: 34px;
	width: 164px;
}

#commendations a:hover {
	background: none;
}

#jobs {
	background-image: url(images/header/menu/jobs_active.png);
	background-repeat: no-repeat;
	background-color: #111;

	height: 34px;
	width: 67px;
	padding-right: 0px;
}


#jobs a {
	background-image: url(images/header/menu/jobs.png);
	background-repeat: no-repeat;
	display: block;

	height: 34px;
	width: 67px;
}

#jobs a:hover {
	background: none;
}

#contacts {
	background-image: url(images/header/menu/contacts_active.png);
	background-repeat: no-repeat;
	background-color: #111;

	height: 34px;
	width: 99px;
}


#contacts a {
	background-image: url(images/header/menu/contacts.png);
	background-repeat: no-repeat;
	display: block;

	height: 34px;
	width: 99px;
}

#contacts a:hover {
	background: none;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}


.content, #contact_underbox { 
	padding: 10px 17px;
	background-color: #fff;
	font-size: 0.85em; 
}



.title-blue-bxb {
	width: 661px;
}

.title-blue-bxb h2, .title-blue-mxb h2, .title-yellow-sxb h2, .title-blue-sxs h2, .title-blue-bxs h2 {
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px;
	color: #fff;
}


.title-blue-bxb h2, .title-blue-mxb h2, .title-yellow-sxb h2 {
	font-size: 18px;
	font-weight: 900;
	height: 24px;
	padding: 7px 17px;
}


.title-blue-sxs h2, .title-blue-bxs h2 {
	font-size: 12px;
	font-weight: normal;
	height: 16px;
}

.title-blue-sxs h2 {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
}


.title-blue-bxb h2 {
	background-image: url(images/body/title-blue-bxb.png);
}

.title-blue-bxb .content {
	padding: 10px 17px;
	background-color: #fff;

}

.title-blue-bxs {
	width: 661px;
}

.title-blue-bxs h2 {
	background-image: url(images/body/title-blue-bxs.png);
	padding: 6px 5px 7px 13px;
}

.title-blue-bxs .content {
	padding: 10px 13px;
	background-color: #fff;

}


.title-blue-mxb {
	width: 399px;
}

.title-blue-mxb h2 {
	background-image: url(images/body/title-blue-mxb.png);
}

.title-yellow-sxb .content {
	font-size: 0.85em; 
}


.title-blue-sxs {
	width: 252px;
}

.title-blue-sxs h2 {
	background-image: url(images/body/title-blue-sxs.png);
	padding: 6px 5px 7px 7px;
}

.title-yellow-sxb {
	display: block;
	width: 250px;
}

.title-yellow-sxb h2 {
	background-image: url(images/body/title-yellow-sxb.png);
	color: white;
}

.title-yellow-sxb .content {
	padding: 10px 17px;
	background-color: #fff;
}

.mapbox {
	background-image: url(images/body/dms-map.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 235px;
}

#height_wrapper {
	padding: 20px 0px;
}

.contacts_ul {
	list-style-image: url(images/body/office_star.gif); 
	margin-left: 25px;
}

.contacts_ul li {
	padding-left: 3px;
}

.show-up-list {
	list-style: none; 
	padding-left: 20px;
}

.show-up-list li a {
}

.clickable {
    color: blue;
}

#services_portfolio a {
	font-weight: bold;
	color: black;
	
}

.office {
	padding-top: 10px;
	vertical-align: top;
	
}

.office h4 {
	padding-left: 11px;
	padding-top: 6px;
	padding-bottom: 4px;
	font-size: 11px; 
	font-weight: bold;
	width: 186px;
	background-image: url(images/body/contacts_bg.png);
}

.office p {
	font-size: 11px; 
	padding: 5px; 
	padding-left: 10px;
	border: 1px solid #bbbbbb; 
	border-top: none;
	width: 180px;
}

.offices_list td {
	vertical-align: top;

}