/*******************************************************************
 styles_variable.css
  
 This CSS file contains all color definitions like 
 background-color, font-color, border-color etc.

 

*******************************************************************/

/***
 ***  Core
 ***/

a:link, a:visited {
	color:#aa0000;
}
a:hover {
	color:#666666;
}
h2{ font-size:15px; font-family:Calibri, Arial, Verdana, sans-serif; font-style:normal; color:#333333; font-weight:normal; letter-spacing:-0.8px; line-height:1em; text-shadow:1px 1px 2px #DDDDDD; }
.italicheader{ font-size:15px; font-family:Calibri, Arial, Verdana, sans-serif; font-style:italic; color:#ef4136; font-weight:normal; letter-spacing:-0.8px; line-height:1em; text-shadow:1px 1px 2px #DDDDDD; }
.pageheader{ font-size:18px; font-family:Calibri, Arial, Verdana, sans-serif; font-style:normal; color:#777; font-weight:normal; letter-spacing:-0.8px; line-height:1em; text-shadow:1px 1px 2px #DDDDDD; }
body {
	background: #ffffff url('images/swoosh.png') no-repeat right top;;
	border-color:#ffffff;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
}
.surround {
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	border-top: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
}
div.headermenu {
	color:#ffffff;
}
.headermenu a:link {
	color: #ffffff;
}
.headermenu a:visited {
	color: #ffffff;
}
.headermenu a:hover {
	color: #7db3e1;
}
#logo {
	background: url('images/logos/hampco.png') no-repeat left top;
	height: 100px;
}
#consulting {
	background: url('data/images/960/1.jpg') no-repeat left top;
	width:960px;
	height:270px;
}
#philosophies {
	background: url('data/images/960/7.jpg') no-repeat left top;
	width:960px;
	height:270px;
}
#equipment {
	background: url('data/images/960/2.jpg') no-repeat left top;
	width:960px;
	height:270px;
}
#extension {
	background: url('data/images/960/3.jpg') no-repeat left top;
	width:960px;
	height:270px;
}
#integrity {
	background: url('data/images/960/4.jpg') no-repeat left top;
	width:960px;
	height:270px;
}
#personnel {
	background: url('data/images/960/5.jpg') no-repeat left top;
	width:960px;
	height:270px;
}
#servicing {
	background: url('data/images/960/6.jpg') no-repeat left top;
	width:960px;
	height:270px;
}
#downloads {
	background: url('data/images/960/9.jpg') no-repeat left top;
	width:960px;
	height:270px;
}

#contacts {
	background: url('data/images/960/8.jpg') no-repeat left top;
	width:960px;
	height:270px;
}
#wrapper {
	background-color: #fff;
	width: 960px;
}
#menu {
	width: 960px;
	height:32px;
	margin-bottom:20px;
	background-color:transparent;
/*	border-bottom: 1px dashed #CCCCCC;
    border-top: 1px dashed #CCCCCC;*/
}
#masthead {
	background-color: #ff0000;
	width: 960px;
}
#image {
	background-color:transparent;
	width: 960px;
}
#image33 {
	background-color: #333333;
	width: 960px;
}
#image2 {
	height:20px;
}
#image3 {
	height:30px;
	background-color:#333333;
	color:#ffffff;
}
#heading {
	padding:7px;
}
#text {
	font-size:14px;
/*	padding: 20px;*/
	font-weight:normal;
}
#flashcontent {
	width: 360px;
	height: 420px;
}
#navigation {
	background-color: #ffffff;
	width: 55%;
	float:left;
}
#boxout {
	background-color: #99FF00;
	padding: 15px;
	float: right;
	width: 100px;
	margin-left: 20px;
	top: auto;
}
#boxout img {
	border: 3px solid #333333;
}
#footer {
	background-color: transparent;
	width: 960px;
	clear: both;
}
#line {
	background-color: #ccc;
	width: 960px;
	height:2px;
}
#navigation, #content {
	float: left;
}



html, body, div, ul {
	margin: 0;
	padding: 0;
}

#content {
	width: 35%;
	float:right;
	padding: 30px;
	border: solid 1px #cbcbcb;
	background: #fafafa;
	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;
}

h1 {
	margin: 30px 0 15px 0;
	font-size: 30px;
	font-weight: bold;
	font-family: Arial;
}

h1 span {
	font-size: 50%;
	letter-spacing: -0.05em;
}

hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #E5E5E5;
	margin-bottom: 20px;
	padding: 0;
}

p {
	margin: 0;
	padding: 7px 0;
}

a {
	outline: none;
}

a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

a img.last {
	margin-right: 0;	
}

ul {
	margin-bottom: 24px;
	padding-left: 30px;
}