body {
  background-color:#fff;
  border:0 none;
  color:#333;
  font-family:Arial,Geneva,sans-serif;
  font-size:12px;
  line-height:18px;
  margin:0;
  padding:0;
  /*text-align:center;*/
}

td p {
  margin:0;
}

#page-background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  /*z-index: 1;*/
}

#viewport {
  margin:auto;
  position:relative;
  text-align:left;
  width:960px;
  /*z-index: 2;*/
}

#header {
  /*border: 1px solid #ddd;*/
  border-radius: 0 0 6px 6px;
  height: 80px;
  margin: 0 0 20px 14px;
  position: relative;
  width: 936px;
}

#header a#logo img {
  border: medium none !important;
  position: relative;
  left: 34px;
  top: 0;
  width: 120px;
  margin: 20px 0 0 0;
}


/* navigation */
#header #nav-top-main {
  position:relative;
  width:940px;
  left:12px;
  top:19px;
  height: 30px;
}

/* navigation top main */
#header #nav-top-main div {
  float: left;
}

#header #nav-top-main div span {
  display:block;
  line-height: 30px;
  height: 30px;
  padding: 0 5px;
  font-weight:bold;
  font-size: 14px;
  padding: 2px 20px 0 20px;
}

#header #nav-top-main div a {
  text-decoration:none;
  display:block;
  color:#888888;
}

#header #nav-top-main div a:hover {
  color:#555;
}

#header #nav-top-main div.active a {
  background:url("../media/syntax/structure/topbar-selected.png") repeat-x scroll 0 0 transparent;
}

#header #nav-top-main div.first a {
  background:url("../media/syntax/structure/topbar-selected-first.png") no-repeat scroll 0 0 transparent !important;
    /* #bd1212 #a3702a #be2b2b */
}

#header #nav-top-main div.active span {
  background:url("../media/syntax/structure/topbar-selected.png") no-repeat scroll right 0 transparent;
  color:#5C5C5C;
}


/* navigation top submenu */
#header .nav-top-submenu {
  position:relative;
  width:900px;
  left:32px;
  top:21px;
  color:#989797;
}

#header .nav-top-submenu img {
  border:medium none !important;
  position:relative;
}

#header .nav-top-submenu a {
  /*background:url("/media/syntax/structure/control_play_lg.png") no-repeat scroll left bottom transparent;
  padding:0 0 0 18px; */
  text-decoration:none;
  color:#989797;
  margin: 0 20px 0 0;
}

#header .nav-top-submenu a.active {
  /* background:url("/media/syntax/structure/control_play.png") no-repeat scroll left bottom transparent; */
  text-decoration:none;
  font-weight:bold;
  color:#555;
}


#header .nav-top-submenu a:hover {
  /* background:url("/media/syntax/structure/control_play.png") no-repeat scroll left bottom transparent; */
  /*text-decoration:underline;   */
  color:#333;
}

#footer {
  background: none repeat scroll 0 0 transparent;
  clear: both;
  margin-top: 20px;
  padding: 5px 0 0 216px;
  text-align: center;
  width: 720px;
}

#footer ul.nav li, #footer ul.nav {
  float:left;
  margin:0;
  padding-left: 0;
}

#footer div.copy {
  color:#888888;
  font-size:12px;
  margin:0;
  padding:5px 0 15px;
  text-align:right;
}




#content {
  margin:0 0 0 15px;
}

#content .column-left {
  float: left;
  width: 690px;
  border-radius: 6px 6px 6px 6px;
  margin: 0 0 0 0;
  padding: 12px 15px;
  background-color: transparent;
  border: 1px solid #ddd;
  opacity:1;
}


#content .column-right {
  float: left;
  margin: 0 20px 0 0;
  width: 194px;
}

.box-right-pane {
  border-radius: 6px 6px 6px 6px;
  padding: 12px 15px;
  background-color:#eee;
  border: 1px solid #ddd;
  margin: 0 0 20px 0;
}


