b/*
	style sheet
*/
html {
	padding:0;
	margin:0;
	background:#EBEBEB;
	}

#home, #about, #images, #rates, #contact {
		font: .8em helvetica, sans-serif;
		color:#000;
		padding:0;
		}



#container {
		width:700px;
		margin-left:50px;
		}
/*
	Title Bar
*/

.titlebar {
		padding:0px;
		width:490px;
		background: #fff;
		text-align:left;
		margin-top:10px;
		text-indent:20px;
		}
		 
h1.title {
		margin:0;
		background:#fff;
		color:#0B2340;
		font: 3em "New Times Roman", "Times Roman",Times, sans-serif;
		padding: 10px 20px 0 0;
		text-shadow: 2px 2px 3px #999;
		border-bottom:#7890A9 2px solid;
		
		}
		
h2.tag {	
		background:#0B2340 url(images/fade.png) repeat-x bottom center;
		color:#FFF;
		margin:0;
		padding:.5em;
		font : 1em Helvetica, sans-serif;
		
		}
		
h2.tag span {	margin:0 1em; }

/*
	sidebox ( chop)
*/

		
#sidebox {	
		background:transparent url(images/chop.png) no-repeat center;
		height:81px;
		width:81px;
		float:left;
		position:absolute;
		left:558px;
		top: 10px;
		margin:0;
		padding:0;
		border:#fff 2px solid;
		}				
/*
	navigation
*/

ul#navlist {
		position:relative;
		left:0px;
		font : 1.2em bold gill sans, sans-serif;
		padding: 0 0 .2em 0;
		white-space: nowrap;
		}

#navlist li {
		display: inline;
		list-style-type: none;
		z-index:5;
		}


#navlist a:link, #navlist a:visited {
		display:block;
		color: #868892;
		text-decoration: none;
		padding: 2px;
		}
		

#navlist a:hover {
		border-bottom:#fff .3em solid;	
		color: #273a99;
		text-decoration: none;
		}
		
#navlist a.active {
		color: #333;
		}

#navlist a.active:hover {
	border:0;
	color: #333;	
	}
	
#nav_h {left:9px; }
		
#nav_a {left:107px; }
	
#nav_i {left:205px;}
	
#nav_r {left:302px; }
	
#nav_c {left:400px;}

#nav_h, #nav_a, #nav_i, #nav_r, #nav_r, #nav_c {
		width:90px;
		position:absolute;
		text-align:center;
		}
					
/*
	9x9 Image Menu
*/

ul.imgmenu {	
		float: left;
		position:relative;
		left: 0;
		bottom:0px;
		margin:0;
		padding:0;
		width:100%;
		background:#7890A9;
		}

.imgmenu li {		
		display: inline;
		overflow: hidden;
		list-style-type: none;
		}

.imgmenu li a {
		color: #EBEBEB;
		background: #6173bc url(images/afade.png) repeat-x center;
		font-size: 1.2em;
		padding:.5em 1.5em 0em 1.5em;
		margin:0;
		text-decoration: none;	
		}

.imgmenu li a.active {
		background: #0B2340;
		padding-top:1em;
		 }

.imgmenu li a:hover {
		color: #fff;
		background: #257ef1 url(images/afade.png) repeat-x top center;
		position:relative;
		left:0px;
		bottom:.2em;
		padding:1em 1.5em .2em 1.5em;
		}

.imgmenu li a:visited {
		color: #d5eff7; }

.imgmenu li a.active:hover {
		color: #fff;
		background: #0B2340;
		bottom:0px;
		padding-top:1em;
		}


	
/*
	9x9 Grid
*/

div.spacer {
 		 clear: both;
		 
 		 }
  
div.grid {
		border-top:#8BA6C2 2px solid;
		background: #0B2340;
		position:relative;
		top:25px;
		left:0px;
		width:490px;
		min-height:490px;
		text-align:left;
		}
		
#images div.grid {
	border-top:0;
	}	
	
#rates div.grid {
	background:#0B2340 url(images/rates_img.jpg) no-repeat center bottom;
	}
	
#contact div.grid {
	background:#0B2340 url(images/cont_img.jpg) no-repeat center bottom;
	}	
	 
div.float {
		float: left;
		margin-left:9px;
		margin-bottom:5px;
		 }
		  
