/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
background: #fff;
color: #666;
position: relative;
border: 1px solid #fff;
}

body {
font:62.5%/1.6 verdana, arial, helvetica, sans-serif;
text-align:center;
width: 780px;
margin: -2px auto 0 auto;

}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight: bold;
font-family: georgia, times new roman, serif;
}

h1 {
padding:30px 10px 25px 10px;
letter-spacing:-1px;
font-size: 2.5em;
line-height: 1.2em ;
}

h2 {
padding:20px 10px;
letter-spacing:-1px;
font-size:1.9em ;
}

h3 {           
padding: 10px ;
font-size:1.6em ;
font-weight:bold;
}            

h4 {
font-size:1.5em ;
font-weight: normal;
text-align:center;
padding: 10px ;
font-family: georgia, times, serif;
}

p, ul, ol, address {
margin:10px;
padding:0 0 5px 0;
font-size:1.2em ;
}

ul, ol {
list-style:none;
padding:0 0 18px 0px;
}

 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration:none;
}
a:hover {}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif; 
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
} 

/* Styling Forms */
fieldset {
  padding: 1.2em 1em;
  border:0;
  font-size: 1.3em;
  font-family: verdana, arial, sans-serif;
  }
#contactform fieldset{border-top: 1px solid #d11;
                      padding: 0.4em 1em;}

legend {color: #666;
  font-family: "Trebuchet ms", verdana, arial, sans-serif;
               font-weight:bold;
               font-size: 1.5em;
               margin: 5px; }
#contactform legend {font-size: 1em;}

label {
  float:left;
  width:40%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight: bold;
  clear: both;
  }  

input {margin: 3px 1px;}
input[type=text], select, textarea {border: 1px solid #666; margin: 3px 1px;
font:1em arial, helvetica, sans-serif;}

.buttons {text-align: center;}
.butt {margin: 5px 10px;}

 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 
/***** Wrapper *****/

#wrapper {
width: 800px;
margin:0 auto;
padding: 0;
text-align: left;
}

/***** Global Classes *****/
 
.clear         { clear:both; }
.prop          {float: left;
                width: 1px;
                height: 1000px;}  
.prop-250      {float: left;
                width: 1px;
                height: 250px;}
.prop-500      {float: left;
                width: 1px;
                height: 500px;} 
.prop-1000      {float: right;
                width: 1px;
                height: 1000px;}
 
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }



/********************************************************

        Kevin's Web4-U Specifics

********************************************************/

#content {width: 560px;
         float: left;
         background: #fff;
         margin: 0 10px;
         text-align: left;
         }

#content img.plain
 {width: 240px;
             margin: 10px;
             }

.thin-col {width: 260px;
             margin: 5px; padding:0x; float: left;} /*Thin Column inside Content*/

#header {   margin: 0px auto;
            padding: 10px 0;
            position: relative;
            width : 770px;
            display: block;
            }

#header h1 {position: relative;
             float: left;
             margin: 0; padding:25px 10px 0 10px;
             font-style: italic;
             width: 230px ; height: 105px;
             text-align: center;
             }
/*#header .photoblock {position: relative;
             float: left;
             margin: 10px; margin-right: 0;
             width: 160px; height: 100px;
             background: red;
             background: url(/image/upload/nanimo/simple_3.jpg) center center repeat;
             }
#header .photoblock div {position: relative;
             margin: 0px;
             width: 160px; height: 100px;
             }
.photoblock { width: 160px;
              float: left;
			top: 0; left: 0;
			margin: 15px 5px; padding: 0px;
			text-align: left;
		   background:#fff; border-top: 0 none;}

.photoblock img {position: relative;
             margin: 3px; margin-bottom: 0px;
             float: none;
             padding:0;
             width: 154px; height: 95px;
             }         */
