* {    
 margin: 1;    
 padding: 0;    
} 

/*----------------------------------general formatting----------------------------*/
   
body {    
 background: #eee url(bg.gif) 0 100% repeat-x;    
 font: 12px/18px "Lucida Grande", Verdana, sans-serif;    
 text-align: center;    
 color: #333;    
}    
a:link, a:visited {    
 color: #633;    
}    
a:hover {    
 color: #966;    
}    
h1 {    
 margin-bottom: 11px;    
 margin-left: -108px;    
 padding: 15px 0 21px 108px;    
 border-bottom: 1px solid #ccc;    
 font: normal 1.5em/18px Georgia, serif;    
 color: #633;    
}    
h2, h3{    
 font-weight: normal;    
 font-size: 1em;    
 line-height: 18px;    
}    
h2 {    
 margin-left: -204px;    
 padding: 10px 0 20px 204px;    
 background: url(h2_ornament.gif) 3px 0 no-repeat;    
 font-size: 1.25em;    
 text-transform: uppercase;    
 color: #999;    
}    
h3 {    
 margin-left: -204px;    
 padding: 0px 0 0px 204px;    
 background: url 3px 0 no-repeat;       
 font: oblique 1.25em/18px Arial, Sans-serif; 
 font-weight: bolder;   
 text-transform: uppercase;    
 color: #633;    
} 
h4 {    
 margin-left: -204px;    
 padding: 10px 0 20px 204px;    
 background: url(h2_ornament.gif) 3px 0 no-repeat;   
 font-size: 1.25em;    
 text-transform: lowercase;    
 color: red;    
} 
h5 {    
 margin-left: -204px; 
 padding: 0px 0 0px 120px;      
 background: url 3px 0 no-repeat;   
 font-size: 1.00em;    
 text-transform: ;   
 color: black;    
}
h6 {    
 margin-left: -204px;    
 padding: 0px 0 0px 204px;    
 background: url 3px 0 no-repeat;   
 font-size: 1.00em;    
 text-transform: ;   
 color: red;    
}   
#wrap {    
 background: url(wrap.gif) repeat-x;    
}    
#page {
	margin: 0 auto;
	width: 960px;
	background: #fff url(page.gif) repeat-y;
	text-align: left;
}

/*---------------------------------------header formatting-------------------------*/
#header {
	height: 109px;
	background: #005197 url(topbar.png) bottom no-repeat;
}   
#header p {    
 float: left;    
 padding: 60px 24px 24px 126px;    
 font-size: 1.5em;    
 line-height: 1em;    
 color: #fff;    
}    
#header ul {    
 padding-top: 62px;    
 padding-right: 12px;    
 text-align: right;    
 list-style: none;    
}    
#header li {    
 display: inline;    
 margin: 0 12px;    
}    
#header li a {    
 font-size: 1.25em;    
 line-height: 1em;    
 text-decoration: none;    
 color: #fff;    
}    
#header li a:hover {    
 color: #300;    
}

/*-------------------------------------gallery code------------------------*/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 150px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200%;
	height: 200%;
}
#content-galprimary {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 528px;    
}    
#content-galprimary p {    
 padding-bottom: 18px;    
} 

/*--------------------------------------form formatting-----------------------------*/
      
#content-form {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 720px;    
}    
#content-form p {    
 padding-bottom: 18px;    
}    
#content-form img {    
 float: left;    
 margin: -6px 18px 0 -114px;    
 padding: 3px;    
 border: 3px solid #eee;    
 background: #fff;    
} 

/*--------------------------------------main frame formatting-----------------------------*/
      
#content-primary {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 528px;    
}    
#content-primary p {    
 padding-bottom: 18px;    
}    
#content-primary img {    
 float: left;    
 margin: -6px 18px 0 -114px;    
 padding: 3px;    
 border: 3px solid #eee;    
 background: #fff;    
}  


/*----------------------------------------------side frame formatting--------------------------*/

#content-secondary {    
 float: right;    
 margin: 30px 216px 60px 24px;    
 width: 144px;    
 font-size: 11px;    
 color: #300;    
}    
#content-secondary p {    
 padding-bottom: 18px;    
}   

/*------------------------------------------footer--------------------------------------------*/ 
#footer {    
 clear: right;    
 height: 183px;    
 background: #333 url(footer.gif) top no-repeat;    
 font-size: 10px;    
 line-height: 1em;    
 text-shadow: 1px 1px 1px #333;    
 color: #fff;    
}    
#footer a:link, #footer a:visited {    
 color: #c99;    
}        
#footer p {    
 padding: 132px 24px 0 24px;  
 text-align: center;  
} 

/*-----------------------------------pricing table formatting-----------------------------------------*/

#price {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 528px;    
}

#price table {        
 border-collapse: collapse;     
 font-family: Arial, Helvetica, sans-serif;     
}     
    
#price th {         
 font-size: 70%;     
 text-transform: uppercase;
 vertical-align: bottom;     
}     
    
