/* CSS Document */

/* Set all margins and padding to zero */
* {margin: 0; padding: 0}

div.clearfloats { clear: both; }

body
{
text-align: center;
background: #040f3b;
font-family: garamond, serif;
}

#container 
{ 
width: 834px;
height: 584px;
margin: 10px auto 5px auto;
border: 16px solid #e60004;
background: url(images/background1.jpg);
}

img#banner
{
float: left;
}

ul#nav
{
float: left;
display: inline;
background: #e60004;
width: 754px;
line-height: 32px;
margin: 0px;
padding: 0px;
padding-left: 80px;
list-style: none;
}

ul#nav li 
{
float: left;
display: inline;
margin: 0px 40px;
}

ul#nav li a
{
text-decoration: none;
color: #ffffff; /* white */
display: inline;
text-align: center;
line-height: 32px;
font-size: 1em;
font-weight: bold;
font-style: italic;
}

ul#nav li a:hover
{
  color: #ffdd00; /* yellow text on red */
}

ul#nav li a.selected
{
  color: #ffdd00; /* yellow text on red */
}

h1
{
  color: #e60004; /* red */
  padding: 150px 0px 30px 0px;
  font-style: italic;
}

h1
{
  *padding: 20px 0px 30px 0px;
}

/*html div#container div#content h1*/
h1
{
  _padding: 0px 0px;
}

h2
{
  color: #091955; /* blue */
  font-size: 1.8em;
  padding: 40px 490px 20px 40px;
  line-height: 40px;
}

p.home
{
  color: #091955; /* blue */
  padding: 58px 480px 30px 70px;
  font-size: .7em;
  text-align: left;
  font-family: arial, sans-serif;
}

p.home span
{
  font-family: garamond, serif;
  font-size: 1.2em;
}



h1.services
{
padding: 10px 20px 0px 0px;
text-align: right;
}
h2.services
{
font-size: 1.3em;
text-align: right;
padding: 10px 20px 0px 300px;
line-height: 25px;
font-style: italic;
}
p.services
{
color: #091955; /* blue */
text-align: right;
padding: 5px 20px 0px 350px;
font-family: garamond, serif;
line-height: 25px;
font-weight: normal;
font-size: 1em;
}
p.wide
{
padding: 10px 20px 0px 330px;
line-height: 25px;
font-family: garamond, serif;
font-size: 1em;
}
p.products
{
line-height: 23px;
text-align: left;
padding-left: 620px;
}
p.services span
{
font-family: garamond, serif;
font-style: italic;
font-weight: bold;
font-size: 1em;
}
p.services span.design
{
font-size: 1.05em;
font-weight: bold;
}
p.links
{
font-size: .9em;
text-align: right;
padding: 170px 20px 0px 20px;
color: #091955; /* blue */
}
p.links
{
  *padding: 20px 20px 0px 20px;
}
p.links
{
  _padding: 10px 20px 0px 20px;
}
p.links span
{
font-size: 2.0em;
font-weight: bold;
color: #e60004; /* red */
}
h1.contact
{
  padding: 175px 0px 0px 0px;
}
h1.contact
{
  *padding: 10px 0px 0px 0px;
}

h1.contact
{
  _padding: 10px 0px 0px 0px;
}
p.contact
{
color: #091955; /* blue */
text-align: center;
padding: 10px 0px;
}

#map
{
  float: left;
  margin: 10px 24px 10px 10px;
  border: 10px solid #091955; /* blue */
}

img#storefront
{
  float: left;
  margin: 10px 10px 10px 24px;
  border: 10px solid #e60004;
}

p a
{
  color: #e60004; /* red */
  text-decoration: none;
}
p a:hover
{
  color: #e60004; /* red */
}
p.links a:hover
{
  color: #091955; /* blue */
}

div.row
{
  padding: 5px 0px;
  color: #091955; /* blue */
}

div.leftcol
{
  float: left;
  width: 370px;
  text-align: right;
  padding-right: 10px;
}

div.rightcol
{
  text-align: left;
}


div#footer p
{
color: #ffffff;
font-size: .8em;
margin: 0px;
padding: 0px;
}