/*  
Theme Name: vrspace
Theme URI: http://www.vrspace.com.au
Description: Design by <a href="http://www.fuzzyfocus.com/">fuzzyfocus</a>.
Version: 1.0
Author: Fi cameron
Author URI: http://www.fuzzyfocus./

	
*/


* {margin:0; padding:0;}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Tahoma, Arial, Helvetica, sans-serif;  
	background:url(images/bg_page.gif) top left repeat;
	color:#333333; 
	text-align: center;
	margin:15px;
	font-size: 11px;
	}


a:link, a:visited {	color: #526060 ; text-decoration: none;}
a:hover {color: #808080 ; text-decoration: underline;}	

p {margin:5px 0 5px 0;}

hr {border:0; border-top:1px dashed #aaaaaa; width:100%; margin-top:10px; margin-bottom:10px;}

ul {padding-left:15px; list-style-position:inside; }
table { width:880px;}
td { vertical-align:top;}

/* headings */

h1 {  font-size: 15px; color: #737373 ; font-family:   Helvetica, sans-serif; text-transform:lowercase; background:url(images/logo.png) 10px 7px no-repeat; height:55px; width: 250px;}
	h1 a:link, h1 a:visited {	color: #737373 ;	text-decoration: none;  font-family:   Helvetica, sans-serif; }
	h1 a:hover {color: #BBBBBB ; 	text-decoration: none;  font-family:     Helvetica, sans-serif;}
	h1 span { position:absolute; left:-1000px; }

#page h2 {margin-left: -2000px;}
	#lower #page h2 {font-size: 25px; color: #629FD6 ; margin:0 0 3px 50px; padding-left:250px;text-transform:uppercase;  }
	#page h2 a {text-decoration:none; color:#629FD6;  }
	

#page h3 {font-size: 12px; color:#E06818; padding-top: 8px;  padding-left:16px; background:url(images/logoH3.png) bottom left no-repeat; }
	#page h3.clearabove {clear:both;}	


#page h4 {font-size: 11px; color:#61a0d6;   }
	#page h4 a:link, #page h4 a:visited {color:#61a0d6; }
	

	#page .promo h4 {border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; background:url(images/bg_nav.gif) center left repeat-x; clear:both;  font-weight:bold; margin:0; padding-top:0;padding-left:10px; line-height:20px; margin-bottom:2px;}
	#pages_about .promo h4, #pages_services .promo h4  {  border-top:0; }	
	
	
	#pages_ div.projects h4 { border-bottom:1px solid #E4E4E4; background:url(images/bg_nav.gif) center left repeat-x; clear:both;  font-weight:bold; margin:0; padding-top:0;padding-left:300px; line-height:15px;  }	
	
#page h5 {font-size:11px; color:#E06818; padding-top:10px; }
	

/* Begin Structure */

#container {margin: auto; width:900px; position:relative; background:#fff url(images/content_bg.png) right 250px no-repeat; }
#sidecolumn {position:absolute; text-align:left; width:250px; left:750px; top:0px; margin-top:20px;}

	
#header{ }


#nav {width:900px; background:url(images/bg_nav.gif) bottom left repeat-x; height:23px;  border-bottom: 1px solid #fff;}
	#nav ul  {  float:right; width: auto;}
	#nav ul li {display:inline;  }
	#nav ul li a { float:left; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px 4px 10px; margin:0; border-left:1px solid #fff; }
	#nav ul li a:link, #nav ul li a:visited {color: #95a9bd ; text-decoration: none;}
	#nav ul li a:hover {color:#60707f ;}
	#nav ul li.current_page_item a , .current_page_parent a, #pages_ .page-item-43 a, #pages_ .page-item-43 a:visited {color:#60707f; text-decoration:none; background:url(images/bg_nav_hover.png) bottom left repeat-x;  }
	



#headerimg { background-color:#000000; background:url(images/banner_bg.png) bottom center no-repeat; height:170px; position:relative;}
#banner { float:right; width:900px; z-index:3; height:160px; background:url(images/banner_projects.jpg) top right no-repeat;}
	#pages_home #banner{ background:url(http://www.fuzzyfocus.com/vrspace/banner_images/image01.jpg) top right no-repeat; }
	#pages_about #banner{ background:url(images/banner_about.jpg) top right no-repeat; }
		#pages_thetechnology #banner{ background:url(images/banner_about.jpg) top right no-repeat; }
	#pages_services #banner{ background:url(images/banner_services.jpg) top right no-repeat; }
		#pages_real-timemodeling  #banner{ background:url(images/banner_services.jpg) top right no-repeat; }
		#pages_graphicsprogramming #banner{ background:url(images/banner_services.jpg) top right no-repeat; }
		#pages_consultancy #banner{ background:url(images/banner_services.jpg) top right no-repeat; }
		#pages_displaysystemenvironments #banner{ background:url(images/banner_services.jpg) top right no-repeat; }
	#pages_contact #banner{ background:url(images/banner_contact.jpg) top right no-repeat; }
	
#pages_nav ul { width:300px; position:absolute; left:0px; bottom:0px; padding-bottom:15px; padding-left:10px; margin:0 0 0 50px; text-transform:lowercase; border-left: 1px solid #ffc24c; z-index:1;}
	#pages_nav ul li { list-style:none;}
	
	#pages_nav a:link, #pages_nav a:visited { color:#FFFFFF; font-family:"Courier New", Courier, monospace;}
	#pages_nav a:hover{ color:#8DBCBD;}
	
#description { padding:10px 20px 10px 20px; font-size: 11px;  color: #3d0204 ; text-align:center; font-weight:bold; }

#page { text-align: left; width: 900px;	}



#pagetitle { height:45px;  }
	#pages_home #pagetitle {height:5px;}

	
div.breadcrumb {margin-left:50px; border-left: 1px solid #ffc24c;  height:45px;   background:url(images/heading_projects.png) left top no-repeat; font-family:"Courier New", Courier, monospace; font-size:15px; font-weight:bold; line-height:40px;color:#666666;   }
	div.breadcrumb a {display:block; width: 190px; height:44px; float:left;  }
	div.breadcrumb a:hover {border-bottom:1px solid #ffc24c;}
	div.breadcrumb a span{margin-left:-1000px; }
	div.breadcrumb span.currentheading {margin-left:-1000px; }
	
	
	#pages_ span.currentarticle {margin-left:-1000px; }
		#pages_ div.breadcrumb span.slideaway {margin-left:-1000px; }	
	#pages_home div.breadcrumb { background:none; border:none; }
	#pages_about div.breadcrumb { background:url(images/heading_about.png) left top no-repeat;}
		#pages_thetechnology div.breadcrumb { background:url(images/heading_about.png) left top no-repeat;}
			#pages_thetechnology div.breadcrumb a {width:140px; }
			#pages_thetechnology span.currentheading {margin-left:0; }
	#pages_products div.breadcrumb { background:url(images/heading_products.png) left top no-repeat;}
		#pages_software div.breadcrumb { background:url(images/heading_products.png) left top no-repeat;}
			#pages_software div.breadcrumb a {width:200px; }
			#pages_software span.currentheading {margin-left:0; }
		#pages_hardware div.breadcrumb { background:url(images/heading_products.png) left top no-repeat;}
			#pages_hardware div.breadcrumb a {width:200px; }
			#pages_hardware span.currentheading {margin-left:0; }
	#pages_services div.breadcrumb { background:url(images/heading_services.png) left top no-repeat;}
		#pages_consultancy div.breadcrumb { background:url(images/heading_services.png) left top no-repeat;}
			#pages_consultancy div.breadcrumb a {width:180px; }
			#pages_consultancy span.currentheading {margin-left:0; }
		#pages_real-timemodeling div.breadcrumb { background:url(images/heading_services.png) left top no-repeat;}
			#pages_real-timemodeling div.breadcrumb a {width:180px; }
			#pages_real-timemodeling span.currentheading {margin-left:0; }
		#pages_graphicsprogramming div.breadcrumb { background:url(images/heading_services.png) left top no-repeat;}
			#pages_graphicsprogramming div.breadcrumb a {width:180px; }
			#pages_graphicsprogramming span.currentheading {margin-left:0; }
		#pages_displaysystemenvironments div.breadcrumb { background:url(images/heading_services.png) left top no-repeat;}
			#pages_displaysystemenvironments div.breadcrumb a {width:180px; }
			#pages_displaysystemenvironments span.currentheading {margin-left:0; }
	
	#pages_markets div.breadcrumb { background:url(images/heading_markets.png) left top no-repeat;}
	#pages_contact div.breadcrumb { background:url(images/heading_contact.png) left top no-repeat;}
	


#content {	margin-top: 0; padding:1px 30px 20px 30px;   	}
	#pages_ #content {padding-top:20px;}


	




/* end Structure */



/* Content classes */





#page .contentarea {	margin: 0 0 5px 0px; padding:0 10px;}
#page .contentarea ul li { list-style:square; list-style-position:outside; margin:1px 0 1px 20px;}
#page .contentarea ul {  margin:10px 10px 10px 10px}


td.leftcolumn {  width:490px; padding-right:50px; }
td.rightcolumn {  width:300px;   }
	#pages_real-timemodeling td.rightcolumn {  width:400px;   }
	#pages_real-timemodeling td.leftcolumn {  width:400px; padding-right:50px; }	
	
#page img.right {margin:5px 0 5px 10px; float:right; padding:2px; border:1px solid #E4E4E4;}
#page img.left {margin:0 10px 5px 0; float:left; padding:2px; border:1px solid #E4E4E4;}
	
	
div.promo {width:250px; border:1px solid #E4E4E4; margin: 5px 0px 15px 0px; padding:0 0 2px 0;  }
	.promo img {margin:0; padding:0; }
	.promo ul li { list-style-type:square;}
	#page .promo p {margin:0px 2px 0px 4px;}
	


.qa {
	font-size: 11px; 
	font-style: normal; 
	font-weight: 400;
	color: #666666 ; 
}
p.blurb { font-size:13px; color:#333333; margin-bottom:10px;}
ul.blurb li { font-size:13px; color:#333333; list-style-type:none}
td.blurb {
	padding-left:10px;
	padding-right:10px;
	padding-top: 10px;
}
.nav {
	font-family: Arial, Helvetica, sans-serif; 
	color: #808080;}
	
.post {  }
.entry {}

div.projects {border:1px solid #E4E4E4; height:84px; position:relative; width:700px; }	
	#page div.projects img {position:absolute; top:0; left:0; border-right:1px solid #E4E4E4; padding:2px; background-color:#FFFFFF}
	#page div.projects p{margin-left:300px;}
	.post span.details {  font-size: 0.8em; color:#999999; font-weight:normal; padding-left:10px;}

 
.postmetadata {
	padding-top: 5px;
	clear: left;
	}

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

 .attachment {
	text-align: center;
	margin: 5px 0px;
}



.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('images/icon-printerfriendly.gif');
}

.post ul.controls li.comments a
{
background-image: url('images/icon-comments.gif');
}

.post ul.controls li.readmore a
{
background-image: url('images/icon-more.gif');
}


#footer {	padding: 4px 0 3px 0;	margin-right:15px; margin-left:15px; text-align:center; clear: both; color:#D4D4D4; border-top:1px solid #E4E4E4; }
#footer a { color:#C4C4C4;} 



/* End content classes */







/* Begin Form Elements */

#form{}
	
#contactform { text-align:left; }
	#contactform  div#label { padding: 2px; margin:5px; }
	#contactform span { width:210px; text-align:right; display:block; float:left; line-height:16px; vertical-align:middle;margin-top:4px;}
	#contactform select, #contactform input {  border:solid #E4E4E4 1px; text-align:left;  margin:4px; background-color:#f6f5e7; font-size:1.05em; color:#666;  line-height:16px; }
	#contactform input.inputbox {  width:200px;}
	#contactform textarea {  border:solid #E4E4E4 1px; text-align:left;  margin:4px; background-color:#f6f5e7; font-size:1.05em; color:#666; padding:2px; }

	#contactform select { width:202px;}
	#contactform input:radio {border: outset 1px #E4E4E4 ; }
 	

	#contactform input.button {border: outset 1px #E4E4E4 ;height:20px; background-color:#719798; color:#fff; width:50px; text-align:center;}
 	#contactform input.button:hover {border: outset 1px #E4E4E4 ;height:20px; background-color:#333333; color:#fff; cursor:pointer;}
	#contactform input.reset {background-color:#b0b0b0; margin-right:10px;}

/* End Form Elements */