@charset "UTF-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 600px;
	background: white;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* border:3px solid #777;
	border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */
	} 
	
#leftpanel_home {
	position:absolute;
	width:350px;
	height:600px;
	background-color:#cc7152; 
	clear:right;
	}
	
#leftpanel_home #big_Q {
	z-index:10;
	position:absolute;
	left:164px;
	top:197px;
	}

#leftpanel_portfolio {
	position:absolute;
	width:350px;
	height:600px;
	background-color:#73747b;
	clear:right;
	}
	
#leftpanel_portfolio #big_Q {
	z-index:10;
	position:absolute;
	left:164px;
	top:197px;
	}

#leftpanel_capabilities {
	position:absolute;
	width:350px;
	height:600px;
	background-color:#5170ae;
	clear:right;
	}
	
#leftpanel_capabilities #big_Q {
	z-index:10;
	position:absolute;
	left:164px;
	top:197px;
	}

#leftpanel_contact {
	position:absolute;
	width:350px;
	height:600px;
	background-color:#a04343;
	clear:right;
	/* border: 1px solid #00FF00;  */
	}
	
#leftpanel_contact #big_Q {
	z-index:10;
	position:absolute;
	left:164px;
	top:197px;
	}

#vertical_bar {
	z-index:5;
	position:absolute;
	left:338px;
	top:0;
	}

#mqd_banner {
	z-index:15;
	position:absolute;
	left:0;
	top:269px;
	}

#rightpanel {
	position:relative;
	margin:0;
	width:390px;
	height:inherit;
	background-color:white;
	float:right;
	clear:left;
	}

#rightpanelContent {
	position:relative;
	height:inherit;
	padding-top:0;
	padding-left:8px;
	float:left;
	}
	
.example {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	}


#rightpanelContent h1 { 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size:26px; 
	color:#900;
	padding-top:20px;
	}
#rightpanelContent h2 { 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size:21px; 
	color:#000;
	}
h3 { 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size:17px; 
	color:#000;
	}
h4 { 
	font-family: verdana,arial,helvetica,sans-serif; 
	font-size:14px; 
	color:#000;
	}
	
p.tabs {
	font-family: helvetica,arial,sans-serif; 
	font-size:11px; 
	padding-left:1px;
	margin-top:3px;
	line-height:140%;
}

p.contactText { line-height:175%; }

a: {outline:0;}
a:link, a:visited{text-decoration:none; color:#990000;}
a:hover {text-decoration:underline; color:#339;}
a:active {text-decoration:underline; color:#66C;} 

hr.header {
	margin-top:-8px;
	border:medium; 
	background:#999; 
	height:1px;
	}

.smallText {font-size:11px;}

.selected {
	color:#333;
	font-weight:600;
	}

/* .selected {background-color:#dddddf;} */