/* Matweb Screen Styles v4 */

body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 75%;
}

/* Globally remove margin and padding and set normal font size for page */
* {
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 1em;
}

body {
	background-color: #FFFFFF;
	color: #000000;
	background-image: url(../images/v4/bg_stripe_orange1.gif);
	background-repeat: repeat-x;
}

/* General Link styles */
a:link {
	text-decoration: none;
	color: #0066FF;
}
a:visited {
	text-decoration: none;
	color: #003399;
}
a:hover {
	text-decoration: underline;
}
.hidden {
	display: none;
}
/* Main Layout */
div#wrapper {
	width: 784px;
	margin: 0px auto 0px auto;
	background: none;
	/* border-top: 1px dashed #cc0000; */
}
div#pageheader {
	height: 48px;
	overflow: hidden;
}
div#pageheader a {
  /*height: 0px;
  overflow: hidden;*/
}
div#pageheader h1 {
  height: 0px;
  overflow: hidden;
}
div#pageheader img#headerPic {
	width: 784px;
	height: 48px;
}
div#toppane {
	height: 158px;
	overflow: hidden;
	background-image: url(../images/v4/toppane_bg1.gif);
	background-repeat: no-repeat;
}
div#paneContent {
	height: 138px;
	margin: 6px 10px 0px 10px;
	background-color: #CCCCCC;
	/*overflow: hidden;*/
	/*border: 1px dashed #cc0000;*/
}
div#title {}
div#main {
	width: 784px;
	padding: 4px 0px 4px 0px;
	overflow: hidden;
	background: transparent;
	background-image:  url(../images/v4/page_bg1.gif);
	background-repeat: repeat-y;
	border: none;
}
div#main p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0.2em 0em 0.5em 0em;
}
div#sideBar {
	float: right;
	position: relative;
	width: 130px;
	margin: 0px 17px 0px 0px;
}
div#sideBar h2#menu {
	display: none;
}

div#sideBar h2#multimedia {
	height: 0px;
	margin: 4px 0px;
	padding-top: 24px;
	overflow: hidden;
	background-image: url(../images/v4/multi_header_bg1.gif);
	background-repeat: no-repeat;
}
div#sideBar p {
	color: #333333;
}
div#sideBar ul {
	margin-left: 1px;
	list-style-type: square;
	list-style-position: inside;
	color: #FF6600;
}
div#sideBar ul li:hover {
	border-right: 3px solid #FF6600;
}
body.contact div#sideBar ul li#contact {
	border-right: 3px solid #0066FF;
}
body.demo div#sideBar ul li#demo {
	border-right: 3px solid #0066FF;
}
body.cv div#sideBar ul li#cv {
	border-right: 3px solid #0066FF;
}
body.clients div#sideBar ul li#clients {
	border-right: 3px solid #0066FF;
}


div#content {
	width: 610px;
	margin-left: 17px;
	margin-top: 6px;
	padding-bottom: 5px;
	overflow: hidden;
}
div#content div.twoColumns {
	float: left;
	/*position: relative;	*/
	width: 300px;
}
div#content div.threeColumns {
	float: left;
	position: relative;	
	width: 200px;
	margin: 0px 10px 0px 0px;
}
div#content div.projectThumb {
	float: left;
	position: relative;	
	width: 94px;
	height: 70px;
	margin: 1px 0px 8px 6px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
div#content div.firstProjectThumb {
	float: left;
	position: relative;	
	width: 94px;
	height: 70px;
	margin: 1px 0px 8px 0px;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
div#content div.projectThumbs img {
	float: left;
	position: relative;
	margin: 1px 0px 8px 6px !important;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
div#content div.projectThumbs img.firstThumb {
	margin: 1px 0px 8px 0px !important;
}
div#content object {
	background-color: #000000;
}
div#columnOne {
	clear: left;
	/*background-color: #CCFFCC;*/
}

div#columnTwo {
	margin: 0px 0px 0px 10px;
}
div.twoColTwo {
	margin: 0px 0px 0px 10px;
}
div#content h2 {
	clear: left;
	margin: 0.5em 0em 0.3em 0em;
	padding-top: 0.3em;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #FF6600;
}
div#content h2:first-child {
	padding-top: 0em;
	margin-top: 0em;
}
div#content h3 {
	clear: left;
	color: #0066FF;
	font-size: 1em;
	line-height: 1.4em;
}
div#content h4 {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0.2em 0em 0.2em 0em;
	color: #333333;
}
div#content ul {
	margin-left: 1px;
	list-style-type: square;
	list-style-position: inside;
	font-size: 0.9em;
	line-height: 1.3em;
}
div#content ul li {
	margin: 0.2em 0em 0.4em 0em;
	color: #000000;
}
div#content p {
	color: #000000;
}
div#content dl {
	margin-top: 0.2em;
}
div#content dt {
	clear: both;
	margin-left: 9em;
	margin-right: 0.5em;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.3em;
	color: #FF6600;
}
div#content dd {
	margin: 0em 1em 0.6em 8em;
	line-height: 1.3em;
}
div#content .project_date {
	font-weight: bold;
	color: #666;
}

/* Footer */
div#footer {
	background-image:  url(../images/v4/footer_bg1.gif);
	background-repeat: no-repeat;
	border: none;
}

div#footer p {
	margin-right: 157px;
	margin-left: 17px;
	padding: 0.8em 1em 0.5em 1em;
	line-height: 1.2em;
	text-align: center;
	font-size: 85%;
	color: #333333;
}
div#footer span.copyright {
	/*font-size: 85%;
	color: #333333;*/
}

/* Type styles */ 
.smallCaps {
	font-size: 90%;
}
div#content p.demoInfo {
	color: #666666;
	clear: left;
}
div#content p.demoURL {
	clear: left;
}
acronym {
	border-bottom: 1px dotted #333;
	cursor: help;
}


/* Page Specific */
body.cv div#content h3 {
	border-top: 1px solid #eeeeee;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-right: 10px;
}
body.cv div#content .indent {
	margin-left: 8em;
}

body.clients div#content img.clientLogo {
	float: left;
	width: 82px;
	margin: 2px 8px 8px 0px;
	border: 1px solid #666666;
	vertical-align: middle;
}
body.clients div#content img.clientLock {
	float: right;
	width: 20px;
}
body.clients div#content img.clientInfo {
	float: right;
	width: 20px;
	margin-left: 4px;
}
body.clients div#content h3 {
	line-height: 2em;
	border-top: 1px dotted #cccccc;
}
body.clients div#content h3 a:visited {
	color: #0066FF;
}
body.clients div#content h3.protected {
	min-height: 20px;
	padding-left: 22px;
	background-image: url(../images/home/ic_lock.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
}
body.clients div#content h3.externalLink {
	min-height: 20px;
	padding-left: 22px;
	background-image: url(../images/home/ic_external1.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
}

/* commented backslash hack v2 for Mac IE5                       */
/* Styles within the comment blobk below are only seen by MacIE5 */
/* It's a hack, it's ugly, but hell, it works!                   */

/*\*//*/

div#columnTwo {} 

/**/