#price td {  
 border: 1px solid #3399CC;       
 height: 2em;     
 width: 8em;     
 padding: 5px;     
 vertical-align: bottom;     
}     
    
#price caption {     
 font-size: 300%;          
}     
 
#price .tabhead {     
 text-align: center;    
 font-weight: bolder; 
}
   
#price .tabtxt {     
 text-align: center;     
}     
    
#price notes {     
 font-family: Arial, Helvetica, sans-serif;     
 font-size: 80%;     
 text-align: center;     
 padding-left: 20px;     
}

#price img {         
 background: #fff; 
 float: left; 
 margin-left: -204px;  
} 

/*-----------------------------------pricing glass sign table formatting-----------------------------------------*/

#priceg {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 528px;    
}

#priceg table {       
 border-collapse: collapse;     
 font-family: Arial, Helvetica, sans-serif;     
}     
    
#priceg th {         
 font-size: 70%;     
 text-transform: uppercase;
 vertical-align: bottom;     
}     
    
#priceg td {        
 height: 2em;     
 width: 8em;     
 padding: 25px;     
 vertical-align: bottom;     
}     
    
#priceg caption {     
 font-size: 300%;          
}     
 
#priceg .tabhead {     
 text-align: center;    
 font-weight: bolder; 
}
   
#priceg .tabtxt {     
 text-align: center;     
}     
    
#priceg notes {     
 font-family: Arial, Helvetica, sans-serif;     
 font-size: 80%;     
 text-align: center;     
 padding-left: 20px;     
}

#priceg img {         
 background: #fff; 
 float: left;  
} 

/*-----------------------------------job/quote table formatting-----------------------------------------*/

#jobquote {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 700px;    
}

#jobquote table {        
 border-collapse: collapse;     
 font-family: Arial, Helvetica, sans-serif;     
}     
    
#jobquote th {         
 font-size: 70%;     
 text-transform: uppercase;
 vertical-align: top;     
}     
    
#jobquote td {  
 /*border: 1px solid #3399CC; */        
 padding: 3px;     
 /*text-align: left;*/
 vertical-align: top;     
}     
    
#jobquote caption {     
 font-size: 300%;          
}     
 
#jobquote .tabhead {    
 text-align: left;    
 font-size: 14px;
 /*font-weight: bolder;*/ 
}
   
#jobquote .tabtxt {     
 text-align: left;     
}     
    
#jobquote notes {     
 font-family: Arial, Helvetica, sans-serif;     
 font-size: 80%;     
 text-align: left;     
 padding-left: 20px;     
}

#jobquote img {         
 background: #fff;   
} 

/*--------------------------------------offer page frame formatting-----------------------------*/
      
#content-offer {   
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 528px;   
} 

.off_hoverbox
{
	cursor: default;
	list-style: none;
}

.off_hoverbox a
{
	cursor: default;
}

.off_hoverbox a .preview
{
	display: none;
}

.off_hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 25px;
	left: -450px;
	z-index: 1;
}

.off_hoverbox img
{
  margin-top: -15px;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 25px;
	height: 35px;
}

.off_hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.off_hoverbox .preview
{
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 2px;
	width: 252px;
	height: 352px;
}
   
#content-offer p {    
 padding-bottom: 18px;    
}    
 

#content-offer .head {    
 margin-left: -400px;   
 padding: 10px 0 0px 204px;       
 font-size: 1.25em;    
 text-transform: uppercase;    
 color: Red;    
} 

#content-offer button{
clear:both;
width:20px;
height:30px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:9px;
font-weight:bold;
}

#content-offer myform{
width:500px;
padding:14px;
}

#content-offer forms{
width:500px;
padding:14px;
}

#content-offer .head1 img {
 float: left;
 margin-left: -350px; 
 padding: 0px;       
 background: #fff;  
 height: 250px;
 width: 150px; 
 vertical-align: top; 
}

#content-offer h1 {
font-size:14px;
font-weight:bold;
}
#content-offer p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
width:500px;
}  
    
#content-offer table { 
 margin-left: -200px;        
 border-collapse: collapse;     
 font-family: Arial, Helvetica, sans-serif;    
}     

#content-offer th {        
 color:#FFFFFF;
 font-size:14px;
 font-weight:bold; 
 background:#666666;
 height: 2em;          
 padding: 5px;     
 text-align: left;   
}  

#content-offer tr {
 border: 0.5px solid #CCCCCC;  
}

#content-offer tr:hover td {
 border: 0.5px solid #f1f1f1;  
 background:#f1f1f1;
}

#content-offer tr {
 border: 0.5px solid #CCCCCC;  
}

#content-offer tr:hover td {
 border: 0.5px solid #f1f1f1; 
 background:#f1f1f1; 
}
 
#content-offer td {        
 height: 2em;          
 padding: 5px;     
 vertical-align: center;     
} 

#content-offer input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:100px;
}

/*-----------------------------------pricing table formatting-----------------------------------------*/