img.photoblock { width: 154px;  height: 95px;
              float: left;
			top: 0; left: 0;
			margin: 15px 5px; padding: 0px;
			text-align: left;
		   border: 3px solid #fff;}

.column {float: left;   /* Main Column On the Left*/
       width : 200px;
       margin:0;
       padding: 0;
       text-align: center;
       }
      
.menu {margin: 10px; padding: 0;
       font-size: 1.2em;
       font-weight: bold;}
.menu li {display: block;
          position: relative;
           width: 100%;
       border-bottom: 1px solid #fff;}
.menu li a {display: block;
            padding: 5px;
            color: #fff;}

.column .panel {margin: 10px; padding: 5px:
                background: none;
                color: #fff;
                text-align: left;}
.column .panel .grading {text-align: center}

/* Business Listing */
ul.businesslist {margin: 0; padding:0}
ul.businesslist li { margin: 0;
                     padding: 20px 10px;
                     border-bottom: 1px dashed #ddd;}
ul.businesslist li img {float: right;
                        margin: 10px;
                        width: 250px;}

#content .panel {padding: 10px; 
                 border: 1px solid #fdd;}


.footer {padding: 5px 0;
         margin: 0 auto;
         color: #fff;
         text-align: center;
         width: 80%;
         border: 1px solid red;}
.footer p {font-size: 0.9em;}


/************* DEFAULT COLOURS *****************************/

#wrapper {background: #5F140E;}
.footer {border-color: #5F140E; }
h1, h2, h3, h4, h5, h6 { color: #ffaaaa;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 
  { color: #900;}
a, a:visited { color: #bb2222;}
a:hover { color: #D52C2C;}
.menu li a:hover {background: #fbb; color: #500}
#content .panel {background: #fee;
                 border-color: #fdd;}

/************* Moss Colour *****************************/

#moss #wrapper {background: #7A997F;}
#moss .footer {border-color: #7A997F; }
#moss h1, #moss h2, #moss h3, #moss h4, #moss h5, #moss h6 { color: #2d513d;}
#moss a, #moss a:visited { color: #016d35;}
#moss a:hover { color: #fff; background: #017F13;}
#moss .menu li a:hover {background: #9EC8A4; color: #060}
#moss #content .panel {background: #C5FECD;
                 border-color: #59A263;}


/************* Navy Colour *****************************/

 #navy #wrapper  {background: #0B0170;}
#navy .footer {border-color: #0B0170; }
#navy h1, #navy h2, #navy h3, #navy  h4, #navy h5, #navy h6 { color: #88d;}
#navy #content h1, #navy #content h2, #navy #content h3, #navy #content  h4, #navy #content h5, #navy #content h6 { color: #4238A3;}
#navy a, #navy a:visited { color: #5143D5;}
#navy a:hover { color: #fff; background: #0B0170;}
#navy .column a {color: #C3BDFF;}
#navy .column a:hover {background: #C3BDFF; color: #0B0170}
#navy #content .panel {background: #C3BDFF;
                 border-color: #685CD8;}


/************* Nude Colour *****************************/

#nude #wrapper {background: #FBF0D3;}
#nude .footer {border-color: #FBF0D3; color: #777 }
#nude h1, #nude h2, #nude h3, #nude h4, #nude h5, #nude h6 { color: #865;}
#nude a, #nude a:visited { color: #985}
#nude a:hover { color: #fff; background: #976;}
#nude .menu li a {color: #976}
#nude .menu li a:hover {background: #fff; color: #5E4500}
#nude .column .panel {color: #5E4500}
#nude #content .panel {background: #FFF5DA;
                 border-color: #E3CA86;}




/**********************************************************

 Nifty Corners Business

 ***********************************************************/
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block; 
				 height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px;}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px; }
b.r2{margin: 0 2px;}
b.r3{margin: 0 1px; }
b.r4{height: 2px; }
b.rb1{margin: 0 8px;border-width:0 2px; }
b.rb2{margin: 0 6px;border-width:0 2px; }
b.rb3{margin: 0 5px; }
b.rb4{margin: 0 4px; }
b.rb5{margin: 0 3px ; }
b.rb6{margin: 0 2px;}
b.rb7{margin: 0 1px;height:2px; }
b.rb8{margin: 0;height:2px; }
b.rs1{margin: 0 1px; }

/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}