/***********/
/* General */
/***********/
body {
 background-color: #d1d1d1;
 margin: 0 0 10px;
 padding: 0;
 font-family: Arial, sans-serif;
 font-size: 80%;
 color: #ffffff;
 text-align: center;
}

div.clear {
 height: 0;
 line-height: 0;
 font-size: 0;
}

.clear {
 clear: both;
}

.left {
 float: left;
 margin: 0 15px 10px 0;
}

.right {
 float: right;
 margin: 0 0 10px 15px;
}

a {
 font-weight: bold;
 text-decoration: underline;
 color: #e1e1e1;
}

a:hover {
 text-decoration: none;
 color: #ffffff;
}

img {
 border: 0;
}

address {
 font-style: normal;
 margin: 0.5em 0 1em;
}

li {
 margin: 10px 0;
}

/*************/
/* Container */
/*************/
div#container {
 width: 980px;
 margin: 0 auto;
 text-align: left;
 background-color: #a12a03;
 border-top: 0;
}

/**********/
/* Header */
/**********/
div#header {
 position: relative;
 height: 140px;
 background-image: url(images/header_background.jpg);
 background-repeat: repeat-x;
 background-position: 0 0;
 border-top: 20px solid #cc3300;
}

div#header img {
 position: absolute;
 border: 0;
}

div#header img#logo {
 top: -20px;
 left: 398px;
}

div#header img#people {
 bottom: 0;
 left: 0;
}

div#header img#logotext {
 top: 12px;
 right: 10px;
}

div#header img#strapline {
 top: 105px;
 right: 10px;
}

/*******/
/* Nav */
/*******/
ul#nav {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 980px;
}

ul#nav li {
 margin: 0;
 padding: 0;
 float: left;
}

ul#nav li a {
 display: block;
 border-left: 1px solid #a12a03;
 line-height: 55px;
 color: #cccccc;
 text-align: center;
 background-image: url(images/nav_background.jpg);
 background-repeat: repeat-x;
 background-position: 0 0;
 text-decoration: none;
 font-weight: normal;
 font-size: 1.4em;
}

ul#nav li a:hover {
 background-position: 0 -55px;
 color: #ffffff;
}

ul#nav li.first a {
 border-left: 0;
}

ul#nav li#navHome a { width: 58px; }
ul#nav li#navWhy a { width: 115px; }
ul#nav li#navToolkit a { width: 157px; }
ul#nav li#navLeads a { width: 121px; }
ul#nav li#navCommunication a { width: 142px; }
ul#nav li#navTenders a { width: 85px; }
ul#nav li#navManager a { width: 215px; }
ul#nav li#navContact a { width: 78px; }

body#pageHome ul#nav li#navHome a
,body#pageWhy ul#nav li#navWhy a
,body#pageLeads ul#nav li#navLeads a
,body#pageCommunication ul#nav li#navCommunication a
,body#pageTenders ul#nav li#navTenders a
,body#pageManager ul#nav li#navManager a
,body#pageContact ul#nav li#navContact a
,body#pageToolkit ul#nav li#navToolkit a {
 background-position: 0 -55px;
 color: #ffffff;
 cursor: default;
}

/***********/
/* Content */
/***********/
div#content {
 clear: both;
 margin: 0 0 10px 25px;
 padding: 20px 0 0;
}

div#content div.col {
 float: left;
 width: 325px;
 margin-left: 30px;
}

div#content div.col.first {
 margin-left: 0;
}

div#content h1 {
 font-size: 1.2em;
 color: #a1a1a1;
}

div#content h2 {
 font-size: 1.1em;
 color: #a1a1a1;
}

div#content h3 {
 font-size: 1.1em;
 margin: 20px 0 1px;
 color: #a1a1a1;
}

div#content ul {
 margin-left: 5px;
 padding-left: 0;
}

div#content li {
 list-style-type: none;
 background-image: url(images/bullet.gif);
 margin-left: 0;
 padding-left: 20px;
 background-position: 5px 6px;
 background-repeat: no-repeat;
}

div#content div#googlemap {
 width: 316px;
 height: 210px;
 border: 1px solid #333333;
}

div#content span.mapinfo {
 font-size: 0.9em;
 color: #000000;
}