#pricelist {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 528px;    
}

#pricelist table {        
 border-collapse: collapse;     
 font-family: Arial, Helvetica, sans-serif;     
}     
    
#pricelist th {         
 font-size: 70%;     
 text-transform: uppercase;
 vertical-align: bottom;     
}     
    
#pricelist td {  
 border: 1px solid #3399CC;       
 height: 2em;     
 width: 8em;     
 padding: 3px;     
 vertical-align: bottom;     
}     
 
#pricelist caption {     
 font-size: 300%;          
}     
 
#pricelist .tabhead {     
 text-align: center;    
 font-weight: bolder; 
}
   
#pricelist .tabtxt {     
 text-align: center;     
}     
    
#pricelist notes {     
 font-family: Arial, Helvetica, sans-serif;     
 font-size: 80%;     
 text-align: center;     
 padding-left: 20px;     
}

#pricelist img {         
 background: #fff; 
 float: left; 
 margin-left: -204px;  
}  

/*-----------------------------------paint table formatting-----------------------------------------*/
#paint {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 528px;    
}

#paint table {     
 border: 1px solid #999;     
 border-collapse: collapse;     
 font-family: Arial, Helvetica, sans-serif;     
}     
    
#paint th {     
 border: 1px solid #999;     
 font-size: 70%;     
 text-transform: uppercase;     
}     
    
#paint td {     
 border: 1px solid #999;     
 height: 5em;     
 width: 5em;     
 padding: 5px;     
 vertical-align: top;     
}      
    
#paint caption {     
 font-size: 300%;          
}     
    
#paint .day {     
 text-align: center;     
}     

#paint .night {     
 text-align: center; 
 color:#fff;    
}
   
#paint .notes {     
 font-family: Arial, Helvetica, sans-serif;     
 font-size: 80%;     
 text-align: center;     
 padding-left: 20px;     
}     

/*--------------------------------side menu setup-------------------------------------*/

#navigation { 
 width: 150px; 
} 
#navigation ul { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
} 
#navigation li { 
 border-bottom: 1px solid #333; 
} 
#navigation li a:link, #navigation li a:visited  { 
 display: block; 
 padding: 0.4em 0 0.4em 0.5em; 
 border-left: 12px solid #006699; 
 background-color: #ffffff;  
 color: #000000; 
 text-decoration: none; 
}

#navigation li a:hover { 
 background-color: #711515; 
 color: #FFFFFF; 
}
/*-------------------------------------------galbutton--------------------*/

pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
font: 12px/18px "Lucida Grande", Verdana, sans-serif; 
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.clear {    
 clear: both;    
}

/*--------------------------------------home page frame formatting-----------------------------*/
      
#content-home {    
 float: right;    
 margin: 12px 24px 60px 24px;    
 width: 528px;    
}    
#content-home p {    
 padding-bottom: 18px;    
} 

#content-home .menu { 
  clear:both;
	float: right; 
  width: 650px; 
  Margin: 5px;
  font-weight:normal;
  /*background: #a9a9a9;*/
  background: #fff;
  color:#000; 
  text-align: left; 
  font: verdana, arial, sans-serif;
  margin-left: -204px;    
  padding: 5px 0 5px 10px; 
  font-size: 1.25em;          
}

#content-home .menu img {
 padding: 5px; 
 Margin: 3px;     
 background: #ccc;
 height: 120px;
 width: 120px;  
 border: 5px solid #666;
} 

#content-home .submenu { 
  clear:both;
  text-transform: uppercase;
	float: right; 
  width: 650px; 
  Margin: 1px;
  font-weight:normal;
  background: #fff; 
  color:#000; 
  text-align: left; 
  font: verdana, arial, sans-serif;
  margin-left: -204px;    
  padding: 2px 0 2px 10px; 
  font-size: 1.25em;   
}

#content-home .submenu img {
 padding: 5px; 
 Margin: 3px;     
 background: #ccc;
 height: 120px;
 width: 120px;  
 border: 5px solid #666;
} 
#content-home .menu p { 
  clear:both;
  background: #fff; 
  padding: 1px 20px;  
}
   
#content-home img {
 padding: 10px;       
 background: #b7ddf2;  
 height: 100px;
 width: 100px;  
} 

#content-home .head {    
 margin-left: -204px;  
 padding: 10px 0 0px 204px;      
 background: url(h2_ornament.gif) 3px 0 no-repeat;    
 font-size: 1.25em;    
 text-transform: uppercase;    
 color: #999;    
} 

#stylized-home myform{
width:500px;
padding:14px;
}

#stylized-home forms{
width:500px;
padding:14px;
}

#stylized-home .head1 img {
 float: left;
 margin-left: -204px; 
 padding: 0px;       
 background: #fff;  
 height: 250px;
 width: 150px; 
 vertical-align: top; 
}

#stylized-home{
background:#ebf4fb;
}
#stylized-home h1 {
font-size:14px;
font-weight:bold;
}
#stylized-home p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
width:500px;
}