* {margin:0; padding:0;}
body {
	background: #fff url('../images/bgBody.jpg') repeat-x left top;
	font: 0.85em/1em "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#333;
}
h2, h3, h4, h5, h6 {
	margin-bottom:10px; 
	font-weight:normal;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
}

h2 { font-size:1.6em; }
h3 { font-size:1.3em;}
h4 { font-size:1.15em;}
h5 { font-size:1.1em;}
h6 { font-size:1.05em;}

p {
	line-height:1.5em;
	margin:0 0 20px 0;
}
p.highlight,
div.highlight,
p.warning {
	padding:10px;
}

p.highlight,
div.highlight  {
	background-color:#ffffcc;
}

p.warning {
	color:#333;
	border:1px solid #CC3333;
	background-color:#FFCCCC ;
}

a:link,
a:visited {color:#cc0000;}
a:hover {	text-decoration: none; }
a.low-profile {color:inherit; text-decoration:underline !important;}

a[href^="http://"] {
	padding-right:15px;
	background: url('../images/external.png') no-repeat right bottom;
	
}

cite {
	cursor:default;
	border-bottom:1px dotted #999;
}

sup {
	font-size:0.7em;
}

.section {
	clear:both;
	margin:10px 0 0 0;
}
.section .inner {
	padding:20px;
}

.small { font-size:0.85em;}


.navigation ol,
.navigation ul { list-style:none; }
.navigation li { display : inline;}

.in-page .inner { padding:20px 10px 0 0;}
.in-page li {
	margin:0 35px 0 0;
/*	float:left;
	display:block;
	width:20%;*/
}

.in-page li a {
/*	display:block;
*/	padding:5px 0;
	color:#CC0000;
}

.heading {
	font-size:0.9em;
	border-bottom:2px solid #eaeaea;
}
.heading a,
.heading span {
	display:inline-block;
	padding:5px 15px;
	text-transform:uppercase;
	
	color:#999;
	background-color:#eaeaea;
}

.index .item {
	padding:2px;
	margin:0 0 15px 0;
	position:relative;
	background-color:#eee;
}
.index .item .style {
	padding:15px;
	border:2px solid #eee;
}
.index .title {
	line-height:1.3em;
	
	color:#000;
}
.index .title span {
	font-size:0.9em;
	
	color:#999;
}


.text {
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:1.1em;
/*	line-height:1.5em;*/
	
	color:#555;
}
.text a:visited {text-decoration:none;}
.text  ol,
.text ul {
	font-size:0.85em;
	line-height:1.4em;
	margin:0 0 20px 20px;
}
.text dl {
	margin: 0 0 20px 0;
}
.text dd,
.text li {
	margin:0 0 10px 0;
}
.text dd {
	font-size:0.95em;
}

.text h4 {
	font-size:1em;
	color:#003366;
}

.text strong {
	color:#000;
	font-weight:normal;
}

.services .index .item .number,
.features .index .item .number {
	position:absolute;
	display:block;
	left:0;
}
.services .index .item .number em,
.features .index .item .number em {
	font-size:2em;
	color:#fff;
	font-style:normal;
	position:absolute;
	display:block;
}


.services .index .item {
	float:left;
	margin:2% 0.5%;
	width:48.5%;
}

.services .index .item .number {
	right:0;
	top:-25px;
	height:50px;
	background: url('../images/bgServicesNumber.png') no-repeat center center;
	
}

.services .index .item .number em {
	width:46px;
	font-size:1.75em;
	top:0.4em;
	line-height:1em;
	margin-left:-9px;
	left: 50%;
}
.services .title {
	font-size:1.55em;
	text-align:center;
}
.services .title span {
	display:block;
	font-size:0.8em;
}
.features .heading {
	border-color:#003366;
}
.features .heading span {
	color:#fff;
	background-color: #003366 ;
}
.features .item { 
	cursor:default;
}
.features .item .style {
	padding-left:50px;
}


.features .index .item .number {
	top:0;
	bottom:0;
	width:46px;
	background: url('../images/bgFeaturesNumber.png') no-repeat 100% 50%;	
}

.features .index .item .number em {
	top:50%;
	margin:-18% -14% ;
	left:50%;	
}

.features .index .description {
	display:none;
	margin-bottom:0;
	font-size:0.9em;
	line-height:1.4em;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color:#777;
}

.clientele .inner {
	padding:20px 0;
}

.clientele .heading {
	margin-bottom:20px;
	font-size:1.7em;
	border:none;
	color:#000;
}
.clientele ol {
	float:left;
	width:30%;
	margin-bottom:0;
}

.portfolio .heading {
	text-align:right;
}

.portfolio .index .item {
	min-height:120px;
}
.portfolio .index .image {
	display:block;
	position:absolute;
	top:5px;
	bottom:5px;
	left:5px;
	right:5px;
	overflow:hidden;
	z-index:1;
	
	border:5px solid #fff;
}
.portfolio .index .title,
.portfolio .index .description {
	padding:10px;
	margin:5px;
	position:relative;
	z-index: 2;
	visibility:hidden;
	
	background: url('../images/bgWhiteTransparent.png') repeat;
	
}
.portfolio .index .title {
	color:#CC0000;
}

.contact {
	background: url('../images/quote.gif') no-repeat left top;
	font-family:Georgia, serif;
	font-size:1.3em;
}

.contact form input,
.contact form textarea {
	border:none;
	font:inherit;
	color:#cc0000;
	border-bottom:1px dotted #333;
}
.contact form input:focus,
.contact form textarea:focus {
	background-color:#eee;
}
.contact form textarea {
	display:block;
	width:100%;
	height:180px;
	line-height:1.25em;
	border:none;
	background: url('../images/bgTextarea.gif') repeat scroll left top;
	
}
.contact input.submit {
	padding:5px 10px;
	font-weight:bold;
	cursor:pointer;
	border:1px outset #ccc;
	color:#000;
}

.contact #message_desc {
	display:none;
}

