@charset "UTF-8";
/* CSS Document */
/* includes overrides for blueprint framework css/blueprint */

/* main layout*/
.container {
width:1024px;
margin:0 auto;
background:#f8f8f8 url(images/pageTop_fade.jpg) top repeat-x;
}

.left-col {
width:266px; 
margin:15px 0 0 0; 
float:left;
}

.center-col {
width:751px; 
margin:15px 0 30px 0; 
float:left;
padding: 0 0 0 7px;
}

.front .center-col {
width:100%; 
margin:-5px 0 0 0;
padding:0;
}

.not-front .header {
position:relative;
width:100%; 
height:142px;
background:#151515 url(images/Header.jpg) no-repeat top;
margin-top:0px;
/*border-top:1px solid #FFFFFF;*/
}

.divider {height:0; clear:both;}

/* section header customisation*/
.about-us .header{
background:#151515 url(images/Header.jpg) no-repeat top;
}

.our-customers .header{
background:#151515 url(images/Header.jpg) no-repeat top;
}

.our-products .header{
background:#151515 url(images/Header.jpg) no-repeat top;
}

.join-us .header{
background:#151515 url(images/Header.jpg) no-repeat top;
}
/* END section header customisation*/

.front .header {
width:100%; 
height:474px;
background:#151515 url(/images/homepage_hero.jpg) no-repeat top;
margin-top:0px;
/*border-top:1px solid #FFFFFF;*/
position:relative;
}

#footer{
background:#e4e4e4 url(images/footer-fade.png) top center repeat-x;
border-top:1px solid #FFFFFF;
/*height:300px;*/
clear:both;
/*margin-bottom:30px;*/

}

/* typography */

body {
font-size:74%; 

background:#dbdada url(images/page-drop-shadow.png) top  center repeat-y;
}