.navSideItem {
  display:block;
  padding:0 0 0 0;
}

.navSide a.L1 {
  margin: 6px 0 0 0;
}

.navSide a.L1 span {
  background-color: #aaa;
  border: 1px solid #666;
  border-radius: 6px 6px 6px 6px;
  color: #eee;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  padding: 4px 0 4px 8px;
  text-decoration: none;
  display: block;
}
.navSide a.L2 {
  margin: 4px 0 4px 14px;
}
.navSide a.L2 span {
  font-size:12px;
  background-color: #ccc;
  border: 1px solid #777;
  color:#444;
  border-radius: 6px 6px 6px 6px;
  line-height:12px;
  font-weight:normal;
  padding: 3px 0 3px 8px;
  text-decoration:none;
  display: block;
}

.navSide a.L3 {
  margin: 4px 0 4px 28px;
}
.navSide a.L3 span {
  font-weight:normal;
  background-color: #ddd;
  border: 1px solid #999;
  border-radius: 6px 6px 6px 6px;
  color:#555;
  text-decoration:none;
  line-height:12px;
  padding: 3px 0 3px 7px;
  display: block;
}

.navSide a.L4 {
  margin: 4px 0 4px 40px;
}
.navSide a.L4 span {
  font-weight:normal;
  border: 1px solid #eee;
  color:#555;
  text-decoration:none;
  line-height:12px;
  padding: 3px 0 3px 5px;
  display: block;
}

.navSide a.L1 span:hover,
.navSide a.L2 span:hover,
.navSide a.L3 span:hover,
.navSide a.L4 span:hover {
  background-color: #e6e223 !important; /*fffa0e*/
  border: 1px solid #999;
  color: #555;
  border-radius: 6px 6px 6px 6px;
}
.navSide a.L1 span.selected,
.navSide a.L2 span.selected,
.navSide a.L3 span.selected,
.navSide a.L4 span.selected {
  background-color: #f2d109;
  border: 1px solid #999;
  color: #555;
  border-radius: 6px 6px 6px 6px;
}

.navSide a.expanded {
  /*background:url("/media/syntax/structure/link-arrow-text-down.png") no-repeat scroll left bottom transparent !important;*/
}



#content h3 {
  font-family:Arial,Helvetica,Geneva,sans-serif;
  color:#5E7BA9;
  font-size:18px;
  font-weight:700;
  margin:0 0 6px 0;
  clear:both;
}

#content h4 {
  font-family:Arial,Helvetica,Geneva,sans-serif;
  color:#5E7BA9;
  font-size:14px;
  font-weight:700;
  margin:0 0 6px 0;
  clear:both;
}



a:link, 
#footer a,
a:visited {
  color:#4C5CB4;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  color:#1399e8;
  text-decoration:none;
}
a.arrow-text-down {
  background:url("../media/syntax/structure/link-arrow-text-down.png") no-repeat scroll left bottom transparent;
  color:#4C5CB4;
  font-weight:bold !important;
  padding:0 0 0 13px;
  text-decoration:none;
  line-height:16px;
}
td a.arrow{
  display: block; 
  margin: 4px 0px 20px;
}
a.email {
  background:url("../media/syntax/structure/email.png") no-repeat scroll left bottom transparent;
  color:#4C5CB4;
  font-weight:bold !important;
  line-height:16px;
  padding:0 0 0 22px;
  text-decoration:none;
}
a.arrow:hover,
#footer a:hover, 
a.arrow-text:hover, 
a.arrow-text-down:hover, 
a.email:hover  {
  color:#1399e8;
  text-decoration:none;
}
a.navselected  {
  color:#1399e8 !important;
}

#footer  a{
  display:block;
  font-size:12px;
  padding:5px 25px 0 0;
}

ul {
  list-style:none outside none;
}

