body {
   background: url(../images/bg.gif) repeat-x #fff;
   margin: 10px;
}

a:link {
  font: bold small Arial, Helvetica, sans-serif;
  color: #47ACA4;
  text-decoration: none;
}

a:visited {
   font: bold small Arial, Helvetica, sans-serif;
   color: #47ACA4;
   text-decoration: none;
}

a:hover {
   font: bold small Arial, Helvetica, sans-serif;
   color: #47ACA4;
   text-decoration: underline;
}

h3 {
   font: bold small Arial, Helvetica, sans-serif;
   color: #47ACA4;
}

#container {
   width: 750px;
   margin-left: auto;
   margin-right: auto;
   border: 3px solid #cccccc;
   background-color: #fff;
}

#banner {
   border-bottom: 3px solid #cccccc;
   text-align: right;
   background-color: #fff;
}

#content-box {
   width: 510px;
   font: normal small Arial, Helvetica, sans-serif;
   color: #333333;
   background-color: #fff;
   margin: 0 0 0 202px;
   padding: 10px 10px 10px 13px;
   border-left: 3px solid #cccccc;
}

#content-box  h2 {
   font: bold large Arial, Helvetica, sans-serif;
   color: #E98113;
   margin: 0px;
}


/*nav */

#nav {
   float: left;
   width: 180px;
   padding: 10px 0 0 10px;
   margin: 0px;
}

#menu {
  width: 180px;
}

#menu a, #menu h2 {
   display: block;
   font: bold 12px/17px arial,helvetica,sans-serif;
   border-top: 0px solid #fff;
   border-left: 0px solid #fff;
   border-right: 0px solid #fff;
   border-bottom: 2px solid #fff;
   white-space:nowrap;
   text-indent:3px;
   width:180px;
}

#menu a {
   background: #787878 url(../images/nav.jpg) no-repeat;
   text-decoration: none;
  padding: 3px;
}

#menu a, #menu a:visited {
   color: #fff;
   padding: 3px;
}

#menu a:hover {
   color:#fff;
   background: #47ACA4 url(../images/nav-on.jpg) no-repeat;
   padding: 3px;
}

#menu a:active {
   color: #fff;
   background-color: #47ACA4;
   padding: 3px;
}

#menu h2 {
   line-height: 14px;
   color: #fff;
   text-transform: uppercase;
   margin: 0;
   padding: 1px 0 0 0;
   width: 180px;
}

#menu li {
   list-style-type: none;
}

#menu ul li {
}

#menu li ul {
}

/* Fix IE. Hide from IE Mac 
* html #menu ul li{float:left;height:1%;}
* html #menu ul li a{height:1%;}
End */

div#menu ul, #menu ul ul, div#menu ul ul ul {
   margin: 0;
   padding: 0;
   list-style: none;
   width: 154px;
}

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul {
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {
   display: block;
}

/* Styling for Expand */

#menu a.x, #menu a.x:visited {
   font-weight: bold;
   text-indent: 3px;
   color: #fff;
   border: 0px solid #fff;
   background-color: #22645E;
   padding: 3px 3px 3px 3px ;
   background-image: none;
}

#menu a.x:hover {
   color: #47ACA4;
   border: 0px solid #fff;
   background-color: #22645E;
   padding: 3px;
      background-image: none;
}

#menu a.x:active {
   color: #fff;
   border: 0px solid #fff;
   background-color: #22645E;
     background-image: none;
   padding: 3px;
}

#menu a.x2, #menu a.x2:visited {
   font-weight: bold;
   text-indent: 3px;
   color: #fff;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #22645E;
      background-image: none;
   padding: 3px;
}

#menu a.x2:hover {
   color: #47ACA4;
   background-color: #787878;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #22645E;
     background-image: none;
   padding: 3px;
}

#menu a.x2:active {
   color: #fff;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #22645E;
     background-image: none;
   padding: 3px;
}

#menu a.x3, #menu a.x3:visited {
   font-weight: bold;
   text-indent: 3px;
   color: #47ACA4;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #22645E;
 background-image: none;
   padding: 3px;
}

#menu a.x3:hover {
   color: #47ACA4;
   background-color: #E98113;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #22645E;
     background-image: none;
   padding: 3px;
}

#menu a.x3:active {
   color: #47ACA4;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #22645E;
     background-image: none;
   padding: 3px;
}

#menu a.x4, #menu a.x4:visited {
   font-weight: bold;
   text-indent: 3px;
   color: #47ACA4;
   border: 0px solid #fff;
   background-color: #22645E;
   padding: 3px;
   margin: 0 0 0 0;
      background-image: none;
}

#menu a.x4:hover {
   color: #47ACA4;
   background-color: #E98113;
   border: 0px solid #fff;
   background-color: #22645E;
   padding: 3px;
   margin: 0 0 0 0;
      background-image: none;

}

#menu a.x4:active {
   color: #47ACA4;
   border: 0px solid #fff;
   background-color: #22645E;
   padding: 3px;
   margin: 0 0 0 0;
      background-image: none;

}


/*sub sub menu*/

#menu a.xx, #menu a.xx:visited {
   font-weight: bold;
   text-indent: 15px;
   color: #fff;
   border: 0px solid #fff;
   background-color: #72262A;
   padding: 3px;
}

#menu a.xx:hover {
   color: #E98113;
   text-indent: 15px;
   border: 0px solid #fff;
   background-color:#72262A;
   padding: 3px;
}

#menu a.xx:active {
   color:#fff;
   text-indent: 15px;
   border: 0px solid #fff;
   background-color: #72262A;
   padding: 3px;
}

#menu a.xx2, #menu a.xx2:visited {
   font-weight: bold;
   text-indent: 15px;
   color: #fff;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #72262A;
   padding: 3px;
}

