/********************************
All * html references are hacks to fix the IE box Model
*********************************/

body {
	margin:0px 0px 0px 50px;
	padding:0;
	text-align: center;
}

* html body {
	margin:0px;
}

body, div, h1, h2, ol, span, a, table, td, form, img, li {
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	line-height : 170%;
	color: #999;
}

/*** Invalid CSS added by Stephen ***/
h1 {
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#5F6062;
	font-size : 26px;
	font-weight: normal;
	padding: 0px;
	margin: 20px 5px 3px 5px;
}

.inlineBold{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333;
	/*font-weight : bold;*/
	font-size : 60%;
}
	
.inlineGreen, .inlineGreen a, .inlineGreen a:active, .inlineGreen a:visited, 
	.GreenBold, .GreenBold a, .GreenBold a:active, .GreenBold a:visited, 
	h3, h3 a, h3 a:active, h3 a:visited, 
	h4, h4 a, h4 a:active, h4 a:visited {
	color : #F15C22;
}

.inlineGreen a:hover, .GreenBold a:hover, h3 a:hover, h4 a:hover {
	color: #5F6062;
}

.GreenBold, h3, h4 {
	font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	padding: 0px;
	margin: 20px 5px 3px 5px;
	
}

.GreenBold { font-weight: bold; }
h3 { font-size : 160%; }
h4 { font-size : 90%; font-weight: bold; }

ul.listBold {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.listBold li {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 120%;
	color: #666666;
	padding-left: 0px;
	
}
ul.listBoldr {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.listBoldr li {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 120%;
	color: #666666;
	padding-left: 20px;
	
}
/* End of invalid CSS from Stephen */
h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #666666;
	font-size : 90%;
	margin: 20px 5px 3px 5px;
	padding: 0px;
}

ul {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size : 11px;
	line-height: 28px;
}
 
/* Outer wrapper div with grey bk */
div#wrapper {
	text-align: left;
	clear: both;
	width : 684px;
	background-color : #ccc;
	border: 1px solid #666;
	margin: 0px;
	padding: 0px;
}

* html div#wrapper{
	width : 686px;
}

 
/******************* Header/Footer *******************/ 
#header, #footer{ 
	clear: both;
	padding-top: 8px;
	padding-bottom: 8px;
	width : 684px;
	margin: 0px;
	text-align: left;
}

#header *, #footer * { 
	color : #666;
	font-size : 11px;
}

#header table {
	margin: 0px;
	width: 684px;
}

.vseperator{
	line-height : 5px;
	padding : 0px 5px;
	color : #999;
}

#header a:hover, #footer a:hover {
	color:#F15C22;
	text-decoration: underline;
}

#header a.selected, #footer a.selected {
	color:#F15C22;
}

/**** End Header/Footer ****/

/******************* Titles *******************/
.titlebar {
	position: relative;
	padding : 0px 8px;
	height: 55px;
	line-height : 55px;
	border-bottom : 1px solid #666;
}

.titlebar * {
	position: relative;
	bottom: -10px;
	color : #fff;
}

.titlebar a, .titlebar a:hover, .titlebar a:visited {
	color : #fff;
	font-size : 19px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	
}

.subtitle {
	padding : 0px 8px;
	height : 28px;
	line-height : 28px;
	background-color : #ddd;
}

.subtitle * {
	/*position: relative;*/
	bottom: -3px;
	font-size: 12px;
}

