@charset "utf-8";
/* CSS Document */

* 
{
    padding: 0;
    margin: 0;
}

body 
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background-image: url(images/overall_background.jpg);
	line-height: 1.5em;
}

h1 
{
    font-size: 16px;
    margin: 1em 1em 1em 0;
}

h5
{
    font-size: 13px;
	margin: 1em 1em 1em 0;
}

h2
{
    margin: 10px 0;
    font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}

h3
{
    font-size: 13px;
}

p
{
    margin: 1em 0;
}

p.tiles
{
    padding: 3em 0 0 0;
    clear: both;
}

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

a:hover
{
    color: #003;
}

img
{
    display: block;   
}

 
#Everything
{
    margin: 0 auto;
	background-color: #FFF;
	width: 950px;
	height: 650px;
	border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#toprow {
	height: 38px;
}

#searchbox
{
    margin: -5px 0 0 620px;
}

#masthead {
    width: 950px;
    height: 120px;
    border-top: 1px #CCC solid;
    border-bottom: 1px #CCC solid;
    background-image: url(images/SampsonDock.jpg);
    background-repeat: no-repeat;	
}

#rightend
{
    margin-left: 650px;
}

#company-name {
	font-size: 14px;
	padding: 13px 0 0 50px;
	font-weight: 500;
	letter-spacing: 0.25em;
	float: left;
}

#navbar  
{
	width: 950px;
	height: 16px; 
	background-image: url(images/topbarbackground.jpg);
	border-bottom: #CCC solid 1px;
}


#navbar ul 
{
	list-style-type: none;
}
#navbar ul li 
{
	display: inline;  
	margin: 0 0 0 25px;
}  
#navbar a:link, #navbar a:visited {
    color: #FFF;
	font-size: 12px;
	text-decoration: none;
}
#navbar a:hover {
    color: #93b7e7;
}


#navcolumn 
{
    padding-top: 15px;
    padding: 10px;
    clear: both;
    float: left;
    width: 120px;
    height: 425px;
	font-size: 10px;	
	overflow: auto;
	line-height: 1.2em;
}
#navcolumn p
{
    line-height: 1.2em; 
}
#navcolumn ul 
{
    line-height: 1.4em;
	padding: 0.5em 0 2em 0.5em;
}
#navcolumn ul li 
{
	list-style-type: none;
}
#navcolumn a:hover, #thecontent a:hover  
{
    background-color: #633;
	color: #FFF;
}


#thecontent
{
   overflow: auto;
   height: 450px;
   padding: 0 2em;
}

#intro 
{
    padding-top: 15px;
    width: 200px;
	height: 380px;
    float: left;
}

.slogan
{
    margin-top: 20px;
    font-size: 9px;
}

.slogan img
{
    float: left;
}


#product
{
width: 370px;
height: 370px;
float: left;
font-size: 11.5px;
}

#product ul
{
margin: 1em 0 0 2em;
}

#squares
{
width: 500px;
height: 340px;
margin: 10px 0 0 240px;
}

.square
{
margin: 17px;
float: left;
border: 1px solid #CCC;
}


#copyright
{
position: absolute;
left: 482px;
top: 635px;
font-size: 9px;
}