#menu a.xx2:hover {
   color: #fff;
   text-indent: 15px;
   background-color: #E98113;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #72262A;
   padding: 3px 3px 3px 0;
}

#menu a.xx2:active {
   color: #fff;
   text-indent: 15px;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #72262A;
    padding: 3px;
}

#menu a.xx3, #menu a.xx3:visited {
   font-weight: bold;
   text-indent: 15px;
   color: #E98113;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #72262A;

   padding: 3px;
}

#menu a.xx3:hover {
   color: #E98113;
   text-indent: 15px;
   background-color: #E98113;
   border-top: 0px solid #E98113;
   border-left: 0px solid #E98113;
   border-right: 0px solid #E98113;
   border-bottom: 2px solid #fff;
   background-color: #72262A;
   padding: 3px;
}

#menu a.xx3:active {
   color: #E98113;
   text-indent: 15px;
   border: 0 solid #fff;
   background-color: #72262A;
   padding: 3px;
}

#menu a.xx4, #menu a.xx4:visited {
   font-weight: bold;
   text-indent: 15px;
   color: #E98113;
   border: 0 solid #fff;
   background-color: #72262A;
   padding: 3px;
}

#menu a.xx4:hover {
   color: #E98113;
   text-indent: 15px;
   border: 0 solid #fff;
   background-color: #72262A;
   padding: 3px;
}

#menu a.xx4:active {
   color: #E98113;
   text-indent: 15px;
   border: 0 solid #fff;
   background-color: #72262A;
   padding: 3px;
}


/* on*/
#menu a.on, #menu a.on:visited {
   font-weight: bold;
   text-indent: 3px;
   color: #fff;
   background: #47ACA4 url(../images/nav-on.jpg) no-repeat;
   border-top: 0 solid #E98113;
   border-left: 0 solid #E98113;
   border-right: 0 solid #E98113;
   border-bottom: 2px solid #fff;
   padding: 3px;
}

#menu a.on:hover {
   color: #fff;
   padding: 3px;
   border-top: 0 solid #E98113;
   border-left: 0 solid #E98113;
   border-right: 0 solid #E98113;
   border-bottom: 2px solid #fff;
background: #47ACA4 url(../images/nav-on.jpg) no-repeat;
}

#menu a.on:active {
   color: #fff;
   background: #47ACA4 url(../images/nav-on.jpg) no-repeat;
   padding: 3px;
   border-top: 0 solid #fff;
   border-left: 0 solid #fff;
   border-right: 0 solid #fff;
   border-bottom: 2px solid #E98113;
}

#menu a.on2, #menu a.on2:visited {
   font-weight: bold;
   text-indent: 3px;
   color: #fff;
   background: #47ACA4 url(../images/nav-on.jpg) no-repeat;
   padding: 3px;
   border-top: 0 solid #fff;
   border-left: 0 solid #fff;
   border-right: 0 solid #fff;
   border-bottom: 0 solid #E98113;
}

#menu a.on2:hover {
   color: #fff;
   background: #47ACA4 url(../images/nav-on.jpg) no-repeat;
   padding: 3px;
   border-top: 0 solid #fff;
   border-left: 0 solid #fff;
   border-right: 0 solid #fff;
   border-bottom: 0 solid #E98113;
}
#menu a.on2:active {
   color: #fff;
   background: #47ACA4 url(../images/nav-on.jpg) no-repeat;
   padding: 3px;
   border-top: 0 solid #fff;
   border-left: 0 solid #fff;
   border-right: 0 solid #fff;
   border-bottom: 0 solid #E98113;
}

#heading {
	width: 517px;
	background-color: #47ACA4;
	padding: 5px 0 5px 0;
}

#heading h2 {
   font: bold large Arial, Helvetica, sans-serif;
   color: #fff;
   margin: 0 10px 0 10px;
   }
   
   .portfolio-item {
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	width: 512px;
	height: auto;
	display: table;
	border-bottom: 2px solid #cccccc;
}

.portfolio-thumb {
float: left;
margin: 0 5px 5px 0;
width: 100px;
}

.portfolio-txt {
padding: 0 10px 5 0;
margin: 0 0 0 110px;
width: 380px;
}


.portfolio-txt p {
padding: 0;
margin: 0 0 5px 0;
}

#forms {
font: small normal Arial, Helvetica, sans-serif;
color: #666666;
}


.tablebg {
background-color: #fff;
border-left: 1px solid #666666;
border-right: 0 solid #666666;
border-bottom: 0 solid #666666;
border-top: 1px solid #666666;
}

.tablebg2 {
background-color: #fff;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 0 solid #666666;
}

.padding {
padding: 5px;
}

.tablebg3 {
background-color: #fff;
border-left: 1px solid #666666;
border-right: 0 solid #666666;
border-bottom: 1px solid #666666;
border-top: 1px solid #666666;
}

.tablebg4 {
background-color: #fff;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

.tablebg5 {
background-color: #47ACA4;
padding: 5px;
color: #fff;
}

.tablebg6 {
background-color: #fff;
padding: 5px;
border-left: 1px solid #47ACA4;
border-right: 1px solid #47ACA4;
border-bottom: 0 solid #47ACA4;
border-top: 1px solid #47ACA4;
}

.tablebg7 {
background-color: #fff;
padding: 5px;
border-right: 0 solid #47ACA4;
border-left: 0 solid #47ACA4;
border-top: 1px solid #47ACA4;
border-bottom: 0 solid #47ACA4;
}

.tablebg8 {
background-color: #fff;
padding: 5px;
border-right: 1px solid #47ACA4;
border-left: 0 solid #47ACA4;
border-top: 1px solid #47ACA4;
border-bottom: 0 solid #47ACA4;
}