.subtitle a, .subtitle a:visited { color : #666; font-size : 11px;}
/**** End Titles ****/

/* Menu styles */

div.lmenu {
	float: left;
	width : 174px;
}

div.lmenu a, div.lmenu a:visited {
	color: #fff		;
}

div.lmenu a, div.lmenu div {
	display : block;
	font-size : 12px;
	text-decoration : none;
	background-color : #555;
	color: #fff;
	padding : 30px 0 8px 8px;
	text-align : left;
	border-bottom : 1px solid #999999;
}

* html div.lmenu a {
	padding : 30px 0 8px 8px;
}

div.lmenu a:hover, div.lmenu a:hover sup {
	background-color: #333;	
	color : #fff;
}

div.lmenu a.sub, 
div.lmenu a.sub:link, 
div.lmenu a.sub:visited {
	display: block;
	color: #fff;
	font-size : 11px;
	line-height : 12px;
	text-decoration : none;
	padding : 8px 8px 0 8px;
	text-align : left;
	border-bottom : none;
}

* html div.lmenu a.sub { padding : 8px 8px 0 8px; }

div.lmenu a.sub span { 
	color : #999999; 
	
}

/*div.lmenu a:hover.sub span{ color : #8A8989; }*/

div.WTFlmenu div {
	display : block;
	font-size : 12px;
	text-decoration : none;
	padding : 28px 0 8px 8px;
	text-align : left;
	border-bottom : 1px solid #999999;
	color: #fff;
	background-color : #555;
}

div.submenu {
	display : block;
	position : relative;
	height : 112px;
	font-size : 12px;
	padding : 8px; 
	text-decoration : none;
	text-align : left;
	border-bottom : 1px solid #999999;
	color: #fff;
	background-color : #8A8989;
}

/* Main content styles */

div#contentwrapper {
	float: right; 
	width: 510px;
}

div.content {
	background-color : #fff;
	padding : 25px 32px 30px 32px;
	min-height: 180px;
	margin:0px;
}

* html div.content {
	height: 180px;
}

div.content p {
	font-size : 11px;
	color : #333;
	padding: 0px;
	margin: 5px 5px 15px 5px;
}

img { border:0px; }

ul, li {
	padding : 0;
	margin : 0;
	list-style : none;
}

hr { border:1px solid #333; }

a, a:visited {
	color : #F15C22;
	text-decoration : none;
}
/* .activelink:visited, */
a:hover, .activelink:hover {
	color : #666;
	text-decoration : underline;
}

a.readon, a.readon:visited, a.readon:active {
	font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	text-decoration:none;
	color : #f15c22;
/*	padding-top: 18px;
	padding-bottom: 6px;
	margin: 0px; */
}

a.readonmore, a.readonmore:visited, a.readonmore:active {
	font-size : 11px;
	text-decoration:none;
	color : #999;
}

a.readon:hover { 
	color : #666;
	text-decoration : underline;
 }
 
 a.readonmore:hover { 
	color : #666;
	text-decoration : underline;
 }


.opblue { color: #5F6062; }
.opgreen { color: #F15C22; }

.iconimage { margin: auto 5px auto 5px; padding: 5px; border: 1px solid #ccc; }

/* End of main content styles */

/* Shop window Divs */
div.shopwindow {
	/*position: relative; */

}

/*== IE8 position fix ==*/
div.shopwindow #btnback, #btnfwd, #btnpause, #btnplay  {
	
	padding:0px;
	margin:-1px;
	border: 0px solid #ffcc00;
}


* html div.shopwindow {

}

div#shopwindowtext {
	position: absolute;
	top: 25px;
	left: 280px;
	width: 210px;
	height: 117px;
	overflow: auto;
}

div#shopwindowtext p {
	font-size : 11px;
	color : #333;
	padding:0px 10px 10px 0px;
	font-size: 0.65em;
}

div#shopwindowimage {

}

table.news {
	border-bottom: 1px solid #ccc;
}

table.news div.iconimage, table.news h4 {
	margin-left: 0px;
}

table.news div.iconimage {
	float: left;
}

div.lmenu div.last {
	margin: 0px;
	padding: 0px;
}

div.last { height: 70px; }
* html div.last { height: 70px; }

#about div.last { height: 50px; }
* html #about div.last { height: 50px; }