.image a.d {outline:none;}
.image a.d img {
	padding:2px;
	display:block;
	margin:0 auto 15px auto;
	border:1px solid #ccc;
}


.backToTop {
	clear:both;
	font-size:0.85em;
	color:#999;
	text-align:right;
}



.primary {
	width:40%;
	float:right;
}
.primary .inner {
	padding:20px 0 20px 20px;
}
.secondary {
	width:60%;
	float:left;
}
.secondary .inner {
	padding:20px 20px 20px 0;
}


.infoBox {
	position:relative;
	background: url('../images/bgInfoBox.jpg') repeat-x left top;	
}

.infoBox .image,
#xhmeio-net .image {
	width:40%;
	float:left;
}
.infoBox .heading,
.infoBox .description,
#xhmeio-net .description,
.infoBox .more {
	width:60%;
	float:right;
}
#about .heading,
#about .description {width:auto; float:none; display:block;}

.infoBox .heading {
	color:#000;
	font-size:2em;
	
}
.infoBox .description,
#xhmeio-net .description {
	line-height:1.35em;
	font-size:1.4em;
	
	font-family: Geneva, "Trebuchet MS",Georgia,serif; /*Optima,Georgia, serif*/
	color:#999;
	margin:0 0 20px 0;
}
.infoBox .navigation {
	height:2em;
	position:relative;
	clear:both;
	border-bottom:1px solid #FDB22E;
}
.infoBox .navigation span {
	display:block;
	text-align:right;
	width:38%;
	padding:7px 0 0 0;
	text-transform:uppercase;
	color:#666;
}
.infoBox .navigation ol{
	width:60%;
	position:absolute;
	right:0;
	top:0;
}
.infoBox .navigation li {
	display:block;
	width:33%;
	float:left;	
	margin:0 1px 0 0;
	position:relative;
	bottom:1px;
	padding:0.5em 0;
	text-align:center;
	
	background-color: #FDB22E;
}

.infoBox .navigation a {
	color:#000;
}

#xhmeio-net .heading,
.infoBox .heading {border:none;}