/*********/
/* Panel */
/*********/
div#panel {
 width: 215px;
 float: right;
 margin: 0 30px 0 20px;
}

* html div#panel { /* get rid of double-margin bug in IE6 */
 display: inline;
}

div#panel div.header {
 background-image: url(images/box_header_background.jpg);
 background-repeat: repeat-y;
 background-position: 0 0;
 width: 215px;
 height: 36px;
}

div#panel div.body {
 background-image: url(images/boxes/box_background.jpg);
 background-repeat: no-repeat;
 background-position: 0 0;
 width: 215px;
 height: 112px;
 overflow: hidden;
}

div#panel div.header h2#ourexperience {
 margin: 0;
 padding: 0;
 text-indent: -9999px;
 background-image: url(images/our_experience.png);
 background-repeat: no-repeat;
 background-position: 50% 50%;
 width: 215px;
 height: 36px;
}

* html div#panel div.header h2#ourexperience { /* Workaround IE PNG deficiencies */
 background-image: url(images/our_experience.jpg);
}

div#panel div.box {
 border-left: 17px solid #333333;
 width: 186px;
 background-image: url(images/box_background.jpg);
 background-repeat: repeat-y;
 background-position: 0 0;
 padding: 5px 10px 5px 2px;
 margin: 3px 0;
}

div#panel div.box.first {
 margin-top: 15px;
}

div#panel div.box h3 {
 font-weight: normal;
 font-size: 1.1em;
 margin: 0;
 color: #ffffff;
}

div#panel div.box p {
 font-weight: normal;
 font-size: 1.3em;
 margin: 0;
 text-align: right;
}

div#panel div.box a {
 font-weight: normal;
 color: #ffffff;
 text-decoration: none;
}

div#panel div.box a:hover {
 text-decoration: underline;
}

div#panel div.box img#cimcig {
 border: 1px solid #333333;
 margin: 5px 0 5px 23px;
}

/********************/
/* Sent to a Friend */
/********************/
div#panelFriend {
 display: none;
 position: absolute;
 width: 500px;
 background-color: #a12a03;
 z-index: 1000;
 border: 1px solid #ffffff;
}

div#panelFriend div.inner {
 position: relative;
 padding: 10px 20px 10px;
}

div#panelFriend div.inner img.closebutton {
 position: absolute;
 top: 5px;
 right: 5px;
 cursor: pointer;
 border: 1px solid #ffffff;
}

div#panelFriend div.inner h2 {
 color: #a1a1a1;
 margin: 20px 0 10px;
 font-size: 1.3em;
}

div#panelFriend div.inner form {
 margin: 0;
}

div#panelFriend div.inner fieldset {
 border: 1px solid #a1a1a1;
 padding: 5px 8px 0;
 margin-top: 5px;
 margin-bottom: 15px;
}

div#panelFriend div.inner fieldset legend {
 color: #a1a1a1;
 font-weight: normal;
 font-size: 1.1em;
 padding: 0 5px;
}

div#panelFriend div.inner fieldset div.field {
 clear: left;
 float: left;
 margin: 0 0 5px 10px;
 width: 400px;
}

div#panelFriend div.inner fieldset div.field label {
 float: left;
 width: 9em;
 text-align: right;
 margin-right: 1em;
}

div#panelFriend div.inner fieldset div.field input.text
,div#panelFriend div.inner fieldset div.field textarea {
 float: left;
 width: 250px;
 padding: 1px;
}

div#panelFriend div.inner fieldset div.field textarea {
 font-family: sans-serif;
 font-size: 1em;
 height: 120px;
}

div#panelFriend div.inner fieldset div.required label {
 font-weight: bold;
}

div#panelFriend div.inner form input.submit {
 margin-left: 11em;
}

div#overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 100;
 background-image: url('images/overlay.png');
}


/**********/
/* Footer */
/**********/
div#footer {
 clear: both;
 padding: 0px 0 20px 20px;
 font-size: 0.7em;
 background-image: url(images/footer_background.gif);
 background-repeat: no-repeat;
 background-position: 0 100%;
}

div#footer p {
 margin: 0;
}

/******************/
/* PNG fix for IE */
/******************/
* html img
,* html div {
 behavior: url(iepngfix.htc);
}