/* Contextual styles */
.lmenu .sub { background-color : #f15c22; }
.lmenu a.sub:hover { color : #F15C22; }
.titlebar { background-color : #7d7d7d; }
.lmenu a.last { padding-bottom : 67px; }
* html .lmenu a.last { padding-bottom : 65px; }

div.lmenu a.sub:hover, 
div.lmenu a.sub:hover sup {
	background-color: #f15c22;
	text-decoration:underline;
}

body .lmenu a.sel { color: #333; }
body .lmenu a.sub.sel { color: #333; }

/*
#about .lmenu .sub { background-color : #FFA060; }
#about .lmenu a.sub:hover, #about a.sel { color : #474747; }
#about .titlebar { background-color : #22689D; }
#about .lmenu a.last { padding-bottom : 67px; }
* html #about .lmenu a.last { padding-bottom : 65px; }


#clients .lmenu .sub { background-color : #65B089; }
#clients .lmenu a.sub:hover, #clients a.sel { color : #474747; }
#clients .titlebar { background-color : #1B9554; }

#news .lmenu .sub { background-color : #CB7492; }
#news .lmenu a.sub:hover, #news a.sel { color : #474747; }
#news .titlebar { background-color : #9E0E3E; }
#news .lmenu a.last { padding-bottom : 72px; }
* html #news .lmenu a.last { padding-bottom : 70px; }

#contact .lmenu .sub { background-color : #E6964F; }
#contact .lmenu a.sub:hover, #contacts a.sel { color : #474747; }
#contact .titlebar { background-color : #FF7800; }
#contact .lmenu a.last { padding-bottom : 72px; }
* html #contact .lmenu a.last { padding-bottom : 70px; }
*/


/*
	GroupedTable styles
*/

div.SuperGroupTitle {
	width: 100%;
	color: #fff;
	background-color: #0055e6;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #7ba4e0;
}

div.GroupTitle {
	width: 100%;
	background-color: #bedafb;
	border-bottom: 1px solid #7ba4e0;
}

table.GroupDetail {
	border-collapse: collapse;
	width: 100%;
}

table.GroupDetail td {
	border-bottom: 1px dotted #eae9e1;
}

table.GroupDetail caption {
	margin-top: 10px;
	border-top: 1px solid #eae9e1;
	border-left: 1px solid #eae9e1;
	border-right: 1px solid #eae9e1;
	font-size: 14px;
}

table.GroupDetail tr {
	margin: 5px;
	border: 5pxzz solid #eae9e1;
}

table.GroupDetail th {
	background-color: #ece9d8; 
	border-bottom:  1px solid #d2cfbe;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #aca899;
}

* html table.GroupDetail thead th {
	color: #fff; background-color: #9099ae; 
	font-weight : normal;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ffdfecfe', EndColorStr='#ff89aee4');
}

tr.GroupHighlight, tr.GroupHighlight a {
	background-color: #316ac5;
	color: #ffffff;
}


/* Mini slideshow links */
div#ss a { font-size: 11px; color : #f15c22; }
div#ss a:hover { color : #666; }
div#ss a.visited { color : #ccc; }
div#ss div.iconimage { width: auto; }
div#ss div.mssnav { display: block; margin: auto 5px auto 5px; padding: 0px; }

div#ss a#mssenlargess { margin: 0px; padding: 0px; text-align: right; float: right; cursor: pointer; }

/* Techologies & Solutions lists */
table.technologies {
	 background-color: #eae9e1;
	 font-size: 11px;
	 margin-top:20px;
	/* margin:0px;*/
	 width: 100%;
}

table.technologies thead tr th {
	 text-align: left;
	 color: #333;
	 padding: 8px;
}

table.technologies tbody tr td {
	padding: 8px;
}

table.technologies ul, table.technologies ul {
	list-style: disc;
	list-style-type: disc;
}

table.technologies tbody tr td ul li {
	list-style: disc;
	list-style-type: disc;
	color: #666;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	line-height: 20px;
}

#divDescription {
	background-Color: #fff;
	border: 1px solid #555555;
	overflow-y: visible;
	margin: 0px;
	padding: 5px;
	text-align: left;
	//white-space: nowrap;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFFF', EndColorStr='#FFEBEBEB')
}

#divDescription p {
	font-size: 10px;
	margin: 0px;
}