/* Latitude28 Style Sheets
----------------------------------------------- */

* {
margin: 0;
padding: 0;
}

body {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: small;
}

#wrapper-shadow {
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 930px;
background: url(../images/drop-shadow-bg.jpg) no-repeat 0 bottom;
padding: /* Top */ 0 /* Right */ 0 /* Bottom */ 55px /* Left */ 0;
}

#wrapper {
text-align: left;
width: 900px;
margin: /* Top */ 0 /* Right */ 15px /* Bottom */ 0 /* Left */ 15px;
}

h1, h2, h3, p, ul, li {
text-decoration: none;
}

img {
border: 0;
}

/* Body Classes
----------------------------------------------- */

body.home, body.design, body.print, body.signage, body.web, body.field, body.contact {
background: #FFF;
}

/* Logo and Header
----------------------------------------------- */

#header {
float: left;
width: 900px;
border-bottom: 3px #B5121B solid;
}	
	
#logo ul {
width: 210px;
height: 135px;
background: url(../images/logo.gif) no-repeat 0 0;
list-style: none;
margin-top: 0;
padding: 0;
float: left;
}

#logo li {
display: inline;
}

#logo li a:link, #logo li a:visited {
border: none;
width: 210px;
height: 135px;
display: block;
top: 0;
text-indent: -1999px;
outline: none;
float: left;
}

/* Navigation
----------------------------------------------- */

#navi ul {
width: 680px;
height: 40px;
background: url(../images/buttons.gif) no-repeat 0 0;
list-style: none;
margin-top: 95px;
padding: 0;
float: right;
}

#navi li {
display: inline;
}

#navi li a:link, #navi li a:visited {
border: none;
height: 40px;
display: block;
top: 0;
text-indent: -1999px;
outline: none;
float: left;
}

#navi li.home a:link, #navi li.home a:visited {
width: 63px;
background: url(../images/buttons.gif) no-repeat 0 0;
}

#navi li.homeselected a:link, #navi li.homeselected a:visited {
width: 63px;
background: url(../images/buttons.gif) no-repeat 0 -40px;
}

#navi li.home a:hover, #navi li.homeselected a:hover {
background: url(../images/buttons.gif) no-repeat 0 -80px;
}

#navi li.design a:link, #navi li.design a:visited {
width: 69px;
background: url(../images/buttons.gif) no-repeat -63px 0;
}

#navi li.designselected a:link, #navi li.designselected a:visited {
width: 69px;
background: url(../images/buttons.gif) no-repeat -63px -40px;
}

#navi li.design a:hover, #navi li.designselected a:hover {
background: url(../images/buttons.gif) no-repeat -63px -80px;
}

#navi li.print a:link, #navi li.print a:visited {
width: 59px;
background: url(../images/buttons.gif) no-repeat -132px 0;
}

#navi li.printselected a:link, #navi li.printselected a:visited {
width: 59px;
background: url(../images/buttons.gif) no-repeat -132px -40px;
}

#navi li.print a:hover, #navi li.printselected a:hover {
background: url(../images/buttons.gif) no-repeat -132px -80px;
}

#navi li.signage a:link, #navi li.signage a:visited {
width: 77px;
background: url(../images/buttons.gif) no-repeat -191px 0;
}

#navi li.signageselected a:link, #navi li.signageselected a:visited {
width: 77px;
background: url(../images/buttons.gif) no-repeat -191px -40px;
}

#navi li.signage a:hover, #navi li.signageselected a:hover {
background: url(../images/buttons.gif) no-repeat -191px -80px;
}

#navi li.web a:link, #navi li.web a:visited {
width: 58px;
background: url(../images/buttons.gif) no-repeat -268px 0;
}

#navi li.webselected a:link, #navi li.webselected a:visited {
width: 58px;
background: url(../images/buttons.gif) no-repeat -268px -40px;
}

#navi li.web a:hover, #navi li.webselected a:hover {
background: url(../images/buttons.gif) no-repeat -268px -80px;
}

#navi li.field a:link, #navi li.field a:visited {
width: 60px;
background: url(../images/buttons.gif) no-repeat -326px 0;
}

#navi li.fieldselected a:link, #navi li.fieldselected a:visited {
width: 60px;
background: url(../images/buttons.gif) no-repeat -326px -40px;
}

#navi li.field a:hover, #navi li.fieldselected a:hover {
background: url(../images/buttons.gif) no-repeat -326px -80px;
}

#navi li.contact a:link, #navi li.contact a:visited {
width: 73px;
background: url(../images/buttons.gif) no-repeat -386px 0;
}

#navi li.contactselected a:link, #navi li.contactselected a:visited {
width: 73px;
background: url(../images/buttons.gif) no-repeat -386px -40px;
}

#navi li.contact a:hover, #navi li.contactselected a:hover {
background: url(../images/buttons.gif) no-repeat -386px -80px;
}

#navi li.offers a:link, #navi li.offers a:visited {
width: 71px;
background: url(../images/buttons.gif) no-repeat -459px 0;
}

#navi li.offersselected a:link, #navi li.offersselected a:visited {
width: 71px;
background: url(../images/buttons.gif) no-repeat -459px -40px;
}