h1, h2, h3, h4, h5, h6 {color:#333; text-transform:uppercase; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-weight:bold; }

h1 {font-size:3em;line-height:1;margin-bottom:0.5em; }
h2 {font-size:1.22em;line-height:1.8;margin-bottom:1.5em; color:#666; border-bottom:1px solid #d1d1d1;} /* page title */
h3 {font-size:1.1em;line-height:1.8; margin-bottom:1.2em; font-weight:normal; border-bottom:1px solid #d1d1d1}
h4 {font-size: 1em;line-height:1.3;margin-bottom:0.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:0.25em;}
h6 {font-size:1em;font-weight:bold;}

	p{ font-size:0.97em}

div.center-col p{ padding: 0 30px 0 0;}

/*div.center-col h2 + p:first-letter {
font-size:1.7em;
line-height:0.5em;
}*/

p.first-paragraph:first-letter {
font-size:1.7em;
line-height:0.5em;
}


a:focus, a:hover {color:#ee2e24; text-decoration:none}
a {color:#ee2e24;text-decoration:underline;}


/*p{font-size:0.95em	}*/

blockquote {
background:#f8f8f8 url(images/quote-top.gif) top center no-repeat;
margin:20px 0;
padding: 28px 0 0 0;
width:502px;
}

blockquote p.blockquote{
background:#f8f8f8 url(images/quote-bottom.gif) bottom center no-repeat;
margin:0;
padding: 8px 40px 66px 40px;
font-size:20px;
line-height:1;
font-style:normal;
font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}

/*blockquote p.blockquote:first-child:first-letter {
	font-size:20px;
}*/

/* left column */ 


.leftcol-panel-top {
background:transparent url(images/leftCol-panel-top.png) top center no-repeat;
padding:8px 3px 0 3px;
clear:both;
margin:5px 0 0 0;
}

.first-panel {margin:0}

.leftcol-panel-bottom {
background:#f8f8f8 url(images/leftCol-panel-bottom.png) bottom center no-repeat;
padding:0 12px 8px 12px;
margin-bottom:0px;

}

hr.space {background:#f8f8f8;color:#f8f8f8;visibility:hidden; height:0px; margin:0 0 5px;}

div.left-col .leftcol-panel-bottom h2,
div.left-col .leftcol-panel-bottom-squared h2{
font-size:1em;
margin-bottom:1px;
/*font-weight:normal;*/
letter-spacing:0.15em;
padding: 7px 8px 5px 8px;
background:#f8f8f8 url(images/leftCol-h2-fade.png) bottom center repeat-x;
border:none;
line-height:1.4
}

div.left-col .leftcol-panel-bottom h2.lowercase,
div.left-col .leftcol-panel-bottom-squared h2.lowercase{ text-transform:lowercase; font-size:1.1em}

.leftcol-panel-bottom-squared {
background:#f8f8f8 url(images/leftCol-panel-bottom-squared.png) bottom center no-repeat;
padding:0 12px 8px 12px;
margin-bottom:0px;
}

.leftcol-panel-bottom p,
.leftcol-panel-bottom-squared p {
padding: 7px 8px 8px;
margin:0;
line-height:1.4em;
background:#f8f8f8 url(images/base-gradient.jpg) bottom center repeat-x;
border-top:1px solid #d5d5d5;
font-size:0.97em;
}

.leftcol-panel-bottom p.comment,
.leftcol-panel-bottom-squared p.comment { 
background:none;
padding: 7px 8px 0;
background-color:#f8f8f8;
}

.leftcol-panel-bottom p.commentator,
.leftcol-panel-bottom-squared p.commentator { 
background-color:#f8f8f8;
border:none;
}

.panel-tabLink {
font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; 
font-weight:bold;
background:transparent url(images/panel-tab-right.png) right bottom no-repeat;
float:right;
margin:-2px 7px 5px 0;
padding-right:4px;
text-align:right;
}

.panel-tabLink a {display:block; padding:2px 8px 5px 15px; text-align:center; margin:0px 4px 0 0px; color:#FFFFFF; text-decoration:none}
.panel-tabLink a.last {background:transparent url(images/panel-tab-left.png) left  bottom no-repeat;}

.panel-tabLink a:link {}
.panel-tabLink a:visited {}
.panel-tabLink a:hover { text-decoration:underline}
.panel-tabLink a:active {}

.leftcol-panel-bottom-square {
background:#f8f8f8 url(images/leftCol-panel-bottom.png) bottom center no-repeat;
padding:0 3px 8px 3px;
}

ul.local-menu {
background:#151515;
margin:0;
list-style:none;
padding:0;
font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
font-weight:bold;
}

ul.local-menu li {margin:0;}

ul.local-menu a {display:block; padding:6px 10px; border-top:1px solid #990000; color:#FFFFFF; text-decoration:none }

ul.local-menu a.first {border-top:none;}

ul.local-menu a:link{ background:#d13f36 url(images/Red_Nav.gif) left repeat-x}
ul.local-menu a:visited{ background:#d13f36 url(images/Red_Nav.gif) left repeat-x }
ul.local-menu a:hover{background:#d13f36 url(images/Red_Nav.gif) left repeat-x; text-decoration:underline}
ul.local-menu a:active{background:#d13f36 url(images/Red_Nav.gif) left repeat-x}

ul.local-menu a.active{background:#5f6061 url(images/Grey_Nav.gif) left repeat-x}
ul.local-menu a.active:hover{text-decoration:none}

/* customer definition list */

.information-panel,
.customer{ padding-left:5px;}

.information-panel h3,
.customer h3{ 
background:#f8f8f8 url(../our-customers/eviivo-frontdesk/images/detail-icon.png) bottom right no-repeat;
padding-top:2em;
}


div.customer-definition {
	width:158px;
	margin:0 45px 0 45px;
	float:right;
	
}

div.customer-definition dt {font-size:0.97em;}

div.customer-definition dd {
margin: 0 0 0.5em 0em;
font-size:0.97em;
}

div.customer-definition strong {
font-weight:normal;
color:#ed3424;
}

/* team members */

.team-member {
margin-bottom:15px;
}

.team-photo{
background:#f8f8f8 url(images/team-photo-bkgrd.png) top center no-repeat;
padding:8px;
float:left;
margin-top:5px;
}

.team-member h3{
text-transform:none;
margin:0 0 10px 120px;
line-height:2em;

}

p.teamMember-description{
margin:0 0 0 120px;
}

/* header items */

h1.site-title,
h1.site-title a{height:0; font-size:0em; visibility:hidden}

#skip-navigation { position:absolute; top:0; left:0; visibility:hidden}

#logolink { position:absolute; top:0; left:0; width:256px; height:142px}

ul.main-navigation{
list-style:none;
margin:73px 0 0 216px;
}

ul.main-navigation li {
display:inline;
/*border-left:1px solid #FFFFFF;*/
padding:0px 0 0 10px;
width:110px;
float:left;
}

ul.main-navigation li a {
display:inline-block;
padding:3px 0px 3px 0;
letter-spacing:-0.03em;
text-transform:uppercase;
font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; 
font-weight:bold;
/*font-size:0.95em;*/
color:#FFFFFF;
text-decoration:none;

}

ul.main-navigation li a:link{}
ul.main-navigation li a:visited{}
ul.main-navigation li a:hover{color:#ffe14f}
ul.main-navigation li a:active{}

ul.main-navigation li a.active{border-bottom:1px solid #ffe14f; color:#ffe14f}

/* footer items */
div.footer-menu { float:left; margin-top:57px; min-width:100px; max-width:230px}

div.footer-menu label {color:#666; margin-left:35px; text-transform:uppercase; font-size:0.95em}

div.footer-menu label a:link{ text-decoration:none; color:#666;}
div.footer-menu label a:visited{text-decoration:none; color:#666;}
div.footer-menu label a:hover{text-decoration:underline; color:#666;}
div.footer-menu label a:active{text-decoration:none; color:#666;}

div.footer-menu ul{
margin:20px 10px 40px 35px;
padding-left: 1.1em;

}

div.footer-menu ul li { color:#ef3224; line-height:1.1em; margin-bottom:0.4em}

div.footer-menu ul li a {color:#989797; font-size:0.95em; text-decoration:none;}

div.footer-menu ul li a:link{ text-decoration:none}
div.footer-menu ul li a:visted{color:#989797;}
div.footer-menu ul li a:hover{/*text-decoration:underline;*/ color:#585252;}
div.footer-menu ul li a:active{color:#989797;}

.footer-award{margin:47px 30px 4em 35px; float:right}

.secondary-footer {
border-top:1px solid #FFF; 
border-bottom:1px solid #e4e4e4; 
text-align:right;
padding:14px 15px;
font-size:0.95em;
color:#727171;

}

.secondary-footer p {margin:0}

.secondary-links {}

.secondary-links a:link{text-decoration:none; color:#727171;}
.secondary-links a:visited{text-decoration:none; color:#727171;}
.secondary-links a:hover{text-decoration:underline; color:#727171;}
.secondary-links a:active{text-decoration:none; color:#727171;}


.copyright{float:left}

/* frontpage blocks */
.frontpage-block-top {
background:transparent url(images/3-boxes-top.png) top center no-repeat;
padding:8px 0px 0 0px;
margin-bottom:40px;

}

.frontpage-block-main {
background:transparent url(images/3-boxes-bottom.png) bottom center no-repeat;
padding:0 8px 8px 15px;
}

.frontpage-block-content {
float:left;
width:318px;
margin: 0 20px 0 0;
border-bottom:1px #f8f8f8 solid;
}


.frontpage-block-content h2{
font-size:1em;
margin-bottom:1px;
letter-spacing:0.15em;
padding: 6px 8px 4px 8px;
background:#f8f8f8 url(images/leftCol-h2-fade.png) bottom center repeat-x;
border:none;
color:#585757;
}

.tab-block{margin:-1px 0 0 18px;}

.tab-block-item{
float:left;
width:323px;
margin-right:15px;
}		

.tab-block-link {
font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; 
font-weight:bold;
background:transparent url(images/panel-tab-left.png) left bottom no-repeat;
float:right;
text-align:right;
}

.front div.frontpage-block-content p {
padding: 7px 8px 8px;
margin:0;
line-height:1.4em;
border-top:1px solid #d5d5d5;
}

.front div.frontpage-block-content p.comment { 
background:none;
padding: 7px 8px 0;
}

.front div.frontpage-block-content p.commentator {
background-color:#F9FBF9;
border:none;
}


.tab-block-link a {
display:block; 
padding:1px 12px 5px 10px; 
text-align:center; 
margin:0px 0px 0 4px;
color:#FFFFFF; 
text-decoration:none; 
background:transparent url(images/panel-tab-right.png) right  bottom no-repeat;
}

.tab-block-link a:link {}
.tab-block-link a:visited {}
.tab-block-link a:hover {text-decoration:underline}
.tab-block-link a:active {}

.lastBlock{margin-right:0}

/* icon and description items (example eviivo difference) */

.attribute-item{
float:left;
width:345px;
margin-right:30px;

}

.block-item{
float:left;
width:320px;
margin-right:50px;
}

.wide{
float:left;
width:100%;
margin-right:0px;

}

.attribute-item .icon{
float:left;
}

.attribute-item h3 {
line-height:1.6em;
font-weight:bold;
text-transform:none;
padding-top:5px;}

.attribute-item h3,
.attribute-item p {
margin-left:60px;
}

/* grid logos */

.grid {margin-bottom:20px; clear:both}

.grid-logo {
float:left;
width:205px;
text-align:center;
margin:0 0 10px 38px;
}

.grid-logo  img {margin-bottom:10px;}

.grid-logo a {font-size:0.95em; font-weight:normal}

/* logo/image and description (example customers) */

.news-item,
.partner-item,
.customer-item {margin-bottom:15px; }

.news-item img,
.partner-item img,
.customer-item img{
float:left;
}

.news-item h3,
.partner-item h3,
.customer-item h3 {
line-height:1.6em;
font-weight:bold;
text-transform:none;
padding-top:0px;
}

.news-item h3,
.partner-item h3,
.customer-item h3,
.news-item p,
.partner-item p,
.customer-item p {
margin-left:183px;
}

.news-item h3 {border:none; margin-bottom:0;}

.news-item p,
.partner-item p,
.customer-item p {margin-bottom:0}


.news-item p.meta{font-size:0.90em; border-bottom:1px solid #CCC; margin-bottom:10px}


/* large panel content */

div.center-col .large-panel {
background:transparent url(images/panel-top.png) top center no-repeat;
padding:8px 3px 0 3px;
margin-left:-7px;
clear:both;
}

div.center-col .large-panel-content {
background:#f8f8f8 url(images/panel-content.jpg) bottom center no-repeat;
padding:0 12px 8px 12px;
margin-bottom:15px;

}

div.center-col .large-panel-content h3{
font-size:1em;
font-weight:bold;
margin-bottom:1px;
letter-spacing:0.15em;
/*padding: 6px 8px 8px;*/
padding: 5px 8px 4px 8px;
background:#f8f8f8 url(images/fade-border.png) bottom center repeat-x;
border:none;
}


div.center-col .large-panel-content p{
/*padding: 0 18px ;*/
margin:18px 200px 18px 18px;
line-height:1.4em;
padding:0;
}

div.center-col .large-panel-content .alignRight{
float:right;
}

/* contact form */

.form-panel {
background:transparent url(images/form-panel-top.png) top center no-repeat;
padding:7px 0px 0 0px;
width:443px;
}

.form-panel-content {
background: transparent url(images/form-panel-content.png) bottom center no-repeat;
padding:20px 12px 8px 0;
}

.tab-container {margin: -2px 0 15px 0; width:443px;}



#contact_form_holder { 
    /*width:290px;*/
	margin:0px auto 20px;
	width:330px;
	padding:30px 0 30px;
}

#contact_form_holder p {margin:5px 0 0 0; padding:0px}

#contact_form_holder label {
float:left; 
width:75px;
vertical-align:bottom;
/*line-height:31px;*/
padding-top:7px;
font-size:0.95em;
clear:left;
}

#contact_form_holder .form-item {margin-bottom:2px;}

#contact_form_holder input, #contact_form_holder textarea { 
   /* width:282px; */
   width:242px;
    font-family:inherit; 
    padding:3px;
	border-color:#979797;
}
#contact_form_holder select { 
   /* width:100%; */
   width:250px;
    font-family:inherit; 
    padding:3px;
	border-color:#979797;
	border-radius:0px;
}

#contact_form_holder textarea { 
    height:100px;
	width:250px;
	border-color:#979797;
}

#send_message { 
    width:96px !important;
	height:21px; 
    border:0px solid #CC1A1A;
    cursor:pointer;
    cursor:hand;
	background:#CC1A1A url(/css/images/form-btn-bkgrd.png) ;
	color:#FFFFFF;
	padding-bottom:5px;
	font-weight:bold;
}

#send_message:hover {color:#FFFF99;}

div.submit {text-align:right; margin:0px 0 0 0;}


.error { display: none; padding:5px; color: #D8000C; font-size:11px; /*background-color: #FFBABA;*/ margin:0; background:none; border:none; padding-left:75px}
.success { display: none; padding:5px; color: #044406; font-size:11px; /*background-color: #B7FBB9;*/ margin:0; background:none; border:none; padding-left:75px}

#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }

/**Right aligned panel*/

.rightsidePanel{
float:right;
margin: 0 3px 20px 0;
background:transparent url(images/rightside-panel-top.png) top center no-repeat;
padding:8px 0px 0 0px;
}

.rightsidePanel-content{
background:#f8f8f8 url(images/rightside-panel-content.png) bottom center no-repeat;
padding:0 12px 8px 12px;
}
