

body { 
	font-size: 1em; 
	font-family: Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Sans-Serif; 
	background: #333; 
	color: #fff; 
	margin: 0;}

h3 {font-weight:normal;}

	   h1,h2,h3,h4 { margin: 0 0 3px 0; }
	
     .swooshtxt { color: #2448be; font: bold 142px "museo-sans-1","museo-sans-2",Helvetica, Arial, Sans-Serif;    
     }

    .softwaretxt { color: #666; font: bold 72px "museo-sans-1","museo-sans-2",Helvetica, Arial, Sans-Serif;
      
	       -webkit-transition: all 0.12s ease-out;
           -moz-transition: all 0.12s ease-out;
           -o-transition: all 0.12s ease-out;
		margin: 0 0 3px 0;
     }
     .softwaretxt:hover {
        text-shadow: 1px 1px #fff, 2px 2px #fff, 3px 3px #fff, 4px 4px #fff, 5px 5px #fff, 6px 6px #fff;
     }

#wrapper {width:100%;height:100%;}
.swoosh { 
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:50%;
	top:.5em;
	border:0px solid white;}


.software { 
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:50%;
	left:65px;
	top:-55px;
	border:0px solid white;
	text-align:center; }

.about{	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:70%;
	position:relative;
	top:-50px;}

	.contact{	
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:70%;
		position:relative;
		top:-40px;}
	
	.contact a {text-decoration:none;color:#999;}
	.contact a:hover {text-decoration:none;color:red;}
	
	/*position and hide the menu initially - leave room for menu items to expand...*/
	#page {padding-top:150px; padding-bottom:20px; width:100%;}
	#menu {position:relative; top:0; left:0; width:100%; display:none;}
	/*dock styling...*/
	/*...centre the dock...*/
	#menu div.jqDockWrap {margin:0 auto;}
	/*...set the cursor...*/
	#menu div.jqDock {cursor:pointer;}
	/*label styling...*/
	div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:#ffffff; cursor:pointer;}
