/* Tentoden, Master CSS */
/* Hand coded with pride by Rich, rich (at) tentoden.com */


body {
	background-color: #666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body.banners { background-color: #669; margin: 0; }
body.design { background-color: #445d7b; margin: 0; }
body.about { background-color: #DA833E; margin: 0; }
body.flyers { background-color: #369; margin: 0; }



#header	{
	background: #000;
	color: #000;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 150px;
	}


#navbar	{
	background: #000;
	background-image: url(images/index_round.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right;
	font-family: verdana, arial, helvetica, sans-serif;
    font-size:9px;
	text-align: right;
	border: 0;
	height: 25px;
	margin: 25px 0;
	padding: 0 25px 0 0;
	}

div#navbar ul {padding: 6px; margin: 0; list-style: none;}
div#navbar li {display: inline;}	

#navbar li a, a:link, a:visited, a:active {color: #999; text-decoration: none;}
#navbar li a:hover {color: #93D3FF; background: #332; text-decoration: none;}

.hidden {visibility: none;}

#footer	{
	background: #000;
	background-image: url(images/version.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: right;
	font-family: verdana, arial, helvetica, sans-serif;
    font-size:9px;
	color: #fff;
	text-align: left;
	border: 0;
	height: 30px;
	margin: 25px 0;
	padding: 0 25px 0 0;
	}

div#footer ul {padding: 9px; margin: 0; list-style: none;}
div#footer li {display: inline;}	

#footer li a, a:link, a:visited, a:active {color: #999; text-decoration: none;}
#footer li a:hover {color: #93D3FF; background: #332; text-decoration: none;}

#subfooter	{	
	font-family: verdana, arial, helvetica, sans-serif;
    font-size:9px;
	color: #fff;
	text-align: right;
	border: 0;
	height: 30px;
	margin: 0;
	padding: 0 18px 0 0;
	}

#subfooter	a, a:link, a:visited, a:active {color: #fff; text-decoration: none;}
#subfooter  a:hover {color: #fff; text-decoration: underline;}

	
#container	{
	border: 0;
	padding: 10px;
	margin: 0;
	width: auto;
	height: auto;
	}
	
#clients	{
	position: absolute;
	left: 0;
	margin: 0 10px 10px 10px;
	padding: 0;
	background: #669;
	border: 1px solid #000;
	width: 190px;
	height: 180px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
	font-family: verdana, arial, helvetica, sans-serif;
    font-size:10px;
	font-weight: bold;
	display: block;
	clear: left;
	
	}
	
html>#clients {
	width: 190px; /* Be nice to Opera */
	}
	
div#clients ul {padding: 7px 3px 3px 3px; margin: 0 0 0 1em; list-style: none;}
div#clients li {display: block;}	


	
div#clients li a, a:link, a:visited, a:active {color: #f2f2f2; text-decoration: none;}
div#clients li a:hover {color: #93D3FF; background: #369; text-decoration: none;}
	
#mywork	{
	position: absolute;
	left: 0;
	margin: 190px 10px 0 10px;
	padding: 0;
	background: #669;
	border: 1px solid #000;
	width: 190px;
	height: 120px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
	font-family: verdana, arial, helvetica, sans-serif;
    font-size:10px;
	font-weight: bold;
	display: block;
	clear: left;
	
	}

html>#mywork {
	width: 190px; /* Be nice to Opera */
	}

div#mywork ul {padding: 7px 3px 3px 3px; margin: 0 0 0 1em; list-style: none;}
div#mywork li {display: block;}	

	

div#mywork li a, a:link, a:visited, a:active {color: #f2f2f2; text-decoration: none;}
div#mywork li a:hover {color: #93D3FF; background: #369; text-decoration: none;}
	
#main	{
    position: relative;
	padding: 0;
	margin-top: 0;
	margin-left: 200px;
	border: 1px solid #000;
	background: #3D6B99;
	width: auto;
	height: 310px;
	clear: right;
	overflow: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	}
	
