@charset "utf-8";
/* <!-- */
/* General styles */
body {
	margin:0 auto;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:900px;
	background:#fff;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
a {
	color:#369;
}
a:hover {
	color:#FF0033;
	text-decoration:none;
}

#wrapper{width:900px;position:relative;text-align:left;}

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}

#header #navigation{float:right; margin-top:1px;}
#header #navigation li.nav_end{background:none;}

#header #navigation ul {
	margin:0;
	padding:1px 10px 0 50px;
	list-style:none;
}
#header #navigation li {
	display:block; 
	float:left;
	margin:0;
	padding:2px 4px 1px 4px;
	background:url("../images/bg_Nav_divider.gif") no-repeat right 58px;     	                      
}
#header #navigation a {
	color:#000;	
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	height:76px;
}
#header #navigation a span {		
	float:left;
	display:block;
	padding:54px 12px 5px 6px;
	color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header #navigation a span {float:none;}
/* End IE5-Mac hack */
#header #navigation a:hover span {color:#FFF;}
#header #navigation a:hover {background:url("../images/bg_nav_l_h.gif") no-repeat 0% top;}
#header #navigation a:hover span {background:url("../images/bg_nav_r_h.gif") no-repeat 100% top;}
#header #navigation #current a {background-position:0% -76px;}
#header #navigation #current a span {background-position:100% -76px;}

#layoutdims {
	clear:both;
	border-top:1px solid #000;
	margin:2px 0 0 0;
	padding:0;
	width:900px;
	height:162px;	
	background-color:#f2f2f2;
}

#featureboxes{clear:both; margin:0; padding:0; list-style:none; width:900px; height:161px; background: url('../images/bg_hero.jpg') repeat-x;}
#featureboxes li{
	display:block; float:left;margin:0;padding:2px 4px 1px 4px;
	width:217px!important;
	_width:225px;	
	height:161px;
	background:url('../images/fb_divider.gif') no-repeat center right;
}
#featureboxes li.lastItem{background-image:none;}
#featureboxes h2{margin:32px 0 0 6px; color:#FFF; font-size:14px; float:left;}
#featureboxes p{color:#98906d;margin:10px 15px 0 30px; font-size:12px; line-height:150%; clear:both;}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
	background:#fff;    	/* Right column background colour */
	margin:10px 0 16px;
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
	border-right:1px solid #e5e7c9;	
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:450px;         	/* Left column width + right column width */
	background:#fff;    	/* Left column background colour */
	border-right:1px solid #e5e7c9;
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:250px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
	margin:0 200px 0 265px;  /* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}

.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:240px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:1px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:190px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:15px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}

.holygrail .col3 p{margin:10px 0 26px 14px;}
.holygrail .col3 .casepic{border:1px solid #333333; margin-left:14px;}
.holygrail .col3 .casesbox{margin-top:10px; margin-left:12px;}

.clearfix dt {float:left; width:190px;}
.clearfix dd {float:left; width:220px!important;_width:240px;margin:0;padding:4px 8px; line-height:140%; color:#333;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; clear: both;}
.clearfix {display: block; clear: both;}
/* End hide from IE-mac */

.holygrail h2{padding:0; margin:0;}
.holygrail h4{margin:8px 0;font-size:12px; color:#006;}
.holygrail p,table{color:#000; font-size:12px; margin:10px 4px 20px; line-height:130%;}

.contactinfo{width:220px;height:76px;margin-top:6px;background:url('../images/contactinfo.gif') no-repeat top left;}
.contactinfo p{margin:6px 0 8px 8px;}

/* 2 column left menu settings */
.leftmenu {
	background:#fff; margin-top:2px;
}
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:190px;
	background:#fff;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:190px;
	padding-bottom:1em;
}
.leftmenu .col1 {
	margin:0 1px 0 190px;
	position:relative;
	right:100%;
	overflow:hidden;
	border-top:4px solid #1c2122;
	padding:0 0 0 25px;
}
.leftmenu .col2 {
	float:left;
	width:190px;
	position:relative;
	right:190px;
}

.leftmenu .breadcrumb{font-size:12px;margin:20px 0 10px 0;}}
.leftmenu p{font-size:12px; line-height:150%;margin:10px 0;}

.leftmenu #sidebar{width:188px; margin-top:10px;}
.leftmenu #sidebar h4{margin:0;font-size:14px; color:#746f6f; padding:0 0 2px 0;}
.leftmenu #sidebar ul{list-style:none; margin:0; padding:0;}
.leftmenu #sidebar li a{
	height: 32px;
	  voice-family: "\"}\"";
	  voice-family: inherit;
	  height: 24px;
	text-decoration: none;	
	border-bottom:1px solid #b9b7b7; 
}

.leftmenu #sidebar li a:link, .leftmenu #sidebar li a:visited {
	color: #4D4D4D;
	display: block;
	background:url('../images/arrow_gray.gif') no-repeat 11px left;
	padding: 8px 0 6px 20px;
}

.leftmenu #sidebar li a:hover, .leftmenu #sidebar li #current {
	color:#3d9e08;
	background:url('../images/arrow_green.gif') no-repeat 11px left;
	padding: 8px 0 6px 20px;
}

.leftmenu #sidebar dl{margin:4px 0 4px 0;}
.leftmenu #sidebar dt{padding:5px 0 5px 20px;}
.leftmenu #sidebar dt a {color:#746f6f; text-decoration:none;}
.leftmenu #sidebar dt a:hover {color:#ff9900; text-decoration:none;}

/* Footer styles */
#footer {clear:both; float:left; width:100%; border-top:1px solid #e5e7c9; font-size:12px; }
#footer a {color:#000; text-decoration:none;}
#footer a:hover {color:#ff9900; text-decoration:none;}
#footer p {padding:10px; margin:0; text-align:center;}
#footer p.copyright{padding:0;color:#6a7878;margin-bottom:4px;}
/* --> */

.info_head{background-image:url(../images/qvqcenter.jpg); background-repeat:no-repeat;}
.case_head{background-image:url(../images/qvqproject.jpg); background-repeat:no-repeat;}