ol.list-hierarchy-L1 ,
ul.list-hierarchy-L1 {
  padding: 0 0 0 10px;
  margin: 8px 0 0 12px;
}
.list-hierarchy-L1 li {
  font-size:16px;
  font-weight:bold;
  color: #666;
}
ul.list-hierarchy-L2 {
  padding: 0 0 0 2px;
  margin: 6px 0 20px 0;
}
ul.list-hierarchy-L2 li {
  font-size:13px;
  font-weight:bold;
  color: #666;
}
ul.list-hierarchy-L3 {
  padding: 0 0 0 20px;
  margin: 4px 0 10px 0;
}
ul.list-hierarchy-L2 li.link ,
ul.list-hierarchy-L3 li.link {
  background: url("../media/syntax/structure/control_play_blue.png") no-repeat scroll 0 2px transparent;
  line-height: 20px;
  padding: 0 0 2px 21px;
  font-size:12px;
  font-weight:normal;
  color: #333333;
}

/*ul.list-common {
  padding: 0 0 0 8px;
  margin: 6px 0 0 0;
  list-style: none outside none;
}*/

ol.list-project, 
ul.list-project {
  list-style:none outside none;
}

ul.list-project li {
  background: url(../media/syntax/structure/bullet_go.png) left 0 no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 8px 6px;
  line-height: 16px;
}

ul.list-common li {
  background: url(../media/syntax/structure/bullet_tick.png) left 0 no-repeat;
  padding: 0 0 0 20px;
  margin: 0 0 8px 6px;
  line-height: 16px;
}

span.head-project {
  color:#5E7BA9;
  font-size:14px;
  font-weight:700;
}

p.head-project {
  background: url(../media/syntax/structure/brick.png) left 2px no-repeat;
  color:#777777;
  font-size:12px;
  font-weight:bold;
  padding: 0 0 0 22px;
  margin: 0;
}

span.head-common {
  color:#5E7BA9;
  font-size:14px;
  font-weight:700;
}

p.head-common {
  background: url(../media/syntax/structure/attach.png) left 2px no-repeat;
  color:#777777;
  font-size:12px;
  font-weight:bold;
  padding: 0 0 0 22px;
  margin: 0;
}

/*.img {
  border:1px solid #DCDCDC;
}*/

.phone {
  background:url("../media/syntax/structure/telephone.png") no-repeat scroll left bottom transparent;
  color:#4C5CB4;
  font-weight:bold !important;
  line-height:16px;
  padding:0 0 0 22px;
  text-decoration:none;
}

/*.img-rounded {
  margin: 3px 10px 2px 0;
  float: left;
  border-radius: 6px;
  border: 1px #bbb solid;
}*/

.margin-bottom-default {
  margin: 0 0 26px 0;
}

.contact-item {height:20px; margin: 0 0 8px 0; clear:both;}
.contact-label {display:inline; float:left; width:100px;}
.contact-field {display:inline; float:left; width:380px;}

H1 {
  font-family:Arial,Helvetica,Geneva,sans-serif;   
  color:#5E7BA9;   
  font-size:18px;   
  font-weight:700;   
  margin:0 0 6px 0; 
}

H2 {
  font-family:Arial,Helvetica,Geneva,sans-serif;   
  color:#5E7BA9;   
  font-size:18px;   
  font-weight:700;   
  margin:0 0 6px 0; 
}

.navSide .navIcon {
  display: block;
  float: right;
  margin: -14px 8px 0 0;
}
.right {
  display: block;
  float: right !important;
}
.left{
  display: block;
float:left !important;
}

.w500{
width:500px;
}
.w180{
width:180px;
}
.m10{
margin:0 0 0 10px;
}
.highlight{
color:#5E7BA9; 
font-weight:bold;
}
.bold{
font-weight:bold;
}
.underline{
text-decoration:underline;
}

p {
margin: 0 0 12px 0;
}
.imgContainer-title-thumb{
width:180px;
margin:0 0 20px 0;
}
.imgTitle-thumb{
margin:0;
padding:0;
  font-style:italic;
  font-size:11px;
  }