#wrapper {
	background: url('../images/bgWrapper.jpg') repeat-x left bottom;
	padding-bottom:4em;
}
#container {
	width:900px;
	margin:0 auto;
	position:relative;
	padding:10px 20px 20px 20px;
	background-color: #fff ;
}
#header {
	margin:0 0 20px 0;
}
#header .inner {
	padding:0;
}
#header .logo {
	border-bottom:3px solid #A50C0C;
}
#header .logo a {
	margin-bottom:-3px; /* cover .logo border */
	position:relative;
	display:block;
	width:230px;
	height:70px;
	
	color:#fff;
	background-color:#CC0000;
}
#header .logo img {
	border:none;
	position:relative;
	z-index:2;
}
#header .logo span {
	position:absolute;
	left:0;
	right:0;
	top:20px;
	z-index:1;
	
	text-align:center;
	
}

#home .primary .section .inner {
	padding-top:0;
}

#home #xhmeio-net {
	margin:3em 20px 0 0;
}

#footer {
	margin:0;
	position:absolute;
	bottom:-4em;
	left:0;
	right:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
}
#footer .inner {padding:0;}
#footer .navigation,
#footer .copy  {
	width:50%;
	float:left;
}
#footer .copy {
	font-size:0.85em;
	text-align:right;
}
#footer .copy,
#footer .reg-number {
	
}
#footer .reg-number {
	text-align:right;
	font-size:0.9em;
	color:#888;
	clear:both;
} 
#footer .navigation li {
	margin:0 15px 0 0;
}
#footer .navigation a {
	color:#000;
}

#global-nav {
	width:60%;
	margin:0;
	
	position:absolute;
	top:20px;
	right:0;
	z-index: 1;
	
	text-transform:uppercase;
}
#global-nav .inner {
	padding:0;
}

#global-nav li {
	display:block;
	float:left;
	text-align:center;
	width:24.5%;
	padding:20px 0;
	border-left:1px solid #eaeaea;
	
}
#global-nav li:first-child { border:none;}
#global-nav a {
	font-size:1.15em;
	color:#999;
	text-decoration:none;
}
#global-nav li.active a {
	font-size:1.3em;
	color:#CC0000;
}

#xhmeio-net {
	padding:2px;
	color:#fff;
	background: #003366 url('../images/bgXhmeioNet.jpg') repeat-x left bottom;
	
}
#xhmeio-net .inner {
	margin:1px;
	padding:20px;
	border:2px solid #fff;
}
#xhmeio-net .heading { /* images off */
	line-height:1.3em;
	color:#FFCC00;
}
#xhmeio-net .description{
	color:#eaeaea;
}
#home #xhmeio-net .description {
	font-size:1.2em;
}
#xhmeio-net .more {
	clear:both;
	margin:20px 0 0 0;
	text-align:right;
	font-size:0.9em;
}
#xhmeio-net .more a {
	color:#FFCC00;
}

#call-now {
	clear:both;
	
	font-size:1.15em;
	
	color:#ccc;
	background:#2F2F2F url('../images/bgCallNow.jpg') repeat-x left top;
}
#call-now .inner {/*padding:20px;*/}
#call-now h4 { margin:0;}
#call-now .call,
#call-now .write {
	float:left;
	width:50%;
	
}
#call-now .call span,
#call-now .write span { color: #fff;}


#call-now .write {
	text-align:right;
}


/* =Interactions 
	===============================*/
.services .index .item:hover,
.services .index .item.active,
.features .index .item:hover, 
.features .index .active {	background:#fff url('../images/bgWhiteGrayGradient.jpg') repeat-x left bottom;}
.features .index .item:hover .number, 
.features .index .active .number {	background-position:0% 50%;}

.services .index .item:hover .style,
.services .index .item.active .style,
.features .index .item:hover .style,
.features .index .active .style {	border-color:#fff;}

.no-script .portfolio .index .item:hover .image,
.portfolio .index .active .image {	-moz-opacity:0.2;}

.no-script .portfolio .index .item:hover .title,
.no-script .portfolio .index .item:hover .description,
.portfolio .index .active .title,
.portfolio .index .active .description {visibility:visible;}


/* =Hidden 
	===============================*/
.section hr,
.slogan,
.navigation h3,
#call-now h3,
.hide
  { position:absolute; left:-999em; }

/* =UTILITY
	===============================*/
.clear {
	display:block;
	clear:both;
	line-height:0;
}
.infoBox:after,
.navigation:after,
.navigation ol:after,
.section:after,
.index:after,
.inner:after,
.item:after,
.article:after  { content: " ";clear:both;display:block;line-height:0;height:0;}