/* CSS Document */
html, body {
height: 100%;
margin: 10px 0px 0px 0px;
SCROLLBAR-FACE-COLOR: #929093; SCROLLBAR-HIGHLIGHT-COLOR: #929093; SCROLLBAR-SHADOW-COLOR: #929093; SCROLLBAR-3DLIGHT-COLOR: #929093; SCROLLBAR-ARROW-COLOR: #eac98c; SCROLLBAR-TRACK-COLOR: #aaaaaa; SCROLLBAR-DARKSHADOW-COLOR: #929093;
}

ul {
padding: 0;
margin: 0;
} 

p {
  margin:0px;
  padding-top:0px;
  padding-bottom:0px;
}



body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#wrapper {
height: 100%;
width: 750px;
margin: 0 auto;
padding: 0;
text-align: left;
background:  url("background.gif") center repeat-y;
}
 
#header {
float:left;
margin: 0;
width:748px;
height: 198px;
border: #200D81 1px solid;
background:    url("Images/Header_logo.jpg") no-repeat ;
}

#main{
float:left;
margin: 0;
width:748px;
height: 408px;
border-left: #200D81 1px solid;
border-right: #200D81 1px solid;
border-bottom: #200D81 1px solid;
background-color:#D9DAEC;
}

#mainbox{
margin:10px 25px 0px 25px;
width:70px;
height: 80px;
background-color:#D9DAEC;
}

#pagelink {
float:left;
margin: 0px;
padding:0px;
width:8px;
height: 360px;
}

#col1 {
float:left;
width:440px;
height: 456px;
border-left: #200D81 1px solid;
border-bottom: #200D81 1px solid;
border-right: #200D81 1px solid;
}

#welcome{
margin: 0;
padding:0;
width: 440px;
height: 30px;
border-bottom: #200D81 1px solid;
background: #6A6AB0 url("Images/Welcome.jpg") no-repeat;
}


#glasstransfers {
margin: 0px ;
padding: 5px 5px 5px 5px;
width:430px;
height: 205px;
background:   #B4B4D8  url("Images/mainimg.jpg") no-repeat ;
}

#plateImage{
float:left;
margin: 5px 10px 10px 5px;
width:150px;
height:150px;
background:       url("Images/GlassTransferImage.jpg") no-repeat ;
}




#contactlogo{
margin: 0px;
padding:0;
height: 30px;
border-top: #200D81 1px solid;
border-bottom: #200D81 1px solid;
background: #8E8FC8 url("Images/Contact.jpg") no-repeat;
width: 440px;
}

#contact, #contactResponse{
margin: 0px;
padding: 3px 5px 5px 50px;
height:170px;
background-color: #D9DAEC;
width:385px;
}







.butts, .box, .subject, .email{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333333;
	font-weight: bold;
	border: 1px solid #000000;
	
}

.butts {
width: 154px;
background-color: #EEEEEE;
}

.subject, .email {
width: 150px;
background-color: #ffffff;
}

.box {
width:320px;
background-color:#FFFFFF;
}






#col2 {
float:left;
width:307px;
height: 456px;
border-bottom: #200D81 1px solid;
border-right: #200D81 1px solid;
}

#artworkformats{
margin: 0;
padding:0;
width: 307px;
height: 30px;
background: #9090C4  url("Images/Artwork_Formats.jpg") no-repeat;
}

#navigation{
margin: 0px;
padding: 5px 5px 5px 5px;
width: 297px;
height: 314px;
background:   #D9DAEC    url("Images/mainimg.jpg") no-repeat ;
}

#swatches{
margin: 0;
padding: 0px;
height: 28px;
border-bottom: #200D81 1px solid;
border-top: #200D81 1px solid;
background:   #6A6BAE    url("Images/swatches.jpg") no-repeat ;
width: 307px;
}




#swatchestext{
margin: 0px;
padding: 5px 5px 0px 5px;
height: 67px;
background:   #D9DAEC;
width: 297px;
}


button {
width: 280px;
}

.formstyle{
margin-top: 10px;
width: 650px;
text-align:center;
}


#footer h1, #contactResponse h1{
text-align:center;
}



h1 {
margin:0px;
padding:3px 3px 3px 3px;
font-family:Verdana;
color:#000000;
font-size:.9em;
text-decoration:none;
font-weight:bold;
}

#footerBox {
float:left;
margin:0px;
padding:0px;
width:740px;
}

#footer{
float:left;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 270px;
width:180px;
}


a:link
{
color: #000000;
text-decoration: none;
}

a:visited
{
color: #000000;
text-decoration: none;
}

a:hover
{
color: #000000;
text-decoration: underline;
font-style:italic;
}

a:active
{
color: #000000;
text-decoration: none;
}