/* CSS style sheet and page design copyrighted &copy by Balmain DESIGN. www.balmainpdesign.com  */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* Removes dotted broder on links in Firefox */
a{outline:none;}

html {
	min-height: 101%;}


/* layout.css */

body{
text-align: center;
background-color: #222324;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.0em; 
line-height: 1.2em;
background-repeat: repeat-x;
background-image: url(images/bg.gif); }

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

#mainnav {
width:760px;
position:absolute;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
top:5px;
font-weight:normal;
margin-top:70px;}

#mainnav li{
float: right;
list-style-type:none;
padding-right:15px;
font-size: .825em; }

#mainnav li a{
color: #2a4a57;
text-decoration: none;
position: relative;  /* *** IE correction to show top border at hover *** */}

#mainnav li a:hover{
border-top: 3px #8797b7 solid;
color: #8797b7;}

#home #mainnav-home{
font-weight:bold}

#products #mainnav-products{
font-weight:bold}

#services #mainnav-services{
font-weight:bold}

#contact #mainnav-contact{
font-weight:bold}

li {}



#content {
width:800px;}

#intro {
padding-top:80px;
padding-right:10px;
float:left;
width:180px;
 }

h1 {
margin-top:21px;
width:420px;
background-image: url(images/logo.gif);
background-repeat: no-repeat;
z-index:3;
text-indent:-9999px; }

h1 a{
display:block;
height:170px;
background-image: url(images/logo.gif);
background-repeat: no-repeat; }

h2{
padding-bottom:20px;
color: #808080;
font-size: .8em;
letter-spacing: .1em; 
line-height: 1.2em;
width:180px; }

h3{
width:180px;
color: #4c4c4c;
font-size: .8em;
line-height: 1.15em;
padding-bottom:5px;}

#plasmaphoto {
background-repeat: no-repeat;
height:580px; 
width:600px;
float:right;
background-image: url(images/plasma.jpg); }

#servicesphoto {
background-repeat: no-repeat;
height:580px; 
width:600px;
float:right;
background-image: url(images/services.jpg); }

#contactphoto {
background-repeat: no-repeat;
height:580px; 
width:600px;
float:right;
background-image: url(images/contact.jpg); }


.leftgraphic{
float:left;
padding-right:15px;
padding-bottom:5px;}

.rightgraphic{
float:right;
padding-left:15px;}

.clearfloats{
clear:both}

#midbox {width:800px;
padding-bottom:20px;
margin-bottom:20px;
background-image: url(images/stripefade.gif);
background-repeat: repeat-x;
border: 1px solid;
color: #333333; }

#productsbox, #contactbox {width:800px;
padding-bottom:20px;
margin-bottom:20px;
color: #333333; }

#productsintro{
margin-bottom:30px}

#midbox p, #productsbox p, #contactbox p{
color: #cccccc;
font-size: .8em;
padding:0 0 10px 0;
}



.midbox_link{
color: #cccccc;
font-size: .9em; }

.midbox_link a:link{
color: #8797b7}

.midbox_link a:hover{
text-decoration: none; }

.midbox_link a:visited{
color: #8797b7}

.announcebox{
border: 1px #4c4c4c solid;
width:600px;
margin-left:100px;
margin-bottom:10px;
padding:10px 5px 0 10px; }

.announcebox p{
font-style: italic; }

.hours{
padding-top:30px}

#column1 {
float:left;
width:225px;
padding-right:20px;
padding-left:20px;
}

#column2 {
float:left;
width:225px;
padding-right:20px;
padding-left:20px;
 }

#column3 {
float:left;
width:225px;
padding-left:20px;}

.centercolumn{
width:380px;
float:left;}

h4 {
color: #959ba8;
font-size: .8em;
padding:10px 0px 20px 0px;
font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
height:40px;
font-weight: bold;
}

h5 {
color: #cccccc;
font-size: .8em;
padding:0 0 10px 0}

h6{
color: #959ba8;
font-size: .9em;
font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
font-weight: 100;
padding-bottom:10px}

#chainlist{
font-size: 1.0em;
color: #e6e6e6;
margin:10px 0 10px 220px;
}

#chainlist li{
list-style-type: square; }

#footer {
height:80px;
text-align:center;
background-repeat: repeat-x;
background-image: url(images/footer.gif); }

#footerlogo{
background-repeat: no-repeat; 
height:80px;
width:178px;
float:left;
background-image: url(images/footerlogo.gif); }

#footer p {
color: #b3b3b3;
font-size: .7em;
padding-top:15px;
}

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

#footer a:visited{
color: #4c4c4c;
text-decoration: none; }

#footer a:hover{
text-decoration: underline;
color: #b3b3b3; }

p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
line-height: 1.45em; }

a[href^="mailto:"] {
  background: url(images/email.png) no-repeat right top;
  padding-right: 15px;
color: #8797b7; }

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}