/*******************************************************
TITLE: Fixed Box Layout  V1.0
DATE: 20060809
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:3em;
padding:0;
height:100%;
background-color:#ffffff;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background-color: #000;
background-image: url("images/pattern3.gif");
background-repeat: repeat-x;
color: #fff;
width: 1024px;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#eeeeee;
text-decoration:none;
}

h3 {
font-size:1.2em;
padding-left: 40px;
padding-top: 0px;
color: #00a273;
}

blockquote {
margin:1em;
padding:.5em;
background-color:#eeeeee;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

blockquote p {
margin:.2em;
}

#centerColumn { 	
margin:0 auto;
width:800px;
text-align:left;
vertical-align: middle;	
background-color:black;
position: relative;
top: -110px;
border-left-width: solid 1px white;
color: #999999;
}

#centerColumn p{ 	
padding: 0px 0px 0px 40px;
width: 700px;

}

#centerColumn h2 {
font-size:1.5em;
padding-left: 40px;
padding-top: 60px;
color: #00c2e0;
}



#header {
	width: 1024px;
	height: 230px;
			background-image: url("images/header.jpg");
			background-position: 0px 0px;
		position: relative;
		padding: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		top: -40px;
}



#header h1 {
margin:0 0 -.6em 0;
padding:.5em 0 0 1em;
font-size:1.5em;
letter-spacing:.1em;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 1.75em;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
}

#navigation {
   float: right;
   width: 800px;
   padding: 0px 0px 0px 0px;
   height: 38px;
   overflow: hidden;
   position: relative;
}

#navigation ul {
   padding: 0 0 0 0px;
   margin: 0;
   list-style: none;
}

#navigation li {
   display: inline;
}

#navigation a {
   float: left;
   display: block;
   height: 38px;
   text-decoration: none;
   margin: 0 0px 0 0;
   background: url(images/main_menu.jpg) no-repeat;
   text-indent: 99999px;
   padding: 0 0 0 0;
}

#navigation li#home a{ width: 209px; background-position: 0px 0px; }

#navigation li#demos a{ width: 198px; background-position: -209px 0px; }

#navigation li#gallerybt a{ width: 198px; background-position: -407px 0px; }

#navigation li#prototyping a{ width: 193px; background-position: -605px 0px; }


#navigation li#home a:hover{ width: 209px; background-position: 0px -38px; }

#navigation li#demos a:hover{ width: 198px; background-position: -209px -38px; }

#navigation li#gallerybt a:hover{ width: 198px; background-position: -407px -38px; }

#navigation li#prototyping a:hover{ width: 193px; background-position: -605px -38px; }


#navigation li#home_selected a{ width: 209px; background-position: 0px -38px; }

#navigation li#demos_selected a{ width: 198px; background-position: -209px -38px; }

#navigation li#gallerybt_selected a{ width: 198px; background-position: -407px -38px; }

#navigation li#prototyping_selected a{ width: 193px; background-position: -605px -38px; }

#footer {
position:relative;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
background: url(images/footer_new.jpg) no-repeat;

}

--------------------------------------------------------------------------------
li {
	list-style:none;
}

#gallery, ul#gallery li{
	margin:0;
	border: none;
	padding:0;
	list-style:none;
	}
#gallery{
	margin:0;
	border: none;
	width:280px;
	height:310px;
	top: 0px;
	left: 0px;
	padding-left: 20px;
	padding-top: 10px;
	background:url(image/preview.png);
	padding-bottom: 80px;
	}			
#gallery li{
	margin:5px;
	color:black;
	border: none;
	float:left;
	margin-top:0px;
	}								
#gallery a span{
	margin:0;
	border: none;
	display:none;
	}
#gallery a:hover{
	margin:0;
	border: none;
	background:none;
	z-index:100;
	}	
#gallery a:hover span{
	margin:0;
	border: none;
	width:400px;
	height:30px;
	position: absolute;
	float:left;
	top:0;
	left:0;
	display:block;
	padding-left: 270px;
	padding-top: 130px;
	}

#gallery img {
	
}


#contact_form{
	padding: 0px 0px 0px 300px;
}

#footer{
	margin: 0 auto;
	width: 812px;
	font-size: 0.8em;
	color: #17724f;
}

#footer a{
	margin: 0 auto;
	width: 812px;
		color: #17724f;

	text-decoration: none;
}

#banner {
	padding-left: 40px;
	padding-bottom: 20px;
	padding-top: 50px;
}

#centerColumn object {
	padding-left: 220px;
}