/*
---------------------------------------------------------
                  Global                              
---------------------------------------------------------*/
body, html {
     width: 100%;
     text-align: center;
     background-color: #737573;
}
/*
---------------------------------------------------------
                  Layout and page structure                              
---------------------------------------------------------*/
div.outerbox {
   float: none;
   width: 700px;
   align: center;
   margin: 0px auto 0px auto;
   background-color: #FFFFFF;
}

div.row {
   background-image: url( ../images/bg_body.gif );
   width: 700px;
}

div.pagetop {
   height: 60px;
   background-image: url( ../images/bg_top_new.gif );
   width: 700px;
}

div.pagebottom {
   height: 50px;
   background-repeat: no-repeat;
   background-image: url( ../images/bg_bottom.gif );
   width: 700px;
   background-color: #737573;
}

div.leftcol {
   width: 220px;
}

div.maincol {
   width: 480px;
   margin: 10px 0px 0px 0px;
}

div.maincol h3 {

}
/*
---------------------------------------------------------
                  Headings and logo                              
---------------------------------------------------------*/
div.logo {
   width: 140px;
   padding: 0px 0px 0px 30px;   
   text-align: center;
}
div.pageheading {
   width: 530px;
}
div.pagetitle {
   text-align: center;
   padding: 10px 0px 0px 0px;
   height: 40px;
   width: 530px;
}
div.pagetitle h1 {
   text-align: center;
   color: #000000;
}

div.subheading {
   text-align: left;
   margin: 10px 0px 0px 0px;
}

div.intro {
   text-align: left;
   margin: 0px 30px 0px 0px;
}
div.intro p.p1 {
   text-align: center;
   color: #CB240E;
   font-weight: bold;
}
div.intro p.p2 {
   text-align: center;
   color: #000000;
}
div.intro p.p3 {
   text-align: left;
   color: #CB240E;
   font-size: medium;
   font-weight: bold;
}
div.intro h4 {
   color: #CB240E;
}
div.intro span {
   color: #000000;
   font-size:medium;    
   font-weight: bold;
}
div.aiki {
   	background: url(../images/logo_para.gif) no-repeat top left; 
    margin-top: 0px;
	margin-bottom: 0px; 
	width: 40px; 
	height: 20px;
}
div.aiki span {
display: none;
}

div.featureimage {
   padding: 0px 0px 0px 10px;
}

div.address {
   padding: 12px 0px 0px 30px;
   font-size:small; 
   text-align: left;
}
div.address ul {
   padding: 0px 0px 0px 0px;
   list-style-type: none;
}

/*
---------------------------------------------------------
                  Footer                              
---------------------------------------------------------*/
div.copyright {
   height: 20px;
   width: 700px;
   background-color: #737573;
   font-size: xx-small; 
   color: #ffffff;
   font-weight: bold;
}
div.copyright a {
   margin: 20px 0px 0px 100px;
   font-size: xx-small; 
   color: #ffffff;
   font-weight: bold;
}
div.copyright a:hover {
   color: #ffffff;
}
div.copyright a:active {
   color: #ffffff;
}
div.copyright a:visited {
   color: #ffffff;
}
/*
div.menu ul {
   margin: 15px 0px 0px 20px;
   list-style-type: none;
}

div.menu ul li {
         float: left;
         height: 12px;
         padding: 3px 10px 3px 10px;
         list-style: none;
         background-color: #CB240E;
         display: block;
         width: 80px;
         text-align: center;
         border-right: solid 1.5px #FFFFFF;
}

div.menu ul li#selected {
         background-color: #333333;
}

div.menu ul li a {
         text-align: center;
         font-weight: bold;
         color: #ffffff;
}

div.menu ul li a:link {
         text-decoration: none;
}

div.menu ul li a:visited {
         text-decoration: none;
}

div.menu ul li a:hover {
         text-decoration: none;
}

div.menu ul li a:active {
         text-decoration: none;
}
*/
/*
---------------------------------------------------------
                  Form area                              
---------------------------------------------------------*/
div.formArea {
	width: 430px;
    /*background-color: #cc9;*/
	background-color: #F7EBDE;
    padding: 10px;
    font-size: medium;
}
div.formArea th {
    font-weight: bold;
}
div.formArea th span {
    font-weight: bold;
}
label {
   font-weight: normal;
}
label.fLabel {
    font-weight: normal;
}
label.nLabel {
    font-weight: bold;
}
label.nLabelred {
    font-weight: bold;
    color: #CB240E;
}
input.fInput {
    margin-bottom: 5px;
}

input.wInput {
    margin-bottom: 25px;
}

textarea.fTextarea {
    margin-bottom: 20px;
}

select.fSelect{
    margin-bottom: 20px;
}

textarea.wTextarea {
    margin-bottom: 40px;
}

/*
---------------------------------------------------------
                 Navigation menu                         
---------------------------------------------------------*/
div.navBar ul {
    margin: 10px 0px 0px 50px;
    list-style-type: none;
}

div.navBar li a {
   float: left;
   width: 95px; 
   text-decoration: none;
   font-weight: bold;
   color: #ffffff;
   background-color: #CB240E;
   padding: 2px 0px 2px 3px;
   border-right: 1.5px solid white;
   
}

div.navBar li a:focus {
   background-color:#000000;
   text-decoration: none;
   color: #ffffff;
}
div.navBar li a:hover {
   background-color:#000000;
   text-decoration: none;
   color: #ffffff;
}
div.navBar li a:active {
   background-color:#CB240E;
   text-decoration: none;
   color: #ffffff;
}
div.navBar li a:visited {
   background-color:#757676;
   text-decoration: none;
   color:#ffffff;
}
div.navBar li {display:inline;}

/*---------------------------------------------------------
                  Portfolio                              
---------------------------------------------------------*/
div.portfolio_title {
   float: left;
   text-align: left;
   padding: 20px 0px 0px 0px;
   height: 25px;
   width: 460px;
}
div.portfolio_title span {
   color: #757676;
   font-size: large;
   font-weight: bold;
}
div.portfolio_content {
   text-align: left;
   color: #757676;
   padding: 0px 20px 0px 0px;
   width: 460px;
}
div.portfolio_content p.p1 {
   font-weight: bold;
   /*
   color: #cc9;*/
}

div.portfolio_content p.p2 {
   font-weight: normal;
}

div.portfolio_image {
   width: 350px;
   margin: 0px 0px 0px 10px;
   padding: 0px 2px 0px 2px;
}

div.portfolio_image ul{
   padding: 0px 0px 0px 0px;
   list-style-type: none;
}
div.portfolio_image li {
   display:inline;
}
div.portfolio_image img.mainimage {
	border:1px solid #000000;
	/*border-bottom:6px solid #000000;*/
}
div.portfolio_weblink {
   margin: 10px 0px 0px 60px;
   font-size: small;
   color: #cc9;
}
div.portfolio_tbn {
   margin: 2px 0px 0px 0px;
}
div.portfolio_tbn img.tbnimage {
   border:1px solid #000000;
}
div.portfolio_spacer {
   margin: 2px 0px 0px 90px; 
}