body {
	background: #fff url(images/bgBody.gif) repeat-x top left;
	font: 80% "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height:20px;
}
h1 {
	font-size: 130%;
	font-weight:bold;
}
ul {
	margin:0;
	padding:0;
}
#navBar {
	background-color: black;
	width: 100%;
	height: 29px;
}

#navBar ul a {
	color: white;
	text-decoration: none;
	border-style: none;
}

#navBar ul {
	margin: -1px auto 0;
	width: 404px;
	padding-left:15px;
}

#navBar ul li {
	float: left;
	margin-right: 5px;
	list-style-type: none;
}

li#navHome {
	width: 70px;
	height: 23px;
	background-image: url(images/navHome.gif);
	background-position: 70px 0;
}

#pageHome li#navHome {
	background-image: url(images/navHome.gif);
	background-repeat: no-repeat;
	background-position:  0 0;
	
}

#pageDemo li#navDemo {
	background-image: url(images/navDemo.gif);
	background-repeat: no-repeat;
	background-position:  0 0;
	
	
}

#pageContact li#navContact {
	background-image: url(images/navContact.gif);
	background-repeat: no-repeat;
	background-position:  0 0;
		
}

#pageStudio li#navStudio {
	background-image: url(images/navStudio.gif);
	background-repeat: no-repeat;
	background-position:  0 0;
		
}
#pageLinks li#navLinks {
	background-image: url(images/navLinks.gif);
	background-repeat: no-repeat;
	background-position:  0 0;
		
}
#pageAbout li#navAbout {
	background-image: url(images/navAbout.gif);
	background-repeat: no-repeat;
	background-position:  0 0;
		
}

li#navHome:hover {
	background-image: url(images/navHome.gif);
	background-repeat: no-repeat;
	background-position:  0 0;
}

li#navHome a {
	width: 70px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}

li#navDemo {
	background-image: url(images/navDemo.gif);
	width: 75px;
	height: 23px;
	background-position: 75px 0;
}

li#navDemo:hover {
	background-image: url(images/navDemo.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

li#navDemo a {
	width: 75px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}

li#navContact {
	background-image: url(images/navContact.gif);
	width: 96px;
	height: 23px;
	background-position: 96px 0;
}

li#navContact:hover {
	background-image: url(images/navContact.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

li#navContact a {
	width: 96px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}

li#navStudio {
	background-image: url(images/navStudio.gif);
	width: 80px;
	height: 23px;
	background-position: 80px 0;
}

li#navStudio:hover {
	background-image: url(images/navStudio.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

li#navStudio a {
	width: 80px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}

li#navAbout {
	background-image: url(images/navAbout.gif);
	width: 71px;
	height: 23px;
	background-position: 71px 0;
}

li#navAbout:hover {
	background-image: url(images/navAbout.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

li#navAbout a {
	width: 71px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}

li#navLinks {
	background-image: url(images/navLinks.gif);
	width: 62px;
	height: 23px;
	background-position: 62px 0;
}

li#navLinks:hover {
	background-image: url(images/navLinks.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

li#navLinks a {
	width: 62px;
	height: 23px;
	display: block;
	text-indent: -9999px;
}
/* removes dotted link effect*/
a, a:link, a:visited, a:hover, a:active, input { outline:0; color:#003A76;font-weight:bold;text-decoration:none; }
a:hover {
color:#90BBEE;
}
#header {
	width: 760px;
	height: 79px;
	background: url(images/header.gif) no-repeat right;
	margin:0 auto;
	/*top:29px;
	position: relative;*/
}
#header h1 {
	margin: 0;
	/*position: relative;
	top: 10px;
	left: 120px;*/
	text-indent: -9999px;
}
#header h1 a {
	display: block;
	width: 230px;
	height: 64px;
}


#content {
	width: 670px;
	margin:0 auto;
	padding:10px 45px;
	background: #fff url(images/bgMain.gif) no-repeat 0 0;
}

#content h1 {
	margin:0;
	color:#003a76;
}

#footer {
	width: 760px;
	height: 42px;
	margin:0 auto;
	background: #fff url(images/footer.gif) no-repeat left;
	clear:both;
}
#copyright {
	margin:0 auto;
	width:299px;
	padding:1px 0 0;
}

#copyrightText {
	width: 119px;
	height: 31px;
	background: #000 url(images/crLeft.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin:3px 0 0;
	float:left;
	display: block;
}

#copyrightLink {
	background-image: url(images/crRight.gif);
	width: 180px;
	height: 31px;
	background-position: 180px 0;
	margin:3px 0 0;
	display: block;
	float:right;
}

#copyrightLink:hover  {
	background-image: url(images/crRight.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#copyright a {
	width: 180px;
	height: 31px;
	text-indent: -9999px;
}

#contactForm  {
	width:386px;
}

#contactForm  label{
	float:left;
	width:80px;
}

#contactForm  input, #contactForm textarea{
	margin-bottom: 10px;
}

#contactForm  input.btnContact {
	background-image: url(images/btnSubmit.gif);
	width: 69px;
	height: 23px;
	background-position: 0 0;
	background-repeat: no-repeat;
	float:right;
}
#contactForm  input.btnContact:hover {
	background-image: url(images/btnSubmit.gif);
	background-position: -69px 0;
	background-repeat: no-repeat;
	float:right;
}

#contactImage {
	float:right;
	padding-top:5px;
}

.error {
	margin:10px auto;
	width:508px;
	padding:5px;
	border: 1px solid red;
	background: #fff;
	color: red;
}

.error ul {
	list-style: disc inside;
}

.demoPlayer {
	margin:0 auto;
	width:324px;
}

#demoList {
	margin:0 auto;
	text-align: center
}
#demoList li {
	list-style-type:none;
	display:inline;
}
.columnLists {
    width: 490px;
    margin:0 auto;
	overflow:auto;
}
.columnLists ul {
	float:left;
    width:50%;
}
.columnLists ul li {
	list-style-type:none;
}
.columnLists ul li h2 {
	font-size:120%;
	margin:o auto;
}

#hcLabel, #hc {
	display:none;
}

.formResult {
	height:32px;
}