/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: "Times New Roman", Times, serif;
 font-size: 16px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
a {
 text-decoration: none;
 color: #005CAD;
}
.videolink {
 float: right;
 margin-top: 1.5em;
 margin-right: 1.5em;
}
.floatleft {
 float: left;
}
#header {
 width: 900px;
 color: #ffffff;
 padding: 10px;
 border: 1px solid #ccc;
 height: 120px;
 margin: 10px 0px 0px 0px;
 background: #005cad;
 text-align: center;
}
#manchesterco {
 font-size: 66px;
 letter-spacing: 3px;
 text-transform: uppercase;
 font-weight: 600;
}
#logo {
 display: block;
 width: 230px;
 height: 46px;
 margin-left: auto;
 margin-right: auto;
}
#navigation {
 width: 900px;
 height: 1.2em;
 color: #ffffff;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #cc0000;
}
ul#navlist {
 padding: 0;
 margin: 0;
 list-style-type: none;
 margin-left: 5px;
 margin-right: 5px;
 letter-spacing: 1px;
}
ul#navlist li {
 display: inline;
 float: left;
}
ul#navlist li a {
 text-decoration: none;
 color: #ffffff;
 font-size: 18px;
 font-weight: 700;
 float: left;
 padding: 0 16px;
 border-right: 1px #ffffff solid;
}
ul#navlist li a:hover {
 background-color: #ffffff;
 color: #cc0000;
}
ul#navlist li a#lastmenuitem {
 border: 0px;
}
ul#navlist li#firstmenuitem {
 padding-left: 0px;
}
#content { 
 width: 900px;
 min-height: 350px;
 color: #333;
 border: 1px solid #ccc;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 overflow: auto;
}
#justaskrental {
 color: #cc0000;
}
#storefront {
 margin: 1em 1em 2em 1em;
 display: block;
 float: left;
 width: 45%;
 border: 1px solid black;
}
div#content p {
 font-weight: 700;
 margin-top: 2em;
 margin-right: 1em;
 display: block;
}
div#content ul {
 font-weight: 700;
 margin-top: 1em;
 list-style-type: none;
}
#footer { 
 width: 900px;
 color: #ffffff;
 border: 1px solid #ccc;
 background: #005cad;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
 font-weight: 700;
}
ul#contactinfo {
 float: left;
 padding-top: 5em;
 padding-left: 2em;
 font-size: 20px;
}
img.contactphoto {
 float: left;
 margin: 1em 1em 1em 5em;
 display: block;
}
img.servicephoto {
 width: 28%;
 float: left;
 margin: 2em 1em 1em 1em;
 border: 1px black solid;
}
div#photobar {
 margin-left: 2em;
}
.floatstop {
 clear: both;
}
#services {
 margin-left: 3em;
}
#JARimage {
 float: left;
}
#JARheader {
 margin: .5em 0 0 0;
}
#rentalinfo {
 font-size: 20px;
 text-align: center;
 margin: 0 0 1em 0;
 color: #cc0000;
}
#rentalpic {
 width: 30%;
 float: left;
 margin: 1.5em 0 1em 1.3em;
 border: 1px solid black;
}
.redhead {
 color: #cc0000;
 font-size: 18px;
}
#deptlist {
 float: left;
 margin: 1em 0 0 1em;
}
div#deptpics {
 margin: 1em 2em 1em 0;
}
#deptpic {
 width: 25%;
 float: right;
 border: 1px solid black;
}
p.textonpage {
 margin: 1em;
}
#acctpic {
 float: right;
 margin-top: 1em;
 margin-left: 1em;
}
.emppics {
 width: 30%;
 float: left;
 margin: 1em 0 1em 1.3em;
 border: 1px solid black;
 margin-top: 1em;
 margin-bottom: 1em;
}
.lines {
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}
.centered {
 text-align: center;
 letter-spacing: 2px;
}