div.maincontainer {
    width: auto;
	height: 277px;
	background-image: url(images/blueskysbldg.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	clear: both; 
	padding: 1em 1em 0 1.25em; 
	font-family: arial, verdana, helvetica, sans-serif;
    font-size:1.25em;
    color:#000;
	}

div.aboutcontainer {
    width: auto;
	height: 277px;
	background-image: url(images/blueskysbldg2.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	clear: both; 
	padding: 1em 1em 0 1.25em; 
	font-family: arial, verdana, helvetica, sans-serif;
    font-size:1.25em;
    color:#000;
	}
	
div.abinfo {
   font-family: arial, verdana, helvetica, sans-serif;
   font-size:1.125em;
   color: #fff;
   width: auto;
   margin: 0;
   padding: 1em 1em 2em 1.25em;
   }
  
div.serv {
    float: left; 
	background-color: #629fde;
	height: 200px; 
	width: 160px;
    padding: 3px; 
	margin: 5px 5px; 
	border: 0; 
	border-left: 1px solid #A7CAEE;
	}

div.serv h1 {
   font-weight:bold;
   font-size: .95em;
   color:#369;
   padding: 0 0 1em 0;
   margin: 0;
   }

div.serv h2 {
   font-weight:bold;
   font-size: .95em;
   color:#369;
   padding: 1em 0 0 0;
   margin: 0;
   }
	
div.serv h3 {
   font-weight:bold;
   font-size: .95em;
   color:#fff;
   padding: 0;
   margin: 0;
   }
   
div.serv ul {padding: 0; margin: 0; list-style: none;}
div.serv li {display: block;}	
div.serv li {font-size: 0.95em; color: #D3E6F9;}	

div.serv li a:link, a:visited, a:active {color: #fff; text-decoration: none;}
div.serv li a:hover {color: #93D3FF; background: #332; text-decoration: none;}

	
div.catinfo { 

    background: #000; 
	background-image: url(images/titleback.gif);
	background-attachment: scroll;
	background-repeat: repeat-x; 
	height: 20px; 
	width: auto; 
	}

div.catinfo span {visibility: hidden;}

div.catinfo  p.cli {
    background: #fff url("images/clients.gif") 0 0 no-repeat;
    height: 20px; 
	width: 93px;
    position: absolute; 
	z-index: 101;
	top: 0;
	left: 0;
	margin: 0;
	}
	
div.catinfo  p.wel {
    background: #fff url("images/welcome.gif") 0 0 no-repeat;
    height: 20px; 
	width: 93px;
    position: absolute; 
	z-index: 101;
	top: 0;
	left: 0;
	margin: 0;
	}

div.catinfo  p.por {
    background: #fff url("images/portfolio.gif") 0 0 no-repeat;
    height: 20px; 
	width: 93px;
    position: absolute; 
	z-index: 101;
	top: 0;
	left: 0;
	margin: 0;
	}
	
div.catinfo  p.des {
    background: #fff url("images/design.gif") 0 0 no-repeat;
    height: 20px; 
	width: 75px;
    position: absolute; 
	z-index: 101;
	top: 0;
	left: 0;
	margin: 0;
	}
		 

div.desinfo {clear: both; padding: 1em 1em 2em 1.25em;}

div.picontainer {
    padding: 0 0 0 5px;
	width: auto;
	}
	
div.pic {
    float: left; 
	height: 52px; 
	width: 52px;
    padding: 3px 3px 12px 3px; 
	margin: 5px 3px; 
	background: #369;
    border: 1px solid; 
	border-color: #AAA #444 #444 #AAA;
    }
	
div.pic img { height: 50px;	width: 50px; border: 1px solid; border-color: #444 #AAA #AAA #444;}	



.nicebutton {
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 1.3em 0.5em 0 0;
  width: 50px;
  font-size:9px;
  font-weight:bold;
  color:#000;
  border:1px solid #000;
  background:#93D3FF;
  }

.niceform {
  margin: 0.1em 0 0 0;
  width: 150px;
  color:#f2f2f2;
  border:1px solid #000;
  background:#369;
  }
  
.fileinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.fileinfowhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.medfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}


.fineprint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000000;
	font-variant: small-caps;
	list-style-type: none;
}

a.fineprint_white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;  
    font-weight: normal; 
	color: #FFFFFF;
	text-decoration: none;  
    line-height: normal;  
}

a.fineprint_white:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;  
    font-weight: normal; 
	color: #FFFFFF;
	text-decoration: none;  
    line-height: normal;  
}

a.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

a.links:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}


a.largenav:hover {   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
} 

a.largenav {   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}