#navi li.offers a:hover, #navi li.offersselected a:hover {
background: url(../images/buttons.gif) no-repeat -459px -80px;
}

/* Main Page Image
----------------------------------------------- */

#main-picture-home {
float: left;
width: 900px;
height: 105px;
background-image: url(../images/home.jpg);
margin-top: 10px;
}

#main-picture-design {
float: left;
width: 900px;
height: 105px;
background-image: url(../images/design.jpg);
margin-top: 10px;
}

#main-picture-print {
float: left;
width: 900px;
height: 105px;
background-image: url(../images/print.jpg);
margin-top: 10px;
}

#main-picture-signage {
float: left;
width: 900px;
height: 105px;
background-image: url(../images/signage.jpg);
margin-top: 10px;
}

#main-picture-web {
float: left;
width: 900px;
height: 105px;
background-image: url(../images/web.jpg);
margin-top: 10px;
}

#main-picture-field {
float: left;
width: 900px;
height: 105px;
background-image: url(../images/field.jpg);
margin-top: 10px;
}

#main-picture-contact {
float: left;
width: 900px;
height: 105px;
background-image: url(../images/contact.jpg);
margin-top: 10px;
}

#main-picture-offers {
float: left;
width: 900px;
height: 105px;
background-image: url(../images/offers.jpg);
margin-top: 10px;
}

#main-picture-home span, #main-picture-design span, #main-picture-print span, #main-picture-signage span, #main-picture-web span, #main-picture-field span, #main-picture-contact span, #main-picture-offers span {
position: absolute;
left: -2999em;
}

/* Main Content
----------------------------------------------- */

#main-content {
float: left;
width: 900px;
background: url(../images/text-bg.jpg) no-repeat 185px bottom;
padding-bottom: 12px;
font-size: .9em;
line-height: 1.3em;
color: #666;
}

h1 {
display: block;
font-size: 1.1em;
font-weight: bold;
color: #B5121B;
margin: /* Top */ 20px /* Right */ 15px /* Bottom */ 10px /* Left */ 210px;
}

h2 {
display: block;
font-size: 1.1em;
font-weight: bold;
color: #999;
margin: /* Top */ 0 /* Right */ 15px /* Bottom */ 10px /* Left */ 210px;
}

#main-content #content-left {
float: left;
width: 555px;
}

#main-content #content-right {
float: left;
width: 345px;
}

#main-content #content-left p {
margin: /* Top */ 0 /* Right */ 15px /* Bottom */ 12px /* Left */ 210px;
}

#main-content #content-right p {
margin: /* Top */ 0 /* Right */ 15px /* Bottom */ 12px /* Left */ 0;
}

#main-content p strong {
font-weight: bold;
color: #B5121B;
}

#main-content a:link, #main-content a:visited {
font-weight: bold;
color: #999;
text-decoration: none;
}

#extra-information-link a.products:link, #extra-information-link a.products:visited {
font-weight: bold;
color: #B5121B;
text-decoration: none;
}

#main-content a:hover, #extra-information-link a.products:hover {
color: #B5121B;
text-decoration: underline;
}

#main-content ul {
list-style: disc url(../images/bullet.gif) outside;
margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 12px /* Left */ 0;
padding-left: 12px;
}

#main-content #content-left ul {
margin-left: 215px;
}

#main-content #content-right ul {
margin-left: 5px;
margin-right: 15px;
}

#main-content img.middle {
	vertical-align:middle;
}

#main-content li {
margin-bottom: 0;
}

#extra-information-link {
float: left;
clear: both;
width: 900px;
padding-top: 5px;
margin-top: 0;
background: url(../images/top-line.gif) no-repeat top right;
}

#extra-information {
float: left;
width: 900px;
}

#extra-information-link p, #extra-information p {
margin: /* Top */ 0 /* Right */ 15px /* Bottom */ 15px /* Left */ 210px;
}

/* Gallery
----------------------------------------------- */

#main-content #gallery {
background: url(../images/top-line.gif) no-repeat top right;
margin-left: 210px;
padding-top: 15px;
width: 690px;
clear: both;
}

#main-content #gallery ul {
list-style: none;
padding: 0;
}

#main-content #gallery ul li {
display: inline;
margin: /* Top */ 0 /* Right */ 15px /* Bottom */ 0 /* Left */ 0;
padding: 0;
width: 212px;
}

#main-content #gallery ul img {
border: 1px solid #999999;
padding: 5px;
}

#main-content #gallery ul a:hover img {
border: 1px solid #B5121B;
color: #fff;
}

#main-content #gallery ul a:link, #main-content #gallery ul a:visited {
color: #999999;
}

#main-content #gallery ul a:hover {
color: #B5121B;
}

/* Footer
----------------------------------------------- */

#footer {
clear: both;
width: 900px;
font-size: .8em;
padding-top: 14px;
}

#footer p {
padding-top: 10px;
margin: /* Top */ 0 /* Right */ 15px /* Bottom */ 0 /* Left */ 210px;
font-weight: normal;
color: #999;
}

#footer p strong {
font-weight: bold;
color: #B5121B;
}

#footer a:link, #footer a:visited {
color: #B5121B;
text-decoration: none;
}

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