div.float a img {border:none;}

div.float a img:hover {
		position:relative;
		bottom:2px;
	}
	
div.float:hover {
		background: #6173bc;
		}


/*
	Page font controls
*/

.grid h1, .grid h2 {
		color:#EBEBEB;
		margin:1em 0 .5em 1em;
		font-weight:bolder;
		font:1.8em times, serif;
		padding-bottom:4px;
		text-align:left;
		clear:both;
		}

.grid p {
		margin:0 20px;
		line-height:1.3em;
		color:#EBEBEB;
		width:445px;
		}
	
.grid p a, #footer a {
		text-decoration:none;
		color: #fff4b8;
		padding:.2em;
		padding-bottom:0;
		background: #18519b;
		}
		
.grid p a:hover, #footer a:hover {
		color: #fff;
		background: #1F66C1;
				border-bottom:#fff 1px solid;
		}		

.grid .bigtxt {width:17em;  font-size:1.3em; line-height:1em;}	
	
#qtlink {
	clear:both;
	padding:.5em;
	font-size:1.2em;
	border:#8BA6C2 1px solid;
	background: #18519b url(images/afade.png) repeat-x center;
	line-height:2em;
	}		

#qtlink:hover {
	border:#fff 1px solid;
	background: #1F66C1 url(images/afade.png) repeat-x top;
		}	

a#getqt img {
	border:none;
	display:block; 
	padding:4px; 
	margin: 10px 20px;
	border:#18519b 1px solid;
	}
	
a#getqt img:hover {
	border:#fff 1px solid;
	}

		
#picbox p a#qtlink {
	clear:both;
	position:absolute;
	bottom:10px;
	left:10px;
	}
	

a#more {
		background: transparent;
		text-decoration:none;
		display:block;
		color: #fff4b8;
		width:460px;
		text-align:center;
		font-weight:bold;
		letter-spacing:2px;
		padding:.3em;
		margin-left:10px;
	}

a#more:hover {
	color:#000;
	background: #18519b url(images/afade.png) repeat-x top center;
	border-top:#fff 1px solid;
		}
		
	
img.center {
	position:absolute;
	bottom:0;
	padding:10px;
	}					
/*
	picbox
*/



#picbox {	
		border-top:#8BA6C2 2px solid;
		background:#0B2340;
		display:block;
		position:absolute;
		left:500px;
		top:0px;
		margin:0;
		width:100%;
		height:455px;
		padding-bottom:55px;
		}

		
#rates #picbox, #contact #picbox {
		height:300px;
		}
		
#home div#picbox {
			width:300px;
			height:300px;
			background :#0B2340 url(images/pallet.jpg) no-repeat 10px 10px;
			padding:10px;
			}
			
#about #picbox {
			width:300px;
			height:300px;
			background :#0B2340 url(images/painting.jpg) no-repeat 160px 160px;
			padding:10px;
			}		
			
#rates div#picbox {			width:300px;			height:300px;			background :#0B2340 url(images/lady_back.gif) no-repeat 10px 10px;			padding:10px;			}	

#contact div#picbox {			width:300px;			height:300px;			background :#0B2340 url(images/box_face.jpg) no-repeat 10px 10px;			padding:10px;			}				
							 		
img#picswap { 
		position:absolute;
		bottom:0;
		padding:10px;
		background: #0B2340;
		}



#picbox p#desc {
	margin:.6em 2em;
	position:relative;
	z-index:5;
	width:100%;
	}
		
#picbox p {
		width:17em;
		color:#EBEBEB;
		}

#picbox h1, #picbox h2 {	font:1.8em times, serif;}
		
#sidebox img {
	border:0px;
	padding:0;
	margin:0;
	}

/*
	Footer
*/

#footer {
		border-top:#8BA6C2 2px solid;
		background:#0B2340 url(images/fade.png) repeat-x bottom center;
		clear:both;
		position: relative;
		bottom:-30px;	
		padding: 5px 20px;
		text-align:left;
		width:450px;
		   	}
			
#footer p {color:#4D5E72;	}
	
#footer a {
		color:#4D5E72;
		background:transparent;
		border-bottom:#4D5E72 1px dotted;
		}
		
#footer a:hover {background